agentgui 1.0.246 → 1.0.248

package/package.json

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

package/static/js/client.js

@@ -516,11 +516,6 @@ class AgentGUIClient {
       this._serverProcessingEstimate = 0.7 * this._serverProcessingEstimate + 0.3 * serverTime;
     }
 
-    // Show stop and inject buttons when streaming starts
-    if (this.ui.stopButton) this.ui.stopButton.classList.add('visible');
-    if (this.ui.injectButton) this.ui.injectButton.classList.add('visible');
-    if (this.ui.sendButton) this.ui.sendButton.style.display = 'none';
-
     // 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) {
@@ -530,6 +525,11 @@ class AgentGUIClient {
       return;
     }
 
+    // Show stop and inject buttons when streaming starts for current conversation
+    if (this.ui.stopButton) this.ui.stopButton.classList.add('visible');
+    if (this.ui.injectButton) this.ui.injectButton.classList.add('visible');
+    if (this.ui.sendButton) this.ui.sendButton.style.display = 'none';
+
     this.state.streamingConversations.set(data.conversationId, true);
     this.state.currentSession = {
       id: data.sessionId,
@@ -598,12 +598,18 @@ class AgentGUIClient {
                 const bFrag = document.createDocumentFragment();
                 sList.forEach(chunk => {
                   if (!chunk.block?.type) return;
-                  const el = this.renderer.renderBlock(chunk.block, chunk, bFrag);
-                  if (!el) return;
                   if (chunk.block.type === 'tool_result') {
                     const lastInFrag = bFrag.lastElementChild;
-                    if (lastInFrag?.classList?.contains('block-tool-use')) { lastInFrag.appendChild(el); return; }
+                    if (lastInFrag?.classList?.contains('block-tool-use')) {
+                      const parentIsOpen = lastInFrag.hasAttribute('open');
+                      const contextWithParent = { ...chunk, parentIsOpen };
+                      const el = this.renderer.renderBlock(chunk.block, contextWithParent, bFrag);
+                      if (el) { lastInFrag.appendChild(el); }
+                      return;
+                    }
                   }
+                  const el = this.renderer.renderBlock(chunk.block, chunk, bFrag);
+                  if (!el) return;
                   bFrag.appendChild(el);
                 });
                 bEl.appendChild(bFrag);
@@ -1759,14 +1765,20 @@ class AgentGUIClient {
     if (!streamingEl) return;
     const blocksEl = streamingEl.querySelector('.streaming-blocks');
     if (!blocksEl) return;
-    const element = this.renderer.renderBlock(chunk.block, chunk, blocksEl);
-    if (!element) { this.scrollToBottom(); return; }
     if (chunk.block.type === 'tool_result') {
       const matchById = chunk.block.tool_use_id && blocksEl.querySelector(`.block-tool-use[data-tool-use-id="${chunk.block.tool_use_id}"]`);
       const lastEl = blocksEl.lastElementChild;
       const toolUseEl = matchById || (lastEl?.classList?.contains('block-tool-use') ? lastEl : null);
-      if (toolUseEl) { toolUseEl.appendChild(element); this.scrollToBottom(); return; }
+      if (toolUseEl) {
+        const parentIsOpen = toolUseEl.hasAttribute('open');
+        const contextWithParent = { ...chunk, parentIsOpen };
+        const element = this.renderer.renderBlock(chunk.block, contextWithParent, blocksEl);
+        if (element) { toolUseEl.appendChild(element); this.scrollToBottom(); }
+        return;
+      }
     }
+    const element = this.renderer.renderBlock(chunk.block, chunk, blocksEl);
+    if (!element) { this.scrollToBottom(); return; }
     blocksEl.appendChild(element);
     this.scrollToBottom();
   }
@@ -1813,18 +1825,20 @@ class AgentGUIClient {
       const blocksEl = streamingEl.querySelector('.streaming-blocks');
       if (!blocksEl) continue;
       for (const chunk of groups[sid]) {
-        const el = this.renderer.renderBlock(chunk.block, chunk, blocksEl);
-        if (!el) { appended = true; continue; }
         if (chunk.block.type === 'tool_result') {
           const matchById = chunk.block.tool_use_id && blocksEl.querySelector(`.block-tool-use[data-tool-use-id="${chunk.block.tool_use_id}"]`);
           const lastEl = blocksEl.lastElementChild;
           const toolUseEl = matchById || (lastEl?.classList?.contains('block-tool-use') ? lastEl : null);
           if (toolUseEl) {
-            toolUseEl.appendChild(el);
-            appended = true;
+            const parentIsOpen = toolUseEl.hasAttribute('open');
+            const contextWithParent = { ...chunk, parentIsOpen };
+            const el = this.renderer.renderBlock(chunk.block, contextWithParent, blocksEl);
+            if (el) { toolUseEl.appendChild(el); appended = true; }
             continue;
           }
         }
+        const el = this.renderer.renderBlock(chunk.block, chunk, blocksEl);
+        if (!el) { appended = true; continue; }
         blocksEl.appendChild(el);
         appended = true;
       }
@@ -1870,10 +1884,16 @@ class AgentGUIClient {
       } else if (status.modelsDownloading) {
         this._modelDownloadProgress = status.modelsProgress || { downloading: true };
         this._modelDownloadInProgress = true;
+      } else {
+        this._modelDownloadProgress = { done: false };
+        this._modelDownloadInProgress = false;
       }
       this._updateVoiceTabState();
     } catch (error) {
       console.error('Failed to check speech status:', error);
+      this._modelDownloadProgress = { done: false };
+      this._modelDownloadInProgress = false;
+      this._updateVoiceTabState();
     }
   }
 
@@ -2044,6 +2064,11 @@ class AgentGUIClient {
           }
         }, 500);
       }
