agentgui 1.0.612 → 1.0.614

package/lib/tool-manager.js

@@ -5,11 +5,11 @@ import path from 'path';
 
 const isWindows = os.platform() === 'win32';
 const TOOLS = [
-  { id: 'gm-cc', name: 'gm-cc', pkg: 'gm-cc', pluginId: 'gm-cc' },
-  { id: 'gm-oc', name: 'gm-oc', pkg: 'gm-oc', pluginId: 'gm-oc' },
-  { id: 'gm-gc', name: 'gm-gc', pkg: 'gm-gc', pluginId: 'gm' },
-  { id: 'gm-kilo', name: 'gm-kilo', pkg: 'gm-kilo', pluginId: 'gm-kilo' },
-  { id: 'codex', name: '@openai/codex', pkg: '@openai/codex', pluginId: 'codex' },
+  { id: 'gm-cc', name: 'Claude Code', pkg: 'gm-cc', pluginId: 'gm-cc' },
+  { id: 'gm-oc', name: 'OpenCode', pkg: 'gm-oc', pluginId: 'gm-oc' },
+  { id: 'gm-gc', name: 'Gemini CLI', pkg: 'gm-gc', pluginId: 'gm' },
+  { id: 'gm-kilo', name: 'Kilo', pkg: 'gm-kilo', pluginId: 'gm-kilo' },
+  { id: 'codex', name: 'Codex CLI', pkg: '@openai/codex', pluginId: 'codex' },
 ];
 
 const statusCache = new Map();
