agentgui 1.0.247 → 1.0.249

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.247",
+  "version": "1.0.249",
   "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,
@@ -1884,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();
     }
   }
 
@@ -2058,6 +2064,11 @@ class AgentGUIClient {
           }
         }, 500);
       }
+      if (window._voiceTabPendingOpen) {
+        window._voiceTabPendingOpen = false;
+        var voiceBtn = document.querySelector('[data-view="voice"]');
+        if (voiceBtn) voiceBtn.click();
+      }
       return;
     }
     

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

@@ -424,7 +424,9 @@ class StreamingRenderer {
       'image': 9,
       'plan': 10,
       'usage': 11,
-      'premature': 8
+      'premature': 8,
+      'tool_status': 7,
+      'generic': 0
     };
     return typeColors[blockType] !== undefined ? typeColors[blockType] : 0;
   }
@@ -1501,6 +1503,8 @@ class StreamingRenderer {
   renderBlockGeneric(block, context) {
     const div = document.createElement('div');
     div.className = 'block-generic';
+    const colorIndex = this._getBlockColorIndex('generic');
+    div.style.borderLeft = `3px solid var(--block-color-${colorIndex})`;
 
     // Show key-value pairs instead of raw JSON
     const fieldsHtml = Object.entries(block)
@@ -1532,6 +1536,8 @@ class StreamingRenderer {
   renderBlockError(block, error) {
     const div = document.createElement('div');
     div.className = 'block-error';
+    const colorIndex = this._getBlockColorIndex('error');
+    div.style.borderLeft = `3px solid var(--block-color-${colorIndex})`;
 
     div.innerHTML = `
       <div style="display:flex;align-items:flex-start;gap:0.625rem">