agent-discover 1.0.3 → 1.0.4

package/dist/ui/app.js

@@ -496,8 +496,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>';
+          '<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;
     }
@@ -645,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

@@ -483,16 +483,31 @@ body {
   margin-top: 4px;
 }
 
-.hint-code {
-  display: block;
-  margin-top: 8px;
-  font-family: var(--font-mono);
-  font-size: 11px;
-  background: var(--bg-elevated);
-  padding: 8px 12px;
+.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.4",
   "mcpName": "io.github.keshrath/agent-discover",
   "description": "MCP server registry and marketplace — discover, install, activate, and manage MCP tools on demand",
   "type": "module",