@wrongstack/tui 0.8.6 → 0.9.0

package/dist/index.js

@@ -162,156 +162,37 @@ function FilePicker({ query, matches, selected }) {
 function highlight(path3, query) {
   return path3;
 }
-var STATUS_ICON = {
-  idle: { icon: "\u25CB", color: "gray" },
-  running: { icon: "\u25CF", color: "green" },
-  success: { icon: "\u2713", color: "green" },
-  failed: { icon: "\u2717", color: "red" },
-  timeout: { icon: "\u23F1", color: "yellow" },
-  stopped: { icon: "\u2298", color: "yellow" }
-};
-function fmtCost(n) {
-  if (n === 0) return "\u2014";
-  return `$${n.toFixed(3)}`;
-}
-function fmtCount(n) {
-  if (n === 0) return "\u2014";
-  return String(n);
-}
-function fmtDuration(ms) {
-  if (ms < 1e3) return `${ms}ms`;
-  return `${(ms / 1e3).toFixed(1)}s`;
-}
-function fmtBytes(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 > 24 ? `${tool.name.slice(0, 23)}...` : tool.name;
-  const parts = [status, name];
-  if (typeof tool.durationMs === "number") parts.push(fmtDuration(tool.durationMs));
-  if (typeof tool.outputBytes === "number" && tool.outputBytes > 0) parts.push(fmtBytes(tool.outputBytes));
-  if (typeof tool.outputLines === "number" && tool.outputLines > 0) parts.push(`${tool.outputLines}L`);
-  return parts.join(" ");
-}
-function fmtRecentMessage(message) {
-  const text = message.text.replace(/\s+/g, " ");
-  return text.length > 80 ? `${text.slice(0, 79)}...` : text;
-}
-function fmtModel(provider, model) {
-  if (!provider && !model) return "";
-  const p = provider ?? "";
-  const m = model ?? "";
-  return p && m ? `${p}/${m}` : p || m;
-}
-function resolveName(entry, roster) {
-  const rosterEntry = roster?.[entry.id];
-  if (rosterEntry) return rosterEntry.name;
-  return entry.name;
-}
 function FleetPanel({ entries, totalCost, roster }) {
   const list = Object.values(entries);
   if (list.length === 0) return null;
-  const sorted = [...list].sort((a, b) => {
-    const order = { running: 0, success: 1, failed: 2, timeout: 3, stopped: 4, idle: 5 };
-    const ao = order[a.status] ?? 9;
-    const bo = order[b.status] ?? 9;
-    if (ao !== bo) return ao - bo;
-    return b.lastEventAt - a.lastEventAt;
-  });
-  const runningCount = list.filter((e) => e.status === "running").length;
-  const totalLabel = totalCost > 0 ? `$${totalCost.toFixed(3)} \xB7 ${runningCount} active` : `${runningCount} active`;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      flexDirection: "column",
-      paddingX: 1,
-      borderStyle: "single",
-      borderTop: false,
-      borderBottom: false,
-      borderLeft: false,
-      borderRight: false,
-      children: [
-        /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 2, children: [
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "Fleet" }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-            list.length,
-            " agent",
-            list.length === 1 ? "" : "s"
-          ] }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: totalLabel })
-        ] }),
-        sorted.map((entry) => {
-          const si = STATUS_ICON[entry.status];
-          const modelTag = fmtModel(entry.provider, entry.model);
-          const name = resolveName(entry, roster);
-          const recentTools = (entry.recentTools ?? []).slice(-2).map(fmtRecentTool).join(" | ");
-          const recentMessages = (entry.recentMessages ?? []).slice(-2).map(fmtRecentMessage);
-          return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
-            /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
-              /* @__PURE__ */ jsx(Text, { color: si.color, children: si.icon }),
-              /* @__PURE__ */ jsx(Text, { children: name.slice(0, 16).padEnd(16) }),
-              modelTag ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-                /* @__PURE__ */ jsx(Text, { dimColor: true, children: modelTag })
-              ] }) : null,
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-                fmtCount(entry.iterations).padStart(3),
-                "it"
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-                fmtCount(entry.toolCalls).padStart(3),
-                "tc"
-              ] }),
-              /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\xB7" }),
-              /* @__PURE__ */ jsx(Text, { color: "yellow", children: fmtCost(entry.cost) })
-            ] }),
-            entry.status === "running" && entry.currentTool ? /* @__PURE__ */ jsxs(Box, { paddingLeft: 2, children: [
-              /* @__PURE__ */ jsxs(Text, { color: "cyan", children: [
-                "\u2192 ",
-                entry.currentTool.name
-              ] }),
-              /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-                " (",
-                Math.max(0, Date.now() - entry.currentTool.startedAt),
-                "ms)"
-              ] })
-            ] }) : null,
-            recentTools ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              "tools: ",
-              recentTools
-            ] }) }) : null,
-            recentMessages.map((message, index) => /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              "msg: ",
-              message
-            ] }) }, `${entry.id}-msg-${index}-${message}`)),
-            entry.budgetWarning ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
-              "\u26A1 hitting ",
-              entry.budgetWarning.kind,
-              " limit (",
-              entry.budgetWarning.used,
-              "/",
-              entry.budgetWarning.limit,
-              ") \u2014 extending"
-            ] }) }) : null,
-            entry.status === "running" && entry.streamingText ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              ">",
-              " ",
-              entry.streamingText.slice(-80)
-            ] }) }) : null,
-            entry.transcriptPath ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
-              "log: ",
-              entry.transcriptPath
-            ] }) }) : null
-          ] }, entry.id);
-        })
-      ]
-    }
-  );
+  const running = list.filter((e) => e.status === "running");
+  const runningCount = running.length;
+  const costLabel = totalCost > 0 ? ` \xB7 $${totalCost.toFixed(3)}` : "";
+  const summaryLine = runningCount > 0 ? `${runningCount} running${costLabel}` : `idle${costLabel}`;
+  const shown = running.slice(0, 3);
+  const overflow = running.length > 3 ? running.length - 3 : 0;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u26A1 Fleet" }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2502" }),
+      /* @__PURE__ */ jsx(Text, { children: summaryLine })
+    ] }),
+    shown.map((entry) => {
+      const name = roster?.[entry.id]?.name ?? entry.name;
+      const tool = entry.currentTool?.name ?? "\u2014";
+      return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx(Text, { color: "green", children: "\u25CF" }),
+        /* @__PURE__ */ jsx(Text, { children: name.slice(0, 12).padEnd(12) }),
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: "\u2192" }),
+        /* @__PURE__ */ jsx(Text, { color: "cyan", children: tool })
+      ] }, entry.id);
+    }),
+    overflow > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+      "  +",
+      overflow,
+      " more running"
+    ] }) : null
+  ] });
 }
 function StatusBar({
   model,
@@ -721,7 +602,7 @@ function fmtTokens(n) {
   if (n < 1e6) return `${(n / 1e3).toFixed(1)}k`;
   return `${(n / 1e6).toFixed(1)}M`;
 }
-function fmtCost2(n) {
+function fmtCost(n) {
   if (n === 0) return "\u2014";
   return `$${n.toFixed(3)}`;
 }
@@ -832,7 +713,7 @@ function FleetMonitor({
           /* @__PURE__ */ jsx(Text, { color: s2.color, children: e.status.padEnd(10) }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: `L${e.iterations} ${e.toolCalls}t`.padEnd(8) }),
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: elapsed.padEnd(8).slice(0, 8) }),
-          /* @__PURE__ */ jsx(Text, { color: "yellow", children: fmtCost2(e.cost) }),
+          /* @__PURE__ */ jsx(Text, { color: "yellow", children: fmtCost(e.cost) }),
           e.extensions && e.extensions > 0 ? /* @__PURE__ */ jsxs(Text, { color: "yellow", children: [
             " \u26A1\xD7",
             e.extensions
@@ -865,6 +746,20 @@ var STATUS2 = {
 function isTerminal(status) {
   return status === "success" || status === "failed" || status === "timeout" || status === "stopped";
 }
+var IDLE_HIDE_MS = 6e4;
+function selectLiveAgents(all, now, idleHideMs = IDLE_HIDE_MS) {
+  const visible = all.filter((e) => {
+    if (isTerminal(e.status)) return false;
+    if (e.status === "running") return true;
+    return now - e.lastEventAt < idleHideMs;
+  });
+  return visible.sort((a, b) => {
+    if (a.status === "running" && b.status !== "running") return -1;
+    if (a.status !== "running" && b.status === "running") return 1;
+    if (a.status === "running") return a.startedAt - b.startedAt;
+    return b.lastEventAt - a.lastEventAt;
+  });
+}
 function fmtTokens2(n) {
   if (n < 1e3) return String(n);
   if (n < 1e6) return `${(n / 1e3).toFixed(1)}k`;
@@ -882,15 +777,14 @@ function AgentsMonitor({
   nowTick
 }) {
   const all = Object.values(entries);
-  const live = all.filter((e) => !isTerminal(e.status));
+  const live = selectLiveAgents(all, nowTick);
   const running = live.filter((e) => e.status === "running").length;
   const totalDone = all.filter((e) => e.status === "success").length;
   const totalFailed = all.filter((e) => e.status === "failed" || e.status === "timeout").length;
-  const ordered = [...live].sort((a, b) => {
-    if (a.status === "running" && b.status !== "running") return -1;
-    if (a.status !== "running" && b.status === "running") return 1;
-    return a.startedAt - b.startedAt;
-  });
+  const hiddenIdle = all.filter(
+    (e) => e.status === "idle" && nowTick - e.lastEventAt >= IDLE_HIDE_MS
+  ).length;
+  const ordered = live;
   const shown = ordered.slice(0, 8);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 1, children: [
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
@@ -927,7 +821,12 @@ function AgentsMonitor({
       /* @__PURE__ */ jsxs(Text, { color: "green", children: [
         "$",
         totalCost.toFixed(3)
-      ] })
+      ] }),
+      hiddenIdle > 0 ? /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+        "\xB7 ",
+        hiddenIdle,
+        " idle hidden"
+      ] }) : null
     ] }),
     shown.length === 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: "No live agents \u2014 spawn with /spawn or /fleet dispatch." }) : null,
     shown.map((e) => {
@@ -1286,8 +1185,8 @@ function WorktreeMonitor({
   nowTick,
   onClose
 }) {
-  useInput((_, key) => {
-    if (key.escape) onClose();
+  useInput((input, key) => {
+    if (key.escape || key.ctrl && input === "w") onClose();
   });
   const list = Object.values(worktrees);
   const active = list.filter((w) => ["active", "committing", "merging"].includes(w.status)).length;
@@ -1607,7 +1506,7 @@ function ToolStreamBox({
     /* @__PURE__ */ jsxs(Box, { flexDirection: "row", children: [
       /* @__PURE__ */ jsx(Text, { color: "yellow", children: "\u25C6 " }),
       /* @__PURE__ */ jsx(Text, { bold: true, color: "cyan", children: name }),
-      /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u23F1 ${fmtDuration2(elapsedMs)}` }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u23F1 ${fmtDuration(elapsedMs)}` }),
       hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  (${totalLines} lines, showing last ${MAX_STREAM_LINES})` }) : null
     ] }),
     /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [
@@ -1702,7 +1601,7 @@ function Entry({
           parts.push(`${entry.outputLines} L`);
         }
         if (entry.outputBytes && entry.outputBytes > 0) {
-          parts.push(fmtBytes2(entry.outputBytes));
+          parts.push(fmtBytes(entry.outputBytes));
         }
         if (entry.outputTokens && entry.outputTokens > 0) {
           parts.push(`\u2248${fmtTok2(entry.outputTokens)} tok`);
@@ -1718,7 +1617,7 @@ function Entry({
             /* @__PURE__ */ jsx(Text, { children: "  " }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: argSummary })
           ] }) : null,
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${fmtDuration2(entry.durationMs)}` }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${fmtDuration(entry.durationMs)}` }),
           sizeChip ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${sizeChip}` }) : null
         ] }),
         outLines.map((line, i) => (
@@ -1830,7 +1729,7 @@ function fmtTok2(n) {
   if (n >= 1e3) return `${(n / 1e3).toFixed(n >= 1e4 ? 0 : 1)}k`;
   return String(n);
 }
-function fmtDuration2(ms) {
+function fmtDuration(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
   const totalSec = Math.floor(ms / 1e3);
@@ -1958,7 +1857,7 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
       const bytes = numOf(o["bytes_written"]) ?? numOf(o["bytes"]);
       const created = o["created"] === true;
       const tag = created ? "created" : "updated";
-      if (bytes !== void 0) return [`${tag} \xB7 ${fmtBytes2(bytes)}`];
+      if (bytes !== void 0) return [`${tag} \xB7 ${fmtBytes(bytes)}`];
       return [tag];
     }
   }
@@ -2023,17 +1922,17 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
     if (json && typeof json === "object") {
       const o = json;
       const bytes = numOf(o["bytes"]);
-      if (bytes !== void 0) return [`${fmtBytes2(bytes)} read`];
+      if (bytes !== void 0) return [`${fmtBytes(bytes)} read`];
     }
     const range = scanNumberedRange(text);
     if (range.count > 0 && range.first !== void 0 && range.last !== void 0) {
       if (range.first === range.last) {
-        return [`L${range.first} \xB7 ${fmtBytes2(text.length)}`];
+        return [`L${range.first} \xB7 ${fmtBytes(text.length)}`];
       }
       const contiguous = range.count === range.last - range.first + 1;
       const head = `L${range.first}\u2013${range.last}`;
       const tail = contiguous ? `${range.count} line${range.count === 1 ? "" : "s"}` : `${range.count} lines (gaps)`;
-      return [`${head} \xB7 ${tail} \xB7 ${fmtBytes2(text.length)}`];
+      return [`${head} \xB7 ${tail} \xB7 ${fmtBytes(text.length)}`];
     }
   }
   if (toolName === "grep" || toolName === "glob") {
@@ -2091,7 +1990,7 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
       const head = [];
       if (status !== void 0) head.push(`HTTP ${status}`);
       if (ct) head.push(ct.split(";")[0] ?? ct);
-      if (content) head.push(fmtBytes2(Buffer.byteLength(content, "utf8")));
+      if (content) head.push(fmtBytes(Buffer.byteLength(content, "utf8")));
       const lines = [];
       if (head.length > 0) lines.push(head.join(" \xB7 "));
       if (url && status !== void 0 && (status < 200 || status >= 400)) {
@@ -2182,7 +2081,7 @@ function formatToolOutput(toolName, output, ok, _outputBytes, outputLines) {
       if (runner && runner !== "none") head.push(runner);
       head.push(`${passed}/${total} passed`);
       if (failed > 0) head.push(`${failed} failed`);
-      if (duration !== void 0) head.push(fmtDuration2(duration));
+      if (duration !== void 0) head.push(fmtDuration(duration));
       return [head.join(" \xB7 ")];
     }
   }
@@ -2467,7 +2366,7 @@ function countLines(text) {
   if (!text) return 0;
   return text.replace(/\n$/, "").split("\n").length;
 }
-function fmtBytes2(n) {
+function fmtBytes(n) {
   if (n < 1024) return `${n}B`;
   if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)}KB`;
   return `${(n / (1024 * 1024)).toFixed(1)}MB`;
@@ -2555,20 +2454,20 @@ function fmtElapsed6(ms) {
   const s2 = Math.floor(ms % 6e4 / 1e3);
   return `${m}m${s2.toString().padStart(2, "0")}s`;
 }
-function fmtBytes3(n) {
+function fmtBytes2(n) {
   if (n < 1024) return `${n}B`;
   return `${(n / 1024).toFixed(1)}KB`;
 }
-function fmtRecentTool2(tool) {
+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(fmtElapsed6(tool.durationMs));
-  if (typeof tool.outputBytes === "number" && tool.outputBytes > 0) parts.push(fmtBytes3(tool.outputBytes));
+  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 fmtRecentMessage2(message) {
+function fmtRecentMessage(message) {
   const text = message.text.replace(/\s+/g, " ");
   return text.length > 48 ? `${text.slice(0, 47)}...` : text;
 }
@@ -2585,8 +2484,8 @@ function LiveActivityStrip({
       const toolElapsed = e.currentTool ? now - e.currentTool.startedAt : 0;
       const taskElapsed = now - e.startedAt;
       const toolSeg = e.currentTool ? `\u2192 ${e.currentTool.name} (${fmtElapsed6(toolElapsed)})` : "idle between tools";
-      const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool2).join(" | ");
-      const messageText = e.streamingText.trim() || (e.recentMessages ?? []).slice(-1).map(fmtRecentMessage2).join("");
+      const recentTools = (e.recentTools ?? []).slice(-2).map(fmtRecentTool).join(" | ");
+      const messageText = e.streamingText.trim() || (e.recentMessages ?? []).slice(-1).map(fmtRecentMessage).join("");
       return /* @__PURE__ */ jsxs(Box, { flexDirection: "row", gap: 1, children: [
         /* @__PURE__ */ jsx(Text, { color: "cyan", children: "\u25CF" }),
         /* @__PURE__ */ jsx(Text, { children: e.name.slice(0, 14).padEnd(14) }),
@@ -2611,7 +2510,7 @@ function LiveActivityStrip({
           /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
           /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
             "msg: ",
-            fmtRecentMessage2({ text: messageText})
+            fmtRecentMessage({ text: messageText})
           ] })
         ] }) : null
       ] }, e.id);
@@ -3879,10 +3778,10 @@ function App({
   const handleRewindTo = React2.useCallback(async (checkpointIndex) => {
     const sessionId = agent.ctx.session.id;
     if (!sessionId) return;
-    const rewinder = new DefaultSessionRewinder(sessionsDir ?? "");
+    const rewinder = new DefaultSessionRewinder(sessionsDir ?? "", projectRoot ?? agent.ctx.cwd);
     await rewinder.rewindToCheckpoint(sessionId, checkpointIndex);
     await agent.ctx.session.truncateToCheckpoint(checkpointIndex);
-  }, [agent.ctx.session, sessionsDir]);
+  }, [agent.ctx.session, sessionsDir, projectRoot, agent.ctx.cwd]);
   const setDraft = (buffer, cursor) => {
     draftRef.current = { buffer, cursor };
     dispatch({ type: "setBuffer", buffer, cursor });
@@ -5537,6 +5436,10 @@ function App({
       return;
     }
     if (key.ctrl && input === "w") {
+      if (state.worktreeMonitorOpen) {
+        dispatch({ type: "worktreeMonitorToggle" });
+        return;
+      }
       if (cursor === 0) return;
       const beforeCursor = buffer.slice(0, cursor);
       const lastWordStart = beforeCursor.lastIndexOf(" ") + 1;