vole-agent 0.1.0

package/dist/app.js

@@ -0,0 +1,702 @@
+#!/usr/bin/env node
+import {
+  CliChatSession,
+  loadConfig,
+  renderToolResult
+} from "./chunk-RPVF2IWG.js";
+
+// src/app.tsx
+import { useState, useEffect, useCallback, useMemo, useRef as useRef2 } from "react";
+import { render, Box, Text as Text2, useInput, useApp, useAnimation, useStdout, Static } from "ink";
+import TextInput from "ink-text-input";
+
+// src/Markdown.tsx
+import { marked as marked2 } from "marked";
+import { useRef } from "react";
+import { Text } from "ink";
+
+// src/markdownFormat.ts
+import chalk from "chalk";
+import { marked } from "marked";
+var configured = false;
+function configureMarked() {
+  if (configured) return;
+  configured = true;
+  marked.use({
+    tokenizer: {
+      del() {
+        return void 0;
+      }
+    }
+  });
+}
+function formatToken(token, listDepth = 0, ordered = false) {
+  switch (token.type) {
+    case "heading": {
+      const inner = (token.tokens ?? []).map((t) => formatToken(t)).join("");
+      if (token.depth === 1) return chalk.bold.underline(inner) + "\n\n";
+      if (token.depth === 2) return chalk.bold(inner) + "\n\n";
+      return chalk.bold(chalk.dim(inner)) + "\n\n";
+    }
+    case "paragraph": {
+      const inner = (token.tokens ?? []).map((t) => formatToken(t)).join("");
+      return inner + "\n\n";
+    }
+    case "strong": {
+      const inner = (token.tokens ?? []).map((t) => formatToken(t)).join("");
+      return chalk.bold(inner);
+    }
+    case "em": {
+      const inner = (token.tokens ?? []).map((t) => formatToken(t)).join("");
+      return chalk.italic(inner);
+    }
+    case "del": {
+      const inner = (token.tokens ?? []).map((t) => formatToken(t)).join("");
+      return chalk.strikethrough(inner);
+    }
+    case "codespan": {
+      return chalk.yellow(token.text);
+    }
+    case "code": {
+      const lines = token.text.split("\n");
+      const formatted = lines.map((line) => "  " + chalk.yellow(line)).join("\n");
+      return chalk.dim("```" + (token.lang ?? "")) + "\n" + formatted + "\n" + chalk.dim("```") + "\n\n";
+    }
+    case "blockquote": {
+      const inner = (token.tokens ?? []).map((t) => formatToken(t)).join("").trim();
+      return inner.split("\n").map((line) => chalk.dim("\u2502 ") + chalk.italic(line)).join("\n") + "\n\n";
+    }
+    case "list": {
+      const items = (token.items ?? []).map((item, i) => {
+        const prefix = token.ordered ? chalk.bold(`${i + 1}.`) + " " : chalk.bold("\u2022") + " ";
+        const indent = "  ".repeat(listDepth);
+        const body = (item.tokens ?? []).map((t) => {
+          if (t.type === "list") return "\n" + formatToken(t, listDepth + 1);
+          return formatToken(t, listDepth);
+        }).join("").trim();
+        return indent + prefix + body;
+      });
+      return items.join("\n") + "\n\n";
+    }
+    case "hr": {
+      return chalk.dim("\u2500".repeat(40)) + "\n\n";
+    }
+    case "link": {
+      const label = (token.tokens ?? []).map((t) => formatToken(t)).join("") || token.text;
+      if (token.href && token.href !== label) {
+        return label + chalk.dim(` (${token.href})`);
+      }
+      return label;
+    }
+    case "image": {
+      return chalk.dim(`[image: ${token.text}]`);
+    }
+    case "html": {
+      return token.text.replace(/<[^>]+>/g, "");
+    }
+    case "text": {
+      const inner = (token.tokens ?? []).map((t) => formatToken(t)).join("");
+      return inner || token.text;
+    }
+    case "space": {
+      return "\n";
+    }
+    case "escape": {
+      return token.text;
+    }
+    case "table": {
+      const sep = chalk.dim(" | ");
+      const header = (token.header ?? []).map(
+        (cell) => chalk.bold((cell.tokens ?? []).map((t) => formatToken(t)).join(""))
+      ).join(sep);
+      const divider = chalk.dim("\u2500".repeat(Math.max(header.length - sep.length * ((token.header?.length ?? 1) - 1), 20)));
+      const rows = (token.rows ?? []).map(
+        (row) => row.map((cell) => (cell.tokens ?? []).map((t) => formatToken(t)).join("")).join(sep)
+      );
+      return [header, divider, ...rows].join("\n") + "\n\n";
+    }
+    default: {
+      const t = token;
+      return t.text ?? t.raw ?? "";
+    }
+  }
+}
+function markdownToAnsi(content) {
+  configureMarked();
+  const tokens = marked.lexer(content);
+  return tokens.map((t) => formatToken(t)).join("").trimEnd();
+}
+
+// src/Markdown.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function Markdown({ children }) {
+  return /* @__PURE__ */ jsx(Text, { children: markdownToAnsi(children) });
+}
+
+// src/app.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var SLASH_COMMANDS = [
+  { command: "/help", description: "Show available commands" },
+  { command: "/resume", description: "Resume a previous session" },
+  { command: "/trace", description: "Show recent trace events" },
+  { command: "/config", description: "Show redacted configuration" },
+  { command: "/skills", description: "List loaded skills" },
+  { command: "/clear", description: "Clear screen and reset context" },
+  { command: "/exit", description: "Leave chat" }
+];
+var VOLE_COLOR = "#d9ff33";
+function Spinner({ label }) {
+  const { frame } = useAnimation({ interval: 80 });
+  const frames = ["\u280B", "\u2819", "\u2839", "\u2838", "\u283C", "\u2834", "\u2826", "\u2827", "\u2807", "\u280F"];
+  return /* @__PURE__ */ jsxs2(Text2, { color: "yellow", children: [
+    frames[frame % frames.length],
+    " ",
+    label
+  ] });
+}
+function WelcomeScreen({ model, sessionId }) {
+  return /* @__PURE__ */ jsx2(Box, { flexDirection: "column", marginBottom: 1, gap: 1, children: /* @__PURE__ */ jsxs2(Box, { flexDirection: "row", gap: 3, alignItems: "flex-start", children: [
+    /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", children: [
+      /* @__PURE__ */ jsx2(Text2, { color: VOLE_COLOR, children: "  (\\_/)" }),
+      /* @__PURE__ */ jsx2(Text2, { color: VOLE_COLOR, children: "  (\u2022\u1D65\u2022)" }),
+      /* @__PURE__ */ jsx2(Text2, { color: VOLE_COLOR, children: "  />  \\" })
+    ] }),
+    /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", gap: 1, children: [
+      /* @__PURE__ */ jsxs2(Box, { flexDirection: "row", gap: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: VOLE_COLOR, bold: true, children: "vole" }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\u2014 a capable coding and general-purpose agent" })
+      ] }),
+      /* @__PURE__ */ jsxs2(Box, { flexDirection: "row", gap: 2, children: [
+        /* @__PURE__ */ jsxs2(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "model" }),
+          /* @__PURE__ */ jsx2(Text2, { children: model })
+        ] }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7" }),
+        /* @__PURE__ */ jsxs2(Box, { flexDirection: "row", gap: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "session" }),
+          /* @__PURE__ */ jsx2(Text2, { color: "blueBright", children: sessionId.slice(-8) })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Type /help for commands \xB7 /exit to leave" })
+    ] })
+  ] }) });
+}
+function CompactHeader({ model, sessionId }) {
+  return /* @__PURE__ */ jsxs2(Box, { marginBottom: 1, flexDirection: "row", gap: 2, alignItems: "center", children: [
+    /* @__PURE__ */ jsx2(Text2, { color: VOLE_COLOR, bold: true, children: "vole" }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7" }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: model }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7" }),
+    /* @__PURE__ */ jsx2(Text2, { color: "blueBright", children: sessionId.slice(-8) }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7  /help" })
+  ] });
+}
+function SessionPicker({
+  sessions,
+  selectedIndex,
+  onSelect,
+  onCancel
+}) {
+  useInput((_, key) => {
+    if (key.escape) {
+      onCancel();
+      return;
+    }
+    if (key.return && sessions[selectedIndex] !== void 0) {
+      onSelect(sessions[selectedIndex]);
+      return;
+    }
+  });
+  if (sessions.length === 0) {
+    return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginBottom: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "No previous sessions found." }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Esc  cancel" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, bold: true, children: "Resume session  \u2191\u2193 navigate \xB7 Enter select \xB7 Esc cancel" }),
+    sessions.map((s, i) => {
+      const label = s.title ?? s.id.slice(-12);
+      const date = s.updatedAt.slice(0, 16).replace("T", "  ");
+      const active = i === selectedIndex;
+      return /* @__PURE__ */ jsxs2(Box, { gap: 2, children: [
+        active ? /* @__PURE__ */ jsx2(Text2, { color: VOLE_COLOR, bold: true, children: " \u25B6" }) : /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "  " }),
+        /* @__PURE__ */ jsx2(Text2, { ...active ? {} : { dimColor: true }, children: date }),
+        active ? /* @__PURE__ */ jsx2(Text2, { color: VOLE_COLOR, children: label }) : /* @__PURE__ */ jsx2(Text2, { children: label })
+      ] }, s.id);
+    })
+  ] });
+}
+function StreamingMessage({ text }) {
+  return /* @__PURE__ */ jsxs2(Box, { marginBottom: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx2(Text2, { color: "green", bold: true, children: "Assistant" }),
+    /* @__PURE__ */ jsxs2(Box, { paddingLeft: 2, children: [
+      /* @__PURE__ */ jsx2(Text2, { children: text }),
+      /* @__PURE__ */ jsx2(Text2, { color: "blueBright", children: "\u258A" })
+    ] })
+  ] });
+}
+function ToolProgress({ toolName, input }) {
+  const preview = input !== void 0 ? (() => {
+    try {
+      const s = JSON.stringify(input);
+      return s.length > 60 ? s.slice(0, 57) + "\u2026" : s;
+    } catch {
+      return "";
+    }
+  })() : "";
+  return /* @__PURE__ */ jsxs2(Box, { marginBottom: 1, flexDirection: "column", children: [
+    /* @__PURE__ */ jsx2(Spinner, { label: `${toolName}` }),
+    preview !== "" && /* @__PURE__ */ jsx2(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: preview }) })
+  ] });
+}
+function TodosPanel({ todos }) {
+  if (todos.length === 0) return null;
+  const done = todos.filter((t) => t.status === "completed").length;
+  return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: "gray", paddingX: 1, children: [
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, bold: true, children: `Todo  ${done}/${todos.length}` }),
+    todos.map((todo, i) => {
+      const icon = todo.status === "completed" ? "\u2713" : todo.status === "in_progress" ? "\u203A" : "\xB7";
+      const color = todo.status === "completed" ? "green" : todo.status === "in_progress" ? "yellow" : void 0;
+      return /* @__PURE__ */ jsxs2(Box, { children: [
+        color !== void 0 ? /* @__PURE__ */ jsxs2(Text2, { color, children: [
+          icon,
+          " "
+        ] }) : /* @__PURE__ */ jsxs2(Text2, { children: [
+          icon,
+          " "
+        ] }),
+        /* @__PURE__ */ jsx2(Text2, { dimColor: todo.status === "completed", children: todo.content })
+      ] }, i);
+    })
+  ] });
+}
+function ApprovalPrompt({
+  request,
+  onApprove,
+  onDeny
+}) {
+  useInput((inputChar) => {
+    if (inputChar === "y" || inputChar === "Y") {
+      onApprove();
+    } else {
+      onDeny();
+    }
+  });
+  const inputPreview = (() => {
+    try {
+      const s = JSON.stringify(request.call.input, null, 2);
+      const lines = s.split("\n");
+      return lines.length > 6 ? lines.slice(0, 6).join("\n") + "\n  \u2026" : s;
+    } catch {
+      return "";
+    }
+  })();
+  const riskColor = request.decision.risk === "high" ? "red" : request.decision.risk === "medium" ? "yellow" : "green";
+  return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginBottom: 1, children: [
+    /* @__PURE__ */ jsx2(Text2, { bold: true, color: "yellow", children: "\u26A0  Approval Required" }),
+    /* @__PURE__ */ jsxs2(Box, { gap: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Tool:" }),
+      /* @__PURE__ */ jsx2(Text2, { bold: true, children: request.call.name }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "\xB7" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Risk:" }),
+      /* @__PURE__ */ jsx2(Text2, { color: riskColor, bold: true, children: request.decision.risk })
+    ] }),
+    inputPreview !== "" && /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Input:" }),
+      /* @__PURE__ */ jsx2(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: inputPreview }) })
+    ] }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: request.decision.reason }),
+    /* @__PURE__ */ jsx2(Box, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "yellow", children: "  y  approve    any other key  deny" }) })
+  ] });
+}
+function SuggestionsBox({
+  suggestions,
+  selectedIndex
+}) {
+  if (suggestions.length === 0) return null;
+  return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginBottom: 1, paddingLeft: 2, children: [
+    suggestions.map((s, i) => /* @__PURE__ */ jsxs2(Box, { gap: 2, children: [
+      i === selectedIndex ? /* @__PURE__ */ jsx2(Text2, { color: "cyan", bold: true, children: s.command }) : /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: s.command }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: s.description })
+    ] }, s.command)),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Tab \xB7 complete    \u2191\u2193 \xB7 select" })
+  ] });
+}
+function ChatApp({ config, cliOptions, sessionId }) {
+  const { exit } = useApp();
+  const { write: writeToStdout } = useStdout();
+  const [session, setSession] = useState(null);
+  const [loadError, setLoadError] = useState(null);
+  const [activeSessionId, setActiveSessionId] = useState(sessionId);
+  const [messages, setMessages] = useState([]);
+  const [input, setInput] = useState("");
+  const [isSending, setIsSending] = useState(false);
+  const [inputHistory, setInputHistory] = useState([]);
+  const [historyIndex, setHistoryIndex] = useState(-1);
+  const [draftInput, setDraftInput] = useState("");
+  const [suggestionIndex, setSuggestionIndex] = useState(0);
+  const [streamingText, setStreamingText] = useState("");
+  const [currentTool, setCurrentTool] = useState(null);
+  const [todos, setTodos] = useState([]);
+  const [sessionPicker, setSessionPicker] = useState(null);
+  const [pendingApproval, setPendingApproval] = useState(null);
+  const suggestions = useMemo(() => {
+    if (!input.startsWith("/")) return [];
+    if (input === "/") return SLASH_COMMANDS;
+    return SLASH_COMMANDS.filter(
+      (c) => c.command.startsWith(input) && c.command !== input
+    );
+  }, [input]);
+  const showSuggestions = suggestions.length > 0;
+  const inkApprovalResolver = useMemo(
+    () => ({
+      resolve: (request) => new Promise((resolve) => {
+        setPendingApproval({
+          request,
+          resolve: (decision) => {
+            setPendingApproval(null);
+            resolve(decision);
+          }
+        });
+      })
+    }),
+    []
+  );
+  useEffect(() => {
+    CliChatSession.createConfigured(config, cliOptions, {
+      approvalResolver: inkApprovalResolver,
+      preferStreaming: true,
+      ...sessionId !== void 0 ? { sessionId } : {}
+    }).then((s) => {
+      setSession(s);
+      setActiveSessionId(s.sessionId);
+    }).catch((err) => {
+      setLoadError(err instanceof Error ? err.message : "Failed to create session.");
+    });
+  }, [config, cliOptions, inkApprovalResolver, sessionId]);
+  const resetSession = useCallback(async () => {
+    session?.close();
+    setSession(null);
+    setMessages([]);
+    setStreamingText("");
+    setCurrentTool(null);
+    setTodos([]);
+    setPendingApproval(null);
+    try {
+      const s = await CliChatSession.createConfigured(config, cliOptions, {
+        approvalResolver: inkApprovalResolver,
+        preferStreaming: true
+      });
+      setSession(s);
+      setActiveSessionId(s.sessionId);
+    } catch (err) {
+      setLoadError(err instanceof Error ? err.message : "Failed to reset session.");
+    }
+  }, [session, config, cliOptions, inkApprovalResolver]);
+  const handleResumeSession = useCallback(async (target) => {
+    setSessionPicker(null);
+    session?.close();
+    setSession(null);
+    setMessages([]);
+    setStreamingText("");
+    setCurrentTool(null);
+    setTodos([]);
+    setPendingApproval(null);
+    try {
+      const s = await CliChatSession.createConfigured(config, cliOptions, {
+        approvalResolver: inkApprovalResolver,
+        preferStreaming: true,
+        sessionId: target.id
+      });
+      const stored = await s.loadMessages();
+      const history = stored.flatMap((m) => {
+        if (m.role === "user" && m.content) {
+          return [{ role: "user", content: m.content }];
+        }
+        if (m.role === "assistant" && m.content) {
+          return [{ role: "assistant", content: m.content }];
+        }
+        return [];
+      });
+      setMessages(history);
+      setSession(s);
+      setActiveSessionId(s.sessionId);
+    } catch (err) {
+      setLoadError(err instanceof Error ? err.message : "Failed to resume session.");
+    }
+  }, [session, config, cliOptions, inkApprovalResolver]);
+  const handleEvent = useCallback((event) => {
+    if (event.type === "token_delta") {
+      setStreamingText((prev) => prev + event.delta);
+    } else if (event.type === "tool_started") {
+      setCurrentTool({ name: event.toolName });
+    } else if (event.type === "tool_call_requested") {
+      setCurrentTool({ name: event.call.name, input: event.call.input });
+    } else if (event.type === "tool_completed") {
+      setCurrentTool(null);
+      if (event.toolName === "update_todos") return;
+      const resultText = renderToolResult(event.result);
+      setMessages((prev) => [...prev, { role: "tool_result", toolName: event.toolName, content: resultText, ok: true }]);
+    } else if (event.type === "tool_failed") {
+      setCurrentTool(null);
+      setMessages((prev) => [...prev, { role: "tool_result", toolName: event.toolName, content: event.error.message, ok: false }]);
+    } else if (event.type === "todos_updated") {
+      setTodos([...event.todos]);
+    } else if (event.type === "run_failed") {
+      setMessages((prev) => [...prev, { role: "error", content: event.error.message }]);
+    }
+  }, []);
+  const abortControllerRef = useRef2(null);
+  const sendMessage = useCallback(
+    async (message) => {
+      if (session === null || isSending || message.trim() === "") return;
+      const trimmed = message.trim();
+      const controller = new AbortController();
+      abortControllerRef.current = controller;
+      setMessages((prev) => [...prev, { role: "user", content: trimmed }]);
+      setIsSending(true);
+      setStreamingText("");
+      setCurrentTool(null);
+      try {
+        const turn = await session.sendMessage(trimmed, { onEvent: handleEvent, signal: controller.signal });
+        setStreamingText("");
+        setCurrentTool(null);
+        if (turn.assistantText !== "" && !controller.signal.aborted) {
+          setMessages((prev) => [...prev, { role: "assistant", content: turn.assistantText }]);
+        }
+      } finally {
+        abortControllerRef.current = null;
+        setIsSending(false);
+      }
+    },
+    [session, isSending, handleEvent]
+  );
+  const handleSlashCommand = useCallback(
+    async (command) => {
+      if (session === null) return;
+      if (command === "/resume") {
+        const sessions = await session.listSessions({ limit: 20 });
+        const resumable = sessions.filter((s) => s.id !== session.sessionId);
+        setSessionPicker({ sessions: resumable, selectedIndex: 0 });
+        return;
+      }
+      if (command === "/clear") {
+        writeToStdout("\x1B[2J\x1B[H");
+        void resetSession();
+        return;
+      }
+      const lines = await session.runSlashCommand(command);
+      setMessages((prev) => [...prev, { role: "slash_result", command, lines }]);
+    },
+    [session, writeToStdout, resetSession, handleResumeSession]
+  );
+  const handleChange = useCallback(
+    (value) => {
+      if (value.includes("	")) {
+        const base = value.replace(/\t/g, "");
+        const filtered = base.startsWith("/") ? SLASH_COMMANDS.filter((c) => c.command.startsWith(base) && c.command !== base) : [];
+        const target = filtered[suggestionIndex] ?? filtered[0];
+        setInput(target !== void 0 ? target.command : base);
+        setSuggestionIndex(0);
+        setHistoryIndex(-1);
+      } else {
+        setInput(value);
+        setSuggestionIndex(0);
+        setHistoryIndex(-1);
+        setDraftInput(value);
+      }
+    },
+    [suggestionIndex]
+  );
+  useInput(
+    (_, key) => {
+      if (sessionPicker !== null) {
+        if (key.upArrow) {
+          setSessionPicker((p) => p && { ...p, selectedIndex: Math.max(0, p.selectedIndex - 1) });
+        } else if (key.downArrow) {
+          setSessionPicker((p) => p && { ...p, selectedIndex: Math.min(p.sessions.length - 1, p.selectedIndex + 1) });
+        }
+        return;
+      }
+      if (key.upArrow) {
+        if (showSuggestions) {
+          setSuggestionIndex((i) => Math.max(0, i - 1));
+        } else if (historyIndex < inputHistory.length - 1) {
+          const newIndex = historyIndex + 1;
+          setHistoryIndex(newIndex);
+          setInput(inputHistory[newIndex] ?? "");
+        }
+      } else if (key.downArrow) {
+        if (showSuggestions) {
+          setSuggestionIndex((i) => Math.min(suggestions.length - 1, i + 1));
+        } else if (historyIndex > 0) {
+          const newIndex = historyIndex - 1;
+          setHistoryIndex(newIndex);
+          setInput(inputHistory[newIndex] ?? "");
+        } else if (historyIndex === 0) {
+          setHistoryIndex(-1);
+          setInput(draftInput);
+        }
+      }
+    },
+    { isActive: !isSending && pendingApproval === null }
+  );
+  useInput(
+    (_, key) => {
+      if (key.escape) {
+        abortControllerRef.current?.abort();
+        setStreamingText("");
+        setCurrentTool(null);
+      }
+    },
+    { isActive: isSending }
+  );
+  useInput(
+    (inputChar, key) => {
+      if (key.ctrl && inputChar === "c") exit();
+    },
+    { isActive: true }
+  );
+  const handleSubmit = useCallback(
+    (value) => {
+      if (isSending || pendingApproval !== null) return;
+      const trimmed = value.trim();
+      if (trimmed === "") return;
+      setInput("");
+      setHistoryIndex(-1);
+      setSuggestionIndex(0);
+      if (trimmed === "/exit") {
+        exit();
+        return;
+      }
+      if (trimmed.startsWith("/")) {
+        void handleSlashCommand(trimmed);
+        return;
+      }
+      setInputHistory((prev) => prev[0] === trimmed ? prev : [trimmed, ...prev.slice(0, 49)]);
+      void sendMessage(trimmed);
+    },
+    [isSending, pendingApproval, sendMessage, exit, handleSlashCommand]
+  );
+  if (loadError !== null) {
+    return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", padding: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { color: "red", bold: true, children: "Error" }),
+      /* @__PURE__ */ jsx2(Text2, { children: loadError })
+    ] });
+  }
+  if (session === null) {
+    return /* @__PURE__ */ jsx2(Box, { padding: 1, children: /* @__PURE__ */ jsx2(Spinner, { label: "Starting Vole\u2026" }) });
+  }
+  const sidLabel = activeSessionId ?? "\u2026";
+  const modelLabel = `${config.model.provider}/${config.model.model}`;
+  const hasMessages = messages.length > 0 || streamingText !== "" || currentTool !== null || isSending;
+  return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", children: [
+    hasMessages ? /* @__PURE__ */ jsx2(CompactHeader, { model: modelLabel, sessionId: sidLabel }) : /* @__PURE__ */ jsx2(WelcomeScreen, { model: modelLabel, sessionId: sidLabel }),
+    /* @__PURE__ */ jsx2(Static, { items: messages, children: (msg, i) => {
+      if (msg.role === "user") return /* @__PURE__ */ jsxs2(Box, { marginBottom: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: "cyan", bold: true, children: "You  " }),
+        /* @__PURE__ */ jsx2(Text2, { children: msg.content })
+      ] }, i);
+      if (msg.role === "tool_result") return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginBottom: 1, paddingLeft: 2, children: [
+        /* @__PURE__ */ jsxs2(Box, { gap: 1, children: [
+          /* @__PURE__ */ jsx2(Text2, { color: msg.ok ? "green" : "red", children: msg.ok ? "\u2713" : "\u2717" }),
+          /* @__PURE__ */ jsx2(Text2, { dimColor: true, bold: true, children: msg.toolName })
+        ] }),
+        /* @__PURE__ */ jsx2(Box, { paddingLeft: 2, children: /* @__PURE__ */ jsxs2(Text2, { dimColor: true, children: [
+          msg.content.slice(0, 200),
+          msg.content.length > 200 ? " \u2026" : ""
+        ] }) })
+      ] }, i);
+      if (msg.role === "error") return /* @__PURE__ */ jsxs2(Box, { marginBottom: 1, borderStyle: "single", borderColor: "red", paddingX: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: "red", bold: true, children: "\u2717 " }),
+        /* @__PURE__ */ jsx2(Text2, { color: "red", children: msg.content })
+      ] }, i);
+      if (msg.role === "slash_result") return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginBottom: 1, paddingLeft: 2, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: "blue", dimColor: true, children: msg.command }),
+        msg.lines.map((line, j) => /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: line }, j))
+      ] }, i);
+      return /* @__PURE__ */ jsxs2(Box, { flexDirection: "column", marginBottom: 1, children: [
+        /* @__PURE__ */ jsx2(Text2, { color: "green", bold: true, children: "Assistant" }),
+        /* @__PURE__ */ jsx2(Box, { paddingLeft: 2, flexDirection: "column", children: /* @__PURE__ */ jsx2(Markdown, { children: msg.content }) })
+      ] }, i);
+    } }),
+    streamingText !== "" && /* @__PURE__ */ jsx2(StreamingMessage, { text: streamingText }),
+    currentTool !== null && /* @__PURE__ */ jsx2(ToolProgress, { toolName: currentTool.name, input: currentTool.input }),
+    /* @__PURE__ */ jsx2(TodosPanel, { todos }),
+    pendingApproval !== null && /* @__PURE__ */ jsx2(
+      ApprovalPrompt,
+      {
+        request: pendingApproval.request,
+        onApprove: () => pendingApproval.resolve({ approved: true, reason: "Approved from CLI." }),
+        onDeny: () => pendingApproval.resolve({ approved: false, reason: "Denied from CLI." })
+      }
+    ),
+    sessionPicker !== null && /* @__PURE__ */ jsx2(
+      SessionPicker,
+      {
+        sessions: sessionPicker.sessions,
+        selectedIndex: sessionPicker.selectedIndex,
+        onSelect: (s) => void handleResumeSession(s),
+        onCancel: () => setSessionPicker(null)
+      }
+    ),
+    !isSending && pendingApproval === null && sessionPicker === null && /* @__PURE__ */ jsx2(SuggestionsBox, { suggestions, selectedIndex: suggestionIndex }),
+    !isSending && pendingApproval === null && sessionPicker === null && /* @__PURE__ */ jsxs2(Box, { gap: 1, children: [
+      /* @__PURE__ */ jsx2(Text2, { color: "cyan", bold: true, children: "\u203A" }),
+      /* @__PURE__ */ jsx2(
+        TextInput,
+        {
+          value: input,
+          onChange: handleChange,
+          onSubmit: handleSubmit,
+          focus: pendingApproval === null && !isSending
+        }
+      )
+    ] }),
+    isSending && pendingApproval === null && /* @__PURE__ */ jsxs2(Box, { gap: 2, children: [
+      /* @__PURE__ */ jsx2(Spinner, { label: "Thinking\u2026" }),
+      /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "Esc to stop" })
+    ] })
+  ] });
+}
+async function runInkChat({ args, env, sessionsDirectory }) {
+  let config;
+  try {
+    config = loadConfig({ env });
+  } catch (err) {
+    process.stderr.write(
+      `Configuration error: ${err instanceof Error ? err.message : String(err)}
+`
+    );
+    process.exitCode = 1;
+    return;
+  }
+  if (config.secrets.apiKey === void 0) {
+    process.stderr.write(
+      "Missing VOLE_API_KEY or OPENROUTER_API_KEY. Set one to start `vole chat`, or use `vole chat --fake-interactive` for local learning.\n"
+    );
+    process.exitCode = 1;
+    return;
+  }
+  const sessionIndex = args.indexOf("--session");
+  const sessionId = sessionIndex !== -1 && args[sessionIndex + 1] !== void 0 ? args[sessionIndex + 1] : void 0;
+  const cliOptions = {
+    env,
+    ...sessionsDirectory !== void 0 ? { sessionsDirectory } : {}
+  };
+  const { waitUntilExit } = render(
+    /* @__PURE__ */ jsx2(
+      ChatApp,
+      {
+        config,
+        cliOptions,
+        ...sessionId !== void 0 ? { sessionId } : {}
+      }
+    )
+  );
+  await waitUntilExit();
+}
+export {
+  runInkChat
+};