agent-discover 1.2.5 → 1.3.0

package/dist/ui/styles.css

@@ -998,3 +998,296 @@ body {
     transform: translateY(0);
   }
 }
+
+/* ---------------------------------------------------------------------------
+   Add Server form
+   --------------------------------------------------------------------------- */
+
+.btn-add-server {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  background: var(--accent);
+  color: #fff;
+  border: none;
+  border-radius: var(--radius-sm);
+  padding: 6px 14px;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: var(--font-sans);
+  cursor: pointer;
+  transition: background 0.15s;
+}
+
+.btn-add-server:hover {
+  background: var(--accent-hover);
+}
+
+.add-server-panel {
+  margin-bottom: 16px;
+  background: var(--bg-surface);
+  border: 1px solid var(--border);
+  border-radius: var(--radius);
+  padding: 16px;
+}
+
+.add-server-form .form-row {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.add-server-form .form-field {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.add-server-form label {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-muted);
+}
+
+.add-server-form input,
+.add-server-form textarea,
+.add-server-form select {
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 7px 10px;
+  font-size: 13px;
+  font-family: var(--font-mono);
+  color: var(--text);
+}
+
+.add-server-form input:focus,
+.add-server-form textarea:focus,
+.add-server-form select:focus {
+  outline: none;
+  border-color: var(--accent);
+  box-shadow: 0 0 0 2px var(--focus-ring);
+}
+
+.btn-submit-server {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  background: var(--accent);
+  color: #fff;
+  border: none;
+  border-radius: 6px;
+  padding: 7px 16px;
+  font-size: 13px;
+  font-weight: 500;
+  font-family: var(--font-sans);
+  cursor: pointer;
+}
+
+.btn-submit-server:hover {
+  background: var(--accent-hover);
+}
+
+/* ---------------------------------------------------------------------------
+   Clear errors button
+   --------------------------------------------------------------------------- */
+
+.btn-clear-errors {
+  background: none;
+  border: none;
+  color: var(--text-dim);
+  cursor: pointer;
+  padding: 0 2px;
+  vertical-align: middle;
+  line-height: 1;
+}
+
+.btn-clear-errors:hover {
+  color: var(--red);
+}
+
+/* ---------------------------------------------------------------------------
+   Logs tab
+   --------------------------------------------------------------------------- */
+
+.log-filters {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+}
+
+.log-filters select {
+  background: var(--bg-elevated);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 5px 10px;
+  font-size: 12px;
+  font-family: var(--font-mono);
+  color: var(--text);
+}
+
+.logs-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 12px;
+  font-family: var(--font-mono);
+}
+
+.logs-table th {
+  text-align: left;
+  padding: 8px 10px;
+  border-bottom: 2px solid var(--border);
+  font-size: 11px;
+  font-weight: 600;
+  color: var(--text-muted);
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  position: sticky;
+  top: 0;
+  background: var(--bg);
+  z-index: 1;
+}
+
+.logs-table td {
+  padding: 6px 10px;
+  border-bottom: 1px solid var(--border-light);
+  vertical-align: top;
+  max-width: 300px;
+  word-break: break-word;
+}
+
+.log-row {
+  cursor: pointer;
+}
+
+.log-row:hover {
+  background: var(--bg-hover);
+}
+
+.log-ts {
+  white-space: nowrap;
+  color: var(--text-dim);
+}
+
+.log-latency {
+  white-space: nowrap;
+  color: var(--text-muted);
+}
+
+.log-badge {
+  display: inline-block;
+  padding: 1px 8px;
+  border-radius: 10px;
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+}
+
+.log-success {
+  background: var(--green-dim);
+  color: var(--green);
+}
+
+.log-fail {
+  background: var(--red-dim);
+  color: var(--red);
+}
+
+.log-expand {
+  background: var(--bg-surface);
+}
+
+.log-expand td {
+  padding: 10px 10px 12px;
+  border-bottom: 2px solid var(--border);
+}
+
+.log-expand-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+
+.log-expand-section {
+  min-width: 0;
+}
+
+.log-expand-label {
+  font-size: 10px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-muted);
+  margin-bottom: 4px;
+  font-family: var(--font-sans);
+}
+
+.log-expand-section pre {
+  padding: 8px 10px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-light);
+  border-radius: 6px;
+  font-size: 11px;
+  max-height: 200px;
+  overflow: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+  margin: 0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--scrollbar-thumb) transparent;
+}
+
+.log-expand-section pre::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.log-expand-section pre::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.log-expand-section pre::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 3px;
+}
+
+.logs-table-wrap {
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--scrollbar-thumb) transparent;
+}
+
+.logs-table-wrap::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+.logs-table-wrap::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.logs-table-wrap::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: 3px;
+}
+
+.btn-clear-logs {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  background: none;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  padding: 4px 10px;
+  font-size: 12px;
+  font-family: var(--font-sans);
+  color: var(--text-muted);
+  cursor: pointer;
+  transition: all 0.15s;
+}
+
+.btn-clear-logs:hover {
+  border-color: var(--red);
+  color: var(--red);
+}

