@danainnovations/cortex-mcp 1.0.125 → 1.0.127

package/dist/cli.js

@@ -87,11 +87,12 @@ function getWizardHtml() {
 
     #app {
       width: 100%;
-      max-width: 1100px;
+      max-width: 900px;
       padding: 24px;
       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;
@@ -350,7 +351,7 @@ function getWizardHtml() {
     /* \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 {
       display: grid;
-      grid-template-columns: repeat(3, 1fr);
+      grid-template-columns: repeat(2, 1fr);
       gap: 6px;
       margin-bottom: 8px;
     }
@@ -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;
@@ -807,12 +808,6 @@ function getWizardHtml() {
       background: rgba(0, 163, 225, 0.25);
     }
 
-    /* \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) {
-      .mcp-list { grid-template-columns: repeat(2, 1fr); }
-      .conn-list { grid-template-columns: 1fr; }
-    }
-
     /* \u2500\u2500 Mobile \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 */
     @media (max-width: 640px) {
       #app { padding: 16px; }
@@ -903,9 +898,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 +1038,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 +1533,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() {