agentgui 1.0.542 → 1.0.544

package/lib/tool-manager.js

@@ -9,6 +9,7 @@ const TOOLS = [
   { 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' },
 ];
 
 const statusCache = new Map();
@@ -76,6 +77,17 @@ const getInstalledVersion = (pkg, pluginId = null) => {
         console.warn(`[tool-manager] Failed to parse ${kiloPath}:`, e.message);
       }
     }
+
+    // Check Codex CLI (stored at ~/.codex)
+    const codexPath = path.join(homeDir, '.codex', 'plugin.json');
+    if (fs.existsSync(codexPath)) {
+      try {
+        const pluginJson = JSON.parse(fs.readFileSync(codexPath, 'utf-8'));
+        if (pluginJson.version) return pluginJson.version;
+      } catch (e) {
+        console.warn(`[tool-manager] Failed to parse ${codexPath}:`, e.message);
+      }
+    }
   } catch (_) {}
   return null;
 };
@@ -129,6 +141,7 @@ const checkToolInstalled = (pluginId) => {
     if (fs.existsSync(path.join(homeDir, '.config', 'kilo', 'agents', pluginId + '.md'))) return true;
     if (fs.existsSync(path.join(homeDir, '.config', 'opencode', 'agents', 'gm.md'))) return true;
     if (fs.existsSync(path.join(homeDir, '.config', 'kilo', 'agents', 'gm.md'))) return true;
+    if (pluginId === 'codex' && fs.existsSync(path.join(homeDir, '.codex', 'plugin.json'))) return true;
   } catch (_) {}
   return false;
 };

package/package.json

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

package/server.js

@@ -3360,7 +3360,7 @@ function serveFile(filePath, res, req) {
         'Content-Type': contentType,
         'Content-Length': stats.size,
         'ETag': etag,
-        'Cache-Control': 'public, max-age=3600, must-revalidate'
+        'Cache-Control': ['.js', '.css'].includes(ext) ? 'no-cache' : 'public, max-age=3600, must-revalidate'
       };
       if (acceptsEncoding(req, 'br') && stats.size > 860) {
         const stream = fs.createReadStream(filePath);

package/static/index.html

@@ -864,9 +864,15 @@
       display: inline-block;
     }
 
+    .message-input-container {
+      position: relative;
+      flex: 1;
+      display: flex;
+    }
+
     .message-textarea {
       flex: 1;
-      padding: 0.625rem 0.875rem;
+      padding: 0.625rem 2.75rem 0.625rem 0.875rem;
       border: none;
       border-radius: 0.75rem;
       background-color: var(--color-bg-secondary);
@@ -1144,11 +1150,14 @@
     }
 
     .voice-mic-btn {
+      position: absolute;
+      top: 4px;
+      right: 4px;
       display: flex;
       align-items: center;
       justify-content: center;
-      width: 44px;
-      height: 44px;
+      width: 36px;
+      height: 36px;
       background: var(--color-bg-secondary);
       color: var(--color-text-secondary);
       border: 2px solid var(--color-border);
@@ -3187,21 +3196,23 @@
           <select class="agent-selector cli-selector" data-cli-selector title="Select CLI tool"></select>
           <select class="agent-selector sub-agent-selector" data-agent-selector title="Select sub-agent" style="display:none"></select>
           <select class="model-selector" data-model-selector title="Select model" data-empty="true"></select>
-          <textarea
-            class="message-textarea"
-            data-message-input
-            placeholder="Message AgentGUI... (Ctrl+Enter to send)"
-            aria-label="Message input"
-            rows="1"
-          ></textarea>
-          <button class="voice-mic-btn" id="chatMicBtn" title="Record voice input" aria-label="Voice input">
-            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
-              <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
-              <line x1="12" y1="19" x2="12" y2="23"/>
-              <line x1="8" y1="23" x2="16" y2="23"/>
-            </svg>
-          </button>
+          <div class="message-input-container">
+            <textarea
+              class="message-textarea"
+              data-message-input
+              placeholder="Message AgentGUI... (Ctrl+Enter to send)"
+              aria-label="Message input"
+              rows="1"
+            ></textarea>
+            <button class="voice-mic-btn" id="chatMicBtn" title="Record voice input" aria-label="Voice input">
+              <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                <path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"/>
+                <path d="M19 10v2a7 7 0 0 1-14 0v-2"/>
+                <line x1="12" y1="19" x2="12" y2="23"/>
+                <line x1="8" y1="23" x2="16" y2="23"/>
+              </svg>
+            </button>
+          </div>
           <button class="inject-btn" id="injectBtn" title="Inject instructions into running agent" aria-label="Inject instructions">
             <svg viewBox="0 0 24 24" fill="currentColor" width="18" height="18">
               <path d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"/>

package/static/js/streaming-renderer.js

@@ -873,6 +873,17 @@ class StreamingRenderer {
           }
         }
 
+        // Handle Claude image content block arrays: [{type:"image", source:{type:"base64", data:"...", media_type:"..."}}]
+        if (Array.isArray(parsed) && parsed.length > 0) {
+          const imgParts = parsed.filter(b => b.type === 'image' && b.source && b.source.type === 'base64' && b.source.data);
+          if (imgParts.length > 0) {
+            return imgParts.map(b => {
+              const mime = b.source.media_type || 'image/png';
+              return `<div style="padding:0.5rem"><img src="data:${esc(mime)};base64,${b.source.data}" style="max-width:100%;max-height:24rem;border-radius:0.375rem"></div>`;
+            }).join('');
+          }
+        }
+
         // For other JSON, render as itemized key-value structure
         return `<div style="padding:0.5rem 0.75rem">${StreamingRenderer.renderParamsHTML(parsed, 0, esc)}</div>`;
       } catch (e) {