@danainnovations/cortex-mcp 1.0.129 → 1.0.131

package/dist/cli.js

@@ -897,12 +897,12 @@ function getWizardHtml() {
     <!-- Step 5: Connect Cortex to Claude -->
     <div id="step-manual-setup" class="step">
       <div class="card">
-        <div id="manual-setup-content"></div>
-        <div style="text-align:center; margin-top:8px; margin-bottom:12px;">
+        <div style="text-align:center; margin-bottom:16px;">
           <span style="font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:0.1em; color:#FF5252; background:rgba(255,82,82,0.12); border:1px solid rgba(255,82,82,0.3); padding:3px 10px; border-radius:4px;">Must Read</span>
         </div>
+        <div id="manual-setup-content"></div>
         <div class="btn-row">
-          <button class="btn btn-primary btn-block" id="btn-manual-continue" disabled onclick="completeManualSetup()" style="opacity:0.4; cursor:not-allowed;">Continue (15)</button>
+          <button class="btn btn-primary btn-block" id="btn-manual-continue" disabled onclick="completeManualSetup()" style="opacity:0.4; cursor:not-allowed;">Next (15)</button>
         </div>
       </div>
     </div>
@@ -1383,17 +1383,7 @@ function getWizardHtml() {
       }
 
       // Manual clients (CoWork, Claude.ai) moved to dedicated step 5
-
-      // \u2500\u2500 Section 3: Additional clients (collapsed) \u2500\u2500
-      if (additionalClients.length > 0) {
-        html += '<div class="client-section-divider">' +
-          '<div class="client-section-title">Additional Clients</div>' +
-          '<div class="client-section-subtitle">Perplexity, OpenClaw, and other stdio clients</div>' +
-        '</div>';
-        html += '<div class="client-grid">';
-        html += additionalClients.map(renderClientItem).join('');
-        html += '</div>';
-      }
+      // Additional clients (Perplexity, OpenClaw) moved to Cortex Control Center
 
       el.innerHTML = html;
 
@@ -1510,59 +1500,108 @@ function getWizardHtml() {
       return '';
     }
 
+    var manualSubStep = 0;
+    var MANUAL_STEPS = [
+      {
+        title: 'Connect Cortex Enterprise',
+        subtitle: 'This step is only for <strong style="color:#fff;">Organization / Enterprise</strong> Claude accounts',
+        badge: 'Step 1 of 4',
+        content: function() {
+          return '<div style="border: 2px solid #00A3E1; border-radius: 14px; padding: 24px; background: rgba(0,163,225,0.04);">' +
+            '<p style="font-size:15px; font-weight:600; color:#fff; margin-bottom:8px;">Open Claude Desktop \\u2192 Settings \\u2192 Connectors</p>' +
+            '<p style="font-size:13px; color:#8f999f; line-height:1.6;">In Claude Desktop, click the menu icon (top-left), go to <strong style="color:#fff;">Settings</strong>, then select <strong style="color:#fff;">Connectors</strong> from the left sidebar.</p>' +
+          '</div>' +
+          '<p style="font-size:12px; color:#FFB74D; margin-top:12px; text-align:center;">If you are on a personal account (not Enterprise), you can skip all 4 steps \\u2014 your setup is already complete.</p>';
+        }
+      },
+      {
+        title: 'Connect Cortex Enterprise',
+        subtitle: 'This step is only for <strong style="color:#fff;">Organization / Enterprise</strong> Claude accounts',
+        badge: 'Step 2 of 4',
+        content: function() {
+          return '<div style="border: 2px solid #00A3E1; border-radius: 14px; padding: 24px; background: rgba(0,163,225,0.04);">' +
+            '<p style="font-size:15px; font-weight:600; color:#fff; margin-bottom:8px;">Find Cortex MCP Enterprise and click Connect</p>' +
+            '<p style="font-size:13px; color:#8f999f; line-height:1.6;">Scroll to the bottom of the Connectors list. You should see <strong style="color:#fff;">Cortex MCP Enterprise</strong> with a <strong style="color:#fff;">Connect</strong> button. Click it.</p>' +
+          '</div>';
+        }
+      },
+      {
+        title: 'Connect Cortex Enterprise',
+        subtitle: 'This step is only for <strong style="color:#fff;">Organization / Enterprise</strong> Claude accounts',
+        badge: 'Step 3 of 4',
+        content: function() {
+          return '<div style="border: 2px solid #00A3E1; border-radius: 14px; padding: 24px; background: rgba(0,163,225,0.04);">' +
+            '<p style="font-size:15px; font-weight:600; color:#fff; margin-bottom:8px;">Sign in and close the browser tab</p>' +
+            '<p style="font-size:13px; color:#8f999f; line-height:1.6;">A browser window will open for sign-in. Log in with your <strong style="color:#fff;">company account</strong>, then click <strong style="color:#fff;">Open Claude</strong> when prompted.</p>' +
+            '<p style="font-size:13px; color:#8f999f; line-height:1.6; margin-top:8px;">The browser tab will show a spinner \\u2014 this is normal. <strong style="color:#fff;">Close the browser tab</strong>. The connection is already complete.</p>' +
+          '</div>';
+        }
+      },
+      {
+        title: 'Connect Cortex Enterprise',
+        subtitle: 'This step is only for <strong style="color:#fff;">Organization / Enterprise</strong> Claude accounts',
+        badge: 'Step 4 of 4',
+        content: function() {
+          return '<div style="border: 2px solid #00A3E1; border-radius: 14px; padding: 24px; background: rgba(0,163,225,0.04);">' +
+            '<p style="font-size:15px; font-weight:600; color:#fff; margin-bottom:8px;">Set Tool permissions to Always allow</p>' +
+            '<p style="font-size:13px; color:#8f999f; line-height:1.6;">Back in <strong style="color:#fff;">Settings \\u2192 Connectors</strong>, find <strong style="color:#fff;">Cortex MCP Enterprise</strong> and click <strong style="color:#fff;">Configure</strong>.</p>' +
+            '<p style="font-size:13px; color:#8f999f; line-height:1.6; margin-top:8px;">In the top-right corner under <strong style="color:#fff;">Tool permissions</strong>, click the dropdown (it may say \\u201CNeeds approval\\u201D or \\u201CCustom\\u201D) and select <strong style="color:#fff;">Always allow</strong>.</p>' +
+            '<p style="font-size:12px; color:#8f999f; margin-top:12px;">This one connection enables Cortex in CoWork, claude.ai (web), and the Claude mobile app.</p>' +
+          '</div>';
+        }
+      }
+    ];
+
     function renderManualSetup() {
       var el = document.getElementById('manual-setup-content');
-      var mcpUrl = (state.serverUrl || 'https://cortex-bice.vercel.app') + '/mcp/cortex';
-      var coworkIcon = CLIENT_ICONS['claude-cowork'] || '';
-      var claudeAiIcon = CLIENT_ICONS['claude-ai'] || '';
+      var step = MANUAL_STEPS[manualSubStep];
 
       el.innerHTML =
-        '<h2 style="margin-bottom:4px;">Connect Cortex Enterprise</h2>' +
-        '<p class="subtitle" style="margin-bottom:20px;">This step is only for <strong style="color:#fff;">Organization / Enterprise</strong> Claude accounts</p>' +
-
-        '<div style="border: 2px solid #00A3E1; border-radius: 14px; padding: 20px; 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;">Cortex MCP Enterprise</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;">Enterprise only</span>' +
-          '</div>' +
-          '<p style="font-size:13px; color:#FFB74D; margin-bottom:12px; font-weight:500;">If you are on a company Claude Enterprise or Organization plan, you must complete this step. The local \\u201Ccortex\\u201D config from the previous step only works for personal accounts.</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>' +
-          '<p style="font-size:12px; color:#8f999f; margin-top:12px;">This one connection enables Cortex in CoWork, claude.ai (web), and the Claude mobile app.</p>' +
+        '<div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:4px;">' +
+          '<h2 style="margin:0;">' + step.title + '</h2>' +
+          '<span style="font-size:11px; font-weight:600; color:#00A3E1; background:rgba(0,163,225,0.1); padding:3px 10px; border-radius:4px;">' + step.badge + '</span>' +
         '</div>' +
+        '<p class="subtitle" style="margin-bottom:20px;">' + step.subtitle + '</p>' +
+        step.content();
 
-        '<p style="font-size:12px; color:#6b7780; margin-top:16px; text-align:center;">Not on an Enterprise account? Wait for the timer, then click Continue \\u2014 the local setup from the previous step is all you need.</p>';
+      // Start 15-second countdown
+      startManualCountdown();
+    }
 
-      // Start 15-second countdown on the Continue button
-      var continueBtn = document.getElementById('btn-manual-continue');
-      if (continueBtn) {
-        var countdown = 15;
-        continueBtn.textContent = 'Continue (' + countdown + ')';
-        var timer = setInterval(function() {
-          countdown--;
-          if (countdown <= 0) {
-            clearInterval(timer);
-            continueBtn.disabled = false;
-            continueBtn.style.opacity = '1';
-            continueBtn.style.cursor = 'pointer';
-            continueBtn.textContent = 'Continue';
-          } else {
-            continueBtn.textContent = 'Continue (' + countdown + ')';
-          }
-        }, 1000);
-      }
+    function startManualCountdown() {
+      var btn = document.getElementById('btn-manual-continue');
+      if (!btn) return;
+      btn.disabled = true;
+      btn.style.opacity = '0.4';
+      btn.style.cursor = 'not-allowed';
+      var countdown = 15;
+      btn.textContent = 'Next (' + countdown + ')';
+      var timer = setInterval(function() {
+        countdown--;
+        if (countdown <= 0) {
+          clearInterval(timer);
+          btn.disabled = false;
+          btn.style.opacity = '1';
+          btn.style.cursor = 'pointer';
+          btn.textContent = manualSubStep >= MANUAL_STEPS.length - 1 ? 'Continue' : 'Next';
+        } else {
+          btn.textContent = (manualSubStep >= MANUAL_STEPS.length - 1 ? 'Continue' : 'Next') + ' (' + countdown + ')';
+        }
+      }, 1000);
     }
 
     function completeManualSetup() {
-      goToStep('connect');
+      manualSubStep++;
+      if (manualSubStep >= MANUAL_STEPS.length) {
+        manualSubStep = 0;
+        goToStep('connect');
+      } else {
+        renderManualSetup();
+      }
     }
 
     function skipManualSetup() {
+      manualSubStep = 0;
       goToStep('connect');
     }