agentgui 1.0.453 → 1.0.455

package/server.js

@@ -24,6 +24,7 @@ import { register as registerRunHandlers } from './lib/ws-handlers-run.js';
 import { register as registerUtilHandlers } from './lib/ws-handlers-util.js';
 import { startAll as startACPTools, stopAll as stopACPTools, getStatus as getACPStatus, getPort as getACPPort, queryModels as queryACPModels, touch as touchACP } from './lib/acp-manager.js';
 import { installGMAgentConfigs } from './lib/gm-agent-configs.js';
+import * as toolManager from './lib/tool-manager.js';
 
 
 process.on('uncaughtException', (err, origin) => {
@@ -1780,6 +1781,141 @@ const server = http.createServer(async (req, res) => {
       return;
     }
 
+    if (pathOnly === '/api/tools' && req.method === 'GET') {
+      console.log('[TOOLS-API] Handling GET /api/tools');
+      const tools = toolManager.getAllTools();
+      const toolsWithUpdates = await Promise.all(tools.map(async (t) => {
+        if (t.installed) {
+          const updates = await toolManager.checkForUpdates(t.id, t.version);
+          return { ...t, hasUpdate: updates.hasUpdate, latestVersion: updates.latestVersion };
+        }
+        return { ...t, hasUpdate: false, latestVersion: null };
+      }));
+      sendJSON(req, res, 200, { tools: toolsWithUpdates });
+      return;
+    }
+
+    if (pathOnly.match(/^\/api\/tools\/([^/]+)\/status$/)) {
+      const toolId = pathOnly.match(/^\/api\/tools\/([^/]+)\/status$/)[1];
+      const status = toolManager.checkToolStatus(toolId);
+      if (!status) {
+        sendJSON(req, res, 404, { error: 'Tool not found' });
+        return;
+      }
+      if (status.installed) {
+        const updates = await toolManager.checkForUpdates(toolId, status.version);
+        status.hasUpdate = updates.hasUpdate;
+        status.latestVersion = updates.latestVersion;
+      }
+      sendJSON(req, res, 200, status);
+      return;
+    }
+
+    if (pathOnly.match(/^\/api\/tools\/([^/]+)\/install$/) && req.method === 'POST') {
+      const toolId = pathOnly.match(/^\/api\/tools\/([^/]+)\/install$/)[1];
+      const tool = toolManager.getToolConfig(toolId);
+      if (!tool) {
+        sendJSON(req, res, 404, { error: 'Tool not found' });
+        return;
+      }
+      queries.updateToolStatus(toolId, { status: 'installing' });
+      sendJSON(req, res, 200, { success: true, installing: true, estimatedTime: 60000 });
+      toolManager.install(toolId, (msg) => {
+        if (wsOptimizer && wsOptimizer.broadcast) {
+          wsOptimizer.broadcast({ type: 'tool_install_progress', toolId, data: msg });
+        }
+      }).then((result) => {
+        if (result.success) {
+          queries.updateToolStatus(toolId, { status: 'installed', version: result.version, installed_at: Date.now() });
+          if (wsOptimizer && wsOptimizer.broadcast) {
+            wsOptimizer.broadcast({ type: 'tool_install_complete', toolId, data: result });
+          }
+          queries.addToolInstallHistory(toolId, 'install', 'success', null);
+        } else {
+          queries.updateToolStatus(toolId, { status: 'failed', error_message: result.error });
+          if (wsOptimizer && wsOptimizer.broadcast) {
+            wsOptimizer.broadcast({ type: 'tool_install_failed', toolId, data: result });
+          }
+          queries.addToolInstallHistory(toolId, 'install', 'failed', result.error);
+        }
+      });
+      return;
+    }
+
+    if (pathOnly.match(/^\/api\/tools\/([^/]+)\/update$/) && req.method === 'POST') {
+      const toolId = pathOnly.match(/^\/api\/tools\/([^/]+)\/update$/)[1];
+      const body = await parseBody(req);
+      const tool = toolManager.getToolConfig(toolId);
+      if (!tool) {
+        sendJSON(req, res, 404, { error: 'Tool not found' });
+        return;
+      }
+      const current = toolManager.checkToolStatus(toolId);
+      if (!current || !current.installed) {
+        sendJSON(req, res, 400, { error: 'Tool not installed' });
+        return;
+      }
+      queries.updateToolStatus(toolId, { status: 'updating' });
+      sendJSON(req, res, 200, { success: true, updating: true });
+      toolManager.update(toolId, body.targetVersion, (msg) => {
+        if (wsOptimizer && wsOptimizer.broadcast) {
+          wsOptimizer.broadcast({ type: 'tool_update_progress', toolId, data: msg });
+        }
+      }).then((result) => {
+        if (result.success) {
+          queries.updateToolStatus(toolId, { status: 'installed', version: result.version, installed_at: Date.now() });
+          if (wsOptimizer && wsOptimizer.broadcast) {
+            wsOptimizer.broadcast({ type: 'tool_update_complete', toolId, data: result });
+          }
+          queries.addToolInstallHistory(toolId, 'update', 'success', null);
+        } else {
+          queries.updateToolStatus(toolId, { status: 'failed', error_message: result.error });
+          if (wsOptimizer && wsOptimizer.broadcast) {
+            wsOptimizer.broadcast({ type: 'tool_update_failed', toolId, data: result });
+          }
+          queries.addToolInstallHistory(toolId, 'update', 'failed', result.error);
+        }
+      });
+      return;
+    }
+
+    if (pathOnly.match(/^\/api\/tools\/([^/]+)\/history$/) && req.method === 'GET') {
+      const toolId = pathOnly.match(/^\/api\/tools\/([^/]+)\/history$/)[1];
+      const url = new URL(req.url, 'http://localhost');
+      const limit = Math.min(parseInt(url.searchParams.get('limit')) || 20, 100);
+      const offset = parseInt(url.searchParams.get('offset')) || 0;
+      const history = queries.getToolInstallHistory(toolId, limit, offset);
+      sendJSON(req, res, 200, { history });
+      return;
+    }
+
+    if (pathOnly === '/api/tools/refresh-all' && req.method === 'POST') {
+      sendJSON(req, res, 200, { refreshing: true, toolCount: 4 });
+      if (wsOptimizer && wsOptimizer.broadcast) {
+        wsOptimizer.broadcast({ type: 'tools_refresh_started' });
+      }
+      setImmediate(async () => {
+        const tools = toolManager.getAllTools();
+        for (const tool of tools) {
+          queries.updateToolStatus(tool.id, {
+            status: tool.installed ? 'installed' : 'not_installed',
+            version: tool.version,
+            last_check_at: Date.now()
+          });
+          if (tool.installed) {
+            const updates = await toolManager.checkForUpdates(tool.id, tool.version);
+            if (updates.hasUpdate) {
+              queries.updateToolStatus(tool.id, { update_available: 1, latest_version: updates.latestVersion });
+            }
+          }
+        }
+        if (wsOptimizer && wsOptimizer.broadcast) {
+          wsOptimizer.broadcast({ type: 'tools_refresh_complete', data: tools });
+        }
+      });
+      return;
+    }
+
     if (pathOnly === '/api/ws-stats' && req.method === 'GET') {
       const stats = wsOptimizer.getStats();
       sendJSON(req, res, 200, stats);
@@ -4213,6 +4349,7 @@ function onServerReady() {
   installGMAgentConfigs().catch(err => console.error('[GM-CONFIG] Startup error:', err.message));
 
   startACPTools().then(() => {
+    console.log('[ACP] On-demand startup enabled (ACP tools start when first used)');
     setTimeout(() => {
       const acpStatus = getACPStatus();
       for (const s of acpStatus) {
@@ -4227,6 +4364,20 @@ function onServerReady() {
     }, 6000);
   }).catch(err => console.error('[ACP] Startup error:', err.message));
 
+  const toolIds = ['gm-oc', 'gm-gc', 'gm-kilo', 'gm-cc'];
+  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');
+
   ensureModelsDownloaded().then(async ok => {
     if (ok) console.log('[MODELS] Speech models ready');
     else console.log('[MODELS] Speech model download failed');

package/static/index.html

@@ -1238,6 +1238,16 @@
       100% { border-color: var(--color-border); }
     }
 
+    /* ===== TOOLS VIEW ===== */
+    .tools-container {
+      flex: 1;
+      min-height: 0;
+      overflow-y: auto;
+      overflow-x: hidden;
+      padding: 1.5rem 2rem;
+      -webkit-overflow-scrolling: touch;
+    }
+
     .voice-mic-btn.recording {
       background: var(--color-error);
       border-color: var(--color-error);
@@ -3025,6 +3035,7 @@
     .toast-error { background: var(--color-error); color: white; }
     .toast-warning { background: var(--color-warning); color: white; }
   </style>
+  <link rel="stylesheet" href="/gm/css/tool-status.css">
 </head>
 <body>
   <!-- Sidebar overlay (mobile) -->
@@ -3111,6 +3122,7 @@
         <button class="view-toggle-btn" data-view="files">Files</button>
         <button class="view-toggle-btn" data-view="voice" id="voiceTabBtn" style="display:none;">Voice</button>
         <button class="view-toggle-btn" data-view="terminal" id="terminalTabBtn">Terminal</button>
+        <button class="view-toggle-btn" data-view="tools">Tools</button>
       </div>
 
       <!-- Messages scroll area -->
@@ -3174,6 +3186,11 @@
         </div>
       </div>
 
+      <!-- Tools management view -->
+      <div id="toolsContainer" class="tools-container" style="display:none;">
+        <div id="tool-status-container"></div>
+      </div>
+
       <!-- Input area: fixed at bottom -->
       <div class="input-section">
         <div class="input-wrapper">
@@ -3243,6 +3260,7 @@
   <script defer src="/gm/js/conversations.js"></script>
   <script defer src="/gm/js/terminal.js"></script>
   <script defer src="/gm/js/script-runner.js"></script>
+  <script defer src="/gm/js/tool-status.js"></script>
   <script defer src="/gm/js/client.js"></script>
   <script type="module" src="/gm/js/voice.js"></script>
   <script defer src="/gm/js/features.js"></script>

package/static/js/features.js

@@ -149,6 +149,7 @@
     var fileIframe = document.getElementById('fileBrowserIframe');
     var voiceContainer = document.getElementById('voiceContainer');
     var terminalContainer = document.getElementById('terminalContainer');
+    var toolsContainer = document.getElementById('toolsContainer');
     if (!bar) return;
     bar.querySelectorAll('.view-toggle-btn').forEach(function(btn) {
       btn.classList.toggle('active', btn.dataset.view === view);
@@ -158,6 +159,7 @@
     if (fileBrowser) fileBrowser.style.display = view === 'files' ? 'flex' : 'none';
     if (voiceContainer) voiceContainer.style.display = view === 'voice' ? 'flex' : 'none';
     if (terminalContainer) terminalContainer.style.display = view === 'terminal' ? 'flex' : 'none';
+    if (toolsContainer) toolsContainer.style.display = view === 'tools' ? 'flex' : 'none';
     if (view === 'files' && fileIframe && currentConversation) {
       var src = BASE + '/files/' + currentConversation + '/';
       if (fileIframe.src !== location.origin + src) fileIframe.src = src;

package/static/js/tool-status.js

@@ -0,0 +1,48 @@
+const ToolStatusComponent = {
+  state: { tools: [], refreshing: false },
+
+  init() {
+    this.loadTools();
+    if (window.wsManager) {
+      const events = ['tool_install_started', 'tool_install_progress', 'tool_install_complete', 'tool_install_failed', 'tool_update_complete', 'tool_update_failed', 'tools_refresh_complete'];
+      events.forEach(e => window.wsManager.on(e, (d) => this.handleEvent(e, d)));
+    }
+  },
+
+  async loadTools() {
+    try { const res = await fetch('/gm/api/tools'); this.state.tools = (await res.json()).tools || []; this.render(); } catch (e) { console.error('[TOOL-STATUS]', e.message); }
+  },
+
+  async act(action, toolId) {
+    try { const res = await fetch(`/gm/api/tools/${toolId}/${action}`, { method: 'POST' }); const data = await res.json(); if (!data.success) alert(`${action} failed: ${data.error || 'Unknown error'}`); } catch (e) { alert(`${action} failed: ${e.message}`); }
+  },
+
+  async refreshTools() { this.state.refreshing = true; this.render(); try { await fetch('/gm/api/tools/refresh-all', { method: 'POST' }); } catch (e) { console.error('[TOOL-STATUS]', e.message); } },
+
+  handleEvent(event, data) {
+    const tool = this.state.tools.find(t => t.id === data.toolId);
+    if (!tool) return;
+    if (event === 'tool_install_started') { tool.status = 'installing'; tool.progress = 0; }
+    else if (event === 'tool_install_progress') { tool.progress = Math.min((tool.progress || 0) + 5, 90); }
+    else if (event.includes('_complete')) { tool.status = 'installed'; tool.version = data.data.version; tool.hasUpdate = false; tool.progress = 100; setTimeout(() => this.loadTools(), 1000); }
+    else if (event.includes('_failed')) { tool.status = 'failed'; tool.error_message = data.data.error; tool.progress = 0; }
+    else if (event === 'tools_refresh_complete') { this.state.refreshing = false; this.loadTools(); return; }
+    this.render();
+  },
+
+  getStatusColor(tool) { return tool.status === 'installed' && !tool.hasUpdate ? '#4CAF50' : tool.status === 'installed' && tool.hasUpdate ? '#FFC107' : ['installing', 'updating'].includes(tool.status) ? '#2196F3' : tool.status === 'failed' ? '#F44336' : '#9E9E9E'; },
+
+  getStatusText(tool) { return tool.status === 'installed' ? (tool.hasUpdate ? `Update available (v${tool.latestVersion})` : `Installed v${tool.version || '?'}`) : tool.status === 'installing' ? 'Installing...' : tool.status === 'updating' ? 'Updating...' : tool.status === 'failed' ? 'Failed' : 'Not installed'; },
+
+  render() {
+    const c = document.getElementById('tool-status-container');
+    if (!c) return;
+    c.innerHTML = `
+      <div class="tool-status-header"><h3>Tools</h3><button onclick="window.toolStatus.refreshTools()" ${this.state.refreshing ? 'disabled' : ''} class="tool-refresh-btn">${this.state.refreshing ? 'Refreshing...' : 'Refresh'}</button></div>
+      <div class="tool-grid">${this.state.tools.map(t => `<div class="tool-card" style="border-left: 4px solid ${this.getStatusColor(t)}"><div class="tool-name">${t.name || t.id}</div><div class="tool-status">${this.getStatusText(t)}</div>${t.progress !== undefined && ['installing', 'updating'].includes(t.status) ? `<div class="tool-progress"><div class="progress-bar" style="width: ${t.progress}%"></div></div>` : ''}<div class="tool-actions">${!t.installed ? `<button onclick="window.toolStatus.act('install','${t.id}')" class="tool-btn tool-btn-primary">Install</button>` : t.hasUpdate ? `<button onclick="window.toolStatus.act('update','${t.id}')" class="tool-btn tool-btn-primary">Update</button>` : `<button onclick="window.toolStatus.refreshTools()" class="tool-btn tool-btn-secondary">Check Updates</button>`}${t.status === 'failed' ? `<button onclick="window.toolStatus.act('install','${t.id}')" class="tool-btn tool-btn-warning">Retry</button>` : ''}${t.error_message ? `<div class="tool-error" title="${t.error_message}">Error: ${t.error_message.substring(0, 30)}...<a href="#" onclick="alert('${t.error_message.replace(/"/g, '\\"')}'); return false;">Details</a></div>` : ''}</div></div>`).join('')}</div>
+    `;
+    window.toolStatus = this;
+  }
+};
+
+if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => ToolStatusComponent.init()); } else { ToolStatusComponent.init(); }

package/test-acp-endpoints.js

@@ -1,119 +0,0 @@
-#!/usr/bin/env node
-
-const http = require('http');
-
-const BASE_URL = '/gm';
-const PORT = 3000;
-
-function makeRequest(method, path, body = null) {
-  return new Promise((resolve, reject) => {
-    const options = {
-      hostname: 'localhost',
-      port: PORT,
-      path: BASE_URL + path,
-      method: method,
-      headers: body ? {
-        'Content-Type': 'application/json',
-        'Content-Length': Buffer.byteLength(JSON.stringify(body))
-      } : {}
-    };
-
-    const req = http.request(options, (res) => {
-      let data = '';
-      res.on('data', (chunk) => { data += chunk; });
-      res.on('end', () => {
-        try {
-          resolve({ status: res.statusCode, data: data ? JSON.parse(data) : null, raw: data });
-        } catch {
-          resolve({ status: res.statusCode, data: null, raw: data });
-        }
-      });
-    });
-
-    req.on('error', reject);
-
-    if (body) {
-      req.write(JSON.stringify(body));
-    }
-    req.end();
-  });
-}
-
-async function runTests() {
-  console.log('Testing ACP Agents & Stateless Runs Endpoints\n');
-
-  const tests = [
-    {
-      name: 'POST /api/agents/search - empty search',
-      test: async () => {
-        const res = await makeRequest('POST', '/api/agents/search', {});
-        return res.status === 200 && res.data.agents !== undefined;
-      }
-    },
-    {
-      name: 'POST /api/agents/search - search by name',
-      test: async () => {
-        const res = await makeRequest('POST', '/api/agents/search', { name: 'Claude' });
-        return res.status === 200 && Array.isArray(res.data.agents);
-      }
-    },
-    {
-      name: 'GET /api/agents/claude-code',
-      test: async () => {
-        const res = await makeRequest('GET', '/api/agents/claude-code');
-        return res.status === 200 || res.status === 404;
-      }
-    },
-    {
-      name: 'GET /api/agents/claude-code/descriptor',
-      test: async () => {
-        const res = await makeRequest('GET', '/api/agents/claude-code/descriptor');
-        return (res.status === 200 && res.data.metadata && res.data.specs) || res.status === 404;
-      }
-    },
-    {
-      name: 'POST /api/runs/search',
-      test: async () => {
-        const res = await makeRequest('POST', '/api/runs/search', {});
-        return res.status === 200 && res.data.runs !== undefined;
-      }
-    },
-    {
-      name: 'POST /api/runs - missing agent_id',
-      test: async () => {
-        const res = await makeRequest('POST', '/api/runs', {});
-        return res.status === 422;
-      }
-    }
-  ];
-
-  let passed = 0;
-  let failed = 0;
-
-  for (const t of tests) {
-    try {
-      const success = await t.test();
-      if (success) {
-        console.log(`✓ ${t.name}`);
-        passed++;
-      } else {
-        console.log(`✗ ${t.name}`);
-        failed++;
-      }
-    } catch (err) {
-      console.log(`✗ ${t.name} - ${err.message}`);
-      failed++;
-    }
-  }
-
-  console.log(`\nResults: ${passed} passed, ${failed} failed`);
-  process.exit(failed > 0 ? 1 : 0);
-}
-
-http.get(`http://localhost:${PORT}${BASE_URL}/`, (res) => {
-  console.log('Server is running\n');
-  runTests();
-}).on('error', () => {
-  console.log('Server is not running. Please start with: npm run dev');
-  process.exit(1);
-});

package/test-wave4-ui.mjs

@@ -1,141 +0,0 @@
-#!/usr/bin/env node
-/**
- * Wave 4 UI Consistency Test
- * Tests agent/model persistence and display consolidation
- */
-
-import http from 'http';
-
-const BASE_URL = process.env.BASE_URL || 'http://localhost:3000';
-const API_BASE = `${BASE_URL}/gm/api`;
-
-function request(method, path, body = null) {
-  return new Promise((resolve, reject) => {
-    const url = new URL(path, API_BASE);
-    const options = {
-      method,
-      headers: body ? { 'Content-Type': 'application/json' } : {}
-    };
-
-    const req = http.request(url, options, (res) => {
-      let data = '';
-      res.on('data', chunk => data += chunk);
-      res.on('end', () => {
-        try {
-          resolve({ status: res.statusCode, data: data ? JSON.parse(data) : null });
-        } catch (e) {
-          resolve({ status: res.statusCode, data });
-        }
-      });
-    });
-
-    req.on('error', reject);
-    if (body) req.write(JSON.stringify(body));
-    req.end();
-  });
-}
-
-async function test() {
-  console.log('=== Wave 4 UI Consistency Tests ===\n');
-
-  try {
-    // Test 1: Create conversation with specific agent and model
-    console.log('Test 1: Create conversation with agent and model');
-    const createRes = await request('POST', '/conversations', {
-      agentId: 'claude-code',
-      title: 'Wave 4 Test Conversation',
-      workingDirectory: '/tmp/test',
-      model: 'claude-sonnet-4-5'
-    });
-
-    if (createRes.status !== 200) {
-      console.error('❌ Failed to create conversation:', createRes.status);
-      return;
-    }
-
-    const conversation = createRes.data.conversation;
-    console.log('✓ Created conversation:', conversation.id);
-    console.log('  - agentId:', conversation.agentId);
-    console.log('  - model:', conversation.model);
-
-    // Test 2: Fetch conversation and verify agent/model are returned
-    console.log('\nTest 2: Fetch conversation via /full endpoint');
-    const fullRes = await request('GET', `/conversations/${conversation.id}/full`);
-
-    if (fullRes.status !== 200) {
-      console.error('❌ Failed to fetch conversation:', fullRes.status);
-      return;
-    }
-
-    const fullConv = fullRes.data.conversation;
-    console.log('✓ Fetched conversation');
-    console.log('  - agentId:', fullConv.agentId);
-    console.log('  - agentType:', fullConv.agentType);
-    console.log('  - model:', fullConv.model);
-
-    if (!fullConv.agentId && !fullConv.agentType) {
-      console.error('❌ agentId/agentType missing from response');
-    } else {
-      console.log('✓ agentId/agentType present');
-    }
-
-    if (!fullConv.model) {
-      console.error('❌ model missing from response');
-    } else {
-      console.log('✓ model present');
-    }
-
-    // Test 3: List conversations and verify agent/model in list
-    console.log('\nTest 3: List conversations');
-    const listRes = await request('GET', '/conversations');
-
-    if (listRes.status !== 200) {
-      console.error('❌ Failed to list conversations:', listRes.status);
-      return;
-    }
-
-    const listedConv = listRes.data.conversations.find(c => c.id === conversation.id);
-    if (!listedConv) {
-      console.error('❌ Conversation not found in list');
-      return;
-    }
-
-    console.log('✓ Conversation in list');
-    console.log('  - agentId:', listedConv.agentId);
-    console.log('  - agentType:', listedConv.agentType);
-    console.log('  - model:', listedConv.model);
-
-    // Test 4: Update conversation model
-    console.log('\nTest 4: Update conversation model');
-    const updateRes = await request('POST', `/conversations/${conversation.id}`, {
-      model: 'claude-opus-4-6'
-    });
-
-    if (updateRes.status !== 200) {
-      console.error('❌ Failed to update conversation:', updateRes.status);
-      return;
-    }
-
-    const updatedConv = updateRes.data.conversation;
-    console.log('✓ Updated conversation');
-    console.log('  - model:', updatedConv.model);
-
-    if (updatedConv.model !== 'claude-opus-4-6') {
-      console.error('❌ Model not updated correctly');
-    } else {
-      console.log('✓ Model updated correctly');
-    }
-
-    // Cleanup
-    console.log('\nCleanup: Deleting test conversation');
-    await request('DELETE', `/conversations/${conversation.id}`);
-    console.log('✓ Deleted test conversation');
-
-    console.log('\n=== All Tests Passed ===');
-  } catch (error) {
-    console.error('❌ Test error:', error.message);
-    process.exit(1);
-  }
-}
-
-test();