@danainnovations/cortex-mcp 1.0.114 → 1.0.115

package/dist/cli.js

@@ -898,13 +898,13 @@ function getWizardHtml() {
       </div>
     </div>
 
-    <!-- Step 5: Manual Setup Walkthrough -->
+    <!-- Step 5: Connect Cortex to Claude -->
     <div id="step-manual-setup" class="step">
       <div class="card">
         <div id="manual-setup-content"></div>
         <div class="btn-row">
-          <button class="btn btn-secondary" id="btn-manual-skip" onclick="skipManualSetup()">Skip for now</button>
-          <button class="btn btn-primary" id="btn-manual-done" onclick="completeManualSetup()">I've done this</button>
+          <button class="btn btn-secondary" onclick="skipManualSetup()">I'll do this later</button>
+          <button class="btn btn-primary" onclick="completeManualSetup()">Continue</button>
         </div>
       </div>
     </div>
@@ -1376,53 +1376,7 @@ function getWizardHtml() {
         html += '</div>';
       }
 
-      // \u2500\u2500 Section 2: Manual setup with inline instructions \u2500\u2500
-      if (manualClients.length > 0) {
-        html += '<div class="client-section-divider">' +
-          '<div class="client-section-title">Connect manually</div>' +
-          '<div class="client-section-subtitle">These need one extra step in the app</div>' +
-        '</div>';
-
-        manualClients.forEach(function(client) {
-          var icon = CLIENT_ICONS[client.type] || '';
-          if (client.type === 'claude-cowork') {
-            html += '<div class="manual-client-card" data-client="claude-cowork">' +
-              '<div class="manual-client-header">' +
-                (icon ? '<div class="client-icon">' + icon + '</div>' : '') +
-                '<span class="client-name">Claude CoWork</span>' +
-                '<span class="manual-client-badge">1 step</span>' +
-              '</div>' +
-              '<ol class="manual-client-steps">' +
-                '<li>Open <strong>Claude Desktop</strong> \\u2192 <strong>Settings</strong> \\u2192 <strong>Connectors</strong></li>' +
-                '<li>Find <strong>Cortex MCP Enterprise</strong> at the bottom</li>' +
-                '<li>Click <strong>Connect</strong> \\u2192 sign in via Okta when prompted</li>' +
-              '</ol>' +
-              '<div class="manual-url-box">' +
-                '<code>' + escapeHtml(mcpUrl) + '</code>' +
-                '<button class="copy-btn" onclick="copySnippet(this)">Copy</button>' +
-              '</div>' +
-            '</div>';
-          }
-          if (client.type === 'claude-ai') {
-            html += '<div class="manual-client-card" data-client="claude-ai">' +
-              '<div class="manual-client-header">' +
-                (icon ? '<div class="client-icon">' + icon + '</div>' : '') +
-                '<span class="client-name">Claude.ai & Mobile</span>' +
-                '<span class="manual-client-badge">1 step</span>' +
-              '</div>' +
-              '<ol class="manual-client-steps">' +
-                '<li>Open <a href="https://claude.ai/settings/integrations" target="_blank">claude.ai/settings/integrations</a></li>' +
-                '<li>Click <strong>Add custom integration</strong></li>' +
-                '<li>Paste the URL below and click <strong>Add</strong></li>' +
-              '</ol>' +
-              '<div class="manual-url-box">' +
-                '<code>' + escapeHtml(mcpUrl) + '</code>' +
-                '<button class="copy-btn" onclick="copySnippet(this)">Copy</button>' +
-              '</div>' +
-            '</div>';
-          }
-        });
-      }
+      // Manual clients (CoWork, Claude.ai) moved to dedicated step 5
 
       // \u2500\u2500 Section 3: Additional clients (collapsed) \u2500\u2500
       if (additionalClients.length > 0) {
@@ -1451,22 +1405,15 @@ function getWizardHtml() {
         });
       });
 
