@wrongstack/tui 0.119.1 → 0.141.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { expectDefined, writeErr, resolveWstackPaths, loadGoal, InputBuilder, DefaultSessionRewinder, writeOut, formatTodosList, buildGoalPreamble, shouldEnhance, enhanceUserPrompt, recentTextTurns, normalizedEqual, buildChildEnv } from '@wrongstack/core';
 export { buildGoalPreamble } from '@wrongstack/core';
 import { Box, Text, useInput, useStdin, useStdout, render, useApp, Static } from 'ink';
-import React6, { useState, useEffect, memo, useRef, useCallback, useReducer, useMemo } from 'react';
+import React5, { useState, useEffect, memo, useRef, useCallback, useReducer, useMemo } from 'react';
 import * as fs2 from 'fs/promises';
 import * as path2 from 'path';
 import { routeImagesForModel } from '@wrongstack/runtime/vision';
@@ -518,7 +518,7 @@ var WAVE_COLORS = [
 function WaveText({ text, phase }) {
   return /* @__PURE__ */ jsx(Text, { bold: true, children: Array.from(text).map((ch, i) => (
     // biome-ignore lint/suspicious/noArrayIndexKey: glyph order is positional and re-rendered each tick
-    /* @__PURE__ */ jsx(Text, { color: WAVE_COLORS[(i + phase) % WAVE_COLORS.length], children: ch }, i)
+    /* @__PURE__ */ jsx(Text, { color: WAVE_COLORS[(i + phase) % WAVE_COLORS.length] ?? "#ffffff", children: ch }, i)
   )) });
 }
 var FILLED = "\u2588";
@@ -715,7 +715,7 @@ function FleetMonitor({
         ] }),
         collabSession.overallVerdict ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-          /* @__PURE__ */ jsx(Text, { bold: true, color: VERDICT_COLOR[collabSession.overallVerdict], children: collabSession.overallVerdict })
+          /* @__PURE__ */ jsx(Text, { bold: true, color: VERDICT_COLOR[collabSession.overallVerdict] ?? "white", children: collabSession.overallVerdict })
         ] }) : null
       ] }),
       collabSession.timeline.length > 0 ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 0, children: collabSession.timeline.slice(0, 6).map((ev, i) => (
@@ -861,12 +861,8 @@ function AgentRow({
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
     /* @__PURE__ */ jsx(Text, { color: selected ? "magenta" : "gray", children: selected ? "\u25B6" : " " }),
     /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
-    /* @__PURE__ */ jsx(Text, { bold: selected, color: selected ? "magenta" : void 0, children: entry.name }),
+    /* @__PURE__ */ jsx(Text, { bold: selected, ...selected ? { color: "magenta" } : {}, children: entry.name }),
     modelLabel ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: modelLabel }) : null,
-    entry.provider || entry.model ? /* @__PURE__ */ jsxs(Text, { color: "blue", children: [
-      entry.provider ? `${entry.provider}/` : "",
-      entry.model ?? ""
-    ] }) : null,
     /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       "L",
       entry.iterations,
@@ -904,6 +900,7 @@ function AgentDetail({
   const lastTool = entry.recentTools[entry.recentTools.length - 1];
   const lastMessage = entry.recentMessages[entry.recentMessages.length - 1];
   const streamTail = entry.streamingText ? snippet(entry.streamingText.slice(-160)) : "";
+  const modelLabel = fmtModelLabel(entry.provider, entry.model);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingLeft: 4, borderStyle: "single", borderColor: "magenta", borderLeft: true, children: [
     spark || lastTool ? /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsx(Text, { color: "green", children: spark || "" }),
@@ -914,7 +911,7 @@ function AgentDetail({
         lastTool.ok === false ? " \u2717" : ""
       ] }) : null
     ] }) : null,
-    entry.provider || entry.model ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+    !modelLabel && (entry.provider || entry.model) ? /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
       "provider: ",
       entry.provider || "(leader)",
       "  \xB7  model: ",
@@ -1290,7 +1287,7 @@ function ConfirmPrompt({
   suggestedPattern,
   onDecision
 }) {
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     writeOut("\x07");
   }, []);
   useInput((input2, _key) => {
@@ -1319,7 +1316,7 @@ function ConfirmPrompt({
     inputSummary ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: inputSummary }) : null,
     showDiff && diff ? /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginY: 1, children: renderDiff(diff) }) : null,
     /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }),
