open-agents-ai 0.187.107 → 0.187.109

package/dist/index.js

@@ -271407,7 +271407,7 @@ function layout() {
   const footerBoxBottom = footerMetrics - 1;
   const footerBoxTop = rows - fh + 1;
   const footerInput = footerBoxTop + 1;
-  const contentBottom = footerBoxTop - 1;
+  const contentBottom = footerBoxTop - 1 - CONTENT_SPACER_ROWS;
   const contentHeight = Math.max(1, contentBottom - contentTop + 1);
   return {
     rows,
@@ -271447,12 +271447,13 @@ function termRows() {
 function termCols() {
   return _termCols;
 }
-var HEADER_ROWS, FOOTER_MIN_ROWS, _termRows, _termCols, _footerHeight, _headerHeight;
+var HEADER_ROWS, FOOTER_MIN_ROWS, CONTENT_SPACER_ROWS, _termRows, _termCols, _footerHeight, _headerHeight;
 var init_layout2 = __esm({
   "packages/cli/dist/tui/layout.js"() {
     "use strict";
     HEADER_ROWS = 3;
     FOOTER_MIN_ROWS = 4;
+    CONTENT_SPACER_ROWS = 1;
     _termRows = 24;
     _termCols = 80;
     _footerHeight = FOOTER_MIN_ROWS;
@@ -279167,13 +279168,23 @@ var init_status_bar = __esm({
           });
         }
         const sysItems = [];
+        const trunc3 = (s2) => {
+          const parts = s2.trim().split(/\s+/).slice(0, 3);
+          return parts.join(" ");
+        };
+        if (this._activeViewId !== "main") {
+          const mainLabel = ` \u21A9 main `;
+          const mainColored = `\x1B[38;5;110m${mainLabel}\x1B[0m`;
+          sysItems.push({ render: () => mainColored + " ", w: mainLabel.length + 1 });
+        }
         if (this._agentViews.size > 1) {
           for (const view of this._agentViews.values()) {
             if (view.id === "main" && this._activeViewId === "main")
               continue;
             const icon = view.status === "running" ? "\u25CF" : view.status === "completed" ? "\u2713" : view.status === "failed" ? "\u2717" : "\u25CB";
-            const label = ` ${view.label} ${icon} `;
-            sysItems.push({ render: () => renderBtn(`view:${view.id}`, label) + " ", w: label.length + 1 });
+            const base3 = ` ${trunc3(view.label)} ${icon} `;
+            const colored = view.id === this._activeViewId ? `\x1B[1;38;5;219m${base3}\x1B[0m` : `\x1B[38;5;213m${base3}\x1B[0m`;
+            sysItems.push({ render: () => renderBtn(`view:${view.id}`, colored) + " ", w: base3.length + 1 });
           }
         } else {
           sysItems.push({ render: () => `\x1B[38;5;${TEXT_DIM}m no sub-agents `, w: 14 });
@@ -279236,7 +279247,55 @@ var init_status_bar = __esm({
         const panel = this._headerPanels[this._headerPanelIndex];
         if (!panel)
           return;
-        const content = panel.render(innerW);
+        let content = panel.render(innerW);
+        this._sysClickZones = [];
+        if (String(this.currentHeaderPanel).startsWith("sys-")) {
+          const zones = [];
+          const trunc3 = (s2) => s2.trim().split(/\s+/).slice(0, 3).join(" ");
+          if (this._activeViewId !== "main") {
+            const mainLabel = ` \u21A9 main `;
+            zones.push({ w: mainLabel.length + 1, id: "main", render: () => "" });
+          }
+          if (this._agentViews.size > 1) {
+            for (const view of this._agentViews.values()) {
+              if (view.id === "main" && this._activeViewId === "main")
+                continue;
+              const icon = view.status === "running" ? "\u25CF" : view.status === "completed" ? "\u2713" : view.status === "failed" ? "\u2717" : "\u25CB";
+              const base3 = ` ${trunc3(view.label)} ${icon} `;
+              zones.push({ w: base3.length + 1, id: view.id, render: () => "" });
+            }
+          } else {
+            zones.push({ w: 14, render: () => "" });
+          }
+          zones.push({ w: 2, render: () => "" });
+          const voiceLabel = this._voiceActive ? ` ${this._voiceModelId || "voice"} ` : " voice ";
+          zones.push({ w: voiceLabel.length + 2, render: () => "" });
+          zones.push({ w: 9, render: () => "" });
+          let pages = [];
+          let cur = [];
+          let used = 0;
+          for (const z16 of zones) {
+            if (used + z16.w > innerW && cur.length > 0) {
+              pages.push(cur);
+              cur = [];
+              used = 0;
+            }
+            cur.push(z16);
+            used += z16.w;
+          }
+          if (cur.length > 0)
+            pages.push(cur);
+          const idx = parseInt(String(this.currentHeaderPanel).split("-")[1] || "0", 10) || 0;
+          const page2 = pages[Math.max(0, Math.min(idx, pages.length - 1))] ?? [];
+          let col = 4;
+          const clickZones = [];
+          for (const z16 of page2) {
+            if (z16.id)
+              clickZones.push({ start: col, end: col + z16.w - 2, id: z16.id });
+            col += z16.w;
+          }
+          this._sysClickZones = clickZones;
+        }
         const hasMultiple = this._headerPanels.length > 1;
         const leftArrow = hasMultiple ? `\x1B]8;;oa-cmd:header-prev\x07\x1B[38;5;${TEXT_DIM}m${this._headerPanelIndex > 0 ? "\u25C0" : " "}\x1B]8;;\x07` : " ";
         const rightArrow = hasMultiple ? `\x1B]8;;oa-cmd:header-next\x07\x1B[38;5;${TEXT_DIM}m${this._headerPanelIndex < this._headerPanels.length - 1 ? "\u25B6" : " "}\x1B]8;;\x07` : " ";
@@ -280094,6 +280153,22 @@ var init_status_bar = __esm({
             return;
         }
         if (row < this.scrollRegionTop) {
+          const hdrRow = layout().headerContent;
+          if (type === "press" && row === hdrRow && String(this.currentHeaderPanel).startsWith("sys-")) {
+            const zones = this._sysClickZones ?? [];
+            const hit = zones.find((z16) => col >= z16.start && col <= z16.end);
+            if (hit) {
+              this.switchToView(hit.id);
+              if (hit.id !== "main") {
+                this.beginContentWrite();
+                process.stdout.write(`
+  \x1B[38;5;245mpress Esc to return to primary interface\x1B[0m
+`);
+                this.endContentWrite();
+              }
+              return;
+            }
+          }
           const cmd = hitTestHeaderButton(row, col, w);
           if (type === "press" && cmd) {
             if (cmd === "header-prev") {
@@ -280181,7 +280256,9 @@ var init_status_bar = __esm({
         });
         if (this.active) {
           this.applyScrollRegion();
+          this._rebuildHeaderPanels?.();
           this.renderFooterAndPositionInput();
+          this.refreshHeaderContent();
         }
       }
       /** Remove a sub-agent view */
@@ -280191,7 +280268,9 @@ var init_status_bar = __esm({
           this.switchToView("main");
         if (this.active) {
           this.applyScrollRegion();
+          this._rebuildHeaderPanels?.();
           this.renderFooterAndPositionInput();
+          this.refreshHeaderContent();
         }
       }
       /** Update a sub-agent's status */
@@ -280591,6 +280670,11 @@ ${CONTENT_BG_SEQ}`);
           line = line.replace(/\x1B\[0m/g, `\x1B[0m${CONTENT_BG_SEQ}`);
           buf += `\x1B[${screenRow};1H${CONTENT_BG_SEQ}\x1B[2K${line}`;
         }
+        const L = layout();
+        const spacerRow = L.footerBoxTop - 1;
+        if (spacerRow >= this.scrollRegionTop && spacerRow < this.scrollRegionTop + h + 2) {
+          buf += `\x1B[${spacerRow};1H${CONTENT_BG_SEQ}\x1B[2K`;
+        }
         if (this._contentScrollOffset > 0) {
           const linesAbove = startIdx;
           const pct = totalLines > 0 ? Math.round((startIdx + h) / totalLines * 100) : 100;
@@ -280612,7 +280696,7 @@ ${CONTENT_BG_SEQ}`);
         if (!this.active)
           return;
         const L = layout();
-        this.termWrite(`\x1B[${L.footerInput};${this.promptWidth + 1}H\x1B[?25h`);
+        this.termWrite(`\x1B[${L.footerInput};${this.promptWidth + 2}H\x1B[?25h`);
       }
       /** Strip ANSI escape codes to measure visible character width */
       static visWidth(s2) {
@@ -281063,7 +281147,8 @@ ${CONTENT_BG_SEQ}`);
         return {
           lines,
           cursorRow: cursorLineIdx,
-          cursorCol: this.promptWidth + cursorColInLine + 1
+          // +2 accounts for the left box border (│ at col 1) and the column after it
+          cursorCol: this.promptWidth + cursorColInLine + 2
         };
       }
       /** Set the DECSTBM scroll region to exclude the dynamic footer rows */
@@ -281117,6 +281202,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}${RESET}`;
+        const spacerRow = pos.inputStartRow - 1;
+        if (spacerRow >= this.scrollRegionTop) {
+          buf += `\x1B[${spacerRow};1H${PANEL_BG_SEQ}\x1B[2K${RESET}`;
+        }
         for (let i2 = 0; i2 < inputWrap.lines.length; i2++) {
           const row = pos.inputStartRow + 1 + i2;
           const prefix = i2 === 0 ? this.promptText : " ".repeat(this.promptWidth);
@@ -281147,7 +281236,10 @@ ${CONTENT_BG_SEQ}`);
           buf += `\x1B[${pos.bufferRow};1H${PANEL_BG_SEQ}\x1B[2K${BOX_FG}${BOX_BL}${BOX_H.repeat(Math.max(0, boxInner))}${BOX_BR}${RESET}`;
         }
         buf += `\x1B[${pos.metricsRow};1H${PANEL_BG_SEQ}\x1B[2K${this.buildMetricsLine()}${RESET}`;
-        buf += `\x1B[?7h\x1B[${cursorTermRow};${inputWrap.cursorCol}H\x1B[?25h`;
+        buf += "\x1B[?7h";
+        if (this.writeDepth === 0) {
+          buf += `\x1B[${cursorTermRow};${inputWrap.cursorCol}H\x1B[?25h`;
+        }
         this.termWrite(buf);
       }
       /**
@@ -298126,6 +298218,8 @@ var init_stream_renderer = __esm({
       startTime = 0;
       /** Track if we're mid-tool-arg display */
       inToolArgs = false;
+      /** Whether to show full thinking content instead of a compact indicator */
+      showThinking = false;
       /** Optional callback to capture rendered lines for scrollback buffer */
       onRenderedLine = null;
       /**
@@ -298156,27 +298250,39 @@ var init_stream_renderer = __esm({
       /** Track whether we've shown the thinking indicator */
       thinkingIndicatorShown = false;
       thinkingTokenCount = 0;
+      thinkingCache = "";
       write(token, kind) {
         if (!this.enabled)
           return;
         this.tokenCount++;
         if (kind === "thinking") {
           this.thinkingTokenCount++;
-          if (!this.thinkingIndicatorShown) {
-            this.thinkingIndicatorShown = true;
-            this.writeRaw(dimText("  \u23BF  ") + dimItalic("thinking...") + "\n");
-            this.lineStarted = false;
-          }
-          if (this.thinkingTokenCount % 50 === 0) {
-            this.writeRaw(`\x1B[1A\x1B[49m\x1B[2K${dimText("  \u23BF  ")}${dimItalic(`thinking... (${this.thinkingTokenCount} tokens)`)}
-`);
+          if (token)
+            this.thinkingCache += token;
+          if (this.showThinking) {
+            for (const char of token) {
+              this.lineBuffer += char;
+              if (char === "\n")
+                this.flushLine("thinking");
+            }
+            this.scheduleFlush("thinking");
+            return;
+          } else {
+            if (!this.thinkingIndicatorShown) {
+              this.thinkingIndicatorShown = true;
+              this.writeRaw(dimText("  \u23BF  ") + dimItalic("thinking...") + "\n");
+              this.lineStarted = false;
+            }
+            if (this.thinkingTokenCount % 50 === 0) {
+              this.writeRaw(dimText("  \u23BF  ") + dimItalic(`thinking... (${this.thinkingTokenCount} tokens)`) + "\n");
+              this.lineStarted = false;
+            }
+            return;
           }
-          return;
         }
         if (this.thinkingIndicatorShown && kind === "content") {
           this.thinkingIndicatorShown = false;
-          this.writeRaw(`\x1B[1A\x1B[49m\x1B[2K${dimText("  \u23BF  ")}${dimItalic(`thought for ${this.thinkingTokenCount} tokens`)}
-`);
+          this.writeRaw(dimText("  \u23BF  ") + dimItalic(`thought for ${this.thinkingTokenCount} tokens`) + "\n");
           this.thinkingTokenCount = 0;
           this.lineStarted = false;
         }
@@ -298237,17 +298343,15 @@ var init_stream_renderer = __esm({
         if (line.includes("<think>")) {
           this.inThinkBlock = true;
           const after = line.replace(/<think>/g, "");
-          if (after.trim()) {
-            this.writeHighlighted(after, "thinking");
-          }
+          if (after.trim())
+            this.writeHighlighted(after, this.showThinking ? "thinking" : "content");
           return;
         }
         if (line.includes("</think>")) {
           this.inThinkBlock = false;
           const after = line.replace(/<\/think>/g, "");
-          if (after.trim()) {
+          if (after.trim())
             this.writeHighlighted(after, "content");
-          }
           return;
         }
         const trimmedLine = line.replace(/\n$/, "");
@@ -298268,6 +298372,10 @@ var init_stream_renderer = __esm({
         const effectiveKind = this.inThinkBlock ? "thinking" : kind;
         this.writeHighlighted(line, effectiveKind);
       }
+      /** Return accumulated thinking content so far */
+      dumpThinkingCache() {
+        return this.thinkingCache;
+      }
       /**
        * Write a highlighted line/fragment to stdout.
        */
@@ -298303,40 +298411,52 @@ var init_stream_renderer = __esm({
           case "tool_args":
             rendered = this.highlightJson(raw, true);
             break;
-          case "content": {
-            const maxW = termCols() - 6;
-            if (this.inCodeBlock) {
-              const cropped = raw.length > maxW ? raw.slice(0, maxW - 3) + "..." : raw;
-              if (this.codeLang === "diff" || this.codeLang === "patch") {
-                rendered = this.highlightDiff(cropped);
-              } else if (this.codeLang === "bash" || this.codeLang === "sh" || this.codeLang === "shell" || this.codeLang === "zsh") {
-                rendered = this.highlightShell(cropped);
+          case "content":
+            {
+              const maxW = termCols() - 6;
+              if (this.inCodeBlock) {
+                const cropped = raw.length > maxW ? raw.slice(0, maxW - 3) + "..." : raw;
+                if (this.codeLang === "diff" || this.codeLang === "patch") {
+                  rendered = this.highlightDiff(cropped);
+                } else if (this.codeLang === "bash" || this.codeLang === "sh" || this.codeLang === "shell" || this.codeLang === "zsh") {
+                  rendered = this.highlightShell(cropped);
+                } else {
+                  rendered = this.highlightCode(cropped);
+                }
+              } else if (this.looksLikeJson(raw)) {
+                const cropped = raw.length > maxW ? raw.slice(0, maxW - 3) + "..." : raw;
+                rendered = this.highlightJson(cropped, false);
               } else {
-                rendered = this.highlightCode(cropped);
-              }
-            } else if (this.looksLikeJson(raw)) {
-              const cropped = raw.length > maxW ? raw.slice(0, maxW - 3) + "..." : raw;
-              rendered = this.highlightJson(cropped, false);
-            } else {
-              if (hasNewline && raw.length > maxW) {
-                const wrapped = this.wordWrap(raw, maxW);
-                for (let i2 = 0; i2 < wrapped.length; i2++) {
-                  const lp = i2 === 0 ? prefix : "     ";
-                  const isLast = i2 === wrapped.length - 1;
-                  this.writeRaw(dimText(lp) + this.highlightMarkdown(wrapped[i2]) + (isLast ? "\n" : "\n"));
+                if (hasNewline && raw.length > maxW) {
+                  const wrapped = this.wordWrap(raw, maxW);
+                  for (let i2 = 0; i2 < wrapped.length; i2++) {
+                    const lp = i2 === 0 ? prefix : "     ";
+                    const isLast = i2 === wrapped.length - 1;
+                    this.writeRaw(dimText(lp) + this.highlightMarkdown(wrapped[i2]) + (isLast ? "\n" : "\n"));
+                  }
+                  this.lineStarted = false;
+                  return;
                 }
-                this.lineStarted = false;
-                return;
+                const cropped = raw.length > maxW ? raw.slice(0, maxW) : raw;
+                rendered = this.highlightMarkdown(cropped);
               }
-              const cropped = raw.length > maxW ? raw.slice(0, maxW) : raw;
-              rendered = this.highlightMarkdown(cropped);
+              break;
             }
             break;
-          }
+          case "thinking":
+            rendered = dimItalic(raw);
+            break;
         }
         this.writeRaw(dimText(prefix) + rendered + (hasNewline ? "\n" : ""));
         this.lineStarted = !hasNewline;
       }
+      /** Toggle visibility of full thinking content */
+      setThinkingVisible(visible) {
+        this.showThinking = visible;
+      }
+      getThinkingVisible() {
+        return this.showThinking;
+      }
       /** Write raw ANSI text to stdout and capture for scrollback.
        *  Wraps each write in autowrap-disable (DECAWM off) to prevent the terminal
        *  from injecting line breaks when a token fragment reaches the right edge. */
@@ -310398,6 +310518,30 @@ Rationale: ${proposal.rationale}${provenanceNote}`;
       passwordShowPlain = !passwordShowPlain;
       if (statusBar.isActive)
         statusBar.handleResize();
+    } else {
+      const current = streamRenderer.getThinkingVisible?.() ?? false;
+      streamRenderer.setThinkingVisible?.(!current);
+      if (statusBar.isActive) {
+        statusBar.beginContentWrite();
+        if (!current) {
+          const dump = streamRenderer.dumpThinkingCache?.() || "";
+          if (dump.trim()) {
+            process.stdout.write(`
+  ${c3.dim(c3.italic("[expanded thinking]"))}
+`);
+            for (const line of dump.split("\n")) {
+              if (line.trim().length === 0)
+                continue;
+              process.stdout.write("  " + c3.dim(c3.italic(line)) + "\n");
+            }
+          } else {
+            renderInfo("Thinking visibility: shown");
+          }
+        } else {
+          renderInfo("Thinking visibility: hidden");
+        }
+        statusBar.endContentWrite();
+      }
     }
   });
   let commandCtxRef = null;
@@ -313070,6 +313214,14 @@ ${c3.dim("(Use /quit to exit)")}
     showPrompt();
   });
   _escapeHandler = () => {
+    if (!activeTask && statusBar.activeViewId !== "main") {
+      statusBar.switchToView("main");
+      statusBar.beginContentWrite();
+      renderInfo("Returned to primary interface");
+      statusBar.endContentWrite();
+      showPrompt();
+      return;
+    }
     if (_recallText !== null) {
       const recalled = _recallText;
       _recallText = null;

package/package.json

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