agentgui 1.0.560 → 1.0.562

package/package.json

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

package/server.js

@@ -4462,8 +4462,19 @@ function recoverStaleSessions() {
 
 async function resumeInterruptedStreams() {
   try {
-    const resumableConvs = queries.getResumableConversations ? queries.getResumableConversations() : [];
-    const toResume = resumableConvs;
+    // Get conversations marked as streaming in database (isStreaming=1)
+    // Fall back to getResumableConversations if isStreaming is not being used
+    let toResume = [];
+
+    // Primary: Check database isStreaming flag for conversations still marked as active
+    const streamingConvs = queries.getConversations().filter(c => c.isStreaming === 1);
+
+    if (streamingConvs.length > 0) {
+      toResume = streamingConvs;
+    } else {
+      // Fallback: Use session-based resumable conversations
+      toResume = queries.getResumableConversations ? queries.getResumableConversations() : [];
+    }
 
     if (toResume.length === 0) return;
 

package/static/js/client.js

@@ -2557,6 +2557,13 @@ class AgentGUIClient {
       const shouldResumeStreaming = latestSession &&
         (latestSession.status === 'active' || latestSession.status === 'pending');
 
+      // IMMUTABLE: Update streaming state and disable prompt atomically
+      if (shouldResumeStreaming) {
+        this.state.streamingConversations.set(conversationId, true);
+      } else {
+        this.state.streamingConversations.delete(conversationId);
+      }
+
       if (this.ui.messageInput) {
         this.ui.messageInput.disabled = shouldResumeStreaming;
       }
@@ -2840,7 +2847,7 @@ class AgentGUIClient {
 
             if (result.chunks && result.chunks.length > 0) {
               result.chunks.forEach(chunk => {
-                const blockEl = this.renderer.renderBlock(chunk.data, chunk.type, false);
+                const blockEl = this.renderer.renderBlock(chunk.data, {}, false);
                 if (blockEl) {
                   const wrapper = document.createElement('div');
                   wrapper.setAttribute('data-chunk-created', chunk.created_at);

package/static/js/streaming-renderer.js

@@ -619,8 +619,13 @@ class StreamingRenderer {
       case 'TodoWrite':
         if (input.todos && Array.isArray(input.todos)) {
           const statusIcons = { completed: '✅', in_progress: '⚙', pending: '☐' };
+          const hasInProgress = input.todos.some(t => t.status === 'in_progress');
+          const completedCount = input.todos.filter(t => t.status === 'completed').length;
+          const totalCount = input.todos.length;
           const items = input.todos.map(t => `<div class="todo-item"><span class="todo-status">${statusIcons[t.status] || '&#9744;'}</span><span class="todo-text">${this.escapeHtml(t.content || '')}</span></div>`).join('');
-          return `<div class="tool-params"><div class="tool-param-todos">${items}</div></div>`;
+          const openAttr = hasInProgress ? 'open' : '';
+          const summary = `<summary class="folded-tool-bar" style="cursor:pointer;padding:0.5rem;background:var(--color-bg-secondary);border-radius:0.25rem;user-select:none"><span style="font-weight:600;font-size:0.9rem">📋 Tasks</span><span style="margin-left:0.5rem;font-size:0.8rem;color:var(--color-text-secondary)">${completedCount}/${totalCount} complete</span></summary>`;
+          return `<details class="folded-tool" ${openAttr}>${summary}<div class="folded-tool-body tool-param-todos" style="padding:0.75rem">${items}</div></details>`;
         }
         return this.renderJsonParams(input);