-      // Include manual clients in selectedClients so they get configured too
-      manualClients.forEach(function(c) {
-        if (state.selectedClients.indexOf(c.type) === -1) {
-          state.selectedClients.push(c.type);
-        }
-      });
-
-      // Sync selectedClients with all checked items
-      var checkedAuto = Array.from(el.querySelectorAll('.client-item.checked'))
+      // Sync selectedClients with checked auto-configured items only
+      // Manual clients (CoWork, Claude.ai) are handled in the dedicated step 5
+      state.selectedClients = Array.from(el.querySelectorAll('.client-item.checked'))
         .map(function(i) { return i.dataset.client; });
-      state.selectedClients = checkedAuto.concat(manualClients.map(function(c) { return c.type; }));
     }
 
     async function configureClients() {
       if (state.selectedClients.length === 0) {
-        goToStep('connect');
+        goToStep('manual-setup');
         return;
       }
 
@@ -1479,7 +1426,7 @@ function getWizardHtml() {
         var item = document.querySelector('[data-client="' + clientType + '"]');
         if (item) {
           var statusSpan = item.querySelector('.client-status');
-          statusSpan.innerHTML = '<span class="spinner"></span>';
+          if (statusSpan) statusSpan.innerHTML = '<span class="spinner"></span>';
         }
       });
 
@@ -1501,13 +1448,12 @@ function getWizardHtml() {
           var item = document.querySelector('[data-client="' + r.client + '"]');
           if (item) {
             var statusSpan = item.querySelector('.client-status');
-            if (r.success) {
-              var isManual = manualClientTypes.indexOf(r.client) !== -1;
-              statusSpan.innerHTML = isManual
-                ? '<span style="color: #00A3E1;">Setup required \u2192</span>'
-                : '<span style="color: #4CAF50;">&#10003; Done</span>';
-            } else {
-              statusSpan.innerHTML = '<span style="color: #EF5350;">&#10007; Failed</span>';
+            if (statusSpan) {
+              if (r.success) {
+                statusSpan.innerHTML = '<span style="color: #4CAF50;">&#10003; Done</span>';
+              } else {
+                statusSpan.innerHTML = '<span style="color: #EF5350;">&#10007; Failed</span>';
+              }
             }
           }
         });