@@ -389,3 +389,46 @@ export async function getAllToolsAsync() {
 export function getToolConfig(toolId) {
   return getTool(toolId) || null;
 }
+
+export async function autoProvision(broadcast) {
+  const log = (msg) => console.log('[TOOLS-AUTO] ' + msg);
+  log('Starting background tool provisioning...');
+  for (const tool of TOOLS) {
+    try {
+      const status = await checkToolViaBunx(tool.pkg, tool.pluginId);
+      statusCache.set(tool.id, { ...status, toolId: tool.id, timestamp: Date.now() });
+      if (!status.installed) {
+        log(`${tool.id} not installed, installing...`);
+        broadcast({ type: 'tool_install_started', toolId: tool.id });
+        const result = await install(tool.id, (msg) => {
+          broadcast({ type: 'tool_install_progress', toolId: tool.id, data: msg });
+        });
+        if (result.success) {
+          log(`${tool.id} installed v${result.version}`);
+          broadcast({ type: 'tool_install_complete', toolId: tool.id, data: result });
+        } else {
+          log(`${tool.id} install failed: ${result.error}`);
+          broadcast({ type: 'tool_install_failed', toolId: tool.id, data: result });
+        }
+      } else if (status.upgradeNeeded) {
+        log(`${tool.id} needs update (${status.installedVersion} -> ${status.publishedVersion})`);
+        broadcast({ type: 'tool_install_started', toolId: tool.id });
+        const result = await update(tool.id, (msg) => {
+          broadcast({ type: 'tool_update_progress', toolId: tool.id, data: msg });
+        });
+        if (result.success) {
+          log(`${tool.id} updated to v${result.version}`);
+          broadcast({ type: 'tool_update_complete', toolId: tool.id, data: result });
+        } else {
+          log(`${tool.id} update failed: ${result.error}`);
+          broadcast({ type: 'tool_update_failed', toolId: tool.id, data: result });
+        }
+      } else {
+        log(`${tool.id} v${status.installedVersion} up-to-date`);
+      }
+    } catch (err) {
+      log(`${tool.id} error: ${err.message}`);
+    }
+  }
+  log('Provisioning complete');
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.612",
+  "version": "1.0.614",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/server.js

@@ -39,7 +39,13 @@ process.on('unhandledRejection', (reason, promise) => {
   if (reason instanceof Error) console.error(reason.stack);
 });
 
-process.on('SIGINT', () => { console.log('[SIGNAL] SIGINT received (ignored - uncrashable)'); });
+process.on('SIGINT', () => {
+  console.log('[SIGNAL] SIGINT received - graceful shutdown');
+  try { pm2Manager.disconnect(); } catch (_) {}
+  stopACPTools().catch(() => {}).finally(() => {
+    try { wss.close(() => server.close(() => process.exit(0))); } catch (_) { process.exit(0); }
+  });
+});
 process.on('SIGHUP', () => { console.log('[SIGNAL] SIGHUP received (ignored - uncrashable)'); });
 process.on('beforeExit', (code) => { console.log('[PROCESS] beforeExit with code:', code); });
 process.on('exit', (code) => { console.log('[PROCESS] exit with code:', code); });
@@ -4493,18 +4499,8 @@ if (watch) {
 process.on('SIGTERM', () => {
   console.log('[SIGNAL] SIGTERM received - graceful shutdown');
   try { pm2Manager.disconnect(); } catch (_) {}
-  Promise.resolve().then(() => {
-    stopACPTools().then(() => {
-      wss.close(() => server.close(() => process.exit(0)));
-    }).catch(() => {
-      wss.close(() => server.close(() => process.exit(0)));
-    });
-  }).catch(() => {
-    stopACPTools().then(() => {
-      wss.close(() => server.close(() => process.exit(0)));
-    }).catch(() => {
-      wss.close(() => server.close(() => process.exit(0)));
-    });
+  stopACPTools().catch(() => {}).finally(() => {
+    try { wss.close(() => server.close(() => process.exit(0))); } catch (_) { process.exit(0); }
   });
 });
 
@@ -4772,17 +4768,18 @@ function onServerReady() {
 
   const toolIds = ['gm-oc', 'gm-gc', 'gm-kilo', 'gm-cc', 'codex'];
   queries.initializeToolInstallations(toolIds.map(id => ({ id })));
-  for (const toolId of toolIds) {
-    const status = toolManager.checkToolStatus(toolId);
-    if (status) {
-      queries.updateToolStatus(toolId, {
-        status: status.installed ? 'installed' : 'not_installed',
-        version: status.version,
-        last_check_at: Date.now()
-      });
-    }
-  }
-  console.log('[TOOLS] Initialization complete');
+  console.log('[TOOLS] Starting background provisioning...');
+  toolManager.autoProvision((evt) => {
+    broadcastSync(evt);
+    if (evt.type === 'tool_install_complete' || evt.type === 'tool_update_complete') {
+      const d = evt.data || {};
+      queries.updateToolStatus(evt.toolId, { status: 'installed', version: d.version || null, installed_at: Date.now() });
+      queries.addToolInstallHistory(evt.toolId, evt.type.includes('update') ? 'update' : 'install', 'success', null);
+    } else if (evt.type === 'tool_install_failed' || evt.type === 'tool_update_failed') {
+      queries.updateToolStatus(evt.toolId, { status: 'failed', error_message: evt.data?.error });
+      queries.addToolInstallHistory(evt.toolId, evt.type.includes('update') ? 'update' : 'install', 'failed', evt.data?.error);
+    }
+  }).catch(err => console.error('[TOOLS] Auto-provision error:', err.message));
 
   ensureModelsDownloaded().then(async ok => {
     if (ok) console.log('[MODELS] Speech models ready');

package/static/index.html

@@ -43,13 +43,13 @@
     }
 
     html.dark {
-      --color-bg-primary: #111827;
-      --color-bg-secondary: #1f2937;
-      --color-text-primary: #f9fafb;
-      --color-text-secondary: #d1d5db;
-      --color-border: #374151;
-      --color-primary: #6b7280;
-      --color-primary-dark: #4b5563;
+      --color-bg-primary: #1a1a1a;
+      --color-bg-secondary: #242424;
+      --color-text-primary: #e5e5e5;
+      --color-text-secondary: #a3a3a3;
+      --color-border: #333333;
+      --color-primary: #737373;
+      --color-primary-dark: #525252;
     }
 
     html, body {
@@ -1007,7 +1007,7 @@
       overflow-x: auto;
     }
 
-    html.dark .html-content { background: #1f2937; }
+    html.dark .html-content { background: #262626; }
 
     .html-content table { border-collapse: collapse; width: 100%; margin: 0.5rem 0; }
     .html-content th, .html-content td { padding: 0.5rem 0.75rem; text-align: left; font-size: 0.875rem; }
@@ -1777,7 +1777,7 @@
       background: #f3f4f6;
     }
     html.dark .folded-tool {
-      background: #1f2937;
+      background: #262626;
     }
     .folded-tool-bar {
       display: flex;
@@ -1793,7 +1793,7 @@
       transition: background 0.15s;
     }
     html.dark .folded-tool-bar {
-      background: #374151;
+      background: #404040;
     }
     .folded-tool-bar::-webkit-details-marker { display: none; }
     .folded-tool-bar::marker { display: none; content: ''; }
@@ -1806,10 +1806,10 @@
       color: #6b7280;
       flex-shrink: 0;
     }
-    html.dark .folded-tool-bar::before { color: #9ca3af; }
+    html.dark .folded-tool-bar::before { color: #a3a3a3; }
     .folded-tool[open] > .folded-tool-bar::before { transform: rotate(90deg); }
     .folded-tool-bar:hover { background: #d1d5db; }
-    html.dark .folded-tool-bar:hover { background: #4b5563; }
+    html.dark .folded-tool-bar:hover { background: #525252; }
     .folded-tool-icon {
       display: flex;
       align-items: center;
@@ -1818,7 +1818,7 @@
       height: 1rem;
       flex-shrink: 0;
     }
-    html.dark .folded-tool-icon { color: #9ca3af; }
+    html.dark .folded-tool-icon { color: #a3a3a3; }
     .folded-tool-icon svg { width: 1rem; height: 1rem; }
     .folded-tool-name {
       font-weight: 600;
@@ -1827,7 +1827,7 @@
       font-size: 0.8rem;
       flex-shrink: 0;
     }
-    html.dark .folded-tool-name { color: #d1d5db; }
+    html.dark .folded-tool-name { color: #d4d4d4; }
     .folded-tool-desc {
       color: #6b7280;
       font-family: 'Monaco','Menlo','Ubuntu Mono', monospace;
@@ -1839,13 +1839,13 @@
       min-width: 0;
       opacity: 0.8;
     }
-    html.dark .folded-tool-desc { color: #9ca3af; }
+    html.dark .folded-tool-desc { color: #a3a3a3; }
     .folded-tool-body {
       padding: 0.5rem 0.75rem;
       font-size: 0.75rem;
       border-top: 1px solid #d1d5db;
     }
-    html.dark .folded-tool-body { border-top-color: #4b5563; }
+    html.dark .folded-tool-body { border-top-color: #525252; }
     .folded-tool-body .tool-input-pre {
       margin: 0;
       padding: 0.375rem 0.5rem;
@@ -2126,9 +2126,9 @@
     .block-type-tool_result .folded-tool-icon { color: #16a34a; }
     html.dark .block-type-tool_result .folded-tool-icon { color: #4ade80; }
     .block-type-tool_result .folded-tool-name { color: #374151; }
-    html.dark .block-type-tool_result .folded-tool-name { color: #d1d5db; }
+    html.dark .block-type-tool_result .folded-tool-name { color: #d4d4d4; }
     .block-type-tool_result > .folded-tool-body { border-top-color: #d1d5db; }
-    html.dark .block-type-tool_result > .folded-tool-body { border-top-color: #4b5563; }
+    html.dark .block-type-tool_result > .folded-tool-body { border-top-color: #525252; }
     .block-type-tool_result.tool-result-error { }
     html.dark .block-type-tool_result.tool-result-error { }
     .block-type-tool_result.tool-result-error .tool-result-status { }
@@ -2136,7 +2136,7 @@
     .block-type-tool_result.tool-result-error .folded-tool-icon { color: #dc2626; }
     html.dark .block-type-tool_result.tool-result-error .folded-tool-icon { color: #f87171; }
     .block-type-tool_result.tool-result-error .folded-tool-name { color: #374151; }
-    html.dark .block-type-tool_result.tool-result-error .folded-tool-name { color: #d1d5db; }
+    html.dark .block-type-tool_result.tool-result-error .folded-tool-name { color: #d4d4d4; }
 
 
 
@@ -2230,12 +2230,12 @@
       padding: 0.4rem 0.75rem;
     }
     html.dark .tool-result-success .tool-result-status {
-      background: #374151;
+      background: #404040;
     }
     .tool-result-success .folded-tool-icon { color: #16a34a; }
     html.dark .tool-result-success .folded-tool-icon { color: #4ade80; }
     .tool-result-success .folded-tool-name { color: #374151; font-weight: 600; }
-    html.dark .tool-result-success .folded-tool-name { color: #d1d5db; }
+    html.dark .tool-result-success .folded-tool-name { color: #d4d4d4; }
 
     /* --- Tool_use parent: has-success / has-error indicators (icon/arrow only, preserves tool colors) --- */
     .folded-tool.has-success > .folded-tool-bar::before { color: #16a34a; }
@@ -3007,31 +3007,31 @@
     .toast-success { background: var(--color-success); color: white; }
     .toast-error { background: var(--color-error); color: white; }
     .toast-warning { background: var(--color-warning); color: white; }
-  
-    .inline-code {
-      background: #f3f4f6;
-      padding: 0.125rem 0.375rem;
-      border-radius: 0.25rem;
-      font-size: 0.875rem;
-      font-family: ui-monospace, monospace;
-      color: #dc2626;
-    }
-
-    html.dark .inline-code {
-      background: #1f2937;
-      color: #f87171;
-    }
-
-    .html-rendered-container {
-      border-radius: 0.5rem;
-      overflow: hidden;
-      border: 1px solid #e5e7eb;
-    }
-
-    html.dark .html-rendered-container {
-      border-color: #1f2937;
-    }
-
+  
+    .inline-code {
+      background: #f3f4f6;
+      padding: 0.125rem 0.375rem;
+      border-radius: 0.25rem;
+      font-size: 0.875rem;
+      font-family: ui-monospace, monospace;
+      color: #dc2626;
+    }
+
+    html.dark .inline-code {
+      background: #262626;
+      color: #f87171;
+    }
+
+    .html-rendered-container {
+      border-radius: 0.5rem;
+      overflow: hidden;
+      border: 1px solid #e5e7eb;
+    }
+
+    html.dark .html-rendered-container {
+      border-color: #262626;
+    }
+
     </style>
   <link rel="stylesheet" href="/gm/css/tools-popup.css">
 </head>

package/static/js/tools-manager.js

@@ -322,7 +322,7 @@
       return '<div class="tool-item">' +
         '<div style="display: flex; flex-direction: column; gap: 0.3rem;">' +
         '<div class="tool-header">' +
-        '<span class="tool-name">' + esc(tool.id) + '</span>' +
+        '<span class="tool-name">' + esc(tool.name || tool.id) + '</span>' +
         '</div>' +
         '<div class="tool-status-indicator ' + statusClass + '">' +
         '<span class="tool-status-dot"></span>' +

package/static/theme.js

@@ -40,6 +40,8 @@ class ThemeManager {
     }
 
     document.documentElement.setAttribute('data-theme', theme);
+    document.documentElement.classList.remove('light', 'dark');
+    document.documentElement.classList.add(theme);
     localStorage.setItem(this.THEME_KEY, theme);
     this.updateThemeIcon(theme);
   }