open-agents-ai 0.138.84 → 0.138.85

package/dist/index.js

@@ -37878,7 +37878,8 @@ function tuiSelect(opts) {
     }
     stdin.resume();
     enterOverlay();
-    overlayWrite("\x1B[?1049h\x1B[48;5;234m\x1B[2J\x1B[H\x1B[?25l");
+    overlayWrite("\x1B[?1049h\x1B[48;5;234m\x1B[2J\x1B[H\x1B[?25l\x1B[?1002h\x1B[?1006h");
+    let listRowOffset = 0;
     function clampScroll(displayList) {
       const cursorPos = displayList.indexOf(cursor);
       if (cursorPos < 0)
@@ -37891,12 +37892,17 @@ function tuiSelect(opts) {
       const maxOffset = Math.max(0, displayList.length - maxVisible);
       scrollOffset = Math.max(0, Math.min(maxOffset, scrollOffset));
     }
+    const hasBreadcrumbs = opts.breadcrumbs && opts.breadcrumbs.length > 0;
     function render() {
       overlayWrite("\x1B[48;5;234m\x1B[H\x1B[2J");
       const lines = [];
-      if (title) {
+      if (hasBreadcrumbs) {
+        const trail = opts.breadcrumbs.map((b) => selectColors.dim(b)).join(selectColors.dim(" \u203A "));
         lines.push(`
-  ${selectColors.bold(title)}`);
+  ${selectColors.cyan("\u2190")} ${trail}`);
+      }
+      if (title) {
+        lines.push(`${hasBreadcrumbs ? "" : "\n"}  ${selectColors.bold(title)}`);
       }
       if (filter) {
         const count = matchSet.size;
@@ -37932,6 +37938,7 @@ function tuiSelect(opts) {
       if (visibleStart > 0) {
         lines.push(`  ${selectColors.dim(`  \u25B2 ${visibleStart} more`)}`);
       }
+      listRowOffset = lines.length;
       for (let vi = visibleStart; vi < visibleEnd; vi++) {
         const idx = displayList[vi];
         const item = items[idx];
@@ -37962,17 +37969,18 @@ function tuiSelect(opts) {
         const actionHint = opts.onAction ? "  \u2190/\u2192/Space toggle" : "";
         const deleteHint = opts.onDelete ? "  Del remove" : "";
         const customHint = opts.customKeyHint ?? "";
-        lines.push(`  ${selectColors.dim("\u2191/\u2193 navigate  Enter select" + actionHint + deleteHint + customHint + "  Esc " + (filter ? "clear filter" : "cancel") + "  Type to filter")}`);
+        const escLabel = filter ? "clear filter" : hasBreadcrumbs ? "\u2190 back" : "cancel";
+        lines.push(`  ${selectColors.dim("\u2191/\u2193 navigate  Enter/Click select" + actionHint + deleteHint + customHint + "  Esc " + escLabel + "  Type to filter")}`);
       }
       lines.push("");
-      const output = lines.join("\n").replace(/\x1B\[0m/g, "\x1B[0m\x1B[48;5;234m");
-      overlayWrite("\x1B[48;5;234m" + output);
+      let output = lines.join("\n").replace(/\x1B\[0m/g, "\x1B[0m\x1B[48;5;234m").replace(/\n/g, "\x1B[K\n\x1B[48;5;234m");
+      overlayWrite("\x1B[48;5;234m" + output + "\x1B[K");
       lastRenderedLines = lines.length;
     }
     function cleanup() {
       stdin.removeListener("data", onData);
       process.stdout.removeListener("resize", onResize);
-      overlayWrite("\x1B[?1049l\x1B[?25h");
+      overlayWrite("\x1B[?1002l\x1B[?1006l\x1B[?1049l\x1B[?25h");
       leaveOverlay();
       if (typeof stdin.setRawMode === "function") {
         stdin.setRawMode(hadRawMode ?? false);
@@ -37987,6 +37995,51 @@ function tuiSelect(opts) {
     }
     function onData(chunk) {
       const seq = chunk.toString("utf8");
+      const mouseMatch = seq.match(/\x1B\[<(\d+);(\d+);(\d+)([Mm])/);
+      if (mouseMatch) {
+        const btn = parseInt(mouseMatch[1]);
+        const mRow = parseInt(mouseMatch[3]);
+        const suffix = mouseMatch[4];
+        if (btn === 0 && suffix === "M") {
+          const listIdx = mRow - listRowOffset - 1;
+          if (listIdx >= 0 && listIdx < maxVisible) {
+            let displayList;
+            if (filter) {
+              displayList = [];
+              for (let i = 0; i < items.length; i++) {
+                if (matchSet.has(i) || isSkippable(i))
+                  displayList.push(i);
+              }
+              displayList = displayList.filter((idx, pos) => {
+                if (!isSkippable(idx))
+                  return true;
+                for (let j = pos + 1; j < displayList.length; j++) {
+                  if (!isSkippable(displayList[j]))
+                    return true;
+                  break;
+                }
+                return false;
+              });
+            } else {
+              displayList = items.map((_, i) => i);
+            }
+            const vi = scrollOffset + listIdx;
+            if (vi < displayList.length) {
+              const itemIdx = displayList[vi];
+              if (!isSkippable(itemIdx) && matchSet.has(itemIdx)) {
+                cursor = itemIdx;
+                cleanup();
+                resolve32({ confirmed: true, key: items[cursor].key, index: cursor });
+                return;
+              } else if (!isSkippable(itemIdx)) {
+                cursor = itemIdx;
+                render();
+              }
+            }
+          }
+        }
+        return;
+      }
       if (deleteConfirmIdx >= 0) {
         if (seq === "\x1B[D") {
           deleteConfirmSel = true;
@@ -38104,6 +38157,9 @@ function tuiSelect(opts) {
             cursor = valid;
           scrollOffset = 0;
           render();
+        } else if (hasBreadcrumbs) {
+          cleanup();
+          resolve32({ confirmed: false, key: "__back__", index: cursor });
         } else {
           cleanup();
           resolve32({ confirmed: false, key: null, index: cursor });
@@ -38122,6 +38178,9 @@ function tuiSelect(opts) {
           }
           scrollOffset = 0;
           render();
+        } else if (hasBreadcrumbs) {
+          cleanup();
+          resolve32({ confirmed: false, key: "__back__", index: cursor });
         }
       } else if (seq.length === 1 && seq.charCodeAt(0) >= 32 && seq.charCodeAt(0) < 127) {
         if (opts.onCustomKey && !isSkippable(cursor) && matchSet.has(cursor)) {
@@ -46035,11 +46094,17 @@ function createDefaultBanner(version = "0.120.0") {
     for (let i = 0; i < infoText.length && i < Math.floor(width * 0.44); i++) {
       grid[1][i] = { char: infoText[i], fg: 245, bg: bgDark, bold: false };
     }
-    const hints = "  /help  /voice  /cohere  /model";
-    for (let i = 0; i < hints.length && i < Math.floor(width * 0.44); i++) {
-      grid[2][i] = { char: hints[i], fg: 240, bg: bgDark, bold: false };
+    const btnLabels = ["help", "voice", "cohere", "model"];
+    const btnBg = 236;
+    let bCol = 2;
+    for (const lbl of btnLabels) {
+      const padded = ` ${lbl} `;
+      for (let ci = 0; ci < padded.length && bCol + ci < Math.floor(width * 0.44); ci++) {
+        grid[2][bCol + ci] = { char: padded[ci], fg: 245, bg: btnBg, bold: false };
+      }
+      bCol += padded.length + 1;
     }
-    frames.push({ grid, durationMs: 200 });
+    frames.push({ grid, durationMs: 120 });
   }
   return {
     id: "default-header",
@@ -46228,12 +46293,12 @@ var init_banner = __esm({
           this.timer = setInterval(() => {
             this.frameTick++;
             const frame = this.currentDesign.frames[this.currentFrame];
-            if (frame.durationMs > 0 && this.frameTick * 66 >= frame.durationMs) {
+            if (frame.durationMs > 0 && this.frameTick * 80 >= frame.durationMs) {
               this.currentFrame = (this.currentFrame + 1) % this.currentDesign.frames.length;
               this.frameTick = 0;
               this.renderCurrentFrame();
             }
-          }, 66);
+          }, 80);
         }
         return this.rows + 1;
       }
@@ -52229,35 +52294,55 @@ function copyText(text) {
   return false;
 }
 function computeHeaderButtons(termWidth) {
-  const buttons = ["/help", "/voice", "/cohere", "/model"];
-  const GAP = 2;
+  const buttons = [
+    { display: "help", command: "/help" },
+    { display: "voice", command: "/voice" },
+    { display: "cohere", command: "/cohere" },
+    { display: "model", command: "/model" }
+  ];
+  const GAP = 1;
   const result = [];
-  let col = termWidth - 1;
-  for (let i = buttons.length - 1; i >= 0; i--) {
-    const label = ` ${buttons[i]} `;
-    const endCol = col;
-    const startCol = col - label.length + 1;
-    if (startCol < 1)
+  let col = 3;
+  for (const btn of buttons) {
+    const label = ` ${btn.display} `;
+    const startCol = col;
+    const endCol = col + label.length - 1;
+    if (endCol >= termWidth)
       break;
-    result.unshift({
+    result.push({
       label,
-      command: buttons[i],
+      command: btn.command,
       startCol,
       endCol,
       row: 3
     });
-    col = startCol - GAP - 1;
+    col = endCol + GAP + 1;
   }
   return result;
 }
+function setHoveredButton(cmd) {
+  _hoveredButtonCmd = cmd;
+}
+function setPressedButton(cmd) {
+  _pressedButtonCmd = cmd;
+}
 function renderHeaderButtons(termWidth) {
   const buttons = computeHeaderButtons(termWidth);
   if (buttons.length === 0)
     return "";
   let out = "";
   for (const btn of buttons) {
+    let bg = BTN_REST_BG;
+    let fg2 = BTN_REST_FG;
+    if (_pressedButtonCmd === btn.command) {
+      bg = BTN_PRESS_BG;
+      fg2 = BTN_PRESS_FG;
+    } else if (_hoveredButtonCmd === btn.command) {
+      bg = BTN_HOVER_BG;
+      fg2 = BTN_HOVER_FG;
+    }
     out += `\x1B[${btn.row};${btn.startCol}H`;
-    out += `\x1B[1;${SEL_FG}m\x1B[48;5;${SEL_BG}m${btn.label}\x1B[0m`;
+    out += `\x1B[38;5;${fg2}m\x1B[48;5;${bg}m${btn.label}\x1B[0m`;
   }
   return out;
 }
@@ -52270,7 +52355,7 @@ function hitTestHeaderButton(row, col, termWidth) {
   }
   return null;
 }
-var SEL_BG, SEL_FG, SEL_START, SEL_END, TextSelection;
+var SEL_BG, SEL_FG, SEL_START, SEL_END, TextSelection, _hoveredButtonCmd, _pressedButtonCmd, BTN_REST_BG, BTN_REST_FG, BTN_HOVER_BG, BTN_HOVER_FG, BTN_PRESS_BG, BTN_PRESS_FG;
 var init_text_selection = __esm({
   "packages/cli/dist/tui/text-selection.js"() {
     "use strict";
@@ -52473,6 +52558,14 @@ var init_text_selection = __esm({
         return copyText(text);
       }
     };
+    _hoveredButtonCmd = null;
+    _pressedButtonCmd = null;
+    BTN_REST_BG = 236;
+    BTN_REST_FG = 245;
+    BTN_HOVER_BG = 238;
+    BTN_HOVER_FG = 252;
+    BTN_PRESS_BG = 249;
+    BTN_PRESS_FG = 234;
   }
 });
 
@@ -53341,16 +53434,37 @@ var init_status_bar = __esm({
       handlePointerEvent(type, col, row) {
         if (!this.active)
           return;
-        if (type === "press" && row < this.scrollRegionTop) {
-          const w = process.stdout.columns ?? 80;
+        const w = process.stdout.columns ?? 80;
+        if (row < this.scrollRegionTop) {
           const cmd = hitTestHeaderButton(row, col, w);
-          if (cmd && this._headerButtonHandler) {
-            this._headerButtonHandler(cmd);
+          if (type === "press" && cmd) {
+            setPressedButton(cmd);
+            this.renderHeaderButtons();
+            setTimeout(() => {
+              setPressedButton(null);
+              this.renderHeaderButtons();
+              if (this._headerButtonHandler)
+                this._headerButtonHandler(cmd);
+            }, 100);
+            return;
+          }
+          if (type === "drag") {
+            const prev = globalThis.__oaHoveredBtn;
+            setHoveredButton(cmd);
+            if (cmd !== prev) {
+              globalThis.__oaHoveredBtn = cmd;
+              this.renderHeaderButtons();
+            }
+            return;
+          }
+          if (type === "release") {
+            setHoveredButton(null);
+            globalThis.__oaHoveredBtn = null;
+            this.renderHeaderButtons();
             return;
           }
-        }
-        if (row < this.scrollRegionTop)
           return;
+        }
         const rows = process.stdout.rows ?? 24;
         const fh = this._currentFooterHeight;
         const footerStart = rows - fh + 1;

package/package.json

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