open-agents-ai 0.187.215 → 0.187.216

package/dist/index.js

@@ -316896,17 +316896,16 @@ body {
 
 /* WO-TASK-02 — task progress strip (shares processes-row styling) */
 #tasks-row {
-  display: none; /* hidden until tasks exist */
+  display: none; /* hidden until tasks exist; flipped to flex when populated */
+  flex-flow: row wrap;       /* wrap items onto multiple lines for long lists */
   align-items: center;
-  gap: 6px;
+  gap: 6px 6px;              /* row gap + column gap once wrapping kicks in */
   padding: 4px 16px;
   min-height: 22px;
   background: #17171a;
   border-bottom: 1px solid #2a2a30;
-  overflow-x: auto;
-  scrollbar-width: none;
+  /* Wrap instead of horizontal scroll so all tasks are visible */
 }
-#tasks-row::-webkit-scrollbar { display: none; }
 #tasks-row .tasks-label {
   color: #444;
   font-size: 0.55rem;
@@ -317707,17 +317706,75 @@ async function sendMessage() {
             details.style.cssText = 'background:#1e1e22;border-left:2px solid #b2920a;margin:2px 0;font-size:0.7rem';
             const summary = document.createElement('summary');
             summary.style.cssText = 'padding:4px 8px;color:#b2920a;cursor:pointer';
-            summary.textContent = '\\u25B8 ' + (chunk.tool || 'tool');
+
+            // Build a compact one-line label so the user sees what the tool
+            // is actually doing without expanding. todo_write gets a special
+            // status-counter summary; everything else gets a short args
+            // preview that JSON-stringifies arrays/objects so they don't
+            // render as "[object Object],[object Object],...".
+            const toolName = chunk.tool || 'tool';
+            const a = (chunk.args && typeof chunk.args === 'object') ? chunk.args : {};
+            let inlineSummary = '';
+            if (toolName === 'todo_write' && Array.isArray(a.todos)) {
+              const todos = a.todos;
+              let p = 0, ip = 0, c = 0, b = 0;
+              for (const t of todos) {
+                const s = (t && typeof t === 'object') ? t.status : '';
+                if (s === 'completed') c++;
+                else if (s === 'in_progress') ip++;
+                else if (s === 'blocked') b++;
+                else p++;
+              }
+              inlineSummary = ' — ' + todos.length + ' items (' + c + '◉ ' + ip + '◐ ' + p + '〇' + (b > 0 ? ' ' + b + '◍' : '') + ')';
+            } else {
+              const previewParts = [];
+              for (const [k, v] of Object.entries(a)) {
+                let vs;
+                if (v === null || v === undefined) vs = String(v);
+                else if (typeof v === 'string') vs = v;
+                else if (typeof v === 'number' || typeof v === 'boolean') vs = String(v);
+                else { try { vs = JSON.stringify(v); } catch { vs = '[object]'; } }
+                if (vs.length > 60) vs = vs.slice(0, 57) + '…';
+                previewParts.push(k + '=' + vs);
+                if (previewParts.length >= 3) break;
+              }
+              if (previewParts.length) inlineSummary = ' — ' + previewParts.join(', ');
+            }
+            summary.textContent = '▸ ' + toolName + inlineSummary;
             details.appendChild(summary);
-            // Expandable args — unpack all key-value pairs
+
+            // Expandable args — unpack all key-value pairs. CRITICAL: stringify
+            // arrays/objects so they don't show as "[object Object]". For
+            // todo_write specifically render a checklist instead of a blob.
             if (chunk.args && typeof chunk.args === 'object') {
               const argsDiv = document.createElement('div');
               argsDiv.style.cssText = 'padding:4px 8px 6px 16px;color:#888;font-size:0.65rem;border-top:1px solid #2a2a30';
-              for (const [k, v] of Object.entries(chunk.args)) {
-                const row = document.createElement('div');
-                row.style.cssText = 'padding:2px 0;display:flex;gap:8px';
-                row.innerHTML = '<span style="color:#b2920a;min-width:60px">' + k + '</span><span style="color:#b0b0b0;word-break:break-all">' + escHtml(String(v).slice(0, 500)) + '</span>';
-                argsDiv.appendChild(row);
+              if (toolName === 'todo_write' && Array.isArray(a.todos)) {
+                for (const t of a.todos) {
+                  if (!t || typeof t !== 'object') continue;
+                  const row = document.createElement('div');
+                  row.style.cssText = 'padding:2px 0';
+                  let mark = '〇';
+                  let color = '#666';
+                  if (t.status === 'completed') { mark = '◉'; color = '#4a7a4a'; }
+                  else if (t.status === 'in_progress') { mark = '◐'; color = '#b2920a'; }
+                  else if (t.status === 'blocked') { mark = '◍'; color = '#b25f5f'; }
+                  row.innerHTML = '<span style="color:' + color + '">' + mark + '</span> <span style="color:#b0b0b0">' + escHtml(String(t.content || '').slice(0, 300)) + '</span>' + (t.blocker ? ' <span style="color:#b25f5f">(blocked: ' + escHtml(String(t.blocker).slice(0, 100)) + ')</span>' : '');
+                  argsDiv.appendChild(row);
+                }
+              } else {
+                for (const [k, v] of Object.entries(chunk.args)) {
+                  const row = document.createElement('div');
+                  row.style.cssText = 'padding:2px 0;display:flex;gap:8px';
+                  let vs;
+                  if (v === null || v === undefined) vs = String(v);
+                  else if (typeof v === 'string') vs = v;
+                  else if (typeof v === 'number' || typeof v === 'boolean') vs = String(v);
+                  else { try { vs = JSON.stringify(v, null, 2); } catch { vs = '[object]'; } }
+                  if (vs.length > 500) vs = vs.slice(0, 497) + '…';
+                  row.innerHTML = '<span style="color:#b2920a;min-width:60px">' + k + '</span><span style="color:#b0b0b0;word-break:break-all;white-space:pre-wrap">' + escHtml(vs) + '</span>';
+                  argsDiv.appendChild(row);
+                }
               }
               details.appendChild(argsDiv);
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "open-agents-ai",
-  "version": "0.187.215",
+  "version": "0.187.216",
   "description": "AI coding agent powered by open-source models (Ollama/vLLM) — interactive TUI with agentic tool-calling loop",
   "type": "module",
   "main": "./dist/index.js",