+      if (window._voiceTabPendingOpen) {
+        window._voiceTabPendingOpen = false;
+        var voiceBtn = document.querySelector('[data-view="voice"]');
+        if (voiceBtn) voiceBtn.click();
+      }
       return;
     }
     
@@ -2368,12 +2393,18 @@ class AgentGUIClient {
             const blockFrag = document.createDocumentFragment();
             sessionChunkList.forEach(chunk => {
               if (!chunk.block?.type) return;
-              const element = this.renderer.renderBlock(chunk.block, chunk, blockFrag);
-              if (!element) return;
               if (chunk.block.type === 'tool_result') {
                 const lastInFrag = blockFrag.lastElementChild;
-                if (lastInFrag?.classList?.contains('block-tool-use')) { lastInFrag.appendChild(element); return; }
+                if (lastInFrag?.classList?.contains('block-tool-use')) {
+                  const parentIsOpen = lastInFrag.hasAttribute('open');
+                  const contextWithParent = { ...chunk, parentIsOpen };
+                  const element = this.renderer.renderBlock(chunk.block, contextWithParent, blockFrag);
+                  if (element) { lastInFrag.appendChild(element); }
+                  return;
+                }
               }
+              const element = this.renderer.renderBlock(chunk.block, chunk, blockFrag);
+              if (!element) return;
               blockFrag.appendChild(element);
             });
             blocksEl.appendChild(blockFrag);

package/static/js/conversations.js

@@ -48,7 +48,7 @@ class ConversationManager {
     this.setupFolderBrowser();
     this.setupCloneUI();
 
-    setInterval(() => this.loadConversations(), 30000);
+    this._pollInterval = setInterval(() => this.loadConversations(), 30000);
   }
 
   async loadAgents() {

package/static/js/features.js

@@ -189,7 +189,7 @@
       btn.addEventListener('click', function() {
         var view = btn.dataset.view;
         if (view === 'voice' && !isVoiceReady()) {
-          showToast('Downloading voice models... please wait', 'info');
+          triggerVoiceModelDownload();
           return;
         }
         switchView(view);
@@ -198,11 +198,35 @@
   }
 
   function isVoiceReady() {
-    if (window.agentGUIClient && !window.agentGUIClient._modelDownloadInProgress) {
-      return window.agentGUIClient._modelDownloadProgress?.done === true ||
-             window.agentGUIClient._modelDownloadProgress?.complete === true;
+    var client = window.agentGUIClient;
+    if (!client) return false;
+    if (client._modelDownloadInProgress) return false;
+    var p = client._modelDownloadProgress;
+    return p != null && (p.done === true || p.complete === true);
+  }
+
+  function triggerVoiceModelDownload() {
+    var client = window.agentGUIClient;
+    if (client && client._modelDownloadInProgress) {
+      showToast('Voice models downloading... please wait', 'info');
+      return;
     }
-    return false;
+    showToast('Starting voice model download...', 'info');
+    fetch((window.__BASE_URL || '') + '/api/speech-status', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ forceDownload: true })
+    }).then(function(res) { return res.json(); })
+    .then(function(data) {
+      if (data.ok) {
+        showToast('Downloading voice models... will auto-open when ready', 'info');
+        window._voiceTabPendingOpen = true;
+      } else {
+        showToast('Failed to start download: ' + (data.error || 'unknown'), 'error');
+      }
+    }).catch(function(err) {
+      showToast('Download request failed: ' + err.message, 'error');
+    });
   }
 
   window.__checkVoiceReady = isVoiceReady;

package/static/js/streaming-renderer.js

@@ -1216,6 +1216,7 @@ class StreamingRenderer {
     const isError = block.is_error || false;
     const content = block.content || '';
     const contentStr = typeof content === 'string' ? content : JSON.stringify(content, null, 2);
+    const parentIsOpen = context.parentIsOpen !== undefined ? context.parentIsOpen : true;
 
     const wrapper = document.createElement('div');
     wrapper.className = 'tool-result-inline' + (isError ? ' tool-result-error' : '');
@@ -1240,6 +1241,9 @@ class StreamingRenderer {
     const renderedContent = StreamingRenderer.renderSmartContentHTML(contentStr, this.escapeHtml.bind(this));
     const body = document.createElement('div');
     body.className = 'folded-tool-body';
+    if (!parentIsOpen) {
+      body.style.display = 'none';
+    }
     body.innerHTML = renderedContent;
     wrapper.appendChild(body);
 
@@ -1479,12 +1483,14 @@ class StreamingRenderer {
     div.className = 'folded-tool folded-tool-error block-premature';
     div.style.borderLeft = `3px solid var(--block-color-${this._getBlockColorIndex('premature')})`;
     const code = block.exitCode != null ? ` (exit ${block.exitCode})` : '';
+    const stderrDisplay = block.stderrText ? `<div class="folded-tool-content" style="margin-top:8px;padding:8px;background:rgba(0,0,0,0.05);border-radius:4px;font-family:monospace;font-size:0.9em;white-space:pre-wrap;">${this.escapeHtml(block.stderrText)}</div>` : '';
     div.innerHTML = `
       <div class="folded-tool-bar" style="background:rgba(245,158,11,0.1)">
         <span class="folded-tool-icon" style="color:#f59e0b"><svg viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"/></svg></span>
         <span class="folded-tool-name" style="color:#f59e0b">ACP Ended Prematurely${this.escapeHtml(code)}</span>
         <span class="folded-tool-desc">${this.escapeHtml(block.error || 'Process exited without output')}</span>
       </div>
+      ${stderrDisplay}
     `;
     return div;
   }