mongo profile view - shows collection tab

packages/web/src/appobj/ConnectionAppObject.svelte

@@ -254,11 +254,10 @@
             text: 'Create database',
             onClick: handleCreateDatabase,
           },
-        $openedConnections.includes(data._id) &&
+        driver?.supportsServerSummary && {
-          driver?.supportsServerSummary && {
+          text: 'Server summary',
-            text: 'Server summary',
+          onClick: handleServerSummary,
-            onClick: handleServerSummary,
+        },
-          },
       ],
       data.singleDatabase && [
         { divider: true },

packages/web/src/tabs/ServerSummaryTab.svelte

@@ -38,7 +38,7 @@
   }
 
   async function runAction(action, row) {
-    const { command, openQuery } = action;
+    const { command, openQuery, openTab, addDbProps } = action;
     if (command) {
       await apiCall('server-connections/summary-command', { conid, refreshToken, command, row });
       refresh();
@@ -55,6 +55,20 @@
         },
       });
     }
+    if (openTab) {
+      const props = {};
+      if (addDbProps) {
+        props['conid'] = conid;
+        props['database'] = row.name;
+      }
+      openNewTab({
+        ...openTab,
+        props: {
+          ...openTab.props,
+          ...props,
+        },
+      });
+    }
   }
 </script>
 
@@ -77,7 +91,7 @@
         <svelte:fragment slot="2" let:row let:col>
           {#each col.actions as action, index}
             {#if index > 0}
-              <span> | </span>
+              <span class="action-separator">|</span>
             {/if}
             <Link onClick={() => runAction(action, row)}>{action.header}</Link>
           {/each}
@@ -101,4 +115,8 @@
     background-color: var(--theme-bg-0);
     overflow: auto;
   }
+
+  .action-separator {
+    margin: 0 5px;
+  }
 </style>

plugins/dbgate-plugin-mongo/src/backend/driver.js

@@ -417,10 +417,22 @@ const driver = {
               header: 'All',
               command: 'profileAll',
             },
+            // {
+            //   header: 'View',
+            //   openQuery: "db['system.profile'].find()",
+            //   tabTitle: 'Profile data',
+            // },
             {
               header: 'View',
-              openQuery: "db['system.profile'].find()",
+              openTab: {
-              tabTitle: 'Profile data',
+                title: 'system.profile',
+                icon: 'img collection',
+                tabComponent: 'CollectionDataTab',
+                props: {
+                  pureName: 'system.profile',
+                },
+              },
+              addDbProps: true,
             },
           ],
         },