@danainnovations/cortex-mcp 1.0.83 → 1.0.84

package/dist/cli.js

@@ -665,6 +665,27 @@ function getWizardHtml() {
     .text-muted { color: #6b7780; }
     .hidden { display: none !important; }
 
+    /* \u2500\u2500 Client Section Divider \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+    .client-section-divider {
+      margin: 24px 0 16px;
+      padding-top: 20px;
+      border-top: 1px solid rgba(255, 255, 255, 0.08);
+    }
+    .client-section-title {
+      font-size: 11px;
+      font-weight: 500;
+      color: #8f999f;
+      text-transform: uppercase;
+      letter-spacing: 0.08em;
+      margin-bottom: 4px;
+    }
+    .client-section-subtitle {
+      font-size: 12px;
+      color: #6b7780;
+      font-weight: 400;
+      margin-bottom: 12px;
+    }
+
     /* \u2500\u2500 Stdio Snippet \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
     .stdio-snippet {
       background: rgba(0, 0, 0, 0.3);
@@ -1138,6 +1159,22 @@ function getWizardHtml() {
     }
 
     // \u2500\u2500 Step 4: Configure Clients \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+    function renderClientItem(client) {
+      var detected = client.detected;
+      var icon = CLIENT_ICONS[client.type] || '';
+      var alreadyConfigured = state.configuredClients.indexOf(client.type) !== -1;
+      var statusText = alreadyConfigured ? 'Configured' : (detected ? 'Detected' : 'Not found');
+      return (
+        '<label class="client-item' + (detected ? '' : ' disabled') +
+          (alreadyConfigured ? ' checked already-configured' : '') + '" data-client="' + client.type + '">' +
+          (icon ? '<div class="client-icon">' + icon + '</div>' : '') +
+          '<div class="mcp-check"><span class="mcp-check-icon">&#10003;</span></div>' +
+          '<span class="client-name">' + escapeHtml(client.name) + '</span>' +
+          '<span class="client-status">' + statusText + '</span>' +
+        '</label>'
+      );
+    }
+
     function renderClients() {
       var el = document.getElementById('client-list');
       document.getElementById('client-result').className = 'hidden';
@@ -1147,21 +1184,25 @@ function getWizardHtml() {
       // Pre-select already-configured clients
       state.selectedClients = state.configuredClients.slice();
 
-      el.innerHTML = state.detectedClients.map(function(client) {
-        var detected = client.detected;
-        var icon = CLIENT_ICONS[client.type] || '';
-        var alreadyConfigured = state.configuredClients.indexOf(client.type) !== -1;
-        var statusText = alreadyConfigured ? 'Configured' : (detected ? 'Detected' : 'Not found');
-        return (
-          '<label class="client-item' + (detected ? '' : ' disabled') +
-            (alreadyConfigured ? ' checked already-configured' : '') + '" data-client="' + client.type + '">' +
-            (icon ? '<div class="client-icon">' + icon + '</div>' : '') +
-            '<div class="mcp-check"><span class="mcp-check-icon">&#10003;</span></div>' +
-            '<span class="client-name">' + escapeHtml(client.name) + '</span>' +
-            '<span class="client-status">' + statusText + '</span>' +
-          '</label>'
-        );
-      }).join('');
+      // Split into auto-configured and manual-setup clients
+      var autoClients = state.detectedClients.filter(function(c) {
+        return c.type !== 'perplexity' && c.type !== 'stdio';
+      });
+      var manualClients = state.detectedClients.filter(function(c) {
+        return c.type === 'perplexity' || c.type === 'stdio';
+      });
+
+      var html = autoClients.map(renderClientItem).join('');
+
+      if (manualClients.length > 0) {
+        html += '<div class="client-section-divider">' +
+          '<div class="client-section-title">Additional Clients</div>' +
+          '<div class="client-section-subtitle">These require a few extra manual steps after setup</div>' +
+        '</div>';
+        html += manualClients.map(renderClientItem).join('');
+      }
+
+      el.innerHTML = html;
 
       el.querySelectorAll('.client-item:not(.disabled):not(.already-configured)').forEach(function(item) {
         item.addEventListener('click', function(e) {
@@ -1546,7 +1587,7 @@ function detectClients() {
   });
   clients.push({
     type: "stdio",
-    name: "OpenClaw (stdio)",
+    name: "OpenClaw",
     configPath: null,
     detected: true
   });