agentgui 1.0.561 → 1.0.562

package/package.json

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

package/static/js/client.js

@@ -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,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);