junecoder 1.0.0

package/tui.mjs

@@ -0,0 +1,437 @@
+/**
+ * tui.mjs — Terminal UI using raw ANSI sequences.
+ *
+ * Uses emitKeypressEvents for reliable keyboard input,
+ * proper CJK character width calculation, and frame-dedup rendering.
+ *
+ * Layout: header / conversation (scrollable) / todo panel / input box / status bar
+ */
+import { emitKeypressEvents } from "node:readline";
+import { PassThrough } from "node:stream";
+import { basename } from "node:path";
+import { runAgent, ContinueError } from "./agent.mjs";
+import { estimateTokens } from "./context.mjs";
+import {
+  saveSession, clearSession, archiveCurrent,
+  listSlots, switchToSlot, sessionPath,
+} from "./session.mjs";
+import { PROVIDER_PRESETS as PRESETS } from "./config.mjs";
+import { closeAllMcp } from "./mcp.mjs";
+
+const ESC = "\x1b";
+const ansi = {
+  hideCursor: `${ESC}[?25l`, showCursor: `${ESC}[?25h`,
+  altBuffer: `${ESC}[?1049h`, mainBuffer: `${ESC}[?1049l`,
+  mouseOn: `${ESC}[?1000h${ESC}[?1006h`, mouseOff: `${ESC}[?1000l${ESC}[?1006l`,
+  home: `${ESC}[H`, clearLine: `${ESC}[K`, reset: `${ESC}[0m`,
+  dim: `${ESC}[2m`, bold: `${ESC}[1m`,
+  fg: (n) => `${ESC}[${30 + n}m`, gray: `${ESC}[90m`,
+};
+const orange = `${ESC}[38;2;246;168;36m`;
+const yellow = `${ESC}[38;2;253;224;71m`;
+const C = {
+  user: yellow, assistant: orange, text: ansi.fg(7),
+  reason: `${ESC}[2m${ESC}[3m`, tool: orange,
+  error: ansi.fg(1), dim: ansi.gray, warn: ansi.fg(3),
+};
+
+export function charWidth(cp) {
+  if ((cp >= 0x300 && cp <= 0x36f) || (cp >= 0x200b && cp <= 0x200f) || cp === 0xfe0f) return 0;
+  if ((cp >= 0x1100 && cp <= 0x115f) || (cp >= 0x2e80 && cp <= 0xa4cf) ||
+      (cp >= 0xac00 && cp <= 0xd7a3) || (cp >= 0xf900 && cp <= 0xfaff) ||
+      (cp >= 0xfe30 && cp <= 0xfe4f) || (cp >= 0xff00 && cp <= 0xff60) ||
+      (cp >= 0xffe0 && cp <= 0xffe6) || (cp >= 0x1f000 && cp <= 0x1faff) ||
+      (cp >= 0x20000 && cp <= 0x3fffd) || (cp >= 0x2600 && cp <= 0x27bf)) return 2;
+  return 1;
+}
+export function stringWidth(text) { let w = 0; for (const ch of text) w += charWidth(ch.codePointAt(0)); return w; }
+function sliceByWidth(text, maxWidth) {
+  let w = 0, out = "";
+  for (const ch of text) { const cw = charWidth(ch.codePointAt(0)); if (w + cw > maxWidth) break; w += cw; out += ch; }
+  return out;
+}
+function padByWidth(text, width) { return text + " ".repeat(Math.max(0, width - stringWidth(text))); }
+
+const ANSI_RE = /\x1b\[[0-9;?]*[a-zA-Z]|\x1b\][^\x07\x1b]*(?:\x07|\x1b\\)|\x1b[()][0-9A-B]|\x1b[=>#][0-9]?/g;
+export function sanitizeDisplay(s) {
+  if (typeof s !== "string") return "";
+  return s.replace(ANSI_RE, "").replace(/\r\n/g, "\n").replace(/\r/g, "\n")
+    .replace(/\t/g, "    ").replace(/[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g, "").replace(/\n+$/, "");
+}
+export function wrapText(text, width) {
+  const lines = [];
+  for (const rawLine of text.split("\n")) {
+    if (rawLine === "") { lines.push(""); continue; }
+    let line = rawLine;
+    while (stringWidth(line) > width) { const head = sliceByWidth(line, width); lines.push(head); line = line.slice([...head].length); }
+    lines.push(line);
+  }
+  return lines;
+}
+export function layoutInput(chars, cursor, width) {
+  const PROMPT = "> ";
+  const lines = []; let cursorLine = 0, cursorCol = 0, cur = "", col = 0, firstLine = true;
+  const avail = () => firstLine ? width - 2 : width;
+  const flush = () => { lines.push((firstLine ? PROMPT : "") + cur); firstLine = false; cur = ""; col = 0; };
+  for (let i = 0; i <= chars.length; i++) {
+    if (i === cursor) { cursorLine = lines.length; cursorCol = (firstLine ? 2 : 0) + col; }
+    const ch = chars[i]; if (ch === undefined) break;
+    if (ch === "\n") { flush(); continue; }
+    const w = charWidth(ch.codePointAt(0)); if (col + w > avail()) flush();
+    cur += ch; col += w;
+  }
+  if (cur || lines.length === 0) flush();
+  return { lines, cursorLine, cursorCol };
+}
+function summarize(args) {
+  if (args === undefined || args === null) return "";
+  if (typeof args === "string") return args.slice(0, 100);
+  const s = JSON.stringify(args); return s.length > 100 ? s.slice(0, 97) + "..." : s;
+}
+function formatPermission(name, args) {
+  const cap = (s, n) => { if (typeof s !== "string") return ""; return s.length > n ? s.slice(0, n) + "\u2026" : s; };
+  const base = name.includes("/") ? name.split("/").pop() : name;
+  if (base === "bash") return cap(args.command ?? "", 1000).split("\n");
+  if (base === "write") return [`${args.path} (${(args.content ?? "").length} b)`, ...cap(args.content ?? "", 1000).split("\n")];
+  if (base === "edit") return [`${args.path}`, ...cap(args.old_string ?? "", 500).split("\n").map(l => "- " + l), "  \u2193", ...cap(args.new_string ?? "", 500).split("\n").map(l => "+ " + l)];
+  if (base === "delete") return [`${args.path}${args.force ? " (force)" : ""}`];
+  if (base === "subagent") return cap(args.task ?? "", 500).split("\n");
+  return [cap(summarize(args), 300)];
+}
+
+export async function startTUI(agent, opts = {}) {
+  if (!process.stdin.isTTY) throw new Error("TUI requires a TTY");
+  const state = {
+    lines: [], streaming: "", input: [], cursor: 0, history: [], historyIndex: -1,
+    scroll: 0, processing: false, controller: null, permission: null, permissionPreview: [],
+    question: null, tasks: agent.tasks ?? [], tokens: { prompt: 0, completion: 0 },
+    ctxCache: { len: -1, tokens: 0 }, reasoning: "", toolStreams: {},
+    subOutput: "", currentSub: null, currentTool: null, processingStarted: 0, status: "Ready",
+  };
+  if (state.tasks.length > 0 && state.tasks.every(t => t.status === "done")) state.tasks = [];
+
+  const keyStream = new PassThrough();
+  let mousePending = "", lastRenderedScroll = 0;
+  emitKeypressEvents(keyStream);
+  process.stdin.setRawMode(true);
+  process.stdout.write(ansi.altBuffer + ansi.hideCursor + ansi.mouseOn);
+
+  process.stdin.on("data", (chunk) => {
+    let text = mousePending + chunk.toString("utf8"); mousePending = "";
+    for (const m of text.matchAll(/\x1b\[<(\d+);\d+;\d+([Mm])/g)) {
+      if (Number(m[1]) === 64) state.scroll += 3;
+      else if (Number(m[1]) === 65) state.scroll = Math.max(0, state.scroll - 3);
+    }
+    text = text.replace(/\x1b\[<\d+;\d+;\d+[Mm]/g, "");
+    const tail = text.match(/\x1b\[<[\d;]*$/);
+    if (tail) { mousePending = tail[0]; text = text.slice(0, -tail[0].length); }
+    if (state.scroll !== lastRenderedScroll) { lastRenderedScroll = state.scroll; render(); }
+    if (text) keyStream.write(text);
+  });
+
+  let cleanedUp = false;
+  const cleanup = () => {
+    if (cleanedUp) return; cleanedUp = true;
+    try { archiveCurrent(agent.cwd); saveSession(agent, state.lines); } catch {}
+    try { closeAllMcp(agent); } catch {}
+    if (process.stdin.setRawMode) { try { process.stdin.setRawMode(false); } catch {} }
+    process.stdout.write(ansi.mouseOff + ansi.mainBuffer + ansi.showCursor + ansi.reset);
+  };
+  process.on("exit", cleanup);
+  process.on("SIGINT", () => { cleanup(); process.exit(0); });
+  process.on("SIGTERM", () => { cleanup(); process.exit(0); });
+
+  const pushLine = (text, color) => {
+    state.lines.push({ text, color });
+    if (state.lines.length > 5000) state.lines.splice(0, 1000);
+    render();
+  };
+  const pushLabel = (text, color) => {
+    if (state.lines.length > 0) state.lines.push({ text: "", color: C.dim });
+    state.lines.push({ text, color }); render();
+  };
+  let assistantLabeled = false;
+  const ensureAssistantLabel = () => {
+    if (!assistantLabeled) { assistantLabeled = true; pushLabel("\u276f EasyCode:", ansi.bold + C.assistant); }
+  };
+
+  let lastFrame = "", renderTimer = null;
+  function scheduleRender() { if (renderTimer) return; renderTimer = setTimeout(() => { renderTimer = null; render(); }, 40); }
+
+  function render() {
+    const cols = process.stdout.columns || 80;
+    const rows = process.stdout.rows || 24;
+    const W = Math.max(20, cols - 1);
+
+    const layout = layoutInput(state.input, state.cursor, W - 6);
+    const MAX_INPUT_LINES = 5;
+    let inputOffset = 0;
+    if (layout.lines.length > MAX_INPUT_LINES) inputOffset = Math.min(layout.cursorLine, layout.lines.length - MAX_INPUT_LINES);
+    const inputLines = layout.lines.slice(inputOffset, inputOffset + MAX_INPUT_LINES);
+
+    let boxLines = inputLines;
+    if (state.question) {
+      const q = state.question;
+      boxLines = q.options.length > 0
+        ? q.options.map((opt, i) => (i === (q.selected ?? 0) ? "\u25b8 " : "  ") + opt)
+        : ["\u25b8 " + (q.answer ?? "")];
+    }
+    const inputBoxH = boxLines.length + 2;
+
+    const MAX_TASK_LINES = 5;
+    let visibleTasks = [];
+    if (state.tasks.length <= MAX_TASK_LINES) visibleTasks = state.tasks;
+    else {
+      visibleTasks = [...state.tasks.filter(t => t.status === "in_progress"),
+        ...state.tasks.filter(t => t.status === "pending"),
+        ...state.tasks.filter(t => t.status === "done")].slice(0, MAX_TASK_LINES);
+    }
+    const taskPanelH = visibleTasks.length;
+    const subOutLen = (state.subOutput && state.processing) ? wrapText(state.subOutput, W - 8).slice(-2).length : 0;
+    const permPreviewLen = state.permission ? 1 + state.permissionPreview.reduce((s, l) => s + wrapText("  " + l, W - 1).length, 0) : 0;
+    const convH = Math.max(1, rows - 1 - inputBoxH - 1 - taskPanelH - subOutLen - permPreviewLen);
+
+    const convLines = [];
+    for (const l of state.lines) {
+      for (const wrapped of wrapText(sanitizeDisplay(l.text), W)) convLines.push({ text: wrapped, color: l.color });
+    }
+    if (state.reasoning) { for (const wrapped of wrapText(sanitizeDisplay(state.reasoning), W)) convLines.push({ text: wrapped, color: C.reason }); }
+    if (state.streaming) { for (const wrapped of wrapText(sanitizeDisplay(state.streaming), W)) convLines.push({ text: wrapped, color: C.text }); }
+    const allStreams = Object.values(state.toolStreams).join("");
+    if (allStreams) { const tail = sanitizeDisplay(allStreams.slice(-4000)); for (const wrapped of wrapText(tail, W)) convLines.push({ text: wrapped, color: C.dim }); }
+
+    const maxScroll = Math.max(0, convLines.length - convH);
+    state.scroll = Math.min(state.scroll, maxScroll);
+    const end = convLines.length - state.scroll;
+    const visible = convLines.slice(Math.max(0, end - convH), end);
+    const out = [`${ansi.home}${ansi.bold}${C.tool}EasyCode${ansi.reset}${ansi.dim} \u2502 ${sliceByWidth(agent.provider.model || "?", 30)} \u2502 ${sliceByWidth(basename(agent.cwd), Math.max(10, cols - 50))}${ansi.reset}${ansi.clearLine}`];
+
+    const pad = convH - visible.length;
+    for (let i = 0; i < pad; i++) out.push(ansi.clearLine);
+    for (const l of visible) out.push(`${l.color}${l.text}${ansi.reset}${ansi.clearLine}`);
+
+    for (const t of visibleTasks) {
+      const mark = t.status === "done" ? "\u2713" : t.status === "in_progress" ? "\u25b6" : "\u25cb";
+      const color = t.status === "done" ? `${C.dim}${ESC}[9m` : t.status === "in_progress" ? C.tool : C.text;
+      out.push(`${color} ${mark} ${sliceByWidth(t.title, W)}${ansi.reset}${ansi.clearLine}`);
+    }
+    if (state.subOutput && state.processing) {
+      for (const l of wrapText(state.subOutput, W - 8).slice(-2)) out.push(`${C.dim}[${state.currentSub}] ${l}${ansi.reset}${ansi.clearLine}`);
+    }
+    if (state.permission) {
+      out.push(`${ansi.bold}${C.warn}\u276f Permission${ansi.reset}${ansi.clearLine}`);
+      for (const line of state.permissionPreview) for (const wrapped of wrapText("  " + line, W)) out.push(`${C.warn}${wrapped}${ansi.reset}${ansi.clearLine}`);
+    }
+
+    let borderColor = C.tool, title;
+    if (state.question) { borderColor = C.tool; title = " " + sliceByWidth(state.question.text, W - 6) + " "; }
+    else if (state.permission) { borderColor = C.warn; title = state.permission.name === "continue" ? " Continue? (y/n) " : " Allow " + state.permission.name + "? (y/n/a) "; }
+    else if (state.processing) title = " Processing... ";
+    else title = " Input ";
+    const topBorder = "\u256d\u2500" + title + "\u2500".repeat(Math.max(0, W - 3 - stringWidth(title))) + "\u256e";
+    out.push(`${borderColor}${topBorder}${ansi.reset}${ansi.clearLine}`);
+    for (let i = 0; i < boxLines.length; i++) {
+      const content = padByWidth(boxLines[i], W - 4);
+      out.push(`${borderColor}\u2502${ansi.reset} ${content} ${borderColor}\u2502${ansi.reset}${ansi.clearLine}`);
+    }
+    const bottomBorder = "\u2570" + "\u2500".repeat(W - 2) + "\u256f";
+    out.push(`${borderColor}${bottomBorder}${ansi.reset}${ansi.clearLine}`);
+
+    const scrollHint = state.scroll > 0 ? " \u2502 scroll:" + state.scroll : "";
+    const taskHint = state.tasks.length > 0 ? " \u2502 \u2713" + state.tasks.filter(t => t.status === "done").length + "/" + state.tasks.length : "";
+    const tk = state.tokens, fmtK = n => n >= 10000 ? Math.round(n/1000) + "k" : n >= 1000 ? (n/1000).toFixed(1) + "k" : String(n);
+    const tokenHint = tk.prompt > 0 ? " \u2502 \u2191" + fmtK(tk.prompt) + " \u2193" + fmtK(tk.completion) : "";
+    const elapsed = state.processing ? " " + Math.floor((Date.now() - state.processingStarted)/1000) + "s" : "";
+    const toolHint = state.currentTool ? " " + state.currentTool + "\u2026" : "";
+    const statusText = state.processing ? state.status + toolHint + elapsed : state.status;
+    if (state.ctxCache.len !== agent.history.length) state.ctxCache = { len: agent.history.length, tokens: estimateTokens(agent.history) };
+    const ctxThreshold = agent.config?.agent?.compactThreshold ?? 750_000;
+    const ctxPct = Math.round((state.ctxCache.tokens / ctxThreshold) * 100);
+    const ctxHint = ctxPct > 0 ? (ctxPct >= 80 ? " \u2502 " + C.warn + "ctx " + ctxPct + "%" + ansi.reset + ansi.dim : " \u2502 ctx " + ctxPct + "%") : "";
+    let statusLine = statusText + taskHint + tokenHint + ctxHint + scrollHint + " \u2502 Enter:send \u2502 /:cmds \u2502 Ctrl+C:quit";
+    const autoBanner = agent.autoApprove ? C.warn + "AUTO" + ansi.reset + ansi.dim + "\u2502" : "";
+    const planBanner = agent.planMode ? C.tool + "PLAN" + ansi.reset + ansi.dim + "\u2502" : "";
+    statusLine = sliceByWidth(statusLine, Math.max(10, W));
+    out.push(ansi.dim + planBanner + autoBanner + (planBanner || autoBanner ? " " : "") + statusLine + ansi.reset + ansi.clearLine);
+
+    const frame = out.join("\r\n");
+    if (frame !== lastFrame) { lastFrame = frame; process.stdout.write(frame); }
+
+    if (state.processing || state.permission || state.question) process.stdout.write(ansi.hideCursor);
+    else {
+      const cursorRow = 1 + convH + taskPanelH + 2 + (layout.cursorLine - inputOffset);
+      const cursorCol = 3 + layout.cursorCol;
+      process.stdout.write(ESC + "[" + cursorRow + ";" + cursorCol + "H" + ansi.showCursor);
+    }
+  }
+  process.stdout.on("resize", render);
+
+  keyStream.on("keypress", (str, key) => {
+    if (state.permission) {
+      const ch = (str || key.name || "").toLowerCase();
+      if (ch === "y" || key.name === "y") state.permission.resolve(true);
+      else if (ch === "n" || key.name === "n") state.permission.resolve(false);
+      else if (ch === "a" || key.name === "a") { agent.autoApprove = true; state.permission.resolve(true); pushLine("  [auto] Auto-approve ON.", C.warn); }
+      else return;
+      state.permission = null; state.permissionPreview = []; state.status = state.processing ? "Processing..." : "Ready"; render(); return;
+    }
+    if (state.question) {
+      if (key.name === "return" || key.name === "enter") {
+        const answer = state.question.options.length > 0 ? state.question.options[state.question.selected ?? 0] ?? "" : state.input.join("").trim();
+        state.input = []; state.cursor = 0; const resolve = state.question.resolve; state.question = null;
+        resolve(answer); state.status = state.processing ? "Processing..." : "Ready"; render(); return;
+      }
+      if (key.name === "escape") { const resolve = state.question.resolve; state.question = null; resolve(""); state.status = state.processing ? "Processing..." : "Ready"; render(); return; }
+      if (state.question.options.length > 0 && (key.name === "up" || key.name === "down")) {
+        state.question.selected = state.question.selected ?? 0; state.question.selected += key.name === "up" ? -1 : 1;
+        if (state.question.selected < 0) state.question.selected = state.question.options.length - 1;
+        if (state.question.selected >= state.question.options.length) state.question.selected = 0; render(); return;
+      }
+      if (state.question.options.length === 0) { editInput(str, key); render(); return; }
+      return;
+    }
+    if (key.name === "c" && key.ctrl) {
+      if (state.processing && state.controller) { state.controller.abort(); state.status = "Aborting..."; render(); }
+      else { cleanup(); process.exit(0); }
+      return;
+    }
+    if (key.name === "d" && key.ctrl && state.input.length === 0) { cleanup(); process.exit(0); return; }
+    if (key.name === "l" && key.ctrl) { process.stdout.write(ansi.home + ESC + "[2J"); lastFrame = ""; render(); return; }
+    if (key.name === "return" || key.name === "enter") { submit(); return; }
+
+    if (key.name === "up") {
+      if (state.history.length > 0 && state.historyIndex === -1) { state._savedInput = [...state.input]; state.historyIndex = state.history.length - 1; state.input = [...state.history[state.historyIndex]]; state.cursor = state.input.length; }
+      else if (state.historyIndex > 0) { state.historyIndex--; state.input = [...state.history[state.historyIndex]]; state.cursor = state.input.length; }
+      render(); return;
+    }
+    if (key.name === "down") {
+      if (state.historyIndex >= 0) { state.historyIndex++; if (state.historyIndex >= state.history.length) { state.historyIndex = -1; state.input = state._savedInput || []; state._savedInput = null; } else { state.input = [...state.history[state.historyIndex]]; } state.cursor = state.input.length; }
+      render(); return;
+    }
+    if (key.name === "pageup") { state.scroll += (rows - 4); render(); return; }
+    if (key.name === "pagedown") { state.scroll = Math.max(0, state.scroll - (rows - 4)); render(); return; }
+    editInput(str, key); render();
+  });
+
+  function editInput(str, key) {
+    if (key.name === "backspace") { if (state.cursor > 0) { state.input.splice(state.cursor - 1, 1); state.cursor--; } return; }
+    if (key.name === "delete") { if (state.cursor < state.input.length) state.input.splice(state.cursor, 1); return; }
+    if (key.name === "left") { if (state.cursor > 0) state.cursor--; return; }
+    if (key.name === "right") { if (state.cursor < state.input.length) state.cursor++; return; }
+    if (key.name === "home") { state.cursor = 0; return; }
+    if (key.name === "end") { state.cursor = state.input.length; return; }
+    if (key.name === "k" && key.ctrl) { state.input = state.input.slice(0, state.cursor); return; }
+    if (key.name === "u" && key.ctrl) { state.input = state.input.slice(state.cursor); state.cursor = 0; return; }
+    if (key.name === "w" && key.ctrl) { while (state.cursor > 0 && state.input[state.cursor-1] === " ") { state.input.splice(state.cursor-1, 1); state.cursor--; } while (state.cursor > 0 && state.input[state.cursor-1] !== " ") { state.input.splice(state.cursor-1, 1); state.cursor--; } return; }
+    if (str && str.length > 0 && !key.ctrl && !key.meta && str !== "\r" && str !== "\n") { for (const ch of str) { state.input.splice(state.cursor, 0, ch); state.cursor++; } }
+  }
+
+  async function submit() {
+    const text = state.input.join("").trim();
+    if (!text || state.processing) return;
+    state.input = []; state.cursor = 0; state.history.push(text); state.historyIndex = -1; state.scroll = 0;
+    if (text.startsWith("/")) { await handleSlash(text); return; }
+    pushLabel("\u276f You:", ansi.bold + C.user); pushLine(text, C.text);
+    try { const { createCheckpoint } = await import("./checkpoint.mjs"); await createCheckpoint(agent.cwd); } catch {}
+    assistantLabeled = false; state.processing = true; state.status = "Processing...";
+    state.streaming = ""; state.reasoning = ""; state.currentTool = null; state.toolStreams = {}; state.subOutput = "";
+    state.processingStarted = Date.now(); state.controller = new AbortController();
+    const ticker = setInterval(() => { if (state.processing) render(); }, 1000); render();
+    const callbacks = {
+      onToken: t => { ensureAssistantLabel(); state.streaming += t; scheduleRender(); },
+      onReasoning: t => { ensureAssistantLabel(); state.reasoning += t; scheduleRender(); },
+      onToolCall: (name, args) => { flushStream(); ensureAssistantLabel(); state.currentTool = name; pushLine("  [tool] " + name + " " + summarize(args), C.tool); },
+      onToolResult: (name, output, error) => { state.currentTool = null; const text = error ? "Error: " + error : (output || ""); const stream = state.toolStreams[name]; if (stream) { const tail = stream.trimEnd().slice(-4000); if (tail) pushLine(tail, C.dim); delete state.toolStreams[name]; } pushLine("  [done] " + name + " \u2192 " + sliceByWidth(sanitizeDisplay(text.split("\n")[0]), 100), C.dim); },
+      onToolOutput: (name, output, error) => { state.toolStreams[name] = (state.toolStreams[name] ?? "") + (error ? "Error: " + error : (output || "")); scheduleRender(); },
+      onPermissionRequest: (tool, args) => askPermission(tool.name || tool, args),
+      onQuestion: async (q) => askQuestion(q),
+      onCompress: () => pushLine("  [context] Compressed (history truncated)", C.warn),
+      onUsage: u => { state.tokens.prompt += u.prompt_tokens ?? 0; state.tokens.completion += u.completion_tokens ?? 0; },
+      onTaskUpdate: items => { state.tasks = items || []; const done = items.filter(i => i.status === "done").length; const cur = items.find(i => i.status === "in_progress"); pushLine("  [task] " + done + "/" + items.length + (cur ? " \u25b6 " + cur.title : ""), C.dim); render(); },
+      onTurnEnd: (() => { let n = 0; return () => { if (++n % 5 === 0) { try { saveSession(agent, state.lines); } catch {} } }; })(),
+    };
+    for (let resume = false; ; resume = true) {
+      try { await runAgent(agent, text, callbacks, { signal: state.controller.signal, resume }); flushStream(); break; }
+      catch (error) { flushStream();
+        if (error.name === "AbortError" || state.controller?.signal.aborted) { pushLine("[Aborted]", C.warn); break; }
+        if (error instanceof ContinueError) { pushLabel("\u276f Continue", ansi.bold + C.warn); pushLine("Ran " + error.turn + " turns (limit " + error.turn + "). Continue?", C.warn); const willContinue = await new Promise(resolve => { state.permission = { name: "continue", args: { turns: error.turn }, resolve }; state.status = "Continue after " + error.turn + " turns?"; render(); }); state.permission = null; if (!willContinue) { pushLine("[Cancelled]", C.warn); break; } pushLine("[Continuing\u2026]", C.tool); state.controller = new AbortController(); continue; }
+        pushLine("[error] " + error.message, C.error); break;
+      }
+    }
+    clearInterval(ticker); state.processing = false; state.controller = null; state.status = "Ready";
+    if (state.tasks.length > 0 && state.tasks.every(t => t.status === "done")) state.tasks = [];
+    try { saveSession(agent, state.lines); } catch {} render();
+  }
+  function flushStream() { if (state.reasoning) { pushLine(state.reasoning, C.reason); state.reasoning = ""; } if (state.streaming) { pushLine(state.streaming, C.text); state.streaming = ""; } }
+  function askPermission(name, args) { if (agent.autoApprove) { pushLine("  [auto] " + name + " " + summarize(args), C.warn); return Promise.resolve(true); } state.permissionPreview = formatPermission(name, args); return new Promise(resolve => { state.permission = { name, args, resolve }; state.status = "Waiting: " + name; render(); }); }
+  function askQuestion(text) { if (state.question) return Promise.resolve("(already waiting)"); pushLabel("\u276f Question", ansi.bold + C.tool); for (const line of text.split("\n")) pushLine("  " + line, C.text); return new Promise(resolve => { state.question = { text, options: [], resolve }; state.status = "Waiting..."; render(); }); }
+
+  async function handleSlash(text) {
+    const cmd = text.slice(1).split(/\s+/)[0].toLowerCase();
+    switch (cmd) {
+      case "help": for (const l of ["/help /plan /auto /model /session /clear /tasks /stats /new /distill /quit"]) pushLine(l, C.dim); break;
+      case "plan": agent.planMode = !agent.planMode; pushLine("  Plan mode " + (agent.planMode ? "ON" : "OFF"), C.tool); break;
+      case "auto": agent.autoApprove = !agent.autoApprove; pushLine("  Auto-approve " + (agent.autoApprove ? "ON" : "OFF"), agent.autoApprove ? C.warn : C.tool); break;
+      case "model": pushLine("  Model: " + agent.provider.model + " | Provider: " + (agent.provider.type || "?"), C.dim); break;
+      case "session": { const slots = listSlots(agent.cwd); pushLine("Sessions:", C.tool); if (slots.length === 0) pushLine("  (none)", C.dim); else for (const s of slots) pushLine("  " + s.label, C.dim); break; }
+      case "clear": archiveCurrent(agent.cwd); agent.history = []; state.lines = []; state.streaming = ""; state.reasoning = ""; state.tasks = []; state.scroll = 0; pushLine("Cleared (archived).", C.warn); break;
+      case "new": archiveCurrent(agent.cwd); agent.history = []; state.lines = []; state.streaming = ""; state.reasoning = ""; state.toolStreams = {}; state.tasks = []; state.scroll = 0; state.tokens = { prompt: 0, completion: 0 }; pushLine("New session.", C.tool); break;
+      case "tasks": if (state.tasks.length === 0) pushLine("No tasks.", C.dim); else for (const t of state.tasks) pushLine("  " + (t.status === "done" ? "\u2713" : t.status === "in_progress" ? "\u25b6" : "\u25cb") + " " + t.title, C.dim); break;
+      case "stats": pushLine("Tokens: \u2191" + state.tokens.prompt + " \u2193" + state.tokens.completion + " | History: " + agent.history.length + " msgs (~" + estimateTokens(agent.history) + " t) | Lines: " + state.lines.length, C.dim); break;
+      case "quit": case "exit": cleanup(); process.exit(0); return;
+      case "distill": {
+        if (!agent.memory) {
+          pushLine("[distill] 需要 memory 支持 (agent.memory 未初始化)", C.error);
+          break;
+        }
+        pushLine("[distill] 分析当前会话...", C.tool);
+        render();
+        try {
+          const { historyToTranscript, extractCandidates, saveCandidate } = await import("./distill.mjs");
+          const transcript = historyToTranscript(agent.history);
+          if (!transcript) { pushLine("[distill] 会话为空，没有可提取的内容", C.dim); break; }
+          const candidates = await extractCandidates(agent.provider, transcript, {});
+          if (candidates.length === 0) { pushLine("[distill] 本次会话没有值得沉淀的知识", C.dim); break; }
+          pushLine(`[distill] 发现 ${candidates.length} 条候选知识：`, C.tool);
+          render();
+          let saved = 0;
+          for (const c of candidates) {
+            pushLine(`\n  [${c.type}] ${c.title}`, C.text);
+            pushLine(`    ${c.content.slice(0, 200)}...`, C.dim);
+            const accept = await askPermission("distill-save", { title: c.title });
+            if (accept) {
+              const status = await saveCandidate(agent.memory, c, {});
+              pushLine(`  ✓ ${status}`, C.tool);
+              saved++;
+            } else {
+              pushLine("  ✗ skipped", C.dim);
+            }
+          }
+          pushLine(`[distill] 完成：入库 ${saved}/${candidates.length} 条`, C.tool);
+        } catch (err) {
+          pushLine(`[distill] 失败: ${err.message}`, C.error);
+        }
+        break;
+      }
+      default: pushLine("Unknown: /" + cmd + " (try /help)", C.error);
+    }
+    render();
+  }
+
+  const restored = opts.restored;
+  if (restored && restored.displayLines) {
+    for (const raw of restored.displayLines) {
+      if (typeof raw === "string") state.lines.push({ text: raw, color: C.text });
+      else if (raw && typeof raw.text === "string") state.lines.push(raw);
+    }
+    if (restored.tasks) state.tasks = restored.tasks;
+    if (restored.planMode !== undefined) agent.planMode = restored.planMode;
+    state.status = "Session restored";
+  } else {
+    pushLine("", C.dim);
+    pushLine("EasyCode TUI \u2014 " + (agent.provider.model || ""), ansi.bold + C.tool);
+    pushLine("Type /help for commands, Ctrl+C to quit.", C.dim);
+    pushLine("", C.dim);
+  }
+  render();
+}