@sofer_agent/cli 0.3.12 → 0.3.13

package/dist/tui.jsx

@@ -0,0 +1,170 @@
+import { render, useKeyboard, useTerminalDimensions } from "@opentui/solid";
+import { For, Show, createEffect, createSignal, onCleanup } from "solid-js";
+const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const SPINNER_MS = 80;
+// ── State signals (module-level so chat.ts can push into them) ──────────────
+const [rows, setRows] = createSignal([]);
+const [status, setStatus] = createSignal("idle");
+const [input, setInput] = createSignal("");
+const [info, setInfoSignal] = createSignal({ lastTurnIn: 0, lastTurnOut: 0 });
+const [turnStartedAt, setTurnStartedAt] = createSignal(null);
+const [spinnerFrame, setSpinnerFrame] = createSignal(0);
+const [activeAbort, setActiveAbort] = createSignal(null);
+// ── Exported imperative API (used by chat.ts) ────────────────────────────────
+export function addMessage(role, text) {
+    setRows((prev) => [...prev, { role, text }]);
+}
+export function setInfo(patch) {
+    setInfoSignal((prev) => ({ ...prev, ...patch }));
+}
+// ── Helper ───────────────────────────────────────────────────────────────────
+function formatElapsed(startedAt) {
+    if (!startedAt)
+        return "";
+    const sec = Math.floor((Date.now() - startedAt) / 1000);
+    if (sec < 60)
+        return `${sec}s`;
+    const m = Math.floor(sec / 60);
+    return `${m}m${String(sec % 60).padStart(2, "0")}s`;
+}
+function shortModel(model) {
+    const m = model.toLowerCase();
+    if (m.includes("sonnet"))
+        return "sonnet-4";
+    if (m.includes("haiku"))
+        return "haiku";
+    if (m.includes("opus"))
+        return "opus-4";
+    return model.length > 16 ? `${model.slice(0, 15)}…` : model;
+}
+const LABEL = {
+    you: "you",
+    agent: "agent",
+    system: "sys",
+    error: "err",
+};
+const COLOR = {
+    you: "#67e8f9",
+    agent: "#86efac",
+    system: "#9ca3af",
+    error: "#fca5a5",
+};
+// ── Components ────────────────────────────────────────────────────────────────
+function MessageRow(props) {
+    return (<box flexDirection="row" marginBottom={1}>
+      <text fg={COLOR[props.line.role]} flexShrink={0}>
+        {`   ${LABEL[props.line.role].padEnd(5)}  `}
+      </text>
+      <text wrapMode="word" flexGrow={1} fg="#e5e7eb">
+        {props.line.text}
+      </text>
+    </box>);
+}
+function App(props) {
+    const dims = useTerminalDimensions();
+    // Spinner tick — only while thinking
+    createEffect(() => {
+        if (status() !== "thinking") {
+            setSpinnerFrame(0);
+            return;
+        }
+        const id = setInterval(() => setSpinnerFrame((f) => (f + 1) % SPINNER_FRAMES.length), SPINNER_MS);
+        onCleanup(() => clearInterval(id));
+    });
+    useKeyboard((evt) => {
+        if (evt.ctrl && evt.name === "c") {
+            evt.preventDefault();
+            props.onExit();
+            return;
+        }
+        if (evt.name === "escape") {
+            const ab = activeAbort();
+            if (ab && !ab.signal.aborted)
+                ab.abort();
+            return;
+        }
+        if (status() === "thinking")
+            return; // block input during turns
+        if (evt.name === "return") {
+            const text = input().trim();
+            if (!text)
+                return;
+            if (text === "/exit" || text === "/quit") {
+                props.onExit();
+                return;
+            }
+            addMessage("you", text);
+            setInput("");
+            const ctrl = new AbortController();
+            setActiveAbort(ctrl);
+            setStatus("thinking");
+            setTurnStartedAt(Date.now());
+            props.onSubmit(text, ctrl.signal).finally(() => {
+                setStatus("idle");
+                setTurnStartedAt(null);
+                setActiveAbort(null);
+            });
+            return;
+        }
+        if (evt.name === "backspace" || evt.name === "delete") {
+            setInput((p) => p.slice(0, -1));
+            return;
+        }
+        if (evt.sequence && !evt.ctrl && !evt.meta && !evt.option) {
+            setInput((p) => p + evt.sequence);
+        }
+    });
+    const { agent, config } = props;
+    const addr = () => `${agent.address.slice(0, 6)}…${agent.address.slice(-4)}`;
+    return (<box flexDirection="column" width={dims().width} height={dims().height}>
+      {/* Scrollable chat history */}
+      <scrollbox flexGrow={1} flexShrink={1} stickyScroll stickyStart="bottom" contentOptions={{ flexDirection: "column", paddingLeft: 0, paddingRight: 1, paddingTop: 1, paddingBottom: 1 }}>
+        <For each={rows()}>{(line) => <MessageRow line={line}/>}</For>
+      </scrollbox>
+
+      {/* Spinner / hint row */}
+      <box flexDirection="row" flexShrink={0} paddingLeft={3} paddingRight={2} marginTop={1}>
+        <text fg="#67e8f9" flexGrow={1}>
+          {(() => {
+            if (status() !== "thinking")
+                return " ";
+            spinnerFrame(); // reactive dependency
+            const elapsed = formatElapsed(turnStartedAt());
+            const frame = SPINNER_FRAMES[spinnerFrame()];
+            return elapsed
+                ? `${frame} thinking… ${elapsed} (esc to interrupt)`
+                : `${frame} thinking… (esc to interrupt)`;
+        })()}
+        </text>
+      </box>
+
+      {/* Input box */}
+      <box flexDirection="row" flexShrink={0} minHeight={3} maxHeight={8} borderStyle="rounded" borderColor="#374151" paddingLeft={1} paddingRight={1} marginLeft={2} marginRight={2}>
+        <text fg="#67e8f9" flexShrink={0}>{"› "}</text>
+        <text wrapMode="word" flexGrow={1} fg="#e5e7eb">
+          {`${input()}${status() === "idle" ? "▋" : ""}`}
+        </text>
+      </box>
+
+      {/* Footer */}
+      <box flexDirection="row" flexShrink={0} paddingLeft={2} paddingRight={2}>
+        <text fg="#9ca3af">
+          {[
+            addr(),
+            `${config.network}`,
+            shortModel(config.brain.model),
+            info().balance ? `${info().balance} SUI` : null,
+            `in ${agent.usage.tokens.inputTokens}  out ${agent.usage.tokens.outputTokens}  $${agent.usage.costUsd.toFixed(4)}`,
+            "/exit",
+        ].filter(Boolean).join("  ·  ")}
+        </text>
+      </box>
+    </box>);
+}
+// ── Main entry ────────────────────────────────────────────────────────────────
+export async function runTui(agent, config, onSubmit) {
+    return new Promise((resolve) => {
+        render(() => (<App agent={agent} config={config} onSubmit={onSubmit} onExit={resolve}/>));
+    });
+}
+//# sourceMappingURL=tui.jsx.map

package/dist/tui.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"tui.jsx","sourceRoot":"","sources":["../src/tui.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@sofer_agent/cli",
-  "version": "0.3.12",
+  "version": "0.3.13",
   "type": "module",
   "bin": {
-    "sofer": "./bin/sofer"
+    "sofer": "./dist/bin.js"
   },
-  "files": ["dist", "src", "bin"],
+  "files": [
+    "dist",
+    "src"
+  ],
   "publishConfig": {
     "access": "public"
   },
@@ -13,9 +16,16 @@
     "type": "git",
     "url": "https://github.com/anomalyco/sofer"
   },
-  "keywords": ["sui", "ai", "agent", "walrus", "sovereign", "cli"],
+  "keywords": [
+    "sui",
+    "ai",
+    "agent",
+    "walrus",
+    "sovereign",
+    "cli"
+  ],
   "scripts": {
-    "build": "tsc -b && chmod +x bin/sofer",
+    "build": "tsc -b && npx babel src/tui.tsx --out-file dist/tui.js --config-file ./babel.config.json && chmod +x dist/bin.js",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
@@ -26,7 +36,12 @@
     "solid-js": "1.9.13"
   },
   "devDependencies": {
+    "@babel/cli": "^7.27.0",
+    "@babel/core": "^7.27.0",
+    "@babel/plugin-syntax-jsx": "^8.0.0",
+    "@babel/preset-typescript": "^7.27.0",
     "@types/node": "^22.10.2",
+    "babel-preset-solid": "^1.9.0",
     "typescript": "^5.7.2"
   }
 }

package/src/bin.ts

@@ -1,3 +1,4 @@
+#!/usr/bin/env node
 import { agentPaths } from "@sofer_agent/core";
 import { chatCommand } from "./chat.js";
 import { infoCommand } from "./info.js";

package/src/chat.ts

@@ -8,7 +8,7 @@ import {
   SoferAgent,
 } from "@sofer_agent/core";
 import { loadSecrets } from "./env.js";
-import { addMessage, setInfo, runTui } from "./tui.tsx";
+import { addMessage, setInfo, runTui } from "./tui.js";
 
 interface SessionMessage {
   role: string;
@@ -59,7 +59,7 @@ export async function chatCommand(): Promise<void> {
     setInfo({ balance: (Number(bal) / 1e9).toFixed(4) });
   }).catch(() => {});
 
-  await runTui(agent, config, async (line, signal) => {
+  await runTui(agent, config, async (line: string, signal: AbortSignal) => {
     try {
       const { text, turnUsage } = await agent.chat(line, signal);
       addMessage("agent", text);

package/bin/sofer

@@ -1,6 +0,0 @@
-#!/usr/bin/env bun
-// Register the @opentui/solid JSX transform plugin BEFORE any .tsx file is parsed.
-// Static imports are all hoisted by bun, so we must use a dynamic import for the
-// app entry so the plugin is active before bun touches tui.tsx.
-import '@opentui/solid/preload'
-await import('../src/bin.ts')

package/src/tui.ts

@@ -1,371 +0,0 @@
-import type { SoferAgent, SoferConfig } from "@sofer_agent/core";
-
-const SIDEBAR_W = 28;
-const MIN_CHAT_W = 34;
-const GUTTER = "  ";
-const LABEL_W = 6;
-const INDENT = `${GUTTER}${" ".repeat(LABEL_W + 1)}`;
-const SPINNER_FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
-const SPINNER_MS = 80;
-
-// Box-drawing: ╭ ─ ╮ │ ╰ ╯ ├ ┤ ┬ ┴ ┼
-const B = {
-  tl: "╭", tr: "╮", bl: "╰", br: "╯",
-  h: "─", v: "│",
-  lt: "├", rt: "┤", tt: "┬", bt: "┴",
-};
-
-export interface ChatLine {
-  role: "you" | "agent" | "system" | "error";
-  text: string;
-}
-
-export interface TuiInfo {
-  lastTurnIn: number;
-  lastTurnOut: number;
-  balance?: string;
-}
-
-export class SoferTui {
-  private state: ChatLine[] = [];
-  private inputBuf = "";
-  private cursor = 0;
-  private columns = 90;
-  private rows = 28;
-  private chatW = 58;
-  private sideW = 26;
-  private bodyH = 22;
-  private scrollOff = 0;
-  // spinner
-  private status: "idle" | "thinking" = "idle";
-  private spinnerFrame = 0;
-  private spinnerTimer: ReturnType<typeof setInterval> | null = null;
-  private turnStartedAt = 0;
-  // interrupt
-  private abortCtrl: AbortController | null = null;
-  // sidebar
-  private info: TuiInfo = { lastTurnIn: 0, lastTurnOut: 0 };
-  // callbacks
-  private resolve: (() => void) | null = null;
-  private onLine: ((line: string, signal?: AbortSignal) => Promise<void>) | null = null;
-
-  constructor(
-    private readonly agent: SoferAgent,
-    private readonly config: SoferConfig,
-  ) {}
-
-  private measure(): void {
-    this.columns = Math.max(80, process.stdout.columns ?? 80);
-    this.rows = Math.max(24, process.stdout.rows ?? 24);
-    this.chatW = Math.max(MIN_CHAT_W, this.columns - SIDEBAR_W - 3);
-    this.sideW = this.columns - this.chatW - 3;
-    this.bodyH = this.rows - 5; // top border, input box(3), footer(1)
-  }
-
-  addMessage(role: ChatLine["role"], text: string): void {
-    this.state.push({ role, text });
-    this.scrollOff = Number.MAX_SAFE_INTEGER; // will be clamped to maxScroll in buildFrame
-  }
-
-  setInfo(info: Partial<TuiInfo>): void {
-    Object.assign(this.info, info);
-  }
-
-  private startSpinner(): void {
-    if (this.spinnerTimer) return;
-    this.status = "thinking";
-    this.turnStartedAt = Date.now();
-    this.spinnerFrame = 0;
-    this.spinnerTimer = setInterval(() => {
-      this.spinnerFrame = (this.spinnerFrame + 1) % SPINNER_FRAMES.length;
-      this.render();
-    }, SPINNER_MS);
-  }
-
-  private stopSpinner(): void {
-    this.status = "idle";
-    this.turnStartedAt = 0;
-    if (this.spinnerTimer) {
-      clearInterval(this.spinnerTimer);
-      this.spinnerTimer = null;
-    }
-  }
-
-  async run(onLine: (line: string, signal?: AbortSignal) => Promise<void>): Promise<void> {
-    this.onLine = onLine;
-    this.measure();
-    if (process.stdin.isTTY) process.stdin.setRawMode?.(true);
-    process.stdin.on("data", this.handleInput);
-    process.stdout.on("resize", this.handleResize);
-    process.on("SIGWINCH", this.handleResize);
-    this.render();
-    return new Promise<void>((resolve) => { this.resolve = resolve; });
-  }
-
-  private shutdown(): void {
-    this.stopSpinner();
-    process.stdin.setRawMode?.(false);
-    process.stdin.removeAllListeners("data");
-    process.stdout.removeAllListeners("resize");
-    process.removeAllListeners("SIGWINCH");
-    this.render();
-    process.stdout.write("\n");
-    this.resolve?.();
-  }
-
-  // ── Input handling ──────────────────────────────────────────────────────
-
-  private handleInput = (data: Buffer): void => {
-    const str = data.toString();
-    for (const ch of str) {
-      const code = ch.charCodeAt(0);
-      if (code === 3) { this.shutdown(); return; }
-      if (code === 4 && this.inputBuf.length === 0) { this.shutdown(); return; }
-      if (code === 27) {
-        if (this.status === "thinking" && this.abortCtrl) { this.abortCtrl.abort(); return; }
-        this.inputBuf = "";
-        this.cursor = 0;
-        this.render();
-        return;
-      }
-      if (this.status === "thinking") continue;
-      if (code === 13) { this.submit(); return; }
-      if (code === 127) {
-        if (this.cursor > 0) {
-          this.inputBuf = this.inputBuf.slice(0, this.cursor - 1) + this.inputBuf.slice(this.cursor);
-          this.cursor--;
-        }
-        this.render();
-        return;
-      }
-      if (ch >= " ") {
-        this.inputBuf = this.inputBuf.slice(0, this.cursor) + ch + this.inputBuf.slice(this.cursor);
-        this.cursor++;
-        this.render();
-      }
-    }
-  };
-
-  private async submit(): Promise<void> {
-    const line = this.inputBuf.trim();
-    this.inputBuf = "";
-    this.cursor = 0;
-    if (!line) { this.render(); return; }
-    if (line === "/exit" || line === "/quit") { this.shutdown(); return; }
-    this.addMessage("you", line);
-    // scrollOff already set to MAX by addMessage (pinned to bottom)
-    this.abortCtrl = new AbortController();
-    this.startSpinner();
-    this.render();
-    await this.onLine?.(line, this.abortCtrl.signal);
-    this.abortCtrl = null;
-    this.stopSpinner();
-    this.render();
-  }
-
-  // ── Rendering ───────────────────────────────────────────────────────────
-
-  private handleResize = (): void => { this.measure(); this.render(); };
-
-  render(): void {
-    this.measure();
-    process.stdout.write("\x1b[?25l\x1b[H" + this.buildFrame() + "\x1b[?25h");
-  }
-
-  private buildFrame(): string {
-    const { columns, chatW, sideW, bodyH } = this;
-    const innerSideW = sideW - 2;
-    const sep = `${B.lt}${B.h.repeat(chatW)}${B.bt}${B.h.repeat(sideW)}${B.rt}`;
-    const inputW = columns - 2; // inside border
-
-    let buf = "";
-
-    // ── Top border ────────────────────────────────────────────────────────
-    buf += `${B.tl}${B.h.repeat(chatW)}${B.tt}${B.h.repeat(sideW)}${B.tr}\n`;
-
-    // ── Body ──────────────────────────────────────────────────────────────
-    const wrapped = this.state.flatMap((m) => this.wrapMessage(m, chatW));
-    const maxScroll = Math.max(0, wrapped.length - bodyH);
-    if (this.scrollOff > maxScroll) this.scrollOff = maxScroll;
-    if (this.scrollOff < 0) this.scrollOff = 0;
-    const visible = wrapped.slice(this.scrollOff, this.scrollOff + bodyH);
-
-    const sidebarLines = this.buildSidebar(innerSideW);
-    const sbTop = Math.max(0, Math.floor((bodyH - sidebarLines.length) / 2));
-
-    for (let r = 0; r < bodyH; r++) {
-      buf += B.v;
-      buf += visible[r] ? padTrunc(visible[r]!, chatW) : " ".repeat(chatW);
-      buf += B.v;
-      const sbIdx = r - sbTop;
-      const sbLine = (sbIdx >= 0 && sbIdx < sidebarLines.length) ? sidebarLines[sbIdx]! : "";
-      buf += ` ${padRight(sbLine, innerSideW)} `;
-      buf += `${B.v}\n`;
-    }
-
-    // ── Separator ─────────────────────────────────────────────────────────
-    buf += `${sep}\n`;
-
-    // ── Spinner row ───────────────────────────────────────────────────────
-    if (this.status === "thinking") {
-      const frame = SPINNER_FRAMES[this.spinnerFrame]!;
-      const elapsed = this.turnStartedAt ? formatElapsed(Date.now() - this.turnStartedAt) : "";
-      const spinnerText = `${frame} thinking\u2026${elapsed ? ` ${elapsed}` : ""} (esc to interrupt)`;
-      buf += `${B.v} \x1b[36m${spinnerText}\x1b[0m${" ".repeat(Math.max(0, inputW - 1 - spinnerText.length))}${B.v}\n`;
-    }
-
-    // ── Input bar (bordered box) ─────────────────────────────────────────
-    buf += `${B.tl}${B.h.repeat(inputW)}${B.tr}\n`;
-    const cursorCh = this.status === "idle" ? "\x1b[5m▋\x1b[25m" : "";
-    const inputMaxW = inputW - 3; // "> " prefix + 1 padding
-    const visibleInput = this.inputBuf.length > inputMaxW
-      ? this.inputBuf.slice(this.inputBuf.length - inputMaxW)
-      : this.inputBuf;
-    const inputPad = inputMaxW - visibleInput.length;
-    buf += `${B.v} \x1b[36m>\x1b[0m ${visibleInput}${cursorCh}${" ".repeat(Math.max(0, inputPad))} ${B.v}\n`;
-    buf += `${B.bl}${B.h.repeat(inputW)}${B.br}\n`;
-
-    // ── Footer ────────────────────────────────────────────────────────────
-    const totalIn = this.agent.usage.tokens.inputTokens;
-    const totalOut = this.agent.usage.tokens.outputTokens;
-    const cost = this.agent.usage.costUsd.toFixed(4);
-    const ft = `\x1b[90m${this.agent.address.slice(0, 10)}…  ·  in ${totalIn}  out ${totalOut}  $${cost}  /exit\x1b[0m`;
-    buf += `${padTrunc(ft, columns)}\n`;
-
-    // ── Cursor position ───────────────────────────────────────────────────
-    // Row layout: 1(top border) + bodyH(body) + 1(sep) + [1 spinner] + 1(input top) + 1(input content) = bodyH+4|5
-    const cursorRow = bodyH + 3 + (this.status === "thinking" ? 1 : 0); // 1-indexed: body+sep+[spinner]+input-top+input-content
-    const cursorCol = 4 + Math.min(this.cursor, inputMaxW);
-    buf += `\x1b[${cursorRow};${cursorCol}H`;
-
-    return buf;
-  }
-
-  // ── Messages ────────────────────────────────────────────────────────────
-
-  private wrapMessage(msg: ChatLine, width: number): string[] {
-    const label = this.roleLabel(msg.role);
-    const bodyWidth = Math.max(10, width - GUTTER.length - LABEL_W - 1);
-    const lines = wrapText(msg.text, bodyWidth);
-    return lines.map((l, i) =>
-      i === 0 ? `${GUTTER}${label} ${l}` : `${INDENT}${l}`,
-    );
-  }
-
-  private roleLabel(role: ChatLine["role"]): string {
-    switch (role) {
-      case "you": return "\x1b[36myou   \x1b[0m";
-      case "agent": return `\x1b[32m${this.agent.name.toLowerCase().padEnd(LABEL_W)}\x1b[0m`;
-      case "system": return "\x1b[90msys   \x1b[0m";
-      case "error": return "\x1b[31merr   \x1b[0m";
-    }
-  }
-
-  // ── Sidebar ─────────────────────────────────────────────────────────────
-
-  private buildSidebar(width: number): string[] {
-    const { agent, config, info } = this;
-    const addr = `${agent.address.slice(0, 6)}…${agent.address.slice(-4)}`;
-    const totalIn = agent.usage.tokens.inputTokens;
-    const totalOut = agent.usage.tokens.outputTokens;
-    const cost = agent.usage.costUsd.toFixed(6);
-
-    const rows = [
-      `\x1b[1;36m${agent.name}\x1b[0m`,
-      `\x1b[90m${addr}\x1b[0m`,
-      "",
-      `${B.h.repeat(width)}`,
-      `\x1b[90mnetwork\x1b[0m  ${config.network}`,
-      `\x1b[90mmodel\x1b[0m    ${shortModel(config.brain.model)}`,
-    ];
-
-    if (info.balance) {
-      rows.push("", `\x1b[90mbalance\x1b[0m  \x1b[33m${info.balance} SUI\x1b[0m`);
-    }
-
-    rows.push(
-      "",
-      `\x1b[90m▸ last turn\x1b[0m`,
-      `  in  ${info.lastTurnIn}`,
-      `  out ${info.lastTurnOut}`,
-      "",
-      `\x1b[90m▸ total\x1b[0m`,
-      `  in  ${totalIn}`,
-      `  out ${totalOut}`,
-      `  \x1b[33m$${cost}\x1b[0m`,
-    );
-
-    return rows;
-  }
-}
-
-// ── Helpers ────────────────────────────────────────────────────────────────
-
-function wrapText(text: string, width: number): string[] {
-  if (!text) return [""];
-  const lines: string[] = [];
-  // First split on hard newlines, then word-wrap each paragraph
-  for (const para of text.split("\n")) {
-    if (!para) { lines.push(""); continue; }
-    const words = para.split(" ");
-    let cur = "";
-    for (const w of words) {
-      // Break words longer than width
-      if (w.length > width) {
-        if (cur) { lines.push(cur); cur = ""; }
-        for (let i = 0; i < w.length; i += width) lines.push(w.slice(i, i + width));
-        continue;
-      }
-      if (cur && cur.length + 1 + w.length > width) { lines.push(cur); cur = w; }
-      else cur = cur ? `${cur} ${w}` : w;
-    }
-    if (cur) lines.push(cur);
-  }
-  return lines.length > 0 ? lines : [""];
-}
-
-function stripAnsi(s: string): string {
-  // biome-ignore lint/suspicious/noControlCharactersInRegex: ANSI escape stripping
-  return s.replace(/\x1b\[\d*;?\d*m/g, "");
-}
-
-function visibleLen(s: string): number {
-  // biome-ignore lint/suspicious/noControlCharactersInRegex: ANSI escape stripping
-  const re = /\x1b\[\d*;?\d*m/g;
-  let len = 0;
-  let last = 0;
-  let m = re.exec(s);
-  while (m !== null) {
-    len += m.index - last;
-    last = m.index + m[0].length;
-    m = re.exec(s);
-  }
-  return len + s.length - last;
-}
-
-function padRight(s: string, w: number): string {
-  const vl = visibleLen(s);
-  return vl >= w ? s : s + " ".repeat(w - vl);
-}
-
-function padTrunc(s: string, w: number): string {
-  const stripped = stripAnsi(s);
-  if (stripped.length <= w) return s + " ".repeat(w - stripped.length);
-  return stripped.slice(0, w);
-}
-
-function formatElapsed(ms: number): string {
-  const sec = Math.floor(ms / 1000);
-  if (sec < 60) return `${sec}s`;
-  const m = Math.floor(sec / 60);
-  return `${m}m${String(sec % 60).padStart(2, "0")}s`;
-}
-
-function shortModel(model: string): string {
-  const m = model.toLowerCase();
-  if (m.includes("sonnet")) return "Sonnet 4";
-  if (m.includes("haiku")) return "Haiku";
-  if (m.includes("opus")) return "Opus 4";
-  if (m.includes("fable")) return "Fable 5";
-  return model.length > 14 ? `${model.slice(0, 13)}…` : model;
-}