agentgui 1.0.474 → 1.0.480

package/lib/tool-manager.js

@@ -14,14 +14,72 @@ const TOOLS = [
 
 const statusCache = new Map();
 const installLocks = new Map();
+const versionCache = new Map();
 
 const getTool = (id) => TOOLS.find(t => t.id === id);
 
+const getNodeModulesPath = () => {
+  const __dirname = path.dirname(new URL(import.meta.url).pathname);
+  return path.join(__dirname, '..', 'node_modules');
+};
+
+const getInstalledVersion = (pkg) => {
+  try {
+    const nodeModulesPath = getNodeModulesPath();
+    const pkgJsonPath = path.join(nodeModulesPath, pkg, 'package.json');
+    if (fs.existsSync(pkgJsonPath)) {
+      const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, 'utf-8'));
+      return pkgJson.version;
+    }
+  } catch (_) {}
+  return null;
+};
+
+const getPublishedVersion = async (pkg) => {
+  try {
+    const cacheKey = `published-${pkg}`;
+    const cached = versionCache.get(cacheKey);
+    if (cached && Date.now() - cached.timestamp < 3600000) {
+      return cached.version;
+    }
+
+    const cmd = isWindows ? 'npm.cmd' : 'npm';
+    const result = await new Promise((resolve) => {
+      const proc = spawn(cmd, ['view', pkg, 'version'], {
+        stdio: ['pipe', 'pipe', 'pipe'],
+        timeout: 5000,
+        shell: isWindows
+      });
+      let stdout = '';
+      proc.stdout.on('data', (d) => { stdout += d.toString(); });
+      const timer = setTimeout(() => {
+        try { proc.kill('SIGKILL'); } catch (_) {}
+        resolve(null);
+      }, 5000);
+      proc.on('close', (code) => {
+        clearTimeout(timer);
+        resolve(code === 0 ? stdout.trim() : null);
+      });
+      proc.on('error', () => {
+        clearTimeout(timer);
+        resolve(null);
+      });
+    });
+
+    if (result) {
+      versionCache.set(cacheKey, { version: result, timestamp: Date.now() });
+    }
+    return result;
+  } catch (_) {
+    return null;
+  }
+};
+
 const checkToolInstalled = (pkg) => {
   try {
-    const __dirname = path.dirname(new URL(import.meta.url).pathname);
-    const nodeModulesPath = path.join(__dirname, '..', 'node_modules', pkg);
-    return fs.existsSync(nodeModulesPath);
+    const nodeModulesPath = getNodeModulesPath();
+    const nodeModulesPackagePath = path.join(nodeModulesPath, pkg);
+    return fs.existsSync(nodeModulesPackagePath);
   } catch (_) {
     return false;
   }
@@ -30,7 +88,7 @@ const checkToolInstalled = (pkg) => {
 const checkToolViaBunx = async (pkg) => {
   try {
     const cmd = isWindows ? 'bunx.cmd' : 'bunx';
-    return new Promise((resolve) => {
+    const checkResult = await new Promise((resolve) => {
       const proc = spawn(cmd, [pkg, '--version'], {
         stdio: ['pipe', 'pipe', 'pipe'],
         timeout: 10000,
@@ -42,7 +100,8 @@ const checkToolViaBunx = async (pkg) => {
       const timer = setTimeout(() => {
         try { proc.kill('SIGKILL'); } catch (_) {}
         const installed = checkToolInstalled(pkg);
-        resolve({ installed, isUpToDate: installed, upgradeNeeded: false, output: 'timeout' });
+        const installedVersion = getInstalledVersion(pkg);
+        resolve({ installed, isUpToDate: installed, upgradeNeeded: false, output: 'timeout', installedVersion });
       }, 10000);
       proc.on('close', (code) => {
         clearTimeout(timer);
@@ -50,16 +109,36 @@ const checkToolViaBunx = async (pkg) => {
         const installed = code === 0 || checkToolInstalled(pkg);
         const upgradeNeeded = output.includes('Upgrading') || output.includes('upgrade');
         const isUpToDate = installed && !upgradeNeeded;
-        resolve({ installed, isUpToDate, upgradeNeeded, output });
+        const installedVersion = getInstalledVersion(pkg);
+        resolve({ installed, isUpToDate, upgradeNeeded, output, installedVersion });
       });
       proc.on('error', () => {
         clearTimeout(timer);
         const installed = checkToolInstalled(pkg);
-        resolve({ installed, isUpToDate: false, upgradeNeeded: false, output: '' });
+        const installedVersion = getInstalledVersion(pkg);
+        resolve({ installed, isUpToDate: false, upgradeNeeded: false, output: '', installedVersion });
       });
     });
+
+    const publishedVersion = await getPublishedVersion(pkg);
+    const compareVersions = (v1, v2) => {
+      if (!v1 || !v2) return false;
+      const parts1 = v1.split('.').map(Number);
+      const parts2 = v2.split('.').map(Number);
+      for (let i = 0; i < Math.max(parts1.length, parts2.length); i++) {
+        const p1 = parts1[i] || 0;
+        const p2 = parts2[i] || 0;
+        if (p1 < p2) return true;
+        if (p1 > p2) return false;
+      }
+      return false;
+    };
+
+    const needsUpdate = checkResult.installed && publishedVersion && compareVersions(checkResult.installedVersion, publishedVersion);
+    return { ...checkResult, publishedVersion, upgradeNeeded: needsUpdate };
   } catch (_) {
-    return { installed: checkToolInstalled(pkg), isUpToDate: false, upgradeNeeded: false, output: '' };
+    const installedVersion = getInstalledVersion(pkg);
+    return { installed: checkToolInstalled(pkg), isUpToDate: false, upgradeNeeded: false, output: '', installedVersion, publishedVersion: null };
   }
 };
 
@@ -92,6 +171,8 @@ export async function checkToolStatusAsync(toolId) {
       installed: cached.installed,
       isUpToDate: cached.isUpToDate,
       upgradeNeeded: cached.upgradeNeeded,
+      installedVersion: cached.installedVersion,
+      publishedVersion: cached.publishedVersion,
       timestamp: cached.timestamp
     };
   }
@@ -102,6 +183,8 @@ export async function checkToolStatusAsync(toolId) {
     installed: result.installed,
     isUpToDate: result.isUpToDate,
     upgradeNeeded: result.upgradeNeeded,
+    installedVersion: result.installedVersion,
+    publishedVersion: result.publishedVersion,
     timestamp: Date.now()
   };
 
@@ -178,6 +261,8 @@ export function getAllTools() {
       installed: cached?.installed ?? false,
       isUpToDate: cached?.isUpToDate ?? false,
       upgradeNeeded: cached?.upgradeNeeded ?? false,
+      installedVersion: cached?.installedVersion ?? null,
+      publishedVersion: cached?.publishedVersion ?? null,
       timestamp: cached?.timestamp ?? 0
     };
   });

package/package.json

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

package/server.js

@@ -1792,7 +1792,9 @@ const server = http.createServer(async (req, res) => {
         status: t.installed ? (t.isUpToDate ? 'installed' : 'needs_update') : 'not_installed',
         isUpToDate: t.isUpToDate,
         upgradeNeeded: t.upgradeNeeded,
-        hasUpdate: t.upgradeNeeded && t.installed
+        hasUpdate: t.upgradeNeeded && t.installed,
+        installedVersion: t.installedVersion,
+        publishedVersion: t.publishedVersion
       }));
       sendJSON(req, res, 200, { tools: result });
       return;

package/static/css/tools-popup.css

@@ -314,3 +314,25 @@
   font-size: 0.875rem;
   margin-bottom: 0.5rem;
 }
+
+.tool-versions {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  font-size: 0.75rem;
+  color: var(--color-text-secondary);
+  background: var(--color-bg-secondary);
+  padding: 0.5rem;
+  border-radius: 0.25rem;
+}
+
+.tool-version-item {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+}
+
+.tool-version-item strong {
+  color: var(--color-text-primary);
+  font-weight: 600;
+}

package/static/js/tools-manager.js

@@ -162,6 +162,17 @@
       var statusClass = getStatusClass(tool);
       var isInstalling = tool.status === 'installing' || tool.status === 'updating';
       var hasAction = !tool.installed || tool.hasUpdate || tool.status === 'failed';
+      var versionInfo = '';
+      if (tool.installedVersion || tool.publishedVersion) {
+        versionInfo = '<div class="tool-versions">';
+        if (tool.installedVersion) {
+          versionInfo += '<span class="tool-version-item">Installed: <strong>' + esc(tool.installedVersion) + '</strong></span>';
+        }
+        if (tool.publishedVersion) {
+          versionInfo += '<span class="tool-version-item">Published: <strong>' + esc(tool.publishedVersion) + '</strong></span>';
+        }
+        versionInfo += '</div>';
+      }
 
       return '<div class="tool-item">' +
         '<div class="tool-header">' +
@@ -171,6 +182,7 @@
         '<span>' + getStatusText(tool) + '</span>' +
         '</span>' +
         '</div>' +
+        versionInfo +
         (tool.description ? '<div class="tool-details">' + esc(tool.description) + '</div>' : '') +
         (isInstalling && tool.progress !== undefined ?
           '<div class="tool-progress-container">' +