@danainnovations/cortex-mcp 1.0.135 → 1.0.136

package/dist/cli.js

@@ -347,6 +347,39 @@ function getWizardHtml() {
       font-weight: 400;
       margin-bottom: 8px;
     }
+    .mcp-section-toggle {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      cursor: pointer;
+      user-select: none;
+      padding: 0;
+      background: none;
+      border: none;
+      margin-bottom: 2px;
+    }
+    .mcp-section-toggle .mcp-section-title { margin-bottom: 0; }
+    .mcp-section-chevron {
+      width: 14px;
+      height: 14px;
+      color: #6b7780;
+      transition: transform 0.2s ease;
+      flex-shrink: 0;
+    }
+    .mcp-section-chevron.open { transform: rotate(90deg); }
+    .mcp-section-body {
+      overflow: hidden;
+      transition: max-height 0.25s ease, opacity 0.2s ease;
+    }
+    .mcp-section-body.collapsed {
+      max-height: 0;
+      opacity: 0;
+      pointer-events: none;
+    }
+    .mcp-section-body.expanded {
+      max-height: 2000px;
+      opacity: 1;
+    }
 
     /* \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 */
     .mcp-list {
@@ -848,9 +881,9 @@ function getWizardHtml() {
             <circle cx="24" cy="24" r="6" fill="#00A3E1" opacity="0.8"/>
           </svg>
           <h1>Connect Your AI Tools</h1>
-          <p class="welcome-tagline">One setup. 10+ platforms. All your AI clients.</p>
+          <p class="welcome-tagline">One setup. All your tools.</p>
           <p class="subtitle" style="margin-bottom: 0;">
-            GitHub, Salesforce, M365, Slack, Asana, and more &mdash; configured in under 2 minutes.
+            M365 tools and beyond &mdash; configured in under 2 minutes.
           </p>
         </div>
         <button class="btn btn-accent btn-block" onclick="goToStep('signin')">Get Started</button>
@@ -1023,10 +1056,41 @@ function getWizardHtml() {
         console.error('Failed to load state:', err);
       }
       updateHeaderDots();
+
+      // \u2500\u2500 Resume from progress \u2500\u2500
+      try {
+        var progressResp = await fetch('/api/progress');
+        var progress = await progressResp.json();
+        if (progress.hasConfig && progress.configuredClients.length > 0) {
+          // Config written + clients configured \u2192 skip to connect step
+          goToStep('connect');
+        } else if (progress.hasCredentials) {
+          // Signed in but hasn't configured clients yet \u2192 skip to MCPs
+          goToStep('mcps');
+        }
+        // else: start from welcome (default)
+      } catch (e) {
+        // Can't reach progress endpoint \u2014 start from beginning
+      }
     }
 
     init();
 
+    // \u2500\u2500 Heartbeat \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
+    fetch('/api/heartbeat', { method: 'POST' }).catch(function() {});
+    setInterval(function() {
+      fetch('/api/heartbeat', { method: 'POST' }).catch(function() {});
+    }, 5000);
+
+    // \u2500\u2500 Warn before closing tab mid-setup \u2500\u2500\u2500
+    window.addEventListener('beforeunload', function(e) {
+      // Only warn if wizard is not on the done step
+      if (STEP_ORDER[currentStepIndex] !== 'done') {
+        e.preventDefault();
+        e.returnValue = '';
+      }
+    });
+
     // \u2500\u2500 Header Dots \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
     function updateHeaderDots() {
       var el = document.getElementById('header-steps');
@@ -1209,31 +1273,37 @@ function getWizardHtml() {
       var personalMcps = enabledMcps.filter(function(m) { return m.authMode === 'personal'; });
 
       var html = '';
+      var chevronSvg = '<svg class="mcp-section-chevron" viewBox="0 0 16 16" fill="currentColor"><path d="M6 3l5 5-5 5z"/></svg>';
 
-      if (companyMcps.length > 0) {
+      // Personal integrations first (most relevant to business users)
+      if (personalMcps.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-section-title">Your Integrations</div>';
+        html += '<div class="mcp-section-subtitle">Connect your personal account to use these</div>';
         html += '<div class="mcp-list">';
-        html += companyMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
+        html += personalMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
         html += '</div></div>';
       }
 
-      if (personalMcps.length > 0) {
+      // Company integrations (collapsible)
+      if (companyMcps.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 += '<button class="mcp-section-toggle" onclick="toggleMcpSection(this)">' + chevronSvg + '<span class="mcp-section-title">Company Integrations</span></button>';
+        html += '<div class="mcp-section-body collapsed">';
+        html += '<div class="mcp-section-subtitle" style="margin-top:4px;">Ready to use \\u2014 no account connection needed</div>';
         html += '<div class="mcp-list">';
-        html += personalMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
-        html += '</div></div>';
+        html += companyMcps.map(function(mcp) { return renderMcpItem(mcp, false, false); }).join('');
+        html += '</div></div></div>';
       }
 
+      // Coming soon (collapsible)
       if (disabledMcps.length > 0) {
         html += '<div class="mcp-section">';
-        html += '<div class="mcp-section-title">Coming Soon</div>';
+        html += '<button class="mcp-section-toggle" onclick="toggleMcpSection(this)">' + chevronSvg + '<span class="mcp-section-title">Coming Soon</span></button>';
+        html += '<div class="mcp-section-body collapsed">';
         html += '<div class="mcp-list">';
         html += disabledMcps.map(function(mcp) { return renderMcpItem(mcp, false, true); }).join('');
-        html += '</div></div>';
+        html += '</div></div></div>';
       }
 
       container.innerHTML = html;
@@ -1249,6 +1319,20 @@ function getWizardHtml() {
       });
     }
 
+    function toggleMcpSection(btn) {
+      var chevron = btn.querySelector('.mcp-section-chevron');
+      var body = btn.parentElement.querySelector('.mcp-section-body');
+      if (body.classList.contains('collapsed')) {
+        body.classList.remove('collapsed');
+        body.classList.add('expanded');
+        chevron.classList.add('open');
+      } else {
+        body.classList.remove('expanded');
+        body.classList.add('collapsed');
+        chevron.classList.remove('open');
+      }
+    }
+
     async function renderMcps() {
       var container = document.getElementById('mcp-list-container');
 
@@ -1365,27 +1449,33 @@ function getWizardHtml() {
       var mcpUrl = (state.serverUrl || 'https://cortex-bice.vercel.app') + '/mcp/cortex';
       var html = '';
 
-      // \u2500\u2500 Section 1: Auto-configured (2-column grid) \u2500\u2500
-      if (autoDetected.length > 0) {
+      var chevronSvg = '<svg class="mcp-section-chevron" viewBox="0 0 16 16" fill="currentColor"><path d="M6 3l5 5-5 5z"/></svg>';
+      var primaryTypes = ['claude-desktop', 'claude-code'];
+      var primaryDetected = autoDetected.filter(function(c) { return primaryTypes.indexOf(c.type) !== -1; });
+      var advancedDetected = autoDetected.filter(function(c) { return primaryTypes.indexOf(c.type) === -1; });
+
+      // \u2500\u2500 Primary clients: Claude Desktop + Claude Code (always visible) \u2500\u2500
+      if (primaryDetected.length > 0) {
         html += '<div class="client-section-divider" style="margin-top:0;padding-top:0;border:none;">' +
-          '<div class="client-section-title">Auto-configured</div>' +
           '<div class="client-section-subtitle">Select the apps you use \\u2014 we\\u2019ll configure them automatically</div>' +
         '</div>';
         html += '<div class="client-grid">';
-        html += autoDetected.map(renderClientItem).join('');
+        html += primaryDetected.map(renderClientItem).join('');
         html += '</div>';
       }
 
-      // Show not-found auto clients dimmed
-      if (autoNotFound.length > 0) {
-        html += '<div class="client-grid" style="margin-top:4px;">';
-        html += autoNotFound.map(renderClientItem).join('');
-        html += '</div>';
+      // \u2500\u2500 Advanced clients: Cursor, VS Code, Antigravity, Codex (collapsible) \u2500\u2500
+      var advancedAll = advancedDetected.concat(autoNotFound);
+      if (advancedAll.length > 0) {
+        html += '<div class="mcp-section" style="margin-top:12px;">';
+        html += '<button class="mcp-section-toggle" onclick="toggleMcpSection(this)">' + chevronSvg + '<span class="mcp-section-title">Advanced</span></button>';
+        html += '<div class="mcp-section-body collapsed">';
+        html += '<div class="client-section-subtitle" style="margin-top:4px;">If you don\\u2019t know what these are yet, you should be using the Claude Desktop App</div>';
+        html += '<div class="client-grid">';
+        html += advancedAll.map(renderClientItem).join('');
+        html += '</div></div></div>';
       }
 
-      // Manual clients (CoWork, Claude.ai) moved to dedicated step 5
-      // Additional clients (Perplexity, OpenClaw) moved to Cortex Control Center
-
       el.innerHTML = html;
 
       // Attach click handlers to auto-configured items
@@ -1625,11 +1715,11 @@ function getWizardHtml() {
       el.innerHTML = '<div class="status status-info"><span class="spinner"></span> Loading connections...</div>';
 
       var selectedMcpList = state.availableMcps.filter(function(m) {
-        return state.selectedMcps.indexOf(m.name) !== -1;
+        return state.selectedMcps.indexOf(m.name) !== -1 && m.authMode === 'personal';
       });
 
       if (selectedMcpList.length === 0) {
-        el.innerHTML = '<div class="status status-info">No integrations selected.</div>';
+        el.innerHTML = '<div class="status status-info">No personal accounts to connect. You\\u2019re all set!</div>';
         return;
       }
 
@@ -1643,18 +1733,7 @@ function getWizardHtml() {
 
       el.innerHTML = selectedMcpList.map(function(mcp) {
         var conn = state.connections.find(function(c) { return c.mcp_name === mcp.name; });
-        var isCompany = mcp.authMode !== 'personal';
         var isConnected = conn && !conn.is_company_default && conn.account_email;
-        var isCompanyDefault = isCompany;
-
-        if (isCompanyDefault) {
-          return (
-            '<div class="conn-item connected company-default" id="conn-' + mcp.name + '">' +
-              '<span class="conn-name">' + escapeHtml(mcp.displayName) + '</span>' +
-              '<span class="conn-status connected">&#10003; Company Account</span>' +
-            '</div>'
-          );
-        }
 
         return (
           '<div class="conn-item' + (isConnected ? ' connected' : ' needs-connect') + '" id="conn-' + mcp.name + '" data-personal="true">' +
@@ -1978,7 +2057,7 @@ function detectClients() {
   }
   clients.push({
     type: "codex",
-    name: "Codex (OpenAI)",
+    name: "Codex",
     configPath: codexPath,
     detected: codexDetected
   });
@@ -2482,6 +2561,15 @@ function getState() {
   }
   return wizardState;
 }
+function getProgress() {
+  const creds = readCredentials();
+  const config = readConfig();
+  return {
+    hasCredentials: creds !== null && !!creds.email,
+    hasConfig: config !== null,
+    configuredClients: config && config.configuredClients || []
+  };
+}
 function parseBody(req) {
   return new Promise((resolve3) => {
     const chunks = [];
@@ -2500,7 +2588,7 @@ function json(res, data, status = 200) {
   res.writeHead(status, { "Content-Type": "application/json" });
   res.end(JSON.stringify(data));
 }
-async function handleApiRoute(path, searchParams, req, res, options, onComplete) {
+async function handleApiRoute(path, searchParams, req, res, options, onComplete, heartbeat) {
   const method = req.method || "GET";
   if (path === "/api/state" && method === "GET") {
     const creds = readCredentials();
@@ -2761,12 +2849,34 @@ async function handleApiRoute(path, searchParams, req, res, options, onComplete)
     setTimeout(onComplete, 100);
     return true;
   }
+  if (path === "/api/heartbeat" && method === "POST") {
+    if (heartbeat) heartbeat.beat();
+    json(res, { ok: true });
+    return true;
+  }
+  if (path === "/api/progress" && method === "GET") {
+    json(res, getProgress());
+    return true;
+  }
   return false;
 }
 
 // src/wizard/server.ts
+function createHeartbeatTracker(timeoutMs = 15e3) {
+  let lastBeat = 0;
+  return {
+    beat: () => {
+      lastBeat = Date.now();
+    },
+    isConnected: () => lastBeat > 0 && Date.now() - lastBeat < timeoutMs,
+    _setLastBeat: (ts) => {
+      lastBeat = ts;
+    }
+  };
+}
 function startWizardServer(options) {
   return new Promise((resolve3, reject) => {
+    const heartbeat = createHeartbeatTracker();
     let completionResolve;
     const completionPromise = new Promise((r) => {
       completionResolve = r;
@@ -2786,7 +2896,8 @@ function startWizardServer(options) {
             req,
             res,
             options,
-            onComplete
+            onComplete,
+            heartbeat
           );
           if (!handled) {
             res.writeHead(404, { "Content-Type": "application/json" });
@@ -2817,7 +2928,8 @@ function startWizardServer(options) {
           connections.clear();
           server.close(() => r());
         }),
-        waitForCompletion: () => completionPromise
+        waitForCompletion: () => completionPromise,
+        heartbeat
       });
     });
     server.on("error", reject);
@@ -2833,7 +2945,7 @@ async function runSetup() {
   log("  Cortex MCP Setup");
   log("  Starting setup wizard...");
   log("");
-  const { port, close, waitForCompletion } = await startWizardServer({
+  const { port, close, waitForCompletion, heartbeat } = await startWizardServer({
     serverUrl: DEFAULT_SERVER_URL
   });
   const url = `http://localhost:${port}`;
@@ -2858,7 +2970,25 @@ async function runSetup() {
   };
   process.on("SIGINT", cleanup);
   process.on("SIGTERM", cleanup);
+  let tabState = "unknown";
+  const heartbeatInterval = setInterval(() => {
+    const connected = heartbeat.isConnected();
+    if (connected && tabState !== "connected") {
+      if (tabState === "disconnected") {
+        log("  \u2713 Browser reconnected \u2014 resuming where you left off.");
+      }
+      tabState = "connected";
+    } else if (!connected && tabState === "connected") {
+      tabState = "disconnected";
+      log("");
+      log("  \u26A0  Browser tab disconnected.");
+      log(`  Reopen the wizard: ${url}`);
+      log("  Your progress has been saved \u2014 the wizard will resume where you left off.");
+      log("");
+    }
+  }, 5e3);
   await waitForCompletion();
+  clearInterval(heartbeatInterval);
   await new Promise((r) => setTimeout(r, 300));
   await close();
   log("");
@@ -3869,6 +3999,7 @@ async function startStdioServer(options) {
         "7. Set ALL environment variables on Vercel (vercel__set_env_vars_batch) BEFORE deploying:",
         "   - Supabase: NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY",
         "   - Auth (if set up): NEXT_PUBLIC_CORTEX_URL, NEXT_PUBLIC_CORTEX_CLIENT_ID, CORTEX_CLIENT_ID, CORTEX_CLIENT_SECRET",
+        "   - AI (if needed): ANTHROPIC_API_KEY (ctx_ key, sensitive), ANTHROPIC_BASE_URL (Cortex proxy URL)",
         "   - Extract all values from tool responses \u2014 never ask the user to provide or copy keys",
         "8. Deploy to Vercel (vercel__deploy) and verify deployment succeeds (vercel__get_deployment)",
         "   - If deployment fails, check logs (vercel__get_deployment_logs), fix code, push fix, and retry",
@@ -3937,7 +4068,8 @@ async function startStdioServer(options) {
     "### Phase 2: Plan Infrastructure",
     "6. Determine if the app needs a database (user accounts, persistent data \u2192 yes; static content \u2192 no)",
     "7. Determine if the app needs authentication (multi-user, personalized data \u2192 yes; public content \u2192 no)",
-    "8. Present the plan to the user: 'Your app needs: GitHub repo, Vercel deployment, [Supabase DB + auth / no DB]'",
+    "8. Determine if the app needs AI (document parsing, chat, content generation, classification \u2192 yes; purely CRUD/display \u2192 no)",
+    "9. Present the plan to the user: 'Your app needs: GitHub repo, Vercel deployment, [Supabase DB + auth / no DB], [AI features via Cortex / no AI]'",
     "",
     "### Phase 3: Build with Brand",
     "9. Write Next.js + TypeScript code using Sonance Brand components:",
@@ -3956,6 +4088,7 @@ async function startStdioServer(options) {
     "13. Set ALL env vars on Vercel using `vercel__set_env_vars_batch` BEFORE deploying:",
     "    - Supabase: NEXT_PUBLIC_SUPABASE_URL, NEXT_PUBLIC_SUPABASE_ANON_KEY, SUPABASE_SERVICE_ROLE_KEY",
     "    - Auth: NEXT_PUBLIC_CORTEX_URL, NEXT_PUBLIC_CORTEX_CLIENT_ID, CORTEX_CLIENT_ID, CORTEX_CLIENT_SECRET",
+    "    - AI: ANTHROPIC_API_KEY (ctx_ key, sensitive), ANTHROPIC_BASE_URL (https://cortex-bice.vercel.app)",
     "    - Extract ALL values from tool responses \u2014 NEVER ask the user to copy keys",
     "14. Deploy: `vercel__deploy` then verify with `vercel__get_deployment`",
     "    - If ERROR: get logs, fix code, push fix, retry until READY",
@@ -3975,8 +4108,17 @@ async function startStdioServer(options) {
     "- Deployment verification",
     "- Quality checks and brand evaluation",
     "",
+    "## AI-Powered Features",
+    "",
+    "When the app needs AI (document parsing, chat, content generation):",
+    "- ANTHROPIC_API_KEY and ANTHROPIC_BASE_URL are auto-provisioned during deploy",
+    "- App code uses `new Anthropic()` with no args \u2014 the SDK reads env vars automatically",
+    "- All requests route through Cortex Apollo proxy (cost tracking, rate limiting)",
+    "- AI calls MUST be server-side only (Next.js API routes), never browser-side",
+    "- NEVER use raw sk-ant- keys \u2014 always use Cortex-provisioned ctx_ keys",
+    "",
     "## Key Rules",
-    "- The user should NEVER manually set env vars, copy keys, or configure auth",
+    "- The user should NEVER manually set env vars, copy keys, or configure auth/AI",
     "- Always use Next.js + TypeScript, never plain React or HTML for production apps",
     "- Always use Sonance Brand components \u2014 never write custom Button/Card/Navbar with hardcoded styles"
   ].join("\n");