diagram tab

packages/web/src/appobj/DatabaseObjectAppObject.svelte

@@ -53,6 +53,10 @@
         label: 'Query designer',
         isQueryDesigner: true,
       },
+      {
+        label: 'Show diagram',
+        isDiagram: true,
+      },
       {
         divider: true,
       },
@@ -531,6 +535,30 @@
                   },
                 }
               );
+            } else if (menu.isDiagram) {
+              openNewTab(
+                {
+                  title: 'Diagram #',
+                  icon: 'img diagram',
+                  tabComponent: 'DiagramTab',
+                  props: {
+                    conid: data.conid,
+                    database: data.database,
+                  },
+                },
+                {
+                  editor: {
+                    tables: [
+                      {
+                        ...data,
+                        designerId: uuidv1(),
+                        left: 50,
+                        top: 50,
+                      },
+                    ],
+                  },
+                }
+              );
             } else if (menu.sqlGeneratorProps) {
               showModal(SqlGeneratorModal, {
                 initialObjects: [data],