agent-discover 1.0.3 → 1.0.5

package/dist/ui/app.js

@@ -185,32 +185,7 @@
             : 'Active'
           : 'Inactive';
 
-        // Approval badge
-        var approval = s.approval_status || 'experimental';
-        var approvalDropdown = '';
-        if (openApprovalDropdown === s.id) {
-          approvalDropdown =
-            '<div class="approval-dropdown">' +
-            '<button class="approval-dropdown-item" onclick="window.__setApproval(' +
-            s.id +
-            ", 'experimental')\">experimental</button>" +
-            '<button class="approval-dropdown-item" onclick="window.__setApproval(' +
-            s.id +
-            ", 'approved')\">approved</button>" +
-            '<button class="approval-dropdown-item" onclick="window.__setApproval(' +
-            s.id +
-            ", 'production')\">production</button>" +
-            '</div>';
-        }
-        var approvalBadge =
-          '<span class="approval-badge approval-' +
-          esc(approval) +
-          '" style="position:relative" onclick="window.__toggleApprovalDropdown(' +
-          s.id +
-          ')">' +
-          esc(approval) +
-          approvalDropdown +
-          '</span>';
+        // Approval badge removed — not useful without automatic classification
 
         // Combined status: active+healthy=green, active+unhealthy=red, inactive=gray
         var healthStatus = s.health_status || 'unknown';
@@ -285,7 +260,6 @@
           '<span class="server-name">' +
           esc(s.name) +
           '</span>' +
-          approvalBadge +
           '</div>' +
           '<div style="display:flex;align-items:center;gap:8px">' +
           errorCount +
@@ -496,8 +470,11 @@
       } else {
         el.innerHTML =
           '<div class="empty-state"><span class="material-symbols-outlined empty-icon">search_off</span><p>No results in MCP registry</p>' +
-          '<p class="hint">Know the npm package? Install via MCP tool:</p>' +
-          '<code class="hint-code">registry({ action: "install", name: "my-server", command: "npx", args: ["-y", "@scope/package"] })</code></div>';
+          "<a class=\"hint-link\" onclick=\"this.nextElementSibling.style.display='flex';this.style.display='none'\">Can't find it? Install from npm</a>" +
+          '<div class="npm-install-form" style="display:none">' +
+          '<input type="text" id="npm-package-input" placeholder="npm package name (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;
     }
@@ -614,12 +591,20 @@
       '<span class="material-symbols-outlined" style="font-size:14px">hourglass_top</span>Installing...';
 
     var safeName = (server.name || '').replace(/\//g, '-');
+    var npmPkg = safeName;
+    // Try to derive npm package name from registry name (e.g. "io.github.user/pkg" -> "@user/pkg")
+    var parts = (server.name || '').split('/');
+    if (parts.length >= 2) {
+      npmPkg = parts[parts.length - 1];
+    }
     fetch('/api/servers', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
       body: JSON.stringify({
         name: safeName,
         description: server.description || '',
+        command: 'npx',
+        args: ['-y', server.name || npmPkg],
         source: 'registry',
         tags: ['marketplace'],
       }),
@@ -645,6 +630,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

@@ -483,16 +483,42 @@ body {
   margin-top: 4px;
 }
 
-.hint-code {
-  display: block;
+.hint-link {
+  color: var(--accent);
+  cursor: pointer;
+  font-size: 13px;
   margin-top: 8px;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  background: var(--bg-elevated);
-  padding: 8px 12px;
+}
+
+.hint-link:hover {
+  text-decoration: underline;
+}
+
+.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;
-  color: var(--accent);
-  word-break: break-all;
+  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;
 }
 
 /* ---------------------------------------------------------------------------

package/package.json

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