@danainnovations/cortex-mcp 1.0.83 → 1.0.85

package/dist/cli.js

@@ -339,7 +339,13 @@ function getWizardHtml() {
       color: #8f999f;
       text-transform: uppercase;
       letter-spacing: 0.08em;
-      margin-bottom: 8px;
+      margin-bottom: 4px;
+    }
+    .mcp-section-subtitle {
+      font-size: 12px;
+      color: #6b7780;
+      font-weight: 400;
+      margin-bottom: 12px;
     }
 
     /* \u2500\u2500 MCP List \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
@@ -665,6 +671,27 @@ function getWizardHtml() {
     .text-muted { color: #6b7780; }
     .hidden { display: none !important; }
 
+    /* \u2500\u2500 Client Section Divider \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+    .client-section-divider {
+      margin: 24px 0 16px;
+      padding-top: 20px;
+      border-top: 1px solid rgba(255, 255, 255, 0.08);
+    }
+    .client-section-title {
+      font-size: 11px;
+      font-weight: 500;
+      color: #8f999f;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      margin-bottom: 4px;
+    }
+    .client-section-subtitle {
+      font-size: 12px;
+      color: #6b7780;
+      font-weight: 400;
+      margin-bottom: 12px;
+    }
+
     /* \u2500\u2500 Stdio Snippet \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     .stdio-snippet {
       background: rgba(0, 0, 0, 0.3);
@@ -1041,50 +1068,39 @@ function getWizardHtml() {
       databricks: 'Query data warehouses, explore Unity Catalog, and manage jobs',
     };
 
-    async function renderMcps() {
-      var container = document.getElementById('mcp-list-container');
-
-      // Fetch per-user available MCPs (uses API key from login)
-      try {
-        var userResp = await fetch('/api/user-mcps');
-        var userData = await userResp.json();
-        if (userData.mcps && userData.mcps.length > 0) {
-          state.enabledMcps = userData.mcps.map(function(m) { return m.name; });
-          state.selectedMcps = state.enabledMcps.slice();
-        }
-      } catch (e) {
-        // Fall back to global enabledMcps from initial state
-      }
-
-      // Fetch existing OAuth connections to show connected status
-      try {
-        var resp = await fetch('/api/connections');
-        var data = await resp.json();
-        state.connections = data.connections || [];
-      } catch (e) {
-        state.connections = state.connections || [];
-      }
-
+    function renderMcpList(container) {
       var enabledList = (state.enabledMcps && state.enabledMcps.length > 0)
         ? state.enabledMcps : ['m365'];
       var enabledMcps = state.availableMcps.filter(function(m) { return enabledList.indexOf(m.name) !== -1; });
       var disabledMcps = state.availableMcps.filter(function(m) { return enabledList.indexOf(m.name) === -1; });
 
+      // Split enabled into company vs personal
+      var companyMcps = enabledMcps.filter(function(m) { return m.authMode === 'company'; });
+      var personalMcps = enabledMcps.filter(function(m) { return m.authMode === 'personal'; });
+
       var html = '';
 
-      // Enabled section
-      if (enabledMcps.length > 0) {
+      if (companyMcps.length > 0) {
         html += '<div class="mcp-section">';
-        html += '<div class="mcp-section-title">Available integrations</div>';
+        html += '<div class="mcp-section-title">Company Integrations</div>';
+        html += '<div class="mcp-section-subtitle">Ready to use \\u2014 no account connection needed</div>';
         html += '<div class="mcp-list">';
-        html += enabledMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
+        html += companyMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
+        html += '</div></div>';
+      }
+
+      if (personalMcps.length > 0) {
+        html += '<div class="mcp-section">';
+        html += '<div class="mcp-section-title">Personal Integrations</div>';
+        html += '<div class="mcp-section-subtitle">Connect your personal account to use these</div>';
+        html += '<div class="mcp-list">';
+        html += personalMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
         html += '</div></div>';
       }
 
-      // Disabled (coming soon) section
       if (disabledMcps.length > 0) {
         html += '<div class="mcp-section">';
-        html += '<div class="mcp-section-title">Coming soon</div>';
+        html += '<div class="mcp-section-title">Coming Soon</div>';
         html += '<div class="mcp-list">';
         html += disabledMcps.map(function(mcp) { return renderMcpItem(mcp, false, true); }).join('');
         html += '</div></div>';
@@ -1103,6 +1119,34 @@ function getWizardHtml() {
       });
     }
 
+    async function renderMcps() {
+      var container = document.getElementById('mcp-list-container');
+
+      // Render immediately with data from init() \u2014 no loading delay
+      renderMcpList(container);
+
+      // Fetch updated user MCPs and connections in parallel
+      try {
+        var results = await Promise.all([
+          fetch('/api/user-mcps'),
+          fetch('/api/connections')
+        ]);
+        var userData = await results[0].json();
+        var connData = await results[1].json();
+
+        if (userData.mcps && userData.mcps.length > 0) {
+          state.enabledMcps = userData.mcps.map(function(m) { return m.name; });
+          state.selectedMcps = state.enabledMcps.slice();
+        }
+        state.connections = connData.connections || [];
+
+        // Re-render with fresh data (connection badges, updated enabled list)
+        renderMcpList(container);
+      } catch (e) {
+        // Already rendered with init() data \u2014 no action needed
+      }
+    }
+
     function renderMcpItem(mcp, isRequired, isDisabled) {
       var icon = MCP_ICONS[mcp.name] || '';
       var conn = (state.connections || []).find(function(c) { return c.mcp_name === mcp.name; });
@@ -1138,6 +1182,22 @@ function getWizardHtml() {
     }
 
     // \u2500\u2500 Step 4: Configure Clients \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    function renderClientItem(client) {
+      var detected = client.detected;
+      var icon = CLIENT_ICONS[client.type] || '';
+      var alreadyConfigured = state.configuredClients.indexOf(client.type) !== -1;
+      var statusText = alreadyConfigured ? 'Configured' : (detected ? 'Detected' : 'Not found');
+      return (
+        '<label class="client-item' + (detected ? '' : ' disabled') +
+          (alreadyConfigured ? ' checked already-configured' : '') + '" data-client="' + client.type + '">' +
+          (icon ? '<div class="client-icon">' + icon + '</div>' : '') +
+          '<div class="mcp-check"><span class="mcp-check-icon">&#10003;</span></div>' +
+          '<span class="client-name">' + escapeHtml(client.name) + '</span>' +
+          '<span class="client-status">' + statusText + '</span>' +
+        '</label>'
+      );
+    }
+
     function renderClients() {
       var el = document.getElementById('client-list');
       document.getElementById('client-result').className = 'hidden';
@@ -1147,21 +1207,25 @@ function getWizardHtml() {
       // Pre-select already-configured clients
       state.selectedClients = state.configuredClients.slice();
 
-      el.innerHTML = state.detectedClients.map(function(client) {
-        var detected = client.detected;
-        var icon = CLIENT_ICONS[client.type] || '';
-        var alreadyConfigured = state.configuredClients.indexOf(client.type) !== -1;
-        var statusText = alreadyConfigured ? 'Configured' : (detected ? 'Detected' : 'Not found');
-        return (
-          '<label class="client-item' + (detected ? '' : ' disabled') +
-            (alreadyConfigured ? ' checked already-configured' : '') + '" data-client="' + client.type + '">' +
-            (icon ? '<div class="client-icon">' + icon + '</div>' : '') +
-            '<div class="mcp-check"><span class="mcp-check-icon">&#10003;</span></div>' +
-            '<span class="client-name">' + escapeHtml(client.name) + '</span>' +
-            '<span class="client-status">' + statusText + '</span>' +
-          '</label>'
-        );
-      }).join('');
+      // Split into auto-configured and manual-setup clients
+      var autoClients = state.detectedClients.filter(function(c) {
+        return c.type !== 'perplexity' && c.type !== 'stdio';
+      });
+      var manualClients = state.detectedClients.filter(function(c) {
+        return c.type === 'perplexity' || c.type === 'stdio';
+      });
+
+      var html = autoClients.map(renderClientItem).join('');
+
+      if (manualClients.length > 0) {
+        html += '<div class="client-section-divider">' +
+          '<div class="client-section-title">Additional Clients</div>' +
+          '<div class="client-section-subtitle">These require a few extra manual steps after setup</div>' +
+        '</div>';
+        html += manualClients.map(renderClientItem).join('');
+      }
+
+      el.innerHTML = html;
 
       el.querySelectorAll('.client-item:not(.disabled):not(.already-configured)').forEach(function(item) {
         item.addEventListener('click', function(e) {
@@ -1546,7 +1610,7 @@ function detectClients() {
   });
   clients.push({
     type: "stdio",
-    name: "OpenClaw (stdio)",
+    name: "OpenClaw",
     configPath: null,
     detected: true
   });
@@ -2527,7 +2591,7 @@ var CortexHttpClient = class {
   humanReadableError(status, body) {
     switch (status) {
       case 401:
-        return "Invalid API key. Check your key at https://aidentity.app/settings/keys";
+        return "Invalid API key. Run 'npx @danainnovations/cortex-mcp login' to get a new key.";
       case 403:
         return "API key lacks MCP permissions. Create a new key with MCP access.";
       case 404: