agent-discover 1.0.2 → 1.0.4

package/dist/ui/app.js

@@ -174,8 +174,16 @@
 
     var html = state.servers
       .map(function (s) {
-        var statusClass = s.active ? 'active' : 'inactive';
-        var statusLabel = s.active ? 'Active' : 'Inactive';
+        var statusClass = s.active
+          ? s.health_status === 'unhealthy'
+            ? 'unhealthy'
+            : 'active'
+          : 'inactive';
+        var statusLabel = s.active
+          ? s.health_status === 'unhealthy'
+            ? 'Unhealthy'
+            : 'Active'
+          : 'Inactive';
 
         // Approval badge
         var approval = s.approval_status || 'experimental';
@@ -204,14 +212,8 @@
           approvalDropdown +
           '</span>';
 
-        // Health dot
+        // Combined status: active+healthy=green, active+unhealthy=red, inactive=gray
         var healthStatus = s.health_status || 'unknown';
-        var healthDot =
-          '<span class="health-dot health-' +
-          esc(healthStatus) +
-          '" title="Health: ' +
-          esc(healthStatus) +
-          '"></span>';
 
         // Error count
         var errorCount =
@@ -287,7 +289,6 @@
           '</div>' +
           '<div style="display:flex;align-items:center;gap:8px">' +
           errorCount +
-          healthDot +
           '<span class="server-status"><span class="status-dot ' +
           statusClass +
           '"></span>' +
@@ -494,7 +495,12 @@
           '<div class="empty-state"><span class="material-symbols-outlined empty-icon">explore</span><p>Search the official MCP registry</p><p class="hint">Type a query above to discover servers</p></div>';
       } else {
         el.innerHTML =
-          '<div class="empty-state"><span class="material-symbols-outlined empty-icon">search_off</span><p>No results found</p></div>';
+          '<div class="empty-state"><span class="material-symbols-outlined empty-icon">search_off</span><p>No results in MCP registry</p>' +
+          '<p class="hint">Install from npm directly:</p>' +
+          '<div class="npm-install-form">' +
+          '<input type="text" id="npm-package-input" placeholder="npm package (e.g. @modelcontextprotocol/server-everything)" />' +
+          '<button class="btn-install" onclick="window.__installFromNpm()"><span class="material-symbols-outlined" style="font-size:14px">download</span> Install</button>' +
+          '</div></div>';
       }
       return;
     }
@@ -642,6 +648,38 @@
       });
   };
 
+  window.__installFromNpm = function () {
+    var input = document.getElementById('npm-package-input');
+    var pkg = (input ? input.value : '').trim();
+    if (!pkg) return;
+
+    var safeName = pkg.replace(/@/g, '').replace(/\//g, '-');
+    fetch('/api/servers', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({
+        name: safeName,
+        command: 'npx',
+        args: ['-y', pkg],
+        description: 'Installed from npm: ' + pkg,
+        source: 'registry',
+        tags: ['npm'],
+      }),
+    })
+      .then(function (r) {
+        if (!r.ok) throw new Error('Install failed');
+        return r.json();
+      })
+      .then(function () {
+        showToast('Installed ' + pkg, 'success');
+        if (input) input.value = '';
+      })
+      .catch(function (err) {
+        console.error('npm install failed:', err);
+        showToast('Install failed: ' + err.message, 'error');
+      });
+  };
+
   // -------------------------------------------------------------------------
   // Enterprise feature actions
   // -------------------------------------------------------------------------

package/dist/ui/styles.css

@@ -364,6 +364,10 @@ body {
   background: var(--status-inactive);
 }
 
+.status-dot.unhealthy {
+  background: #f44336;
+}
+
 .server-description {
   font-size: 13px;
   color: var(--text-secondary);
@@ -479,6 +483,33 @@ body {
   margin-top: 4px;
 }
 
+.npm-install-form {
+  display: flex;
+  gap: 8px;
+  margin-top: 12px;
+  max-width: 500px;
+}
+
+.npm-install-form input {
+  flex: 1;
+  background: var(--bg);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 8px 12px;
+  color: var(--text);
+  font-family: var(--font-mono);
+  font-size: 12px;
+}
+
+.npm-install-form input:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+
+.npm-install-form .btn-install {
+  flex-shrink: 0;
+}
+
 /* ---------------------------------------------------------------------------
    Buttons
    --------------------------------------------------------------------------- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agent-discover",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "mcpName": "io.github.keshrath/agent-discover",
   "description": "MCP server registry and marketplace — discover, install, activate, and manage MCP tools on demand",
   "type": "module",