@@ -1537,11 +1483,7 @@ function getWizardHtml() {
         btn.textContent = 'Continue';
         btn.disabled = false;
         btn.onclick = function() {
-          if (state.manualQueue.length > 0) {
-            goToStep('manual-setup');
-          } else {
-            goToStep('connect');
-          }
+          goToStep('manual-setup');
         };
       } catch (err) {
         btn.disabled = false;
@@ -1607,48 +1549,56 @@ function getWizardHtml() {
 
     function renderManualSetup() {
       var el = document.getElementById('manual-setup-content');
-      var total = state.manualQueue.length;
-      var idx = state.currentManualIndex;
-
-      if (idx >= total) {
-        goToStep('connect');
-        return;
-      }
-
-      var item = state.manualQueue[idx];
-      var clientType = item.client;
-      var clientName = MANUAL_CLIENT_NAMES[clientType] || clientType;
-      var icon = CLIENT_ICONS[clientType] || '';
-
-      var progressHtml = total > 1
-        ? '<div style="font-size: 12px; text-transform: uppercase; letter-spacing: 0.1em; opacity: 0.5; margin-bottom: 8px;">Setup ' + (idx + 1) + ' of ' + total + '</div>'
-        : '';
+      var mcpUrl = (state.serverUrl || 'https://cortex-bice.vercel.app') + '/mcp/cortex';
+      var coworkIcon = CLIENT_ICONS['claude-cowork'] || '';
+      var claudeAiIcon = CLIENT_ICONS['claude-ai'] || '';
 
-      el.innerHTML = progressHtml +
-        '<div style="display: flex; align-items: center; gap: 12px; margin-bottom: 24px;">' +
-          (icon ? '<div class="client-icon" style="width: 32px; height: 32px;">' + icon + '</div>' : '') +
-          '<h2 style="margin: 0;">Set up ' + escapeHtml(clientName) + '</h2>' +
+      el.innerHTML =
+        '<h2 style="margin-bottom:4px;">Connect Cortex to Claude</h2>' +
+        '<p class="subtitle" style="margin-bottom:20px;">Complete these steps to use Cortex tools in Claude</p>' +
+
+        // \u2500\u2500 CoWork card (prominent) \u2500\u2500
+        '<div style="border: 2px solid #00A3E1; border-radius: 14px; padding: 20px; margin-bottom: 16px; background: rgba(0,163,225,0.04);">' +
+          '<div style="display:flex; align-items:center; gap:10px; margin-bottom:14px;">' +
+            (coworkIcon ? '<div class="client-icon" style="width:28px;height:28px;">' + coworkIcon + '</div>' : '') +
+            '<span style="font-size:16px; font-weight:600; color:#fff;">Claude CoWork</span>' +
+            '<span style="font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:0.5px; color:#fff; background:#00A3E1; padding:3px 10px; border-radius:4px; margin-left:auto;">Required</span>' +
+          '</div>' +
+          '<p style="font-size:13px; color:#FFB74D; margin-bottom:12px; font-weight:500;">Enterprise accounts must complete this step to use Cortex in CoWork</p>' +
+          '<ol class="manual-client-steps" style="font-size:14px; line-height:2;">' +
+            '<li>Open <strong>Claude Desktop</strong> \\u2192 <strong>Settings</strong> \\u2192 <strong>Connectors</strong></li>' +
+            '<li>Find <strong>Cortex MCP Enterprise</strong> at the bottom and click <strong>Connect</strong></li>' +
+            '<li>Sign in with your company account, click <strong>Open Claude</strong>, then close the browser tab</li>' +
+            '<li>Back in Connectors, click on <strong>Cortex</strong> \\u2192 set Tool permissions to <strong>Always allow</strong></li>' +
+          '</ol>' +
         '</div>' +
-        '<p class="subtitle" style="margin-bottom: 24px;">Follow these steps to connect Cortex</p>' +
-        getManualSetupContent(clientType);
+
+        // \u2500\u2500 Claude.ai card (side) \u2500\u2500
+        '<div class="manual-client-card">' +
+          '<div class="manual-client-header">' +
+            (claudeAiIcon ? '<div class="client-icon">' + claudeAiIcon + '</div>' : '') +
+            '<span class="client-name">Claude.ai & Mobile</span>' +
+            '<span class="manual-client-badge">Optional</span>' +
+          '</div>' +
+          '<p style="font-size:12px;color:#8f999f;margin-bottom:10px;">Works on claude.ai (web), Claude Desktop, and the Claude mobile app</p>' +
+          '<ol class="manual-client-steps">' +
+            '<li>Open <a href="https://claude.ai/settings/integrations" target="_blank">claude.ai/settings/integrations</a></li>' +
+            '<li>Click <strong>Add custom integration</strong></li>' +
+            '<li>Paste the URL below and click <strong>Add</strong></li>' +
+          '</ol>' +
+          '<div class="manual-url-box">' +
+            '<code>' + escapeHtml(mcpUrl) + '</code>' +
+            '<button class="copy-btn" onclick="copySnippet(this)">Copy</button>' +
+          '</div>' +
+        '</div>';
     }
 
     function completeManualSetup() {
-      state.currentManualIndex++;
-      if (state.currentManualIndex < state.manualQueue.length) {
-        renderManualSetup();
-      } else {
-        goToStep('connect');
-      }
+      goToStep('connect');
     }
 
     function skipManualSetup() {
-      state.currentManualIndex++;
-      if (state.currentManualIndex < state.manualQueue.length) {
-        renderManualSetup();
-      } else {
-        goToStep('connect');
-      }
+      goToStep('connect');
     }
 
     // \u2500\u2500 Step 6: Connect Accounts \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500