@danainnovations/cortex-mcp 1.0.121 → 1.0.122

package/dist/cli.js

@@ -923,19 +923,17 @@ function getWizardHtml() {
       </div>
     </div>
 
-    <!-- Step 6: Done -->
+    <!-- Step 7: Done -->
     <div id="step-done" class="step">
-      <div class="card text-center">
-        <div class="success-circle"><span class="success-check">&#10003;</span></div>
-        <h2>Setup Complete</h2>
-        <p class="subtitle">Your AI clients are now connected to Cortex</p>
-        <div id="summary" style="text-align: left; margin: 24px 0;"></div>
-        <div class="next-steps">
-          <h3>What's Next</h3>
-          <div class="next-step-item">1. Restart your AI clients to load the new tools</div>
-          <div class="next-step-item">2. Try: &ldquo;List my GitHub repos&rdquo; or &ldquo;Show my Asana tasks&rdquo;</div>
-          <div class="next-step-item">3. Run <code>cortex-mcp connect &lt;provider&gt;</code> to add more accounts later</div>
+      <div class="card">
+        <div class="text-center" style="margin-bottom: 24px;">
+          <div class="success-circle"><span class="success-check">&#10003;</span></div>
+          <h2>You're All Set!</h2>
+          <p class="subtitle">Cortex is ready to use. Here's how to get started.</p>
         </div>
+
+        <div id="getting-started" style="text-align: left;"></div>
+
         <div style="margin-top: 24px;">
           <button class="btn btn-accent btn-block" onclick="finishSetup()">Close</button>
         </div>
@@ -1647,34 +1645,50 @@ function getWizardHtml() {
 
     // \u2500\u2500 Step 6: Done \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 renderDone() {
-      var el = document.getElementById('summary');
-      var html = '';
+      var el = document.getElementById('getting-started');
 
-      html += '<div class="summary-section">';
-      html += '<h3>Integrations (' + state.selectedMcps.length + ')</h3>';
-      state.selectedMcps.forEach(function(name) {
-        var mcp = state.availableMcps.find(function(m) { return m.name === name; });
-        html += '<div class="summary-item"><span class="check-icon">&#10003;</span>' + escapeHtml(mcp ? mcp.displayName : name) + '</div>';
+      var steps = [
+        {
+          num: '1',
+          title: 'Restart your AI apps',
+          desc: 'Quit Claude Desktop completely (right-click the icon in the menu bar \\u2192 Quit), then reopen it. Do the same for Cursor or VS Code if you use them.'
+        },
+        {
+          num: '2',
+          title: 'Start a conversation and ask for something',
+          desc: 'Open a new chat and try one of these:',
+          examples: [
+            '\\u201CShow me my recent emails\\u201D',
+            '\\u201CList my open Asana tasks\\u201D',
+            '\\u201CWhat repos do I have on GitHub?\\u201D',
+            '\\u201CSummarize my calendar for this week\\u201D'
+          ]
+        },
+        {
+          num: '3',
+          title: 'Approve the tools when prompted',
+          desc: 'The first time Claude uses a Cortex tool, it will ask for permission. Click \\u201CAllow\\u201D (or set to \\u201CAlways allow\\u201D in Settings \\u2192 Connectors \\u2192 Cortex).'
+        }
+      ];
+
+      var html = '<div style="display: flex; flex-direction: column; gap: 16px;">';
+      steps.forEach(function(step) {
+        html += '<div style="display: flex; gap: 14px; align-items: flex-start;">' +
+          '<div style="width: 32px; height: 32px; border-radius: 50%; background: rgba(0,163,225,0.12); color: #00A3E1; display: flex; align-items: center; justify-content: center; font-weight: 600; font-size: 14px; flex-shrink: 0;">' + step.num + '</div>' +
+          '<div style="flex: 1;">' +
+            '<div style="font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 4px;">' + step.title + '</div>' +
+            '<div style="font-size: 13px; color: #8f999f; line-height: 1.5;">' + step.desc + '</div>';
+        if (step.examples) {
+          html += '<div style="margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px;">';
+          step.examples.forEach(function(ex) {
+            html += '<span style="font-size: 12px; background: rgba(0,163,225,0.08); border: 1px solid rgba(0,163,225,0.15); color: #b0b8c0; padding: 4px 10px; border-radius: 6px;">' + ex + '</span>';
+          });
+          html += '</div>';
+        }
+        html += '</div></div>';
       });
       html += '</div>';
 
-      if (state.configuredClients.length > 0) {
-        html += '<div class="summary-section">';
-        html += '<h3>Configured Clients</h3>';
-        state.configuredClients.forEach(function(c) {
-          var client = state.detectedClients.find(function(d) { return d.type === c; });
-          html += '<div class="summary-item"><span class="check-icon">&#10003;</span>' + escapeHtml(client ? client.name : c) + '</div>';
-        });
-        html += '</div>';
-      }
-
-      if (state.credentials) {
-        html += '<div class="summary-section">';
-        html += '<h3>Signed In</h3>';
-        html += '<div class="summary-item"><span class="check-icon">&#10003;</span>' + escapeHtml(state.credentials.name || state.credentials.email) + '</div>';
-        html += '</div>';
-      }
-
       el.innerHTML = html;
     }