agent-discover 1.0.10 → 1.0.12

package/dist/ui/app.js

@@ -12,6 +12,7 @@
     return fetch(AD._baseUrl + url, opts);
   };
   AD._wsUrl = null;
+  AD._root = document;
 
   let state = { servers: [], active: [], version: '0.0.0' };
   let ws = null;
@@ -59,7 +60,7 @@
   }
 
   function setConnectionStatus(cls, text) {
-    var el = document.getElementById('conn-status');
+    var el = AD._root.getElementById('conn-status');
     if (!el) return;
     el.className = 'connection-status ' + cls;
     el.innerHTML = '<span class="conn-dot"></span>' + text;
@@ -70,7 +71,7 @@
   // -------------------------------------------------------------------------
 
   function initTabs() {
-    var navItems = document.querySelectorAll('.nav-item');
+    var navItems = AD._root.querySelectorAll('.nav-item');
     navItems.forEach(function (item) {
       item.addEventListener('click', function () {
         var tab = this.dataset.tab;
@@ -81,10 +82,10 @@
         });
         this.classList.add('active');
 
-        document.querySelectorAll('.tab-panel').forEach(function (p) {
+        AD._root.querySelectorAll('.tab-panel').forEach(function (p) {
           p.classList.remove('active');
         });
-        document.getElementById('tab-' + tab).classList.add('active');
+        AD._root.getElementById('tab-' + tab).classList.add('active');
       });
     });
   }
@@ -94,19 +95,25 @@
   // -------------------------------------------------------------------------
 
   function initTheme() {
-    var toggle = document.getElementById('theme-toggle');
+    var toggle = AD._root.getElementById('theme-toggle');
     var saved = localStorage.getItem('agent-discover-theme');
-    if (saved === 'light') {
-      document.body.className = 'theme-light';
-    } else if (saved === 'dark') {
-      document.body.className = 'theme-dark';
+    if (saved === 'dark') {
+      document.documentElement.setAttribute('data-theme', 'dark');
+    } else if (saved === 'light') {
+      document.documentElement.removeAttribute('data-theme');
     }
-    updateThemeIcon(document.body.classList.contains('theme-light') ? 'light' : 'dark');
+    var currentTheme =
+      document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light';
+    updateThemeIcon(currentTheme);
 
     toggle.addEventListener('click', function () {
-      var isDark = document.body.classList.contains('theme-dark');
+      var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
       var next = isDark ? 'light' : 'dark';
-      document.body.className = 'theme-' + next;
+      if (next === 'dark') {
+        document.documentElement.setAttribute('data-theme', 'dark');
+      } else {
+        document.documentElement.removeAttribute('data-theme');
+      }
       localStorage.setItem('agent-discover-theme', next);
       updateThemeIcon(next);
       // Reverse sync — notify agent-desk shell
@@ -115,7 +122,7 @@
   }
 
   function updateThemeIcon(theme) {
-    var toggle = document.getElementById('theme-toggle');
+    var toggle = AD._root.getElementById('theme-toggle');
     if (!toggle) return;
     var icon = toggle.querySelector('.material-symbols-outlined');
     if (icon) icon.textContent = theme === 'dark' ? 'dark_mode' : 'light_mode';
@@ -126,7 +133,7 @@
   // -------------------------------------------------------------------------
 
   function initSearch() {
-    var input = document.getElementById('browse-search');
+    var input = AD._root.getElementById('browse-search');
     input.addEventListener('input', function () {
       clearTimeout(searchTimeout);
       var q = this.value.trim();
@@ -142,7 +149,7 @@
   }
 
   function fetchBrowse(query) {
-    var el = document.getElementById('browse-list');
+    var el = AD._root.getElementById('browse-list');
     el.innerHTML = '<div class="loading">Searching...</div>';
 
     AD._fetch('/api/browse?query=' + encodeURIComponent(query) + '&limit=20')
@@ -164,14 +171,14 @@
   // -------------------------------------------------------------------------
 
   function render() {
-    document.getElementById('version').textContent = 'v' + state.version;
-    document.getElementById('installed-count').textContent = String(state.servers.length);
+    AD._root.getElementById('version').textContent = 'v' + state.version;
+    AD._root.getElementById('installed-count').textContent = String(state.servers.length);
 
     renderInstalled();
   }
 
   function renderInstalled() {
-    var el = document.getElementById('installed-list');
+    var el = AD._root.getElementById('installed-list');
     if (!state.servers.length) {
       el.innerHTML =
         '<div class="empty-state"><span class="material-symbols-outlined empty-icon">dns</span><p>No servers registered</p><p class="hint">Use registry_install or browse the marketplace</p></div>';
@@ -395,7 +402,7 @@
     if (!cached) return '<div class="loading">Loading...</div>';
 
     if (!cached.length)
-      return '<div style="font-size:12px;color:var(--text-tertiary)">No metrics data yet</div>';
+      return '<div style="font-size:12px;color:var(--text-dim)">No metrics data yet</div>';
 
     var rows = cached
       .map(function (m) {
@@ -472,9 +479,9 @@
   }
 
   function renderBrowse() {
-    var el = document.getElementById('browse-list');
+    var el = AD._root.getElementById('browse-list');
     if (!browseResults.length) {
-      var q = document.getElementById('browse-search').value.trim();
+      var q = AD._root.getElementById('browse-search').value.trim();
       if (!q) {
         el.innerHTML =
           '<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>';
@@ -699,7 +706,7 @@
   };
 
   window.__installFromNpm = function () {
-    var input = document.getElementById('npm-package-input');
+    var input = AD._root.getElementById('npm-package-input');
     var pkg = (input ? input.value : '').trim();
     if (!pkg) return;
 
@@ -835,8 +842,8 @@
   };
 
   window.__addSecret = function (serverId) {
-    var keyEl = document.getElementById('secret-key-' + serverId);
-    var valEl = document.getElementById('secret-val-' + serverId);
+    var keyEl = AD._root.getElementById('secret-key-' + serverId);
+    var valEl = AD._root.getElementById('secret-val-' + serverId);
     if (!keyEl || !valEl) return;
     var key = keyEl.value.trim();
     var value = valEl.value;
@@ -890,10 +897,10 @@
   };
 
   window.__saveConfig = function (serverId) {
-    var desc = document.getElementById('cfg-desc-' + serverId);
-    var cmd = document.getElementById('cfg-cmd-' + serverId);
-    var argsEl = document.getElementById('cfg-args-' + serverId);
-    var envEl = document.getElementById('cfg-env-' + serverId);
+    var desc = AD._root.getElementById('cfg-desc-' + serverId);
+    var cmd = AD._root.getElementById('cfg-cmd-' + serverId);
+    var argsEl = AD._root.getElementById('cfg-args-' + serverId);
+    var envEl = AD._root.getElementById('cfg-env-' + serverId);
     if (!desc || !cmd || !argsEl || !envEl) return;
 
     var args = argsEl.value
@@ -937,7 +944,7 @@
   // -------------------------------------------------------------------------
 
   function showToast(message, type) {
-    var existing = document.querySelector('.toast');
+    var existing = AD._root.querySelector('.toast');
     if (existing) existing.remove();
 
     var toast = document.createElement('div');
@@ -962,30 +969,26 @@
     initThemeSync();
   }
 
-  // Auto-init for standalone
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', _init);
-  } else {
-    _init();
-  }
-
   // -------------------------------------------------------------------------
   // Theme sync from parent (agent-desk) via executeJavaScript
   // -------------------------------------------------------------------------
 
   function initThemeSync() {
-    // Detect external theme injection via MutationObserver on body class
+    // Detect external theme injection via MutationObserver on data-theme attribute
     var observer = new MutationObserver(function (mutations) {
       mutations.forEach(function (m) {
-        if (m.attributeName === 'class') {
-          var isDark = document.body.classList.contains('theme-dark');
+        if (m.attributeName === 'data-theme') {
+          var isDark = document.documentElement.getAttribute('data-theme') === 'dark';
           var theme = isDark ? 'dark' : 'light';
           localStorage.setItem('agent-discover-theme', theme);
           updateThemeIcon(theme);
         }
       });
     });
-    observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ['data-theme'],
+    });
 
     // Listen for postMessage theme sync (same pattern as agent-comm)
     window.addEventListener('message', function (event) {
@@ -1071,9 +1074,6 @@
             '0px 1px 3px 0px rgba(0,0,0,0.3), 0px 4px 8px 3px rgba(0,0,0,0.15)',
           );
         }
-        root.style.setProperty('--shadow-sm', 'var(--shadow-1)');
-        root.style.setProperty('--shadow-md', 'var(--shadow-2)');
-        root.style.setProperty('--shadow-hover', 'var(--shadow-3)');
       }
 
       if (colors.isDark !== undefined) {
@@ -1085,7 +1085,7 @@
         updateThemeIcon(colors.isDark ? 'dark' : 'light');
       }
 
-      var themeToggle = document.getElementById('theme-toggle');
+      var themeToggle = AD._root.getElementById('theme-toggle');
       if (themeToggle) themeToggle.style.display = 'none';
     });
   }
@@ -1094,16 +1094,43 @@
     options = options || {};
     AD._baseUrl = options.baseUrl || '';
     AD._wsUrl = options.wsUrl || null;
-    if (options.cssUrl && !document.getElementById('ad-plugin-css')) {
+
+    var shadow = container.attachShadow({ mode: 'open' });
+
+    if (options.cssUrl) {
       var link = document.createElement('link');
-      link.id = 'ad-plugin-css';
       link.rel = 'stylesheet';
       link.href = options.cssUrl;
-      document.head.appendChild(link);
+      shadow.appendChild(link);
     }
+
+    var fonts = document.createElement('link');
+    fonts.rel = 'stylesheet';
+    fonts.href =
+      'https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap';
+    shadow.appendChild(fonts);
+    var icons = document.createElement('link');
+    icons.rel = 'stylesheet';
+    icons.href =
+      'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap';
+    shadow.appendChild(icons);
+
+    var pluginStyle = document.createElement('style');
+    pluginStyle.textContent =
+      ':host { display:block; width:100%; height:100%; overflow:hidden; }' +
+      '.ad-wrapper { font-family:var(--font-sans); font-size:14px; color:var(--text); background:var(--bg); line-height:1.5; width:100%; height:100%; overflow:hidden; }' +
+      '.ad-wrapper #app { height:100%; }';
+    shadow.appendChild(pluginStyle);
+
     if (typeof AD._template === 'function') {
-      container.innerHTML = AD._template();
+      var wrapper = document.createElement('div');
+      wrapper.setAttribute('data-theme', 'dark');
+      wrapper.className = 'ad-wrapper';
+      wrapper.innerHTML = AD._template();
+      shadow.appendChild(wrapper);
     }
+
+    AD._root = shadow;
     _init();
   };
 
@@ -1113,5 +1140,20 @@
       ws.close();
       ws = null;
     }
+    AD._root = document;
   };
+
+  var _params = new URLSearchParams(location.search);
+  if (_params.get('baseUrl')) AD._baseUrl = _params.get('baseUrl');
+  if (_params.get('wsUrl')) AD._wsUrl = _params.get('wsUrl');
+
+  try {
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', _init);
+    } else {
+      _init();
+    }
+  } catch (e) {
+    // standalone init may fail in file:// context (no WS host) — plugin mode uses mount()
+  }
 })();

package/dist/ui/index.html

@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" data-theme="dark">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -21,7 +21,7 @@
     />
     <link rel="stylesheet" href="styles.css" />
   </head>
-  <body class="theme-dark">
+  <body>
     <div class="layout">
       <aside class="sidebar">
         <div class="sidebar-header">

package/dist/ui/styles.css

@@ -6,32 +6,68 @@
 :root {
   --accent: #5d8da8;
   --accent-hover: #4e7d96;
-  --accent-light: rgba(93, 141, 168, 0.12);
+  --accent-dim: rgba(93, 141, 168, 0.12);
 
-  --font-ui: 'Inter', system-ui, -apple-system, sans-serif;
+  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
   --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
 
   --radius-sm: 8px;
-  --radius-md: 12px;
+  --radius: 12px;
   --radius-lg: 16px;
 
-  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
-  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.12);
+  --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.08);
+  --shadow-2: 0 2px 8px rgba(0, 0, 0, 0.12);
+  --shadow-3: 0 4px 16px rgba(0, 0, 0, 0.16);
+
+  --focus-ring: rgba(93, 141, 168, 0.4);
+
+  /* Status colors */
+  --green: #4caf50;
+  --green-dim: rgba(76, 175, 80, 0.15);
+  --yellow: #ffb300;
+  --yellow-dim: rgba(255, 179, 0, 0.15);
+  --orange: #ff9800;
+  --orange-dim: rgba(255, 152, 0, 0.15);
+  --red: #f44336;
+  --red-dim: rgba(244, 67, 54, 0.15);
+  --purple: #ab47bc;
+  --purple-dim: rgba(171, 71, 188, 0.15);
+  --blue: #42a5f5;
+  --blue-dim: rgba(66, 165, 245, 0.15);
+
+  /* Light theme as default */
+  --bg: #f5f5f5;
+  --bg-surface: #fff;
+  --bg-elevated: #f9f9f9;
+  --bg-hover: #eee;
+  --text: #1a1a1a;
+  --text-muted: #666;
+  --text-dim: #999;
+  --border: #e0e0e0;
+  --border-light: #f0f0f0;
+  --badge-bg: rgba(93, 141, 168, 0.15);
+  --badge-text: #3d6d88;
+  --status-active: #2e7d32;
+  --status-inactive: #999;
+  --tag-bg: rgba(0, 0, 0, 0.06);
+  --tag-text: #666;
+  --scrollbar-thumb: #ccc;
 }
 
 /* ---------------------------------------------------------------------------
    Theme tokens
    --------------------------------------------------------------------------- */
 
-.theme-dark {
+[data-theme='dark'] {
   --bg: #121212;
   --bg-surface: #1e1e1e;
   --bg-elevated: #2a2a2a;
   --bg-hover: #333;
   --text: #e0e0e0;
-  --text-secondary: #999;
-  --text-tertiary: #666;
+  --text-muted: #999;
+  --text-dim: #666;
   --border: #333;
+  --border-light: #2a2a2a;
   --badge-bg: rgba(93, 141, 168, 0.2);
   --badge-text: #7ab4d0;
   --status-active: #4caf50;
@@ -41,24 +77,6 @@
   --scrollbar-thumb: #444;
 }
 
-.theme-light {
-  --bg: #f5f5f5;
-  --bg-surface: #fff;
-  --bg-elevated: #f9f9f9;
-  --bg-hover: #eee;
-  --text: #1a1a1a;
-  --text-secondary: #666;
-  --text-tertiary: #999;
-  --border: #e0e0e0;
-  --badge-bg: rgba(93, 141, 168, 0.15);
-  --badge-text: #3d6d88;
-  --status-active: #2e7d32;
-  --status-inactive: #999;
-  --tag-bg: rgba(0, 0, 0, 0.06);
-  --tag-text: #666;
-  --scrollbar-thumb: #ccc;
-}
-
 /* ---------------------------------------------------------------------------
    Reset & base
    --------------------------------------------------------------------------- */
@@ -72,7 +90,7 @@
 }
 
 body {
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   background: var(--bg);
   color: var(--text);
   line-height: 1.5;
@@ -118,7 +136,7 @@ body {
 
 .sidebar-version {
   font-size: 12px;
-  color: var(--text-secondary);
+  color: var(--text-muted);
   font-family: var(--font-mono);
 }
 
@@ -137,8 +155,8 @@ body {
   padding: 10px 12px;
   border: none;
   background: transparent;
-  color: var(--text-secondary);
-  font-family: var(--font-ui);
+  color: var(--text-muted);
+  font-family: var(--font-sans);
   font-size: 14px;
   font-weight: 500;
   border-radius: var(--radius-sm);
@@ -152,7 +170,7 @@ body {
 }
 
 .nav-item.active {
-  background: var(--accent-light);
+  background: var(--accent-dim);
   color: var(--accent);
 }
 
@@ -182,7 +200,7 @@ body {
 .connection-status {
   font-size: 11px;
   font-family: var(--font-mono);
-  color: var(--text-secondary);
+  color: var(--text-muted);
   display: flex;
   align-items: center;
   gap: 6px;
@@ -192,7 +210,7 @@ body {
   width: 6px;
   height: 6px;
   border-radius: 50%;
-  background: var(--text-secondary);
+  background: var(--text-muted);
 }
 
 .connection-status.connected {
@@ -219,7 +237,7 @@ body {
   height: 36px;
   border: none;
   background: var(--bg-hover);
-  color: var(--text-secondary);
+  color: var(--text-muted);
   border-radius: var(--radius-sm);
   cursor: pointer;
   transition: all 0.15s;
@@ -269,7 +287,7 @@ body {
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
-  color: var(--text-secondary);
+  color: var(--text-muted);
 }
 
 /* ---------------------------------------------------------------------------
@@ -290,7 +308,7 @@ body {
 
 .search-bar .material-symbols-outlined {
   font-size: 20px;
-  color: var(--text-tertiary);
+  color: var(--text-dim);
 }
 
 .search-bar input {
@@ -299,12 +317,12 @@ body {
   border: none;
   outline: none;
   color: var(--text);
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-size: 14px;
 }
 
 .search-bar input::placeholder {
-  color: var(--text-tertiary);
+  color: var(--text-dim);
 }
 
 /* ---------------------------------------------------------------------------
@@ -320,7 +338,7 @@ body {
 .server-card {
   background: var(--bg-surface);
   border: 1px solid var(--border);
-  border-radius: var(--radius-md);
+  border-radius: var(--radius);
   padding: 16px;
   transition: border-color 0.15s;
 }
@@ -370,7 +388,7 @@ body {
 
 .server-description {
   font-size: 13px;
-  color: var(--text-secondary);
+  color: var(--text-muted);
   margin-bottom: 10px;
   line-height: 1.4;
 }
@@ -396,7 +414,7 @@ body {
   align-items: center;
   gap: 12px;
   font-size: 12px;
-  color: var(--text-tertiary);
+  color: var(--text-dim);
 }
 
 .server-meta .material-symbols-outlined {
@@ -414,7 +432,7 @@ body {
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
-  color: var(--text-tertiary);
+  color: var(--text-dim);
   margin-bottom: 6px;
 }
 
@@ -444,7 +462,7 @@ body {
 
 .tool-desc {
   font-size: 12px;
-  color: var(--text-secondary);
+  color: var(--text-muted);
   line-height: 1.5;
   padding: 6px 0;
   border-bottom: 1px solid var(--border);
@@ -464,7 +482,7 @@ body {
   align-items: center;
   justify-content: center;
   padding: 60px 20px;
-  color: var(--text-tertiary);
+  color: var(--text-dim);
   grid-column: 1 / -1;
 }
 
@@ -532,7 +550,7 @@ body {
   padding: 6px 14px;
   border: none;
   border-radius: var(--radius-sm);
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-size: 12px;
   font-weight: 500;
   cursor: pointer;
@@ -570,7 +588,7 @@ body {
   align-items: center;
   justify-content: center;
   padding: 40px;
-  color: var(--text-tertiary);
+  color: var(--text-dim);
   font-size: 14px;
   grid-column: 1 / -1;
 }
@@ -587,7 +605,7 @@ body {
   border-radius: 6px;
   cursor: pointer;
   font-size: 12px;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-weight: 500;
   display: flex;
   align-items: center;
@@ -612,13 +630,13 @@ body {
 }
 
 .btn-installed {
-  color: var(--text-secondary);
+  color: var(--text-muted);
   border-color: var(--border);
 }
 
 .btn-installed:hover {
   background: transparent;
-  color: var(--text-secondary);
+  color: var(--text-muted);
 }
 
 /* ---------------------------------------------------------------------------
@@ -641,7 +659,7 @@ body {
   border-radius: 6px;
   cursor: pointer;
   font-size: 12px;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-weight: 500;
   display: flex;
   align-items: center;
@@ -662,7 +680,7 @@ body {
   border-radius: 6px;
   cursor: pointer;
   font-size: 12px;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-weight: 500;
   display: flex;
   align-items: center;
@@ -677,13 +695,13 @@ body {
 
 .btn-delete {
   border: 1px solid var(--border);
-  color: var(--text-tertiary);
+  color: var(--text-dim);
   background: transparent;
   padding: 4px 12px;
   border-radius: 6px;
   cursor: pointer;
   font-size: 12px;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-weight: 500;
   display: flex;
   align-items: center;
@@ -736,13 +754,13 @@ body {
 
 .btn-health {
   border: 1px solid var(--border);
-  color: var(--text-tertiary);
+  color: var(--text-dim);
   background: transparent;
   padding: 4px 8px;
   border-radius: 6px;
   cursor: pointer;
   font-size: 12px;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-weight: 500;
   display: flex;
   align-items: center;
@@ -771,14 +789,14 @@ body {
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: 0.5px;
-  color: var(--text-secondary);
+  color: var(--text-muted);
   display: flex;
   align-items: center;
   gap: 4px;
   background: none;
   border: none;
   padding: 0;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
 }
 
 .section-toggle .material-symbols-outlined {
@@ -817,14 +835,14 @@ body {
 }
 
 .secret-value {
-  color: var(--text-secondary);
+  color: var(--text-muted);
   font-family: var(--font-mono);
 }
 
 .secret-delete {
   background: none;
   border: none;
-  color: var(--text-tertiary);
+  color: var(--text-dim);
   cursor: pointer;
   padding: 2px;
   display: flex;
@@ -860,7 +878,7 @@ body {
   padding: 4px 10px;
   font-size: 12px;
   cursor: pointer;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
 }
 
 /* ---------------------------------------------------------------------------
@@ -875,7 +893,7 @@ body {
 
 .metrics-table th {
   text-align: left;
-  color: var(--text-secondary);
+  color: var(--text-muted);
   font-weight: 500;
   padding: 4px 8px;
   border-bottom: 1px solid var(--border);
@@ -905,7 +923,7 @@ body {
 .config-field label {
   font-size: 11px;
   font-weight: 500;
-  color: var(--text-secondary);
+  color: var(--text-muted);
   text-transform: uppercase;
   letter-spacing: 0.3px;
 }
@@ -935,7 +953,7 @@ body {
   padding: 6px 14px;
   font-size: 12px;
   cursor: pointer;
-  font-family: var(--font-ui);
+  font-family: var(--font-sans);
   font-weight: 500;
 }
 
@@ -957,7 +975,7 @@ body {
   padding: 10px 16px;
   font-size: 13px;
   color: var(--text);
-  box-shadow: var(--shadow-md);
+  box-shadow: var(--shadow-2);
   z-index: 1000;
   animation: toast-in 0.2s ease-out;
 }

package/package.json

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