@sofer_agent/cli 0.3.11 → 0.3.13

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;
-}