@danainnovations/cortex-mcp 1.0.84 → 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 */
@@ -1062,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">Company Integrations</div>';
+        html += '<div class="mcp-section-subtitle">Ready to use \\u2014 no account connection needed</div>';
+        html += '<div class="mcp-list">';
+        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">Available integrations</div>';
+        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 += enabledMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
+        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>';
@@ -1124,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; });
@@ -2568,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: