@wrongstack/tui 0.2.0 → 0.3.1

package/dist/index.js

@@ -233,6 +233,27 @@ 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 ?? "";
@@ -282,6 +303,8 @@ function FleetPanel({ entries, totalCost, roster }) {
           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 }),
@@ -313,6 +336,14 @@ function FleetPanel({ entries, totalCost, roster }) {
                 "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.status === "running" && entry.streamingText ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
               ">",
               " ",
@@ -335,6 +366,23 @@ function fmtElapsed(ms) {
   const s = Math.floor(ms % 6e4 / 1e3);
   return `${m}m${s.toString().padStart(2, "0")}s`;
 }
+function fmtBytes2(n) {
+  if (n < 1024) return `${n}B`;
+  return `${(n / 1024).toFixed(1)}KB`;
+}
+function fmtRecentTool2(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(fmtElapsed(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 fmtRecentMessage2(message) {
+  const text = message.text.replace(/\s+/g, " ");
+  return text.length > 48 ? `${text.slice(0, 47)}...` : text;
+}
 function LiveActivityStrip({
   entries,
   nowTick,
@@ -348,6 +396,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} (${fmtElapsed(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("");
       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) }),
@@ -360,7 +410,21 @@ function LiveActivityStrip({
           e.toolCalls,
           "tc \xB7 ",
           fmtElapsed(taskElapsed)
-        ] })
+        ] }),
+        recentTools ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "last: ",
+            recentTools
+          ] })
+        ] }) : null,
+        messageText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: "|" }),
+          /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
+            "msg: ",
+            fmtRecentMessage2({ text: messageText})
+          ] })
+        ] }) : null
       ] }, e.id);
     }),
     Object.values(entries).filter((e) => e.status === "running").length > maxRows ? /* @__PURE__ */ jsx(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs(Text, { dimColor: true, children: [
@@ -594,7 +658,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 ${fmtDuration(elapsedMs)}` }),
+      /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \u23F1 ${fmtDuration2(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: [
@@ -617,6 +681,15 @@ function tailForDisplay(text, maxChars) {
   return `\u2026 ${text.slice(cut)}`;
 }
 function DiffBlock({ rows, hidden }) {
+  let gutterWidth = 1;
+  for (const r of rows) {
+    const n = r.kind === "del" ? r.oldLine : r.newLine;
+    if (typeof n === "number") {
+      const w = String(n).length;
+      if (w > gutterWidth) gutterWidth = w;
+    }
+  }
+  const blank = " ".repeat(gutterWidth);
   return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: 4, marginTop: 0, children: [
     rows.map((row, i) => {
       const key = i;
@@ -624,16 +697,20 @@ function DiffBlock({ rows, hidden }) {
         return /* @__PURE__ */ jsx(Text, { color: "cyan", dimColor: true, children: row.text }, key);
       }
       if (row.kind === "meta") {
-        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: row.text }, key);
+        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${blank}  ${row.text}` }, key);
       }
+      const lnNumber = row.kind === "del" ? row.oldLine : row.newLine;
+      const lnText = typeof lnNumber === "number" ? String(lnNumber).padStart(gutterWidth, " ") : blank;
       if (row.kind === "ctx") {
-        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: row.text }, key);
+        return /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${lnText}  ${row.text}` }, key);
       }
-      const bg = row.kind === "add" ? "green" : "red";
-      const fg = row.kind === "add" ? "black" : "white";
-      return /* @__PURE__ */ jsx(Text, { backgroundColor: bg, color: fg, children: row.text }, key);
+      const bg = row.kind === "add" ? "greenBright" : "redBright";
+      return /* @__PURE__ */ jsxs(Text, { children: [
+        /* @__PURE__ */ jsx(Text, { dimColor: true, children: `${lnText}  ` }),
+        /* @__PURE__ */ jsx(Text, { backgroundColor: bg, color: "black", children: row.text })
+      ] }, key);
     }),
-    hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"}` }) : null
+    hidden > 0 ? /* @__PURE__ */ jsx(Text, { dimColor: true, italic: true, children: `${blank}  \u2026 ${hidden} more line${hidden === 1 ? "" : "s"}` }) : null
   ] });
 }
 function Entry({
@@ -667,7 +744,7 @@ function Entry({
           parts.push(`${entry.outputLines} L`);
         }
         if (entry.outputBytes && entry.outputBytes > 0) {
-          parts.push(fmtBytes(entry.outputBytes));
+          parts.push(fmtBytes3(entry.outputBytes));
         }
         if (entry.outputTokens && entry.outputTokens > 0) {
           parts.push(`\u2248${fmtTok(entry.outputTokens)} tok`);
@@ -683,7 +760,7 @@ function Entry({
             /* @__PURE__ */ jsx(Text, { children: "  " }),
             /* @__PURE__ */ jsx(Text, { dimColor: true, children: argSummary })
           ] }) : null,
-          /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${fmtDuration(entry.durationMs)}` }),
+          /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${fmtDuration2(entry.durationMs)}` }),
           sizeChip ? /* @__PURE__ */ jsx(Text, { dimColor: true, children: `  \xB7  ${sizeChip}` }) : null
         ] }),
         outLines.map((line, i) => (
@@ -823,7 +900,7 @@ function fmtTok(n) {
   if (n >= 1e3) return `${(n / 1e3).toFixed(n >= 1e4 ? 0 : 1)}k`;
   return String(n);
 }
-function fmtDuration(ms) {
+function fmtDuration2(ms) {
   if (ms < 1e3) return `${ms}ms`;
   if (ms < 6e4) return `${(ms / 1e3).toFixed(1)}s`;
   const totalSec = Math.floor(ms / 1e3);
@@ -951,7 +1028,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 ${fmtBytes(bytes)}`];
+      if (bytes !== void 0) return [`${tag} \xB7 ${fmtBytes3(bytes)}`];
       return [tag];
     }
   }
@@ -1016,17 +1093,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 [`${fmtBytes(bytes)} read`];
+      if (bytes !== void 0) return [`${fmtBytes3(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 ${fmtBytes(text.length)}`];
+        return [`L${range.first} \xB7 ${fmtBytes3(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 ${fmtBytes(text.length)}`];
+      return [`${head} \xB7 ${tail} \xB7 ${fmtBytes3(text.length)}`];
     }
   }
   if (toolName === "grep" || toolName === "glob") {
@@ -1084,7 +1161,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(fmtBytes(Buffer.byteLength(content, "utf8")));
+      if (content) head.push(fmtBytes3(Buffer.byteLength(content, "utf8")));
       const lines = [];
       if (head.length > 0) lines.push(head.join(" \xB7 "));
       if (url && status !== void 0 && (status < 200 || status >= 400)) {
@@ -1175,7 +1252,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(fmtDuration(duration));
+      if (duration !== void 0) head.push(fmtDuration2(duration));
       return [head.join(" \xB7 ")];
     }
   }
@@ -1386,20 +1463,29 @@ function extractDiffPreview(toolName, output) {
 }
 function parseUnifiedDiff(diff, maxLines) {
   const all = [];
+  let oldLn = 0;
+  let newLn = 0;
   for (const raw of diff.split("\n")) {
     const line = raw.replace(/\r$/, "");
     if (line.startsWith("+++") || line.startsWith("---")) continue;
     if (line.startsWith("diff --git") || line.startsWith("index ")) continue;
     if (line.startsWith("@@")) {
+      const m = line.match(/^@@\s+-(\d+)(?:,\d+)?\s+\+(\d+)(?:,\d+)?\s+@@/);
+      if (m) {
+        oldLn = Number.parseInt(m[1] ?? "0", 10) || 0;
+        newLn = Number.parseInt(m[2] ?? "0", 10) || 0;
+      }
       all.push({ kind: "hunk", text: truncMid(line, 60) });
       continue;
     }
     if (line.startsWith("+")) {
-      all.push({ kind: "add", text: truncMid(line, 100) });
+      all.push({ kind: "add", text: truncMid(line, 100), newLine: newLn });
+      newLn++;
       continue;
     }
     if (line.startsWith("-")) {
-      all.push({ kind: "del", text: truncMid(line, 100) });
+      all.push({ kind: "del", text: truncMid(line, 100), oldLine: oldLn });
+      oldLn++;
       continue;
     }
     if (line.startsWith("\\ No newline")) {
@@ -1407,7 +1493,9 @@ function parseUnifiedDiff(diff, maxLines) {
       continue;
     }
     if (line.length === 0) continue;
-    all.push({ kind: "ctx", text: truncMid(line, 100) });
+    all.push({ kind: "ctx", text: truncMid(line, 100), oldLine: oldLn, newLine: newLn });
+    oldLn++;
+    newLn++;
   }
   if (all.length === 0) return { rows: [], hidden: 0 };
   if (all.length <= maxLines) return { rows: all, hidden: 0 };
@@ -1449,7 +1537,7 @@ function countLines(text) {
   if (!text) return 0;
   return text.replace(/\n$/, "").split("\n").length;
 }
-function fmtBytes(n) {
+function fmtBytes3(n) {
   if (n < 1024) return `${n}B`;
   if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)}KB`;
   return `${(n / (1024 * 1024)).toFixed(1)}MB`;
@@ -2308,7 +2396,13 @@ function reducer(state, action) {
     // --- Fleet ---
     case "fleetSeed": {
       const seeded = {};
-      for (const e of action.entries) seeded[e.id] = e;
+      for (const e of action.entries) {
+        seeded[e.id] = {
+          ...e,
+          recentTools: e.recentTools ?? [],
+          recentMessages: e.recentMessages ?? []
+        };
+      }
       return { ...state, fleet: seeded, fleetCost: action.cost };
     }
     case "fleetSpawn": {
@@ -2322,6 +2416,8 @@ function reducer(state, action) {
         streamingText: "",
         iterations: 0,
         toolCalls: 0,
+        recentTools: [],
+        recentMessages: [],
         cost: 0,
         startedAt: Date.now(),
         lastEventAt: Date.now(),
@@ -2383,14 +2479,45 @@ function reducer(state, action) {
         }
       };
     }
+    case "fleetMessage": {
+      const cur = state.fleet[action.id];
+      const text = action.text.trim().replace(/\s+/g, " ");
+      if (!cur || !text) return state;
+      const now = Date.now();
+      const recentMessages = [...cur.recentMessages ?? [], { text, at: now }].slice(-2);
+      return {
+        ...state,
+        fleet: {
+          ...state.fleet,
+          [action.id]: { ...cur, recentMessages, lastEventAt: now }
+        }
+      };
+    }
     case "fleetTool": {
       const cur = state.fleet[action.id];
       if (!cur) return state;
+      const now = Date.now();
+      const recentTools = action.name !== void 0 ? [
+        ...cur.recentTools ?? [],
+        {
+          name: action.name,
+          ok: action.ok,
+          durationMs: action.durationMs,
+          outputBytes: action.outputBytes,
+          outputLines: action.outputLines,
+          at: now
+        }
+      ].slice(-2) : cur.recentTools ?? [];
       return {
         ...state,
         fleet: {
           ...state.fleet,
-          [action.id]: { ...cur, toolCalls: cur.toolCalls + 1, lastEventAt: Date.now() }
+          [action.id]: {
+            ...cur,
+            toolCalls: cur.toolCalls + 1,
+            recentTools,
+            lastEventAt: now
+          }
         }
       };
     }
@@ -2416,6 +2543,7 @@ function reducer(state, action) {
             iterations: action.iterations,
             toolCalls: action.toolCalls,
             streamingText: "",
+            currentTool: void 0,
             lastEventAt: Date.now()
           }
         }
@@ -3255,21 +3383,16 @@ function App({
       });
     });
     const offTool = events.on("subagent.tool_executed", (e) => {
-      const lbl = labelFor(e.subagentId);
-      dispatch({ type: "fleetTool", id: e.subagentId });
-      dispatch({ type: "fleetToolEnd", id: e.subagentId });
-      const bytesTag = typeof e.outputBytes === "number" && e.outputBytes > 0 ? ` \xB7 ${e.outputBytes < 1024 ? `${e.outputBytes}B` : `${(e.outputBytes / 1024).toFixed(1)}KB`}` : "";
+      if (director) return;
       dispatch({
-        type: "addEntry",
-        entry: {
-          kind: "subagent",
-          agentLabel: lbl.label,
-          agentColor: lbl.color,
-          icon: e.ok === false ? "\u2717" : "\u25CF",
-          text: e.name,
-          detail: `${e.durationMs}ms${bytesTag}`
-        }
+        type: "fleetTool",
+        id: e.subagentId,
+        name: e.name,
+        ok: e.ok,
+        durationMs: e.durationMs,
+        outputBytes: e.outputBytes
       });
+      dispatch({ type: "fleetToolEnd", id: e.subagentId });
     });
     return () => {
       offSpawned();
@@ -3277,7 +3400,7 @@ function App({
       offCompleted();
       offTool();
     };
-  }, [events]);
+  }, [events, director]);
   useEffect(() => {
     if (!fleetStreamController) return;
     fleetStreamController.enabled = state.streamFleet;
@@ -3301,18 +3424,22 @@ function App({
     let streamFlushTimer = null;
     const flushStreamBufs = () => {
       for (const [id, text] of streamBuf) {
-        if (!text.trim()) continue;
+        const trimmed = text.trim();
+        if (!trimmed) continue;
         const lbl = labelFor(id);
-        dispatch({
-          type: "addEntry",
-          entry: {
-            kind: "subagent",
-            agentLabel: lbl.label,
-            agentColor: lbl.color,
-            icon: "\u{1F4AC}",
-            text: text.trim()
-          }
-        });
+        dispatch({ type: "fleetMessage", id, text: trimmed });
+        if (streamFleetRef.current) {
+          dispatch({
+            type: "addEntry",
+            entry: {
+              kind: "subagent",
+              agentLabel: lbl.label,
+              agentColor: lbl.color,
+              icon: "\u{1F4AC}",
+              text: trimmed
+            }
+          });
+        }
       }
       streamBuf.clear();
       streamFlushTimer = null;
@@ -3377,10 +3504,9 @@ function App({
             const cur = pending.get(e.subagentId) ?? "";
             pending.set(e.subagentId, cur + p.text);
             if (!flushTimer) flushTimer = setTimeout(doFlush, FLUSH_MS);
-            if (streamFleetRef.current) {
-              streamBuf.set(e.subagentId, (streamBuf.get(e.subagentId) ?? "") + p.text);
-              if (!streamFlushTimer) streamFlushTimer = setTimeout(flushStreamBufs, FLUSH_MS * 4);
-            }
+            streamBuf.set(e.subagentId, (streamBuf.get(e.subagentId) ?? "") + p.text);
+            if (streamFlushTimer) clearTimeout(streamFlushTimer);
+            streamFlushTimer = setTimeout(flushStreamBufs, FLUSH_MS * 4);
           }
           break;
         }
@@ -3392,28 +3518,17 @@ function App({
           break;
         }
         case "tool.executed": {
-          dispatch({ type: "fleetTool", id: e.subagentId });
+          const p = e.payload;
+          dispatch({
+            type: "fleetTool",
+            id: e.subagentId,
+            name: p?.name,
+            ok: p?.ok,
+            durationMs: p?.durationMs,
+            outputBytes: p?.outputBytes,
+            outputLines: p?.outputLines
+          });
           dispatch({ type: "fleetToolEnd", id: e.subagentId });
-          if (streamFleetRef.current) {
-            if (streamFlushTimer) {
-              clearTimeout(streamFlushTimer);
-              flushStreamBufs();
-            }
-            const p = e.payload;
-            const args = p?.input ? formatToolArgs(p.name ?? "", p.input) : "";
-            const lbl = labelFor(e.subagentId);
-            dispatch({
-              type: "addEntry",
-              entry: {
-                kind: "subagent",
-                agentLabel: lbl.label,
-                agentColor: lbl.color,
-                icon: p?.ok === false ? "\u2717" : "\u25CF",
-                text: args ? `${p?.name ?? "tool"} ${args}` : p?.name ?? "tool",
-                detail: typeof p?.durationMs === "number" ? `${p.durationMs}ms` : void 0
-              }
-            });
-          }
           break;
         }
         case "provider.response": {
@@ -3431,7 +3546,7 @@ function App({
         toolCalls: payload.result.toolCalls
       });
       dispatch({ type: "fleetCost", cost: d.snapshot().total.cost });
-      if (streamFleetRef.current && streamFlushTimer) {
+      if (streamFlushTimer) {
         clearTimeout(streamFlushTimer);
         flushStreamBufs();
       }