package/dist/ui/template.js

@@ -21,6 +21,11 @@ AD._template = function () {
     '<span class="material-symbols-outlined">explore</span>' +
     '<span>Browse</span>' +
     '</button>' +
+    '<button class="nav-item" data-tab="logs">' +
+    '<span class="material-symbols-outlined">receipt_long</span>' +
+    '<span>Logs</span>' +
+    '<span class="badge" id="log-count">0</span>' +
+    '</button>' +
     '</nav>' +
     '<div class="sidebar-footer">' +
     '<span class="connection-status" id="conn-status">' +
@@ -36,6 +41,39 @@ AD._template = function () {
     '<section class="tab-panel active" id="tab-installed">' +
     '<div class="panel-header">' +
     '<h2 class="section-title">Servers</h2>' +
+    '<button class="btn-add-server" id="add-server-toggle">' +
+    '<span class="material-symbols-outlined" style="font-size:16px">add</span>' +
+    ' Add Server' +
+    '</button>' +
+    '</div>' +
+    '<div id="add-server-panel" class="add-server-panel" style="display:none">' +
+    '<div class="add-server-form">' +
+    '<div class="form-row">' +
+    '<div class="form-field"><label>Name</label><input type="text" id="add-name" placeholder="my-server" /></div>' +
+    '<div class="form-field"><label>Transport</label>' +
+    '<select id="add-transport"><option value="stdio">Local (stdio)</option><option value="streamable-http">Remote URL</option></select>' +
+    '</div>' +
+    '</div>' +
+    '<div class="form-row" id="add-stdio-fields">' +
+    '<div class="form-field"><label>Command</label><input type="text" id="add-command" placeholder="npx" /></div>' +
+    '<div class="form-field" style="flex:2"><label>Args (comma-separated)</label><input type="text" id="add-args" placeholder="-y, @some/package" /></div>' +
+    '</div>' +
+    '<div class="form-row" id="add-url-fields" style="display:none">' +
+    '<div class="form-field" style="flex:2"><label>URL</label><input type="text" id="add-url" placeholder="https://example.com/mcp" /></div>' +
+    '</div>' +
+    '<div class="form-row">' +
+    '<div class="form-field" style="flex:2"><label>Description</label><input type="text" id="add-desc" placeholder="Optional description" /></div>' +
+    '</div>' +
+    '<div class="form-row">' +
+    '<div class="form-field"><label>Env vars (KEY=VALUE per line)</label><textarea id="add-env" rows="2" placeholder="API_KEY=secret"></textarea></div>' +
+    '<div class="form-field"><label>Tags (comma-separated)</label><input type="text" id="add-tags" placeholder="odoo, remote" /></div>' +
+    '</div>' +
+    '<div class="form-row">' +
+    '<button class="btn-submit-server" data-action="submit-add-server">' +
+    '<span class="material-symbols-outlined" style="font-size:14px">save</span> Register' +
+    '</button>' +
+    '</div>' +
+    '</div>' +
     '</div>' +
     '<div id="installed-list" class="server-grid">' +
     '<div class="empty-state">' +
@@ -61,6 +99,23 @@ AD._template = function () {
     '</div>' +
     '</div>' +
     '</section>' +
+    '<section class="tab-panel" id="tab-logs">' +
+    '<div class="panel-header">' +
+    '<h2 class="section-title">Call Logs</h2>' +
+    '<div class="log-filters">' +
+    '<select id="log-filter-server"><option value="">All servers</option></select>' +
+    '<select id="log-filter-status"><option value="">All</option><option value="success">Success</option><option value="fail">Failed</option></select>' +
+    '<button class="btn-clear-logs" data-action="clear-logs"><span class="material-symbols-outlined" style="font-size:14px">delete_sweep</span> Clear All</button>' +
+    '</div>' +
+    '</div>' +
+    '<div id="logs-list" class="logs-table-wrap">' +
+    '<div class="empty-state">' +
+    '<span class="material-symbols-outlined empty-icon">receipt_long</span>' +
+    '<p>No tool calls logged yet</p>' +
+    '<p class="hint">Logs appear when proxied tools are called</p>' +
+    '</div>' +
+    '</div>' +
+    '</section>' +
     '</main>' +
     '</div>'
   );

package/package.json

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