agentgui 1.0.741 → 1.0.743

package/lib/ws-handlers-conv.js

@@ -117,6 +117,24 @@ export function register(router, deps) {
     return { ok: true, chunks: result.chunks, total: result.total, hasMore: result.hasMore, limit: result.limit };
   });
 
+  router.handle('conv.export', (p) => {
+    const conv = queries.getConversation(p.id);
+    if (!conv) notFound();
+    const msgs = queries.getConversationMessages(p.id);
+    const format = p.format || 'markdown';
+    if (format === 'json') return { conversation: conv, messages: msgs };
+    let md = `# ${conv.title || 'Conversation'}\n\n`;
+    md += `Agent: ${conv.agentType || 'unknown'} | Created: ${new Date(conv.created_at).toISOString()}\n\n---\n\n`;
+    for (const m of msgs) {
+      const role = m.role === 'user' ? 'User' : 'Assistant';
+      md += `## ${role}\n\n`;
+      let content = m.content;
+      try { const parsed = JSON.parse(content); if (Array.isArray(parsed)) { content = parsed.map(b => b.text || b.content || JSON.stringify(b)).join('\n'); } } catch {}
+      md += content + '\n\n---\n\n';
+    }
+    return { markdown: md, title: conv.title };
+  });
+
   router.handle('conv.cancel', (p) => {
     if (!execMachine.isActive(p.id)) notFound('No active execution to cancel');
     const ctx = execMachine.getContext(p.id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.741",
+  "version": "1.0.743",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "electron/main.js",

package/server.js

@@ -3684,6 +3684,41 @@ const _assetCache = new LRUCache({ max: 200 });
 let _htmlCache = null;
 let _htmlCacheEtag = null;
 
+function warmAssetCache() {
+  const dirs = ['js', 'css', 'lib', 'vendor'];
+  let count = 0;
+  for (const dir of dirs) {
+    const full = path.join(staticDir, dir);
+    if (!fs.existsSync(full)) continue;
+    for (const file of fs.readdirSync(full)) {
+      const filePath = path.join(full, file);
+      try {
+        const stats = fs.statSync(filePath);
+        if (!stats.isFile()) continue;
+        const etag = generateETag(stats);
+        if (_assetCache.has(etag)) continue;
+        const raw = fs.readFileSync(filePath);
+        const entry = raw.length < 860 ? { raw, gz: null } : { raw, gz: zlib.gzipSync(raw, { level: 6 }) };
+        _assetCache.set(etag, entry);
+        count++;
+      } catch (_) {}
+    }
+  }
+  for (const file of ['app.js', 'theme.js']) {
+    const filePath = path.join(staticDir, file);
+    try {
+      const stats = fs.statSync(filePath);
+      const etag = generateETag(stats);
+      if (!_assetCache.has(etag)) {
+        const raw = fs.readFileSync(filePath);
+        _assetCache.set(etag, raw.length < 860 ? { raw, gz: null } : { raw, gz: zlib.gzipSync(raw, { level: 6 }) });
+        count++;
+      }
+    } catch (_) {}
+  }
+  if (count > 0) console.log(`[CACHE] Pre-warmed ${count} static assets`);
+}
+
 function serveFile(filePath, res, req) {
   const ext = path.extname(filePath).toLowerCase();
   const contentType = MIME_TYPES[ext] || 'application/octet-stream';
@@ -5109,6 +5144,7 @@ function onServerReady() {
   }
 
   recoverStaleSessions();
+  warmAssetCache();
 
   try {
     jsonlWatcher = new JsonlWatcher({ broadcastSync, queries, ownedSessionIds });
@@ -5120,6 +5156,20 @@ function onServerReady() {
 
   resumeInterruptedStreams().catch(err => console.error('[RESUME] Startup error:', err.message));
 
+  setInterval(() => {
+    try {
+      const streaming = queries.getStreamingConversations();
+      let cleared = 0;
+      for (const c of streaming) {
+        if (!activeExecutions.has(c.id)) {
+          queries.setIsStreaming(c.id, false);
+          cleared++;
+        }
+      }
+      if (cleared > 0) debugLog(`[HEALTH] Cleared ${cleared} stale streaming flag(s)`);
+    } catch (e) { debugLog(`[HEALTH] Error: ${e.message}`); }
+  }, 5 * 60 * 1000);
+
   installGMAgentConfigs().catch(err => console.error('[GM-CONFIG] Startup error:', err.message));
 
   startACPTools().then(() => {

package/static/js/client.js

@@ -90,14 +90,18 @@ class AgentGUIClient {
       currentConversationId: null,
       currentSessionId: null
     };
+
+    this._debug = typeof localStorage !== 'undefined' && localStorage.getItem('debug') === '1';
   }
 
+  _dbg(...args) { if (this._debug) this._dbg(...args); }
+
   /**
    * Initialize the client
    */
   async init() {
     try {
-      console.log('Initializing AgentGUI client');
+      this._dbg('Initializing AgentGUI client');
 
       // Initialize renderer
       this.renderer.init(this.config.outputContainerId, this.config.scrollContainerId);
@@ -105,7 +109,7 @@ class AgentGUIClient {
       // Initialize image loader
       if (typeof ImageLoader !== 'undefined') {
         window.imageLoader = new ImageLoader();
-        console.log('Image loader initialized');
+        this._dbg('Image loader initialized');
       }
 
       // Setup event listeners
@@ -137,7 +141,7 @@ class AgentGUIClient {
       this.emit('initialized');
       this._setupDebugHooks();
 
-      console.log('AgentGUI client initialized');
+      this._dbg('AgentGUI client initialized');
       return this;
     } catch (error) {
       console.error('Client initialization error:', error);
@@ -151,7 +155,7 @@ class AgentGUIClient {
    */
   setupWebSocketListeners() {
     this.wsManager.on('connected', () => {
-      console.log('WebSocket connected');
+      this._dbg('WebSocket connected');
       this.updateConnectionStatus('connected');
       this._subscribeToConversationUpdates();
       // On reconnect (not initial connect), invalidate current conversation's DOM
@@ -170,7 +174,7 @@ class AgentGUIClient {
       if (window.__SERVER_VERSION) {
         fetch((window.__BASE_URL || '') + '/api/version').then(r => r.json()).then(d => {
           if (d.version && d.version !== window.__SERVER_VERSION) {
-            console.log(`Server updated ${window.__SERVER_VERSION} → ${d.version}, reloading`);
+            this._dbg(`Server updated ${window.__SERVER_VERSION} → ${d.version}, reloading`);
             window.location.reload();
           }
         }).catch(() => {});
@@ -178,7 +182,7 @@ class AgentGUIClient {
     });
 
     this.wsManager.on('disconnected', () => {
-      console.log('WebSocket disconnected');
+      this._dbg('WebSocket disconnected');
       this.updateConnectionStatus('disconnected');
       this.updateSendButtonState();
       this.disablePromptArea();
@@ -186,7 +190,7 @@ class AgentGUIClient {
     });
 
     this.wsManager.on('reconnecting', (data) => {
-      console.log('WebSocket reconnecting:', data);
+      this._dbg('WebSocket reconnecting:', data);
       this.updateConnectionStatus('reconnecting');
     });
 
@@ -266,7 +270,7 @@ class AgentGUIClient {
    */
   setupRendererListeners() {
     this.renderer.on('batch:complete', (data) => {
-      console.log('Batch rendered:', data);
+      this._dbg('Batch rendered:', data);
       this.updateMetrics(data.metrics);
     });
 
@@ -293,7 +297,7 @@ class AgentGUIClient {
       if (sessionId && this.isValidId(sessionId)) {
         this.routerState.currentSessionId = sessionId;
       }
-      console.log('Restoring conversation from URL:', conversationId);
+      this._dbg('Restoring conversation from URL:', conversationId);
       this._isLoadingConversation = true;
       if (window.conversationManager) {
         window.conversationManager.select(conversationId);
@@ -303,7 +307,7 @@ class AgentGUIClient {
           // If the URL conversation doesn't exist, try loading the most recent conversation
           if (this.state.conversations && this.state.conversations.length > 0) {
             const latestConv = this.state.conversations[0];
-            console.log('Loading latest conversation instead:', latestConv.id);
+            this._dbg('Loading latest conversation instead:', latestConv.id);
             return this.loadConversationMessages(latestConv.id);
           } else {
             // No conversations available - show welcome screen
@@ -510,7 +514,7 @@ class AgentGUIClient {
         if (!this.state.currentConversation) return;
         try {
           const data = await window.wsClient.rpc('conv.cancel', { id: this.state.currentConversation.id });
-          console.log('Stop response:', data);
+          this._dbg('Stop response:', data);
         } catch (err) {
           console.error('Failed to stop:', err);
         }
@@ -561,7 +565,7 @@ class AgentGUIClient {
         try {
           // Queue uses msg.send which will enqueue if streaming is active
           const data = await window.wsClient.rpc('msg.send', { id: this.state.currentConversation.id, content: message });
-          console.log('Queue response:', data);
+          this._dbg('Queue response:', data);
           if (this.ui.messageInput) {
             this.ui.messageInput.value = '';
             this.ui.messageInput.style.height = 'auto';
@@ -587,6 +591,27 @@ class AgentGUIClient {
       });
     }
 
+    document.addEventListener('keydown', (e) => {
+      if (e.key === 'n' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {
+        e.preventDefault();
+        const newBtn = document.querySelector('[data-new-conversation], #newConversationBtn, .new-conversation-btn');
+        if (newBtn) newBtn.click();
+      }
+      if (e.key === 'b' && (e.ctrlKey || e.metaKey) && !e.shiftKey) {
+        e.preventDefault();
+        const toggleBtn = document.querySelector('[data-sidebar-toggle]');
+        if (toggleBtn) toggleBtn.click();
+      }
+      if (e.key === 'Escape') {
+        const activeEl = document.activeElement;
+        if (activeEl && activeEl.tagName === 'TEXTAREA') { activeEl.blur(); return; }
+        if (this.state.isStreaming) {
+          const cancelBtn = document.querySelector('#cancelBtn, [data-cancel-btn]');
+          if (cancelBtn && cancelBtn.offsetParent !== null) cancelBtn.click();
+        }
+      }
+    });
+
     // Setup theme toggle
     const themeToggle = document.querySelector('[data-theme-toggle]');
     if (themeToggle) {
@@ -788,7 +813,7 @@ class AgentGUIClient {
   }
 
   async handleStreamingStart(data) {
-    console.log('Streaming started:', data);
+    this._dbg('Streaming started:', data);
     if (window.promptMachineAPI) window.promptMachineAPI.send({ type: 'STREAMING', conversationId: data.conversationId });
     this._clearThinkingCountdown();
     if (this._lastSendTime > 0) {
@@ -812,9 +837,9 @@ class AgentGUIClient {
     // If this streaming event is for a different conversation than what we are viewing,
     // just track the state but do not modify the DOM or start polling
     if (this.state.currentConversation?.id !== data.conversationId) {
-      console.log('Streaming started for non-active conversation:', data.conversationId);
+      this._dbg('Streaming started for non-active conversation:', data.conversationId);
       this._setConvStreaming(data.conversationId, true, data.sessionId, data.agentId);
-      console.log('[SYNC] streaming_start - non-active conv:', { convId: data.conversationId, sessionId: data.sessionId, streamingCount: this.state.streamingConversations.size });
+      this._dbg('[SYNC] streaming_start - non-active conv:', { convId: data.conversationId, sessionId: data.sessionId, streamingCount: this.state.streamingConversations.size });
       this.updateBusyPromptArea(data.conversationId);
       this.emit('streaming:start', data);
 
@@ -900,7 +925,7 @@ class AgentGUIClient {
   }
 
   async handleStreamingResumed(data) {
-    console.log('Streaming resumed:', data);
+    this._dbg('Streaming resumed:', data);
     const conv = this.state.currentConversation || { id: data.conversationId };
     await this.handleStreamingStart({
       type: 'streaming_start',
@@ -913,6 +938,9 @@ class AgentGUIClient {
   }
 
   handleStreamingProgress(data) {
+    try { return this._handleStreamingProgressInner(data); } catch (e) { console.error('[render-error] streaming progress:', e); }
+  }
+  _handleStreamingProgressInner(data) {
     if (!data.block || !data.sessionId) return;
 
     // Deduplicate by seq number to guarantee exactly-once rendering
@@ -1098,7 +1126,7 @@ class AgentGUIClient {
 
     // If this event is for a conversation we are NOT currently viewing, just track state
     if (conversationId && this.state.currentConversation?.id !== conversationId) {
-      console.log('Streaming error for non-active conversation:', conversationId);
+      this._dbg('Streaming error for non-active conversation:', conversationId);
       this._setConvStreaming(conversationId, false);
       this.updateBusyPromptArea(conversationId);
       this.emit('streaming:error', data);
@@ -1163,7 +1191,7 @@ class AgentGUIClient {
   }
 
   handleStreamingComplete(data) {
-    console.log('Streaming completed:', data);
+    this._dbg('Streaming completed:', data);
     if (window.promptMachineAPI) window.promptMachineAPI.send({ type: 'READY' });
     this._clearThinkingCountdown();
 
@@ -1171,16 +1199,16 @@ class AgentGUIClient {
     if (conversationId) this.invalidateCache(conversationId);
 
     if (conversationId && this.state.currentConversation?.id !== conversationId) {
-      console.log('Streaming completed for non-active conversation:', conversationId);
+      this._dbg('Streaming completed for non-active conversation:', conversationId);
       this._setConvStreaming(conversationId, false);
-      console.log('[SYNC] streaming_complete - non-active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size });
+      this._dbg('[SYNC] streaming_complete - non-active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size });
       this.updateBusyPromptArea(conversationId);
       this.emit('streaming:complete', data);
       return;
     }
 
     this._setConvStreaming(conversationId, false);
-    console.log('[SYNC] streaming_complete - active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size, interrupted: data.interrupted });
+    this._dbg('[SYNC] streaming_complete - active conv:', { convId: conversationId, streamingCount: this.state.streamingConversations.size, interrupted: data.interrupted });
     this.updateBusyPromptArea(conversationId);
 
     const sessionId = data.sessionId || this.state.currentSession?.id;
@@ -1268,7 +1296,7 @@ class AgentGUIClient {
       return;
     }
 
-    console.log('[SYNC] message_created:', { msgId: data.message.id, role: data.message.role, convId: data.conversationId });
+    this._dbg('[SYNC] message_created:', { msgId: data.message.id, role: data.message.role, convId: data.conversationId });
 
     // Update messageCount in current conversation state for user messages
     if (data.message.role === 'user' && this.state.currentConversation) {
@@ -2082,7 +2110,7 @@ class AgentGUIClient {
       }
 
       if (result.queued) {
-        console.log('Message queued, position:', result.queuePosition);
+        this._dbg('Message queued, position:', result.queuePosition);
         this.enableControls();
         return;
       }
@@ -2182,6 +2210,9 @@ class AgentGUIClient {
   }
 
   renderChunk(chunk) {
+    try { return this._renderChunkInner(chunk); } catch (e) { console.error('[render-error] chunk:', e); }
+  }
+  _renderChunkInner(chunk) {
     if (!chunk || !chunk.block) return;
     const seq = chunk.sequence;
     if (seq !== undefined) {
@@ -2260,13 +2291,13 @@ class AgentGUIClient {
           .map(a => `<option value="${a.id}">${a.name.split(/[\s\-]+/)[0]}</option>`)
           .join('');
         this.ui.agentSelector.style.display = 'inline-block';
-        console.log(`[Agent Selector] Loaded ${subAgents.length} sub-agents for ${cliAgentId}`);
+        this._dbg(`[Agent Selector] Loaded ${subAgents.length} sub-agents for ${cliAgentId}`);
         // Auto-select first sub-agent and load its models
         const firstSubAgentId = subAgents[0].id;
         this.ui.agentSelector.value = firstSubAgentId;
         this.loadModelsForAgent(cliAgentId); // models keyed to parent agent
       } else {
-        console.log(`[Agent Selector] No sub-agents found for ${cliAgentId}`);
+        this._dbg(`[Agent Selector] No sub-agents found for ${cliAgentId}`);
         // Load models for the CLI agent itself (fallback for agents without sub-agents)
         const cliToAcpMap = {
           'cli-opencode': 'opencode',
@@ -2508,7 +2539,7 @@ class AgentGUIClient {
     }
     if (progress.done || progress.status === 'completed') {
       this._modelDownloadInProgress = false;
-      console.log('[Models] Download complete');
+      this._dbg('[Models] Download complete');
       this._updateConnectionIndicator(this.wsManager?.latency?.quality || 'unknown');
       return;
     }
@@ -2520,7 +2551,7 @@ class AgentGUIClient {
 
   _handleTTSSetupProgress(data) {
     if (data.step && data.status) {
-      console.log('[TTS Setup]', data.step, ':', data.status, data.message || '');
+      this._dbg('[TTS Setup]', data.step, ':', data.status, data.message || '');
     }
   }
 
@@ -2777,7 +2808,7 @@ class AgentGUIClient {
           if (window.conversationManager) window.conversationManager.loadConversations();
           const fallbackConv = prevConversationId ? prevConversationId : availableFallback?.id;
           if (fallbackConv && fallbackConv !== conversationId) {
-            console.log('Resuming from fallback conversation:', fallbackConv);
+            this._dbg('Resuming from fallback conversation:', fallbackConv);
             this.showError('Conversation not found. Resuming previous conversation.');
             await this.loadConversationMessages(fallbackConv);
           } else {
@@ -2958,7 +2989,7 @@ class AgentGUIClient {
       // Resume from last successful conversation if available, or fall back to any available conversation
       const fallbackConv = prevConversationId ? prevConversationId : availableFallback?.id;
       if (fallbackConv && fallbackConv !== conversationId) {
-        console.log('Resuming from fallback conversation due to error:', fallbackConv);
+        this._dbg('Resuming from fallback conversation due to error:', fallbackConv);
         this.showError('Failed to load conversation. Resuming previous conversation.');
         try {
           await this.loadConversationMessages(fallbackConv);
@@ -3354,7 +3385,7 @@ document.addEventListener('DOMContentLoaded', async () => {
     agentGUIClient = new AgentGUIClient();
     window.agentGuiClient = agentGUIClient;
     await agentGUIClient.init();
-    console.log('AgentGUI ready');
+    this._dbg('AgentGUI ready');
   } catch (error) {
     console.error('Failed to initialize AgentGUI:', error);
   }

package/static/js/streaming-renderer.js

@@ -781,6 +781,7 @@ class StreamingRenderer {
     const details = document.createElement('details');
     details.className = 'block-tool-use folded-tool';
     if (block.id) details.dataset.toolUseId = block.id;
+    details.dataset.startedAt = Date.now();
     details.classList.add(this._getBlockTypeClass('tool_use'));
     details.classList.add(this._getToolColorClass(toolName));
     const normalizedForOpen = toolName.replace(/^mcp__.*?__/, '');
@@ -2228,6 +2229,16 @@ class StreamingRenderer {
       statusSpan.className = 'folded-tool-status';
       statusSpan.innerHTML = statusSvg;
       summary.appendChild(statusSpan);
+      const startedAt = parseInt(toolUseEl.dataset.startedAt);
+      if (startedAt > 0) {
+        const ms = Date.now() - startedAt;
+        const label = ms < 1000 ? ms + 'ms' : (ms / 1000).toFixed(1) + 's';
+        const dur = document.createElement('span');
+        dur.className = 'folded-tool-duration';
+        dur.style.cssText = 'margin-left:0.375rem;font-size:0.6rem;opacity:0.45;font-weight:400';
+        dur.textContent = label;
+        summary.appendChild(dur);
+      }
     }
 
     const renderedContent = StreamingRenderer.renderSmartContentHTML(contentStr, this.escapeHtml.bind(this), true);