open-agents-ai 0.187.214 → 0.187.216

package/dist/index.js

@@ -280923,11 +280923,12 @@ function layout() {
   const footerBoxBottom = footerMetrics - 1;
   const footerBoxTop = rows - fh + 1;
   const footerInput = footerBoxTop + 1;
+  const FOOTER_SPACER_ROWS = 1;
   let tasksBottom;
   let tasksTop;
   let contentBottom;
   if (th > 0) {
-    tasksBottom = footerBoxTop - 1;
+    tasksBottom = footerBoxTop - 1 - FOOTER_SPACER_ROWS;
     tasksTop = tasksBottom - th + 1;
     contentBottom = tasksTop - 1 - CONTENT_SPACER_ROWS;
   } else {
@@ -290649,15 +290650,15 @@ ${CONTENT_BG_SEQ}`);
         this._contentLines.splice(-n2, n2);
         if (this.active) this.refreshDisplay();
       }
-      /** Number of visible content rows */
+      /** Number of visible content rows. Derived directly from layout() so it
+       *  always matches the same source of truth used by the tasks renderer
+       *  and the spacer math. Previous version hard-coded SPACER_ROWS = 1,
+       *  which got out of sync when the FOOTER_SPACER_ROWS row was added
+       *  below the tasks panel — leaving content writes that overlapped the
+       *  tasks panel or the footer spacer. */
       get contentHeight() {
         const L = layout();
-        const tasksRows = L.tasksHeight;
-        const SPACER_ROWS = 1;
-        return Math.max(
-          1,
-          termRows() - (this.scrollRegionTop - 1) - this._currentFooterHeight - tasksRows - SPACER_ROWS
-        );
+        return Math.max(1, L.contentBottom - this.scrollRegionTop + 1);
       }
       /** Whether user has scrolled back from live */
       get isScrolledBack() {
@@ -291272,8 +291273,10 @@ ${CONTENT_BG_SEQ}`);
         let buf = "\x1B[?7l";
         const boxInner = w - 2;
         buf += `\x1B[${pos.inputStartRow};1H${PANEL_BG_SEQ}\x1B[2K${BOX_FG}${BOX_TL}${BOX_H.repeat(Math.max(0, boxInner))}${BOX_TR}${RESET2}`;
+        const Lspacer = layout();
         const spacerRow = pos.inputStartRow - 1;
-        if (spacerRow >= this.scrollRegionTop) {
+        const tasksOccupiesSpacer = Lspacer.tasksHeight > 0 && spacerRow >= Lspacer.tasksTop && spacerRow <= Lspacer.tasksBottom;
+        if (spacerRow >= this.scrollRegionTop && !tasksOccupiesSpacer) {
           buf += `\x1B[${spacerRow};1H${PANEL_BG_SEQ}\x1B[2K${RESET2}`;
         }
         for (let i2 = 0; i2 < inputWrap.lines.length; i2++) {
@@ -316893,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;
@@ -317704,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.214",
+  "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",