agentgui 1.0.561 → 1.0.563

package/package.json

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

package/static/js/client.js

@@ -2565,7 +2565,7 @@ class AgentGUIClient {
       }
 
       if (this.ui.messageInput) {
-        this.ui.messageInput.disabled = shouldResumeStreaming;
+        this.ui.messageInput.disabled = false;
       }
 
       const outputEl = document.getElementById('output');
@@ -2847,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,11 @@ class StreamingRenderer {
       case 'TodoWrite':
         if (input.todos && Array.isArray(input.todos)) {
           const statusIcons = { completed: '✅', in_progress: '⚙', pending: '☐' };
+          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 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" open>${summary}<div class="folded-tool-body tool-param-todos" style="padding:0.75rem">${items}</div></details>`;
         }
         return this.renderJsonParams(input);
 
@@ -2182,7 +2185,7 @@ class StreamingRenderer {
     summary.textContent = summaryText;
 
     const details = document.createElement('details');
-    details.className = `block-type-${block.type}`;
+    details.className = `block-type-${block.type} ${this._getBlockTypeClass(block.type)}`;
     details.setAttribute('data-block-type', block.type);
     details.setAttribute('data-lazy-load', 'pending');
     details.appendChild(summary);