-    /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { children: buttonLabels(suggestedPattern).map((l) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+    /* @__PURE__ */ jsx(Box, { flexDirection: "row", children: /* @__PURE__ */ jsx(Text, { children: buttonLabels(suggestedPattern).map((l) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
       /* @__PURE__ */ jsx(Text, { bold: true, color: BUTTON_COLOR[l.decision], children: l.bracket }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: l.rest })
     ] }, l.decision)) }) })
@@ -1333,10 +1330,10 @@ function EnhancePanel({
   onDecision
 }) {
   const totalSecs = Math.max(1, Math.ceil(delayMs / 1e3));
-  const [remaining, setRemaining] = React6.useState(totalSecs);
-  const decideRef = React6.useRef(onDecision);
+  const [remaining, setRemaining] = React5.useState(totalSecs);
+  const decideRef = React5.useRef(onDecision);
   decideRef.current = onDecision;
-  React6.useEffect(() => {
+  React5.useEffect(() => {
     const id = setInterval(() => {
       setRemaining((r) => {
         if (r <= 1) {
@@ -3112,7 +3109,7 @@ function streamBoxRows(text, maxLines, contentWidth) {
   }
   return rows;
 }
-React6.memo(function ToolStreamBox2({
+React5.memo(function ToolStreamBox2({
   name,
   text,
   startedAt,
@@ -3456,7 +3453,7 @@ function brainRiskColor(risk) {
       return "red";
   }
 }
-var Entry = React6.memo(function Entry2({
+var Entry = React5.memo(function Entry2({
   entry,
   termWidth
 }) {
@@ -3886,12 +3883,22 @@ var Input = memo(function Input2({
   onKey
 }) {
   const suppressInkEscRef = useRef(false);
+  const suppressInkBackspaceRef = useRef(false);
+  const suppressInkDeleteRef = useRef(false);
   useInput((input, key) => {
     if (disabled) return;
     if (key.escape && suppressInkEscRef.current) {
       suppressInkEscRef.current = false;
       return;
     }
+    if (key.backspace && suppressInkBackspaceRef.current) {
+      suppressInkBackspaceRef.current = false;
+      return;
+    }
+    if (key.delete && suppressInkDeleteRef.current) {
+      suppressInkDeleteRef.current = false;
+      return;
+    }
     onKey(input, key);
   });
   const { stdin } = useStdin();
@@ -3912,6 +3919,7 @@ var Input = memo(function Input2({
         clearTimeout(escTimer);
         escTimer = null;
         if (s2 === "\x7F" || s2 === "\b") {
+          suppressInkBackspaceRef.current = true;
           onKey("", { ...EMPTY_KEY, backspace: true, ctrl: true });
           return;
         }
@@ -3928,14 +3936,17 @@ var Input = memo(function Input2({
       }
       const bsdel = isBackspaceOrDelete(s2);
       if (bsdel === "backspace") {
+        suppressInkBackspaceRef.current = true;
         onKey("", { ...EMPTY_KEY, backspace: true });
         return;
       }
       if (bsdel === "delete") {
+        suppressInkDeleteRef.current = true;
         onKey("", { ...EMPTY_KEY, delete: true });
         return;
       }
       if (bsdel === "metaBackspace") {
+        suppressInkBackspaceRef.current = true;
         onKey("", { ...EMPTY_KEY, backspace: true, ctrl: true });
         return;
       }
@@ -3982,71 +3993,6 @@ var Input = memo(function Input2({
     hint ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: hint }) : null
   ] });
 });
-function fmtElapsed2(ms) {
-  if (ms < 1e3) return `${ms}ms`;
-  if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
-  const m = Math.floor(ms / 6e4);
-  const s2 = Math.floor(ms % 6e4 / 1e3);
-  return `${m}m${s2.toString().padStart(2, "0")}s`;
-}
-function fmtBytes2(n) {
-  if (n < 1024) return `${n}B`;
-  return `${(n / 1024).toFixed(1)}KB`;
-}
-function fmtRecentTool(tool) {
-  const status = tool.ok === false ? "fail" : "ok";
-  const name = tool.name.length > 18 ? `${tool.name.slice(0, 17)}...` : tool.name;
-  const parts = [status, name];
-  if (typeof tool.durationMs === "number") parts.push(fmtElapsed2(tool.durationMs));
-  if (typeof tool.outputBytes === "number" && tool.outputBytes > 0)
-    parts.push(fmtBytes2(tool.outputBytes));
-  if (typeof tool.outputLines === "number" && tool.outputLines > 0)
-    parts.push(`${tool.outputLines}L`);
-  return parts.join(" ");
-}
-function truncToWidth(s2, width) {
-  if (width <= 0) return "";
-  if (s2.length <= width) return s2;
-  if (width === 1) return "\u2026";
-  return `${s2.slice(0, width - 1)}\u2026`;
-}
-function formatRow(e, now) {
-  const toolElapsed = e.currentTool ? now - e.currentTool.startedAt : 0;
-  const taskElapsed = now - e.startedAt;
-  const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed2(toolElapsed)})` : "\xB7";
-  const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool).join(" | ");
-  const head = `${e.name.slice(0, 14).padEnd(14)} \xB7 ${toolSeg} \xB7 ${e.iterations}it ${e.toolCalls}tc \xB7 ${fmtElapsed2(taskElapsed)}`;
-  return recentTools ? `${head} | last: ${recentTools}` : head;
-}
-function activityStripRows(entries, now, maxRows, width) {
-  const bodyWidth = Math.max(0, width - 2);
-  const running = Object.values(entries).filter((e) => e.status === "running").sort((a, b) => a.startedAt - b.startedAt);
-  const rows = [];
-  const overflow = running.length > maxRows;
-  const shown = overflow ? running.slice(0, maxRows - 1) : running.slice(0, maxRows);
-  for (const e of shown) rows.push(truncToWidth(formatRow(e, now), bodyWidth));
-  if (overflow)
-    rows.push(truncToWidth(`\u2026+${running.length - (maxRows - 1)} more running`, bodyWidth));
-  while (rows.length < maxRows) rows.push("");
-  return rows;
-}
-var LiveActivityStrip = React6.memo(function LiveActivityStrip2({
-  entries,
-  nowTick,
-  maxRows = 4
-}) {
-  const { stdout } = useStdout();
-  const width = Math.max(10, (stdout?.columns ?? 80) - 2);
-  const hasEntries = Object.keys(entries).length > 0;
-  const rows = hasEntries ? activityStripRows(entries, Date.now(), maxRows, width) : new Array(maxRows).fill("");
-  return /* @__PURE__ */ jsx(Box, { flexDirection: "column", paddingX: 1, children: rows.map((text, slot) => (
-    // biome-ignore lint/suspicious/noArrayIndexKey: fixed-height slots, index IS the identity
-    /* @__PURE__ */ jsx(Box, { height: 1, children: text === "" ? /* @__PURE__ */ jsx(Text, { children: " " }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(Text, { color: theme.accent, children: "\u25CF " }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, wrap: "truncate", children: text })
-    ] }) }, `strip-${slot}`)
-  )) });
-});
 var MAX_VISIBLE = 10;
 function getVisibleWindow(selected, total) {
   const half = Math.floor(MAX_VISIBLE / 2);
@@ -4137,7 +4083,7 @@ function ModelPicker({
     hint ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: hint }) : null
   ] });
 }
-var fmtElapsed3 = (ms) => {
+var fmtElapsed2 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
   const m = Math.floor(s2 / 60);
   const h = Math.floor(m / 60);
@@ -4179,7 +4125,7 @@ function PhaseMonitor({
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
       /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
         "\u23F1 ",
-        fmtElapsed3(elapsedMs)
+        fmtElapsed2(elapsedMs)
       ] }),
       /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
       /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
@@ -4204,7 +4150,7 @@ function PhaseMonitor({
       const s2 = fmtPhase(phase.status);
       const phaseKey = Object.keys(phases).find((k) => phases[k] === phase) ?? String(i);
       const isRunning = runningPhaseIds.includes(phaseKey);
-      const elapsed = phase.startedAt ? fmtElapsed3(nowTick - phase.startedAt) : "\u2014";
+      const elapsed = phase.startedAt ? fmtElapsed2(nowTick - phase.startedAt) : "\u2014";
       const progress = phase.totalTasks > 0 ? `${phase.completedTasks}/${phase.totalTasks}` : "\u2014";
       return /* @__PURE__ */ jsx(Box, { flexDirection: "column", marginTop: 1, children: /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
         /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
@@ -4230,7 +4176,7 @@ function PhaseMonitor({
     /* @__PURE__ */ jsx(Box, { marginTop: 1, children: /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2191/\u2193 navigate phases \xB7 Esc close" }) })
   ] });
 }
-var fmtElapsed4 = (ms) => {
+var fmtElapsed3 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
   const m = Math.floor(s2 / 60);
   const h = Math.floor(m / 60);
@@ -4293,7 +4239,7 @@ function PhasePanel({ phases, nowTick }) {
           const phaseKey = Object.keys(phases).find((k) => phases[k] === phase) ?? String(i);
           const st2 = s(phase.status);
           const progress = phase.totalTasks > 0 ? `${phase.completedTasks}/${phase.totalTasks}` : "";
-          const elapsed = phase.startedAt ? fmtElapsed4(nowTick - phase.startedAt) : "";
+          const elapsed = phase.startedAt ? fmtElapsed3(nowTick - phase.startedAt) : "";
           return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
             /* @__PURE__ */ jsx(Text, { color: st2.color, children: st2.icon }),
             /* @__PURE__ */ jsx(Text, { children: phase.name.slice(0, 14).padEnd(14) }),
@@ -4422,7 +4368,7 @@ function ProcessListMonitor() {
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: String(p.pid).padEnd(7) }),
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: p.name.padEnd(6) }),
         /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${age}s`.padEnd(7) }),
-        /* @__PURE__ */ jsx(Text, { color: isSelected ? "red" : void 0, bold: isSelected, children: cmd }),
+        /* @__PURE__ */ jsx(Text, { ...isSelected ? { color: "red" } : {}, bold: isSelected, children: cmd }),
         p.killed ? /* @__PURE__ */ jsx(Text, { color: "red", children: "[killed]" }) : null
       ] }, p.pid);
     }),
@@ -4491,7 +4437,7 @@ function GoalPanel({ goal }) {
         const done = /^\[[x✓]\]|✅|\(done\)/i.test(d);
         return (
           // biome-ignore lint/suspicious/noArrayIndexKey: deliverables are stable text strings
-          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { color: done ? "green" : void 0, dimColor: !done, children: [
+          /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { ...done ? { color: "green" } : {}, dimColor: !done, children: [
             "  ",
             done ? "\u2713" : "\u25CB",
             " ",
@@ -4970,7 +4916,7 @@ function TodosMonitor({ todos }) {
     )
   ] });
 }
-var fmtElapsed5 = (ms) => {
+var fmtElapsed4 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
   const m = Math.floor(s2 / 60);
   const h = Math.floor(m / 60);
@@ -5039,7 +4985,7 @@ function WorktreeMonitor({
     recent.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No worktrees. They appear when AutoPhase runs with isolation on." }) : recent.map((w) => {
       const s2 = fmt(w.status);
       const short = w.branch.replace(/^wstack\/ap\//, "");
-      const elapsed = w.allocatedAt ? fmtElapsed5(nowTick - w.allocatedAt) : "\u2014";
+      const elapsed = w.allocatedAt ? fmtElapsed4(nowTick - w.allocatedAt) : "\u2014";
       return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
         /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
           /* @__PURE__ */ jsx(Text, { color: s2.color, bold: true, children: s2.icon }),
@@ -5089,7 +5035,7 @@ function WorktreeMonitor({
     ] })
   ] });
 }
-var fmtElapsed6 = (ms) => {
+var fmtElapsed5 = (ms) => {
   const s2 = Math.floor(ms / 1e3);
   const m = Math.floor(s2 / 60);
   const h = Math.floor(m / 60);
@@ -5155,7 +5101,7 @@ function WorktreePanel({
         list.map((w) => {
           const s2 = st(w.status);
           const conflict = w.status === "needs-review";
-          const elapsed = w.allocatedAt ? fmtElapsed6(nowTick - w.allocatedAt) : "";
+          const elapsed = w.allocatedAt ? fmtElapsed5(nowTick - w.allocatedAt) : "";
           return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
             /* @__PURE__ */ jsx(Text, { color: s2.color, children: s2.icon }),
             /* @__PURE__ */ jsx(Text, { children: w.branch.replace(/^wstack\/ap\//, "").slice(0, 18).padEnd(18) }),
@@ -7653,7 +7599,7 @@ function App({
   const inputGateRef = useRef(false);
   const lastEnterAtRef = useRef(0);
   const tokenPreviewsRef = useRef(/* @__PURE__ */ new Map());
-  const projectName = React6.useMemo(() => {
+  const projectName = React5.useMemo(() => {
     const base = path2.basename(projectRoot);
     return base && base !== path2.sep ? base : void 0;
   }, [projectRoot]);
@@ -7669,7 +7615,7 @@ function App({
   const draftRef = useRef({ buffer: state.buffer, cursor: state.cursor });
   draftRef.current = { buffer: state.buffer, cursor: state.cursor };
   const handleKeyRef = useRef(null);
-  const handleRewindTo = React6.useCallback(
+  const handleRewindTo = React5.useCallback(
     async (checkpointIndex) => {
       const sessionId = agent.ctx.session.id;
       if (!sessionId) return;
@@ -7688,7 +7634,7 @@ function App({
     dispatch({ type: "clearInput" });
   };
   const startedAtRef = useRef(Date.now());
-  const [nowTick, setNowTick] = React6.useState(Date.now());
+  const [nowTick, setNowTick] = React5.useState(Date.now());
   useEffect(() => {
     const t = setInterval(() => setNowTick(Date.now()), 1e4);
     return () => clearInterval(t);
@@ -7750,7 +7696,7 @@ function App({
     agent.ctx.model,
     agent.ctx.provider
   ]);
-  const [gitInfo, setGitInfo] = React6.useState(null);
+  const [gitInfo, setGitInfo] = React5.useState(null);
   useEffect(() => {
     let cancelled = false;
     const refresh = () => {
@@ -7861,7 +7807,7 @@ function App({
     } catch {
     }
   }, []);
-  React6.useLayoutEffect(() => {
+  React5.useLayoutEffect(() => {
     const anyOpenNow = state.picker.open || state.slashPicker.open || state.modelPicker.open || state.autonomyPicker.open || state.settingsPicker.open || state.enhanceBusy || state.enhance != null || state.escConfirm != null || state.confirmQueue.length > 0;
     const overlayClosed = prevAnyOverlayOpen.current && !anyOpenNow;
     const newEntryCommitted = state.entries.length > prevEntriesCount.current;
@@ -7963,7 +7909,7 @@ function App({
       process.stdout.off("resize", handleResize);
     };
   }, [eraseLiveRegion]);
-  React6.useLayoutEffect(() => {
+  React5.useLayoutEffect(() => {
     if (state.enhanceBusy || state.enhance != null) eraseLiveRegion();
   });
   useEffect(() => {
@@ -8250,12 +8196,12 @@ function App({
       slashRegistry.unregister("agents");
     };
   }, [slashRegistry]);
-  const openModelPicker = React6.useCallback(async () => {
+  const openModelPicker = React5.useCallback(async () => {
     if (!getPickableProviders) return;
     const providers = await getPickableProviders();
     dispatch({ type: "modelPickerOpen", providers });
   }, [getPickableProviders]);
-  const openSettings = React6.useCallback(() => {
+  const openSettings = React5.useCallback(() => {
     if (!getSettings) return;
     const s2 = getSettings();
     dispatch({
@@ -9886,7 +9832,6 @@ User message:
       }
     ),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", flexShrink: 0, children: [
-      /* @__PURE__ */ jsx(LiveActivityStrip, { entries: state.fleet, nowTick }),
       /* @__PURE__ */ jsx(
         Input,
         {
@@ -10328,7 +10273,7 @@ async function runTui(opts) {
     let instance;
     try {
       instance = render(
-        React6.createElement(App, {
+        React5.createElement(App, {
           agent: opts.agent,
           slashRegistry: opts.slashRegistry,
           attachments: opts.attachments,