@danainnovations/cortex-mcp 1.0.124 → 1.0.126

package/dist/cli.js

@@ -92,6 +92,7 @@ function getWizardHtml() {
       position: relative;
       z-index: 1;
     }
+    #app.wide-step { max-width: 1200px; }
 
     /* \u2500\u2500 Persistent Header \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     .wizard-header {
@@ -338,7 +339,7 @@ function getWizardHtml() {
       color: #8f999f;
       text-transform: uppercase;
       letter-spacing: 0.08em;
-      margin-bottom: 4px;
+      margin-bottom: 2px;
     }
     .mcp-section-subtitle {
       font-size: 12px;
@@ -352,7 +353,7 @@ function getWizardHtml() {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 6px;
-      margin-bottom: 8px;
+      margin-bottom: 4px;
     }
 
     .mcp-item {
@@ -484,7 +485,7 @@ function getWizardHtml() {
 
     .mcp-info { flex: 1; min-width: 0; }
     .mcp-name { font-size: 13px; font-weight: 500; color: #fff; }
-    .mcp-desc { font-size: 11px; color: #8f999f; display: block; margin-top: 2px; font-weight: 400; }
+    .mcp-desc { font-size: 11px; color: #8f999f; display: block; margin-top: 2px; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
     .mcp-badge {
       font-size: 10px;
       font-weight: 500;
@@ -808,7 +809,7 @@ function getWizardHtml() {
     }
 
     /* \u2500\u2500 Tablet / narrow \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
-    @media (max-width: 900px) {
+    @media (max-width: 1000px) {
       .mcp-list { grid-template-columns: repeat(2, 1fr); }
       .conn-list { grid-template-columns: 1fr; }
     }
@@ -903,9 +904,11 @@ function getWizardHtml() {
     <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;">
+          <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 class="btn-row">
-          <button class="btn btn-secondary" onclick="skipManualSetup()">I'll do this later</button>
-          <button class="btn btn-primary" onclick="completeManualSetup()">Continue</button>
+          <button class="btn btn-primary btn-block" id="btn-manual-continue" disabled onclick="completeManualSetup()" style="opacity:0.4; cursor:not-allowed;">Continue (15)</button>
         </div>
       </div>
     </div>
@@ -1041,6 +1044,13 @@ function getWizardHtml() {
 
     // \u2500\u2500 Navigation \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
     function goToStep(step) {
+      var appEl = document.getElementById('app');
+      if (step === 'mcps') {
+        appEl.classList.add('wide-step');
+      } else {
+        appEl.classList.remove('wide-step');
+      }
+
       var newIndex = STEP_ORDER.indexOf(step);
       var direction = newIndex >= currentStepIndex ? 'slide-forward' : 'slide-backward';
 
@@ -1529,7 +1539,26 @@ function getWizardHtml() {
           '<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>' +
 
-        '<p style="font-size:12px; color:#6b7780; margin-top:16px; text-align:center;">Not on an Enterprise account? Click \\u201CContinue\\u201D \\u2014 the local setup from the previous step is all you need.</p>';
+        '<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 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 completeManualSetup() {
@@ -1726,6 +1755,20 @@ function getWizardHtml() {
 
       // Show the getting-started guide on the done step
       goToStep('done');
+
+      // Update the Close button to actually close the window
+      var closeBtn = document.querySelector('#step-done .btn-accent');
+      if (closeBtn) {
+        closeBtn.onclick = function() {
+          window.close();
+          // Fallback if window.close() is blocked by the browser
+          setTimeout(function() {
+            closeBtn.textContent = 'You can close this tab';
+            closeBtn.disabled = true;
+            closeBtn.style.opacity = '0.5';
+          }, 500);
+        };
+      }
     }
 
     // \u2500\u2500 Helpers \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\u2500\u2500