@danainnovations/cortex-mcp 1.0.126 → 1.0.128

package/dist/cli.js

@@ -87,7 +87,7 @@ function getWizardHtml() {
 
     #app {
       width: 100%;
-      max-width: 1100px;
+      max-width: 900px;
       padding: 24px;
       position: relative;
       z-index: 1;
@@ -351,9 +351,9 @@ 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: 4px;
+      margin-bottom: 8px;
     }
 
     .mcp-item {
@@ -808,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: 1000px) {
-      .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; }
@@ -937,8 +931,11 @@ function getWizardHtml() {
 
         <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 style="text-align:center; margin-top:12px; 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 style="margin-top: 8px;">
+          <button class="btn btn-accent btn-block" id="btn-done-close" disabled onclick="finishSetup()" style="opacity:0.4; cursor:not-allowed;">Close (10)</button>
         </div>
         <p class="text-sm text-muted mt-4">Config saved to ~/.cortex-mcp/config.json</p>
       </div>
@@ -1719,6 +1716,25 @@ function getWizardHtml() {
       html += '</div>';
 
       el.innerHTML = html;
+
+      // Start 10-second countdown on the Close button
+      var closeBtn = document.getElementById('btn-done-close');
+      if (closeBtn) {
+        var countdown = 10;
+        closeBtn.textContent = 'Close (' + countdown + ')';
+        var timer = setInterval(function() {
+          countdown--;
+          if (countdown <= 0) {
+            clearInterval(timer);
+            closeBtn.disabled = false;
+            closeBtn.style.opacity = '1';
+            closeBtn.style.cursor = 'pointer';
+            closeBtn.textContent = 'Close';
+          } else {
+            closeBtn.textContent = 'Close (' + countdown + ')';
+          }
+        }, 1000);
+      }
     }
 
     function confirmFinish() {