diff --git a/docs/img/dark/context_menu/area_context_menu.png b/docs/img/dark/context_menu/area_context_menu.png
new file mode 100644
index 0000000..b948c8c
Binary files /dev/null and b/docs/img/dark/context_menu/area_context_menu.png differ
diff --git a/docs/img/dark/context_menu/canvas_context_menu.png b/docs/img/dark/context_menu/canvas_context_menu.png
new file mode 100644
index 0000000..9658dcf
Binary files /dev/null and b/docs/img/dark/context_menu/canvas_context_menu.png differ
diff --git a/docs/img/dark/context_menu/field_context_menu.png b/docs/img/dark/context_menu/field_context_menu.png
new file mode 100644
index 0000000..ae81a36
Binary files /dev/null and b/docs/img/dark/context_menu/field_context_menu.png differ
diff --git a/docs/img/dark/context_menu/note_context_menu.png b/docs/img/dark/context_menu/note_context_menu.png
new file mode 100644
index 0000000..fef9088
Binary files /dev/null and b/docs/img/dark/context_menu/note_context_menu.png differ
diff --git a/docs/img/dark/context_menu/relationship_context_menu.png b/docs/img/dark/context_menu/relationship_context_menu.png
new file mode 100644
index 0000000..9413bac
Binary files /dev/null and b/docs/img/dark/context_menu/relationship_context_menu.png differ
diff --git a/docs/img/dark/context_menu/subtype_context_menu.png b/docs/img/dark/context_menu/subtype_context_menu.png
new file mode 100644
index 0000000..44ab7d6
Binary files /dev/null and b/docs/img/dark/context_menu/subtype_context_menu.png differ
diff --git a/docs/img/dark/context_menu/table_context_menu.png b/docs/img/dark/context_menu/table_context_menu.png
new file mode 100644
index 0000000..0001486
Binary files /dev/null and b/docs/img/dark/context_menu/table_context_menu.png differ
diff --git a/docs/img/light/context_menu/area_context_menu.png b/docs/img/light/context_menu/area_context_menu.png
new file mode 100644
index 0000000..bd55425
Binary files /dev/null and b/docs/img/light/context_menu/area_context_menu.png differ
diff --git a/docs/img/light/context_menu/canvas_context_menu.png b/docs/img/light/context_menu/canvas_context_menu.png
new file mode 100644
index 0000000..ff3412a
Binary files /dev/null and b/docs/img/light/context_menu/canvas_context_menu.png differ
diff --git a/docs/img/light/context_menu/field_context_menu.png b/docs/img/light/context_menu/field_context_menu.png
new file mode 100644
index 0000000..6bebdc1
Binary files /dev/null and b/docs/img/light/context_menu/field_context_menu.png differ
diff --git a/docs/img/light/context_menu/note_context_menu.png b/docs/img/light/context_menu/note_context_menu.png
new file mode 100644
index 0000000..3e4f0ee
Binary files /dev/null and b/docs/img/light/context_menu/note_context_menu.png differ
diff --git a/docs/img/light/context_menu/relationship_context_menu.png b/docs/img/light/context_menu/relationship_context_menu.png
new file mode 100644
index 0000000..3160bd7
Binary files /dev/null and b/docs/img/light/context_menu/relationship_context_menu.png differ
diff --git a/docs/img/light/context_menu/subtype_context_menu.png b/docs/img/light/context_menu/subtype_context_menu.png
new file mode 100644
index 0000000..06dfa1d
Binary files /dev/null and b/docs/img/light/context_menu/subtype_context_menu.png differ
diff --git a/docs/img/light/context_menu/table_context_menu.png b/docs/img/light/context_menu/table_context_menu.png
new file mode 100644
index 0000000..39a17db
Binary files /dev/null and b/docs/img/light/context_menu/table_context_menu.png differ
diff --git a/docs/left-click-context-menu.md b/docs/left-click-context-menu.md
new file mode 100644
index 0000000..a0db860
--- /dev/null
+++ b/docs/left-click-context-menu.md
@@ -0,0 +1,171 @@
+---
+sidebar_position: 2
+---
+
+import ThemedImage from '../src/components/ThemedImage';
+import Flex from '../src/components/Flex';
+import FAQ from '../src/components/FAQ';
+
+# Left Click Context Menu
+
+This menu was created to provide quick configuration for objects inside the canvas diagram area. Depending on the context menu displayed there will be different options. In order to close any context menu just left click anywhere outside the menu or open another context menu.
+
+## Canvas Context Menu
+
+The most general context menu is for all the diagram area, to open it just left click anywhere in the canvas area that is not occupied by an object. This will open a small menu next to the mouse cursor. like the one in the image below.
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/canvas_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/canvas_context_menu.png").default}
+    alt="Open canvas context menu"
+/>
+</Flex>
+
+### Canvas Context Menu Options
+
+| Option | Description |
+| --- | --- |
+| **Add table** | Creates a new database table in the diagram. Click to add a table with default columns that you can customize. |
+| **Add area** | Adds a visual area/container to group related tables or organize your diagram layout. |
+| **Add note** | Inserts a text note or comment anywhere on the canvas to document your database design. |
+| **Undo** | Reverts the last action performed on the diagram (Ctrl+Z shortcut). |
+| **Redo** | Re-applies the last undone action (Ctrl+Y shortcut). It is disabled when no actions to redo. |
+| **Area Selection** | Enables area selection mode to select multiple objects by dragging a selection rectangle. |
+
+## Table Context Menu
+
+The table context menu provides options specific to the selected table. To open it, right-click on a table in the diagram, specifically on the table header or an empty area within the table. This will display the following options:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/table_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/table_context_menu.png").default}
+/>
+</Flex>
+
+### Table Context Menu Options
+
+| Option | Description |
+| --- | --- |
+| **Edit** | Opens the table editor side panel to modify table properties, including name, columns, indexes, and constraints. |
+| **Rename** | Allows you to quickly rename the table without opening the full editor side panel. |
+| **Add field** | Adds a new column/field to the selected table with default properties that you can customize. |
+| **Delete** | Removes the selected table from the diagram. |
+
+## Field Context Menu
+
+The field context menu provides options specific to the selected field/column within a table. To open it, right-click on a field in the table. This will display the following options:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/field_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/field_context_menu.png").default}
+/>
+</Flex>
+
+### Field Context Menu Options
+
+| Option | Description |
+| --- | --- |
+| **Edit** | Opens the field editor side panel to modify field properties, including name, data type, constraints, and default values. |
+| **Rename** | This will open a pop-up window to quickly rename the field without opening the full editor side panel. When a foreign key field is selected, the pop-up will also allow you to update the referenced table and column. |
+| **Set Primary Key** | Sets the primary key constraint on the field. This option appears when the field is not currently a primary key. |
+| **Remove Primary Key** | Removes the primary key constraint from the field. This option appears when the field is currently set as a primary key. **Note:** If the primary key is also a foreign key, the foreign key constraint must be removed first. |
+| **Allow NULL** | Changes the field to allow NULL values. This option appears when the field is currently set to NOT NULL. **Note:** This option is not available for primary key fields. |
+| **Set NOT NULL** | Sets the field to NOT NULL, meaning it cannot accept NULL values. This option appears when the field currently allows NULL values. |
+| **Set Unique** | Adds a unique constraint to the field, ensuring all values in this column are distinct. This option only appears if the field does not currently have a unique constraint. |
+| **Remove Unique** | Removes the unique constraint from the field. This option only appears if the field currently has a unique constraint. **Note:** This constraint cannot be removed if the field is a primary key. |
+| **Enable Auto Increment** | Enables the auto-increment property on the field, which automatically generates a unique value for new records. This option only appears if the field does not currently have auto-increment enabled. |
+| **Disable Auto Increment** | Disables the auto-increment property on the field. This option only appears if the field currently has auto-increment enabled. |
+| **Delete** | Removes the selected field from the table. |
+
+## Relationship Context Menu
+
+The relationship context menu provides options specific to the selected relationship/connection between tables. To open it, right-click on a relationship line in the diagram. This will display the following options:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/relationship_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/relationship_context_menu.png").default}
+/>
+</Flex>
+
+### Relationship Context Menu Options
+
+| Option | Description |
+| --- | --- |
+| **Edit** | Opens the relationship editor dialog to modify relationship properties, including name, cardinality, and other settings. |
+| **Set Default Name** | Resets the relationship name to the automatically generated default name based on the connected tables. |
+| **Rename** | Opens a dialog to quickly rename the relationship without accessing the full editor. |
+| **Swap Direction** | Reverses the direction of the relationship, switching which table is the parent and which is the child. |
+| **Show Label** | Toggles the visibility of the relationship label/name on the diagram. When enabled, the relationship name appears in the middle of the connection line. |
+| **Relationship Type** | Opens a submenu to change the type of relationship (one-to-one, one-to-many and subtype). |
+| **Cardinality** | Opens a submenu to modify the cardinality settings for the relationship. For One-to-Many relationships, available values include (1, _), (0, _), and custom values where \* can be replaced with any number greater than 1. For One-to-One relationships, available values are (1, 1) and (0, 1). |
+| **Delete** | Removes the selected relationship from the diagram. **Note:** This will also remove any foreign key constraints associated with this relationship. |
+
+## Subtype Relationship Context Menu
+
+Once a subtype relationship is created, you can access its context menu by right-clicking on the subtype relationship line in the diagram. This will display the following options:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/subtype_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/subtype_context_menu.png").default}
+/>
+</Flex>
+
+### Subtype Relationship Context Menu Options
+
+The options are the same as the regular relationship context menu, with the exception of the "Cardinality" option, which is not available for subtype relationships.
+
+| Option | Description |
+| --- | --- |
+| **Edit** | Opens the relationship editor dialog to modify relationship properties, including name, cardinality, and other settings. |
+| **Set Default Name** | Resets the relationship name to the automatically generated default name based on the connected tables. |
+| **Rename** | Opens a dialog to quickly rename the relationship without accessing the full editor. |
+| **Swap Direction** | Reverses the direction of the relationship, switching which table is the parent and which is the child. |
+| **Show Label** | Toggles the visibility of the relationship label/name on the diagram. When enabled, the relationship name appears in the middle of the connection line. |
+| **Relationship Type** | Opens a submenu to change the type of relationship (one-to-one, one-to-many and subtype). **Note:** When changing from subtype to another relationship type, only the connection to the first table in the subtype relationship will be preserved. |
+| **Delete** | This option provides also the property to delete only one of the connections in the subtype relationship or delete the entire relationship. |
+
+## Note Context Menu
+
+The note context menu provides options specific to the selected note in the diagram. To open it, right-click on a note. This will display the following options:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/note_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/note_context_menu.png").default}
+/>
+</Flex>
+
+### Note Context Menu Options
+
+| Option | Description |
+| --- | --- |
+| **Edit** | Opens the note editor side panel to modify all note properties, including content, color, and position settings. |
+| **Rename** | Allows you to quickly change the note's title without opening the full editor side panel. |
+| **Edit Content** | Opens a text editor specifically for modifying the note's content/body text. |
+| **Change Color** | Opens the note editor side panel to modify note color. |
+| **Delete** | Removes the selected note from the diagram. |
+
+## Area Context Menu
+
+The area context menu provides options specific to the selected area/container in the diagram. To open it, right-click on an area. This will display the following options:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/area_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/area_context_menu.png").default}
+/>
+</Flex>
+
+### Area Context Menu Options
+
+| Option | Description |
+| --- | --- |
+| **Edit** | Opens the area editor side panel to modify area properties, including name, color, size, and position settings. |
+| **Rename** | Allows you to quickly change the area's name/title without opening the full editor side panel. |
+| **Change Color** | Opens the area editor side panel to modify area color. |
+| **Delete** | Removes the selected area from the diagram. **Note:** This will not delete the tables or objects inside the area, only the container itself. |
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/area_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/area_context_menu.png
new file mode 100644
index 0000000..b948c8c
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/area_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/canvas_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/canvas_context_menu.png
new file mode 100644
index 0000000..9658dcf
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/canvas_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/field_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/field_context_menu.png
new file mode 100644
index 0000000..ae81a36
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/field_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/note_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/note_context_menu.png
new file mode 100644
index 0000000..fef9088
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/note_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/relationship_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/relationship_context_menu.png
new file mode 100644
index 0000000..9413bac
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/relationship_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/subtype_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/subtype_context_menu.png
new file mode 100644
index 0000000..44ab7d6
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/subtype_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/table_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/table_context_menu.png
new file mode 100644
index 0000000..0001486
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/dark/context_menu/table_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/area_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/area_context_menu.png
new file mode 100644
index 0000000..bd55425
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/area_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/canvas_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/canvas_context_menu.png
new file mode 100644
index 0000000..ff3412a
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/canvas_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/field_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/field_context_menu.png
new file mode 100644
index 0000000..6bebdc1
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/field_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/note_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/note_context_menu.png
new file mode 100644
index 0000000..3e4f0ee
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/note_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/relationship_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/relationship_context_menu.png
new file mode 100644
index 0000000..3160bd7
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/relationship_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/subtype_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/subtype_context_menu.png
new file mode 100644
index 0000000..06dfa1d
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/subtype_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/table_context_menu.png b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/table_context_menu.png
new file mode 100644
index 0000000..39a17db
Binary files /dev/null and b/i18n/es/docusaurus-plugin-content-docs/current/img/light/context_menu/table_context_menu.png differ
diff --git a/i18n/es/docusaurus-plugin-content-docs/current/left-click-context-menu.md b/i18n/es/docusaurus-plugin-content-docs/current/left-click-context-menu.md
new file mode 100644
index 0000000..fc0f094
--- /dev/null
+++ b/i18n/es/docusaurus-plugin-content-docs/current/left-click-context-menu.md
@@ -0,0 +1,171 @@
+---
+sidebar_position: 2
+---
+
+import ThemedImage from '@site/src/components/ThemedImage';
+import Flex from '@site/src/components/Flex';
+import FAQ from '@site/src/components/FAQ';
+
+# Menú Contextual de Clic Izquierdo
+
+Este menú fue creado para proporcionar configuración rápida para objetos dentro del área del diagrama del lienzo. Dependiendo del menú contextual mostrado, habrá diferentes opciones. Para cerrar cualquier menú contextual, simplemente haz clic izquierdo en cualquier lugar fuera del menú o abre otro menú contextual.
+
+## Menú Contextual del Lienzo
+
+El menú contextual más general es para toda el área del diagrama, para abrirlo simplemente haz clic izquierdo en cualquier lugar del área del lienzo que no esté ocupado por un objeto. Esto abrirá un pequeño menú junto al cursor del ratón, como el que se muestra en la imagen a continuación.
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/canvas_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/canvas_context_menu.png").default}
+    alt="Abrir menú contextual del lienzo"
+/>
+</Flex>
+
+### Opciones del Menú Contextual del Lienzo
+
+| Opción | Descripción |
+| --- | --- |
+| **Agregar tabla** | Crea una nueva tabla de base de datos en el diagrama. Haz clic para agregar una tabla con columnas predeterminadas que puedes personalizar. |
+| **Agregar área** | Añade un área/contenedor visual para agrupar tablas relacionadas u organizar el diseño de tu diagrama. |
+| **Agregar nota** | Inserta una nota de texto o comentario en cualquier lugar del lienzo para documentar el diseño de tu base de datos. |
+| **Deshacer** | Revierte la última acción realizada en el diagrama (atajo Ctrl+Z). |
+| **Rehacer** | Vuelve a aplicar la última acción deshecha (atajo Ctrl+Y). Está deshabilitado cuando no hay acciones para rehacer. |
+| **Selección de área** | Habilita el modo de selección de área para seleccionar múltiples objetos arrastrando un rectángulo de selección. |
+
+## Menú Contextual de Tabla
+
+El menú contextual de tabla proporciona opciones específicas para la tabla seleccionada. Para abrirlo, haz clic derecho en una tabla del diagrama, específicamente en el encabezado de la tabla o en un área vacía dentro de la tabla. Esto mostrará las siguientes opciones:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/table_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/table_context_menu.png").default}
+/>
+</Flex>
+
+### Opciones del Menú Contextual de Tabla
+
+| Opción | Descripción |
+| --- | --- |
+| **Editar** | Abre el panel lateral del editor de tabla para modificar las propiedades de la tabla, incluyendo nombre, columnas, índices y restricciones. |
+| **Renombrar** | Te permite cambiar rápidamente el nombre de la tabla sin abrir el panel lateral completo del editor. |
+| **Agregar campo** | Añade una nueva columna/campo a la tabla seleccionada con propiedades predeterminadas que puedes personalizar. |
+| **Eliminar** | Elimina la tabla seleccionada del diagrama. |
+
+## Menú Contextual de Campo
+
+El menú contextual de campo proporciona opciones específicas para el campo/columna seleccionado dentro de una tabla. Para abrirlo, haz clic derecho en un campo de la tabla. Esto mostrará las siguientes opciones:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/field_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/field_context_menu.png").default}
+/>
+</Flex>
+
+### Opciones del Menú Contextual de Campo
+
+| Opción | Descripción |
+| --- | --- |
+| **Editar** | Abre el panel lateral del editor de campo para modificar las propiedades del campo, incluyendo nombre, tipo de datos, restricciones y valores predeterminados. |
+| **Renombrar** | Esto abrirá una ventana emergente para cambiar rápidamente el nombre del campo sin abrir el panel lateral completo del editor. Cuando se selecciona un campo de clave foránea, la ventana emergente también te permitirá actualizar la tabla y columna referenciadas. |
+| **Establecer clave primaria** | Establece la restricción de clave primaria en el campo. Esta opción aparece cuando el campo no es actualmente una clave primaria. |
+| **Quitar clave primaria** | Elimina la restricción de clave primaria del campo. Esta opción aparece cuando el campo está actualmente establecido como clave primaria. **Nota:** Si la clave primaria también es una clave foránea, la restricción de clave foránea debe eliminarse primero. |
+| **Permitir NULL** | Cambia el campo para permitir valores NULL. Esta opción aparece cuando el campo está actualmente establecido como NOT NULL. **Nota:** Esta opción no está disponible para campos de clave primaria. |
+| **Establecer NOT NULL** | Establece el campo como NOT NULL, lo que significa que no puede aceptar valores NULL. Esta opción aparece cuando el campo actualmente permite valores NULL. |
+| **Establecer único** | Añade una restricción única al campo, asegurando que todos los valores en esta columna sean distintos. Esta opción solo aparece si el campo no tiene actualmente una restricción única. |
+| **Quitar único** | Elimina la restricción única del campo. Esta opción solo aparece si el campo tiene actualmente una restricción única. **Nota:** Esta restricción no se puede eliminar si el campo es una clave primaria. |
+| **Habilitar autoincremento** | Habilita la propiedad de autoincremento en el campo, que genera automáticamente un valor único para nuevos registros. Esta opción solo aparece si el campo no tiene actualmente el autoincremento habilitado. |
+| **Deshabilitar autoincremento** | Deshabilita la propiedad de autoincremento en el campo. Esta opción solo aparece si el campo tiene actualmente el autoincremento habilitado. |
+| **Eliminar** | Elimina el campo seleccionado de la tabla. |
+
+## Menú Contextual de Relación
+
+El menú contextual de relación proporciona opciones específicas para la relación/conexión seleccionada entre tablas. Para abrirlo, haz clic derecho en una línea de relación en el diagrama. Esto mostrará las siguientes opciones:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/relationship_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/relationship_context_menu.png").default}
+/>
+</Flex>
+
+### Opciones del Menú Contextual de Relación
+
+| Opción | Descripción |
+| --- | --- |
+| **Editar** | Abre el panel lateral del editor de relación para modificar las propiedades de la relación, incluyendo nombre, cardinalidad y otras configuraciones. |
+| **Establecer nombre predeterminado** | Restablece el nombre de la relación al nombre predeterminado generado automáticamente basado en las tablas conectadas. |
+| **Renombrar** | Abre un diálogo para cambiar rápidamente el nombre de la relación sin acceder al panel lateral completo del editor. |
+| **Intercambiar dirección** | Invierte la dirección de la relación, cambiando qué tabla es la padre y cuál es la hija. |
+| **Mostrar etiqueta** | Alterna la visibilidad de la etiqueta/nombre de la relación en el diagrama. Cuando está habilitado, el nombre de la relación aparece en el medio de la línea de conexión. |
+| **Tipo de relación** | Abre un submenú para cambiar el tipo de relación (uno-a-uno, uno-a-muchos y subtipo). |
+| **Cardinalidad** | Abre un submenú para modificar las configuraciones de cardinalidad de la relación. Para relaciones Uno-a-Muchos, los valores disponibles incluyen (1, _), (0, _), y valores personalizados donde \* puede ser reemplazado con cualquier número mayor a 1. Para relaciones Uno-a-Uno, los valores disponibles son (1, 1) y (0, 1). |
+| **Eliminar** | Elimina la relación seleccionada del diagrama. **Nota:** Esto también eliminará cualquier restricción de clave foránea asociada con esta relación. |
+
+## Menú Contextual de Relación de Subtipo
+
+Una vez que se crea una relación de subtipo, puedes acceder a su menú contextual haciendo clic derecho en la línea de relación de subtipo en el diagrama. Esto mostrará las siguientes opciones:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/subtype_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/subtype_context_menu.png").default}
+/>
+</Flex>
+
+### Opciones del Menú Contextual de Relación de Subtipo
+
+Las opciones son las mismas que el menú contextual de relación regular, con la excepción de la opción "Cardinalidad", que no está disponible para relaciones de subtipo.
+
+| Opción | Descripción |
+| --- | --- |
+| **Editar** | Abre el panel lateral del editor de relación para modificar las propiedades de la relación, incluyendo nombre, cardinalidad y otras configuraciones. |
+| **Establecer nombre predeterminado** | Restablece el nombre de la relación al nombre predeterminado generado automáticamente basado en las tablas conectadas. |
+| **Renombrar** | Abre un diálogo para cambiar rápidamente el nombre de la relación sin acceder al panel lateral completo del editor. |
+| **Intercambiar dirección** | Invierte la dirección de la relación, cambiando qué tabla es la padre y cuál es la hija. |
+| **Mostrar etiqueta** | Alterna la visibilidad de la etiqueta/nombre de la relación en el diagrama. Cuando está habilitado, el nombre de la relación aparece en el medio de la línea de conexión. |
+| **Tipo de relación** | Abre un submenú para cambiar el tipo de relación (uno-a-uno, uno-a-muchos y subtipo). **Nota:** Al cambiar de subtipo a otro tipo de relación, solo se preservará la conexión con la primera tabla en la relación de subtipo. |
+| **Eliminar** | Esta opción también proporciona la propiedad de eliminar solo una de las conexiones en la relación de subtipo o eliminar toda la relación. |
+
+## Menú Contextual de Nota
+
+El menú contextual de nota proporciona opciones específicas para la nota seleccionada en el diagrama. Para abrirlo, haz clic derecho en una nota. Esto mostrará las siguientes opciones:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/note_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/note_context_menu.png").default}
+/>
+</Flex>
+
+### Opciones del Menú Contextual de Nota
+
+| Opción | Descripción |
+| --- | --- |
+| **Editar** | Abre el panel lateral del editor de nota para modificar todas las propiedades de la nota, incluyendo contenido, color y configuraciones de posición. |
+| **Renombrar** | Te permite cambiar rápidamente el título de la nota sin abrir el panel lateral completo del editor. |
+| **Editar contenido** | Abre un editor de texto específicamente para modificar el contenido/texto del cuerpo de la nota. |
+| **Cambiar color** | Abre el panel lateral del editor de nota para modificar el color de la nota. |
+| **Eliminar** | Elimina la nota seleccionada del diagrama. |
+
+## Menú Contextual de Área
+
+El menú contextual de área proporciona opciones específicas para el área/contenedor seleccionado en el diagrama. Para abrirlo, haz clic derecho en un área. Esto mostrará las siguientes opciones:
+
+<Flex>
+<ThemedImage
+    lightImageSrc={require("./img/light/context_menu/area_context_menu.png").default}
+    darkImageSrc={require("./img/dark/context_menu/area_context_menu.png").default}
+/>
+</Flex>
+
+### Opciones del Menú Contextual de Área
+
+| Opción | Descripción |
+| --- | --- |
+| **Editar** | Abre el panel lateral del editor de área para modificar las propiedades del área, incluyendo nombre, color, tamaño y configuraciones de posición. |
+| **Renombrar** | Te permite cambiar rápidamente el nombre/título del área sin abrir el panel lateral completo del editor. |
+| **Cambiar color** | Abre el panel lateral del editor de área para modificar el color del área. |
+| **Eliminar** | Elimina el área seleccionada del diagrama. **Nota:** Esto no eliminará las tablas u objetos dentro del área, solo el contenedor en sí. |