darkfoo-code 0.4.2 → 0.4.3

package/dist/main.js

@@ -2069,7 +2069,7 @@ function App({ model, systemPromptOverride, maxTurns, initialMessages, initialSe
 
 // src/repl.tsx
 import { useState as useState3, useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useMemo } from "react";
-import { Box as Box7, Text as Text7, useApp, useInput as useInput2 } from "ink";
+import { Box as Box6, Text as Text6, Static, useApp, useInput as useInput2 } from "ink";
 import { nanoid as nanoid6 } from "nanoid";
 
 // src/components/Banner.tsx
@@ -2077,7 +2077,7 @@ init_theme();
 import { memo } from "react";
 import { Box, Text } from "ink";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var version = "0.4.2";
+var version = "0.4.3";
 var LOGO_LINES = [
   " \u2588\u2588\u2588\u2588\u2588\u2588\u2557   \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2557  \u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2557   \u2588\u2588\u2588\u2588\u2588\u2588\u2557 ",
   " \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557 \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557 \u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557 \u2588\u2588\u2551 \u2588\u2588\u2554\u255D \u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D \u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557 \u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557",
@@ -2162,115 +2162,13 @@ var Banner = memo(function Banner2({ model, cwd, providerName, providerOnline, m
   ] });
 });
 
-// src/components/Messages.tsx
+// src/components/StreamingDisplay.tsx
 init_theme();
-init_format();
-import { memo as memo2 } from "react";
+import { useState, useRef, useEffect, useImperativeHandle, forwardRef, memo as memo2 } from "react";
 import { Box as Box2, Text as Text2 } from "ink";
-
-// src/utils/markdown.ts
-function renderMarkdown(text) {
-  const lines = text.split("\n");
-  const result = [];
-  let inCodeBlock = false;
-  let codeBlockLang = "";
-  for (const line of lines) {
-    if (line.trimStart().startsWith("```")) {
-      if (!inCodeBlock) {
-        codeBlockLang = line.trimStart().slice(3).trim();
-        const label = codeBlockLang ? ` ${codeBlockLang}` : "";
-        result.push(`\x1B[2m\x1B[38;2;94;234;212m\u2500\u2500\u2500 code${label} \u2500\u2500\u2500\x1B[0m`);
-        inCodeBlock = true;
-      } else {
-        result.push(`\x1B[2m\x1B[38;2;94;234;212m\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\x1B[0m`);
-        inCodeBlock = false;
-        codeBlockLang = "";
-      }
-      continue;
-    }
-    if (inCodeBlock) {
-      result.push(`\x1B[38;2;251;191;36m  ${line}\x1B[0m`);
-      continue;
-    }
-    const headerMatch = line.match(/^(#{1,6})\s+(.+)/);
-    if (headerMatch) {
-      const level = headerMatch[1].length;
-      const text2 = headerMatch[2];
-      if (level <= 2) {
-        result.push(`\x1B[1m\x1B[38;2;94;234;212m${text2}\x1B[0m`);
-      } else {
-        result.push(`\x1B[1m${text2}\x1B[0m`);
-      }
-      continue;
-    }
-    const listMatch = line.match(/^(\s*)[*-]\s+(.+)/);
-    if (listMatch) {
-      const indent = listMatch[1] || "";
-      const content = renderInline(listMatch[2]);
-      result.push(`${indent}\x1B[38;2;94;234;212m\u2022\x1B[0m ${content}`);
-      continue;
-    }
-    const orderedMatch = line.match(/^(\s*)\d+\.\s+(.+)/);
-    if (orderedMatch) {
-      const indent = orderedMatch[1] || "";
-      const content = renderInline(orderedMatch[2]);
-      result.push(`${indent}${content}`);
-      continue;
-    }
-    if (/^---+$|^\*\*\*+$|^___+$/.test(line.trim())) {
-      result.push(`\x1B[2m${"\u2500".repeat(40)}\x1B[0m`);
-      continue;
-    }
-    result.push(renderInline(line));
-  }
-  return result.join("\n");
-}
-function renderInline(text) {
-  return text.replace(/`([^`]+)`/g, "\x1B[38;2;251;191;36m$1\x1B[0m").replace(/\*\*\*(.+?)\*\*\*/g, "\x1B[1m\x1B[3m$1\x1B[0m").replace(/\*\*(.+?)\*\*/g, "\x1B[1m$1\x1B[0m").replace(/\*(.+?)\*/g, "\x1B[3m$1\x1B[0m").replace(/\[([^\]]+)\]\(([^)]+)\)/g, "\x1B[4m\x1B[38;2;94;234;212m$1\x1B[0m");
-}
-
-// src/components/Messages.tsx
 import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var Messages = memo2(function Messages2({ messages }) {
-  return /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", children: messages.map((msg) => /* @__PURE__ */ jsx3(MessageRow, { message: msg }, msg.id)) });
-});
-var MessageRow = memo2(function MessageRow2({ message }) {
-  switch (message.role) {
-    case "user":
-      return /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, marginBottom: 1, children: [
-        /* @__PURE__ */ jsx3(Text2, { color: theme.cyan, bold: true, children: "\u276F " }),
-        /* @__PURE__ */ jsx3(Text2, { bold: true, color: theme.text, children: message.content })
-      ] });
-    case "assistant": {
-      if (!message.content && message.toolCalls) return null;
-      if (!message.content) return null;
-      const rendered = renderMarkdown(message.content);
-      return /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs2(Box2, { children: [
-        /* @__PURE__ */ jsx3(Text2, { color: theme.cyan, children: "\u23BF " }),
-        /* @__PURE__ */ jsx3(Text2, { wrap: "wrap", children: rendered })
-      ] }) });
-    }
-    case "tool": {
-      const lines = message.content.split("\n");
-      const preview = lines.length > 8 ? lines.slice(0, 8).join("\n") + `
-... (${lines.length - 8} more lines)` : message.content;
-      return /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
-        "\u23BF ",
-        truncate(preview, 1200)
-      ] }) });
-    }
-    default:
-      return null;
-  }
-});
-
-// src/components/StreamingDisplay.tsx
-init_theme();
-import { useState, useRef, useEffect, useImperativeHandle, forwardRef, memo as memo3 } from "react";
-import { Box as Box3, Text as Text3 } from "ink";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var FLUSH_INTERVAL_MS = 150;
-var StreamingDisplay = memo3(forwardRef(function StreamingDisplay2(_, ref) {
+var StreamingDisplay = memo2(forwardRef(function StreamingDisplay2(_, ref) {
   const bufferRef = useRef("");
   const [displayText, setDisplayText] = useState("");
   const timerRef = useRef(null);
@@ -2309,46 +2207,46 @@ var StreamingDisplay = memo3(forwardRef(function StreamingDisplay2(_, ref) {
     return () => stopTimer();
   }, []);
   if (!displayText) return null;
-  return /* @__PURE__ */ jsxs3(Box3, { marginBottom: 1, children: [
-    /* @__PURE__ */ jsx4(Text3, { color: theme.cyan, children: "\u23BF " }),
-    /* @__PURE__ */ jsx4(Text3, { color: theme.text, wrap: "wrap", children: displayText })
+  return /* @__PURE__ */ jsxs2(Box2, { marginBottom: 1, children: [
+    /* @__PURE__ */ jsx3(Text2, { color: theme.cyan, children: "\u23BF " }),
+    /* @__PURE__ */ jsx3(Text2, { color: theme.text, wrap: "wrap", children: displayText })
   ] });
 }));
 
 // src/components/ToolCall.tsx
 init_theme();
 init_format();
-import { memo as memo4 } from "react";
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-var ActiveToolCall = memo4(function ActiveToolCall2({ toolName, args }) {
-  return /* @__PURE__ */ jsxs4(Box4, { marginLeft: 2, children: [
-    /* @__PURE__ */ jsx5(Text4, { color: theme.cyan, children: "..." }),
-    /* @__PURE__ */ jsxs4(Text4, { bold: true, color: theme.yellow, children: [
+import { memo as memo3 } from "react";
+import { Box as Box3, Text as Text3 } from "ink";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var ActiveToolCall = memo3(function ActiveToolCall2({ toolName, args }) {
+  return /* @__PURE__ */ jsxs3(Box3, { marginLeft: 2, children: [
+    /* @__PURE__ */ jsx4(Text3, { color: theme.cyan, children: "..." }),
+    /* @__PURE__ */ jsxs3(Text3, { bold: true, color: theme.yellow, children: [
       " ",
       toolName
     ] }),
-    args ? /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
+    args ? /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
       " ",
       formatToolArgs(args)
     ] }) : null
   ] });
 });
-var ToolResultDisplay = memo4(function ToolResultDisplay2({ toolName, output, isError }) {
+var ToolResultDisplay = memo3(function ToolResultDisplay2({ toolName, output, isError }) {
   const icon = isError ? "\u2718" : "\u2714";
   const iconColor = isError ? theme.pink : theme.green;
   const lines = output.split("\n");
   const preview = lines.length > 6 ? lines.slice(0, 6).join("\n") + `
 ... (${lines.length - 6} more lines)` : output;
-  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs4(Box4, { children: [
-      /* @__PURE__ */ jsxs4(Text4, { color: iconColor, children: [
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs3(Box3, { children: [
+      /* @__PURE__ */ jsxs3(Text3, { color: iconColor, children: [
         icon,
         " "
       ] }),
-      /* @__PURE__ */ jsx5(Text4, { bold: true, color: theme.yellow, children: toolName })
+      /* @__PURE__ */ jsx4(Text3, { bold: true, color: theme.yellow, children: toolName })
     ] }),
-    /* @__PURE__ */ jsx5(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
+    /* @__PURE__ */ jsx4(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
       "\u23BF ",
       truncate(preview, 1200)
     ] }) })
@@ -2369,9 +2267,9 @@ function formatToolArgs(args) {
 // src/components/StatusLine.tsx
 init_theme();
 init_state();
-import { memo as memo5 } from "react";
-import { Box as Box5, Text as Text5 } from "ink";
-import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { memo as memo4 } from "react";
+import { Box as Box4, Text as Text4 } from "ink";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function getContextLimit(model) {
   const lower = model.toLowerCase();
   if (lower.includes("llama3.1")) return 131072;
@@ -2382,47 +2280,47 @@ function getContextLimit(model) {
   if (lower.includes("deepseek")) return 32768;
   return 8192;
 }
-var StatusLine = memo5(function StatusLine2({ model, messageCount, tokenEstimate, isStreaming }) {
+var StatusLine = memo4(function StatusLine2({ model, messageCount, tokenEstimate, isStreaming }) {
   const state2 = getAppState();
   const contextLimit = getContextLimit(model);
   const usage = Math.min(tokenEstimate / contextLimit, 1);
   const pct = (usage * 100).toFixed(0);
   const usageColor = usage > 0.8 ? theme.pink : usage > 0.5 ? theme.yellow : theme.cyan;
   const activeTasks = state2.tasks.filter((t) => t.status === "in_progress").length;
-  return /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
-    /* @__PURE__ */ jsxs5(Text5, { color: theme.dim, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { marginTop: 1, children: [
+    /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
       "\u2500".repeat(2),
       " "
     ] }),
-    /* @__PURE__ */ jsx6(Text5, { color: theme.cyan, bold: true, children: model ? model.split(":")[0] : "--" }),
-    /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
-    /* @__PURE__ */ jsxs5(Text5, { color: theme.dim, children: [
+    /* @__PURE__ */ jsx5(Text4, { color: theme.cyan, bold: true, children: model ? model.split(":")[0] : "--" }),
+    /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
+    /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
       messageCount,
       " msgs"
     ] }),
-    /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
-    /* @__PURE__ */ jsxs5(Text5, { color: usageColor, children: [
+    /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
+    /* @__PURE__ */ jsxs4(Text4, { color: usageColor, children: [
       "ctx ",
       pct,
       "%"
     ] }),
-    state2.planMode ? /* @__PURE__ */ jsxs5(Fragment, { children: [
-      /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
-      /* @__PURE__ */ jsx6(Text5, { color: theme.yellow, bold: true, children: "PLAN" })
+    state2.planMode ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
+      /* @__PURE__ */ jsx5(Text4, { color: theme.yellow, bold: true, children: "PLAN" })
     ] }) : null,
-    activeTasks > 0 ? /* @__PURE__ */ jsxs5(Fragment, { children: [
-      /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
-      /* @__PURE__ */ jsxs5(Text5, { color: theme.green, children: [
+    activeTasks > 0 ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
+      /* @__PURE__ */ jsxs4(Text4, { color: theme.green, children: [
         activeTasks,
         " task",
         activeTasks > 1 ? "s" : ""
       ] })
     ] }) : null,
-    isStreaming ? /* @__PURE__ */ jsxs5(Fragment, { children: [
-      /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
-      /* @__PURE__ */ jsx6(Text5, { color: theme.cyan, children: "streaming" })
+    isStreaming ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+      /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
+      /* @__PURE__ */ jsx5(Text4, { color: theme.cyan, children: "streaming" })
     ] }) : null,
-    /* @__PURE__ */ jsxs5(Text5, { color: theme.dim, children: [
+    /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
       " ",
       "\u2500".repeat(2)
     ] })
@@ -2431,8 +2329,8 @@ var StatusLine = memo5(function StatusLine2({ model, messageCount, tokenEstimate
 
 // src/components/UserInput.tsx
 init_theme();
-import { useState as useState2, useCallback, memo as memo6 } from "react";
-import { Box as Box6, Text as Text6, useInput } from "ink";
+import { useState as useState2, useCallback, memo as memo5 } from "react";
+import { Box as Box5, Text as Text5, useInput } from "ink";
 import TextInput from "ink-text-input";
 
 // src/commands/help.ts
@@ -3468,8 +3366,8 @@ function getCommandNames() {
 }
 
 // src/components/UserInput.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-var UserInput = memo6(function UserInput2({ value, onChange, onSubmit, disabled, history }) {
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+var UserInput = memo5(function UserInput2({ value, onChange, onSubmit, disabled, history }) {
   const [historyIdx, setHistoryIdx] = useState2(-1);
   const [suggestion, setSuggestion] = useState2("");
   useInput((_input, key) => {
@@ -3517,20 +3415,20 @@ var UserInput = memo6(function UserInput2({ value, onChange, onSubmit, disabled,
   const borderColor = disabled ? theme.dim : isBash ? theme.yellow : isCommand ? theme.purple : theme.cyan;
   const promptChar = isBash ? "!" : "\u276F";
   const promptColor = isBash ? theme.yellow : theme.cyan;
-  return /* @__PURE__ */ jsxs6(
-    Box6,
+  return /* @__PURE__ */ jsxs5(
+    Box5,
     {
       borderStyle: "round",
       borderColor,
       paddingLeft: 1,
       paddingRight: 1,
       children: [
-        /* @__PURE__ */ jsxs6(Text6, { color: disabled ? theme.dim : promptColor, bold: true, children: [
+        /* @__PURE__ */ jsxs5(Text5, { color: disabled ? theme.dim : promptColor, bold: true, children: [
           promptChar,
           " "
         ] }),
-        disabled ? /* @__PURE__ */ jsx7(Text6, { color: theme.dim, children: "..." }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
-          /* @__PURE__ */ jsx7(
+        disabled ? /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: "..." }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
+          /* @__PURE__ */ jsx6(
             TextInput,
             {
               value,
@@ -3544,7 +3442,7 @@ var UserInput = memo6(function UserInput2({ value, onChange, onSubmit, disabled,
               }
             }
           ),
-          suggestion ? /* @__PURE__ */ jsx7(Text6, { color: theme.dim, children: suggestion }) : null
+          suggestion ? /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: suggestion }) : null
         ] })
       ]
     }
@@ -3560,7 +3458,71 @@ init_tools();
 init_bash();
 init_hooks();
 init_theme();
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+
+// src/utils/markdown.ts
+function renderMarkdown(text) {
+  const lines = text.split("\n");
+  const result = [];
+  let inCodeBlock = false;
+  let codeBlockLang = "";
+  for (const line of lines) {
+    if (line.trimStart().startsWith("```")) {
+      if (!inCodeBlock) {
+        codeBlockLang = line.trimStart().slice(3).trim();
+        const label = codeBlockLang ? ` ${codeBlockLang}` : "";
+        result.push(`\x1B[2m\x1B[38;2;94;234;212m\u2500\u2500\u2500 code${label} \u2500\u2500\u2500\x1B[0m`);
+        inCodeBlock = true;
+      } else {
+        result.push(`\x1B[2m\x1B[38;2;94;234;212m\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\x1B[0m`);
+        inCodeBlock = false;
+        codeBlockLang = "";
+      }
+      continue;
+    }
+    if (inCodeBlock) {
+      result.push(`\x1B[38;2;251;191;36m  ${line}\x1B[0m`);
+      continue;
+    }
+    const headerMatch = line.match(/^(#{1,6})\s+(.+)/);
+    if (headerMatch) {
+      const level = headerMatch[1].length;
+      const text2 = headerMatch[2];
+      if (level <= 2) {
+        result.push(`\x1B[1m\x1B[38;2;94;234;212m${text2}\x1B[0m`);
+      } else {
+        result.push(`\x1B[1m${text2}\x1B[0m`);
+      }
+      continue;
+    }
+    const listMatch = line.match(/^(\s*)[*-]\s+(.+)/);
+    if (listMatch) {
+      const indent = listMatch[1] || "";
+      const content = renderInline(listMatch[2]);
+      result.push(`${indent}\x1B[38;2;94;234;212m\u2022\x1B[0m ${content}`);
+      continue;
+    }
+    const orderedMatch = line.match(/^(\s*)\d+\.\s+(.+)/);
+    if (orderedMatch) {
+      const indent = orderedMatch[1] || "";
+      const content = renderInline(orderedMatch[2]);
+      result.push(`${indent}${content}`);
+      continue;
+    }
+    if (/^---+$|^\*\*\*+$|^___+$/.test(line.trim())) {
+      result.push(`\x1B[2m${"\u2500".repeat(40)}\x1B[0m`);
+      continue;
+    }
+    result.push(renderInline(line));
+  }
+  return result.join("\n");
+}
+function renderInline(text) {
+  return text.replace(/`([^`]+)`/g, "\x1B[38;2;251;191;36m$1\x1B[0m").replace(/\*\*\*(.+?)\*\*\*/g, "\x1B[1m\x1B[3m$1\x1B[0m").replace(/\*\*(.+?)\*\*/g, "\x1B[1m$1\x1B[0m").replace(/\*(.+?)\*/g, "\x1B[3m$1\x1B[0m").replace(/\[([^\]]+)\]\(([^)]+)\)/g, "\x1B[4m\x1B[38;2;94;234;212m$1\x1B[0m");
+}
+
+// src/repl.tsx
+init_format();
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function getContextLimit3(model) {
   const lower = model.toLowerCase();
   if (lower.includes("llama3.1")) return 131072;
@@ -3571,6 +3533,57 @@ function getContextLimit3(model) {
   if (lower.includes("deepseek")) return 32768;
   return 8192;
 }
+function FrozenItemView({ item }) {
+  switch (item.kind) {
+    case "banner":
+      return /* @__PURE__ */ jsx7(Banner, { model: item.model, cwd: item.cwd, providerName: item.providerName, providerOnline: item.providerOnline });
+    case "user":
+      return /* @__PURE__ */ jsxs6(Box6, { marginTop: 1, marginBottom: 1, children: [
+        /* @__PURE__ */ jsx7(Text6, { color: theme.cyan, bold: true, children: "\u276F " }),
+        /* @__PURE__ */ jsx7(Text6, { bold: true, color: theme.text, children: item.content })
+      ] });
+    case "assistant": {
+      if (!item.content) return null;
+      return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs6(Box6, { children: [
+        /* @__PURE__ */ jsx7(Text6, { color: theme.cyan, children: "\u23BF " }),
+        /* @__PURE__ */ jsx7(Text6, { wrap: "wrap", children: renderMarkdown(item.content) })
+      ] }) });
+    }
+    case "tool": {
+      const lines = item.content.split("\n");
+      const preview = lines.length > 8 ? lines.slice(0, 8).join("\n") + `
+... (${lines.length - 8} more lines)` : item.content;
+      return /* @__PURE__ */ jsx7(Box6, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsxs6(Text6, { color: theme.dim, children: [
+        "\u23BF ",
+        truncate(preview, 1200)
+      ] }) });
+    }
+    case "tool-result": {
+      const icon = item.isError ? "\u2718" : "\u2714";
+      const iconColor = item.isError ? theme.pink : theme.green;
+      const lines = item.output.split("\n");
+      const preview = lines.length > 6 ? lines.slice(0, 6).join("\n") + `
+... (${lines.length - 6} more lines)` : item.output;
+      return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [
+        /* @__PURE__ */ jsxs6(Box6, { children: [
+          /* @__PURE__ */ jsxs6(Text6, { color: iconColor, children: [
+            icon,
+            " "
+          ] }),
+          /* @__PURE__ */ jsx7(Text6, { bold: true, color: theme.yellow, children: item.toolName })
+        ] }),
+        /* @__PURE__ */ jsx7(Box6, { marginLeft: 2, children: /* @__PURE__ */ jsxs6(Text6, { color: theme.dim, children: [
+          "\u23BF ",
+          truncate(preview, 1200)
+        ] }) })
+      ] });
+    }
+    case "info":
+      return /* @__PURE__ */ jsx7(Box6, { marginBottom: 1, marginLeft: 2, children: /* @__PURE__ */ jsx7(Text6, { children: item.text }) });
+    default:
+      return null;
+  }
+}
 function REPL({ initialPrompt }) {
   const { model: initialModel, systemPromptOverride, maxTurns, initialMessages, initialSessionId } = useDarkfooContext();
   const { exit } = useApp();
@@ -3580,16 +3593,16 @@ function REPL({ initialPrompt }) {
   const [isStreaming, setIsStreaming] = useState3(false);
   const [receivedText, setReceivedText] = useState3(false);
   const [activeTool, setActiveTool] = useState3(null);
-  const [toolResults, setToolResults] = useState3([]);
   const [commandOutput, setCommandOutput] = useState3(null);
   const [inputHistory, setInputHistory] = useState3([]);
   const [tokenCounts, setTokenCounts] = useState3({ input: 0, output: 0 });
   const [systemPrompt, setSystemPrompt] = useState3("");
-  const [mascotMood, setMascotMood] = useState3("idle");
   const [providerOnline, setProviderOnline] = useState3(true);
   const abortRef = useRef2(null);
   const hasRun = useRef2(false);
   const sessionId = useRef2(initialSessionId ?? createSessionId());
+  const [frozen, setFrozen] = useState3([]);
+  const frozenBanner = useRef2(false);
   const streamingRef = useRef2(null);
   const messagesRef = useRef2(messages);
   messagesRef.current = messages;
@@ -3600,6 +3613,9 @@ function REPL({ initialPrompt }) {
   const tools = getTools();
   const cwd = process.cwd();
   const providerName = useMemo(() => getActiveProviderName(), [model, providerOnline]);
+  const freeze = useCallback2((item) => {
+    setFrozen((prev) => [...prev, item]);
+  }, []);
   useEffect2(() => {
     if (systemPromptOverride) {
       setSystemPrompt(systemPromptOverride);
@@ -3617,30 +3633,46 @@ function REPL({ initialPrompt }) {
       setProviderOnline(ok);
       if (!ok) {
         setModel("");
+        if (!frozenBanner.current) {
+          frozenBanner.current = true;
+          freeze({ id: "banner", kind: "banner", model: "", cwd, providerName: getActiveProviderName(), providerOnline: false });
+        }
         return;
       }
-      provider.listModels().then((models) => {
-        if (models.length === 0) {
-          setModel("");
-          return;
+      provider.listModels().then((resolvedModels) => {
+        let resolved = "";
+        if (resolvedModels.length > 0) {
+          const requested = model.toLowerCase();
+          const match = resolvedModels.find((m) => m.name.toLowerCase() === requested);
+          if (match) {
+            resolved = match.name;
+          } else {
+            const preferred = resolvedModels.find((m) => m.name.includes("llama3.1")) ?? resolvedModels.find((m) => m.name.includes("qwen")) ?? resolvedModels.find((m) => m.name.includes("instruct")) ?? resolvedModels[0];
+            if (preferred) {
+              resolved = preferred.name;
+              freeze({ id: nanoid6(), kind: "info", text: `Model "${model}" not found. Using ${preferred.name} instead.` });
+            }
+          }
         }
-        const requested = model.toLowerCase();
-        const match = models.find((m) => m.name.toLowerCase() === requested);
-        if (match) {
-          setModel(match.name);
-          return;
+        setModel(resolved);
+        if (!frozenBanner.current) {
+          frozenBanner.current = true;
+          freeze({ id: "banner", kind: "banner", model: resolved, cwd, providerName: getActiveProviderName(), providerOnline: true });
         }
-        const preferred = models.find((m) => m.name.includes("llama3.1")) ?? models.find((m) => m.name.includes("qwen")) ?? models.find((m) => m.name.includes("instruct")) ?? models[0];
-        if (preferred) {
-          setModel(preferred.name);
-          setCommandOutput(`Model "${model}" not found. Using ${preferred.name} instead.`);
-        } else {
-          setModel("");
+      }).catch(() => {
+        setModel("");
+        if (!frozenBanner.current) {
+          frozenBanner.current = true;
+          freeze({ id: "banner", kind: "banner", model: "", cwd, providerName: getActiveProviderName(), providerOnline: false });
         }
-      }).catch(() => setModel(""));
+      });
     }).catch(() => {
       setProviderOnline(false);
       setModel("");
+      if (!frozenBanner.current) {
+        frozenBanner.current = true;
+        freeze({ id: "banner", kind: "banner", model: "", cwd, providerName: getActiveProviderName(), providerOnline: false });
+      }
     });
   }, []);
   const clearMessages = useCallback2(() => setMessages([]), []);
@@ -3670,12 +3702,12 @@ function REPL({ initialPrompt }) {
         content: userMessage,
         timestamp: Date.now()
       };
+      freeze({ id: userMsg.id, kind: "user", content: userMessage });
       setMessages((prev) => [...prev, userMsg]);
       setIsStreaming(true);
       setReceivedText(false);
-      setToolResults([]);
+      setActiveTool(null);
       setCommandOutput(null);
-      setMascotMood("thinking");
       streamingRef.current?.clear();
       const controller = new AbortController();
       abortRef.current = controller;
@@ -3699,20 +3731,14 @@ function REPL({ initialPrompt }) {
               if (!gotFirstText) {
                 gotFirstText = true;
                 setReceivedText(true);
-                setMascotMood("idle");
               }
               break;
             case "tool_call":
               setActiveTool({ name: event.toolCall.function.name, args: event.toolCall.function.arguments });
-              setMascotMood("working");
               break;
             case "tool_result":
               setActiveTool(null);
-              setMascotMood(event.isError ? "error" : "working");
-              setToolResults((prev) => [
-                ...prev,
-                { id: nanoid6(), toolName: event.toolName, output: event.output, isError: event.isError }
-              ]);
+              freeze({ id: nanoid6(), kind: "tool-result", toolName: event.toolName, output: event.output, isError: event.isError });
               break;
             case "usage":
               setTokenCounts((prev) => ({
@@ -3724,6 +3750,9 @@ function REPL({ initialPrompt }) {
               streamingRef.current?.clear();
               setReceivedText(false);
               gotFirstText = false;
+              if (event.message.content) {
+                freeze({ id: event.message.id, kind: "assistant", content: event.message.content });
+              }
               setMessages((prev) => {
                 const updated = [...prev, event.message];
                 saveSession(sessionId.current, updated, currentModel, cwd).catch(() => {
@@ -3733,7 +3762,7 @@ function REPL({ initialPrompt }) {
               break;
             case "error":
               streamingRef.current?.clear();
-              setMascotMood("error");
+              freeze({ id: nanoid6(), kind: "assistant", content: `Error: ${event.error}` });
               setMessages((prev) => [
                 ...prev,
                 { id: nanoid6(), role: "assistant", content: `Error: ${event.error}`, timestamp: Date.now() }
@@ -3744,6 +3773,7 @@ function REPL({ initialPrompt }) {
       } catch (err) {
         if (err.name !== "AbortError") {
           const msg = err instanceof Error ? err.message : String(err);
+          freeze({ id: nanoid6(), kind: "assistant", content: `Error: ${msg}` });
           setMessages((prev) => [
             ...prev,
             { id: nanoid6(), role: "assistant", content: `Error: ${msg}`, timestamp: Date.now() }
@@ -3754,13 +3784,10 @@ function REPL({ initialPrompt }) {
         setIsStreaming(false);
         setReceivedText(false);
         setActiveTool(null);
-        setToolResults([]);
-        setMascotMood((prev) => prev === "error" ? "error" : "success");
-        setTimeout(() => setMascotMood("idle"), 2e3);
         abortRef.current = null;
       }
     },
-    [tools, cwd]
+    [tools, cwd, freeze]
   );
   const handleSubmit = useCallback2(
     async (value) => {
@@ -3778,17 +3805,13 @@ function REPL({ initialPrompt }) {
           if (result.replaceMessages) {
             setMessages(result.replaceMessages);
           }
-          if (result.foxMood) {
-            setMascotMood(result.foxMood);
-            setTimeout(() => setMascotMood("idle"), 3e3);
-          }
           if (result.exit) return;
           if (!result.silent && result.output) {
             runQuery(result.output);
             return;
           }
           if (result.output) {
-            setCommandOutput(result.output);
+            freeze({ id: nanoid6(), kind: "info", text: result.output });
           }
         }
         return;
@@ -3797,16 +3820,15 @@ function REPL({ initialPrompt }) {
         const cmd = value.slice(1).trim();
         if (!cmd) return;
         setIsStreaming(true);
-        setCommandOutput(null);
         try {
           const result = await BashTool.call(
             { command: cmd },
             { cwd, abortSignal: new AbortController().signal }
           );
-          setCommandOutput(result.output);
+          freeze({ id: nanoid6(), kind: "info", text: result.output });
         } catch (err) {
           const msg = err instanceof Error ? err.message : String(err);
-          setCommandOutput(`Error: ${msg}`);
+          freeze({ id: nanoid6(), kind: "info", text: `Error: ${msg}` });
         } finally {
           setIsStreaming(false);
         }
@@ -3814,7 +3836,7 @@ function REPL({ initialPrompt }) {
       }
       runQuery(value);
     },
-    [addToHistory, exit, cwd, runQuery]
+    [addToHistory, exit, cwd, runQuery, freeze]
   );
   useEffect2(() => {
     if (initialPrompt && !hasRun.current) {
@@ -3831,7 +3853,7 @@ function REPL({ initialPrompt }) {
     const usage = estTokens / limit;
     if (usage > 0.85) {
       autoCompactRef.current = true;
-      setCommandOutput("\x1B[33m[!] Context 85%+ full \u2014 auto-compacting...\x1B[0m");
+      freeze({ id: nanoid6(), kind: "info", text: "\x1B[33m[!] Context 85%+ full \u2014 auto-compacting...\x1B[0m" });
       const transcript = messages.filter((m) => m.role === "user" || m.role === "assistant" && m.content).map((m) => `${m.role}: ${m.content}`).join("\n\n");
       getProvider().chat({
         model,
@@ -3849,10 +3871,10 @@ ${result.content}
         };
         setMessages([summaryMsg]);
         setTokenCounts({ input: Math.ceil(result.content.length / 4), output: 0 });
-        setCommandOutput("\x1B[32m[ok] Auto-compacted conversation.\x1B[0m");
+        freeze({ id: nanoid6(), kind: "info", text: "\x1B[32m[ok] Auto-compacted conversation.\x1B[0m" });
         autoCompactRef.current = false;
       }).catch(() => {
-        setCommandOutput("\x1B[31m[err] Auto-compact failed.\x1B[0m");
+        freeze({ id: nanoid6(), kind: "info", text: "\x1B[31m[err] Auto-compact failed.\x1B[0m" });
         autoCompactRef.current = false;
       });
     }
@@ -3866,44 +3888,43 @@ ${result.content}
       }
     }
   });
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx8(Banner, { model, cwd, providerName, providerOnline, mood: mascotMood }),
-    /* @__PURE__ */ jsx8(Messages, { messages }),
-    commandOutput ? /* @__PURE__ */ jsx8(Box7, { marginBottom: 1, marginLeft: 2, flexDirection: "column", children: /* @__PURE__ */ jsx8(Text7, { children: commandOutput }) }) : null,
-    toolResults.map((tr) => /* @__PURE__ */ jsx8(ToolResultDisplay, { toolName: tr.toolName, output: tr.output, isError: tr.isError }, tr.id)),
-    activeTool ? /* @__PURE__ */ jsx8(ActiveToolCall, { toolName: activeTool.name, args: activeTool.args }) : null,
-    /* @__PURE__ */ jsx8(StreamingDisplay, { ref: streamingRef }),
-    isStreaming && !receivedText && !activeTool ? /* @__PURE__ */ jsxs7(Box7, { marginLeft: 2, children: [
-      /* @__PURE__ */ jsx8(Text7, { color: theme.cyan, children: "..." }),
-      /* @__PURE__ */ jsx8(Text7, { color: theme.dim, children: " Thinking" })
-    ] }) : null,
-    /* @__PURE__ */ jsx8(
-      UserInput,
-      {
-        value: inputValue,
-        onChange: setInputValue,
-        onSubmit: handleSubmit,
-        disabled: isStreaming,
-        history: inputHistory
-      }
-    ),
-    /* @__PURE__ */ jsx8(
-      StatusLine,
-      {
-        model,
-        messageCount: messages.length,
-        tokenEstimate: tokenCounts.input + tokenCounts.output,
-        isStreaming
-      }
-    )
+  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
+    /* @__PURE__ */ jsx7(Static, { items: frozen, children: (item) => /* @__PURE__ */ jsx7(FrozenItemView, { item }, item.id) }),
+    /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, children: [
+      activeTool ? /* @__PURE__ */ jsx7(ActiveToolCall, { toolName: activeTool.name, args: activeTool.args }) : null,
+      /* @__PURE__ */ jsx7(StreamingDisplay, { ref: streamingRef }),
+      isStreaming && !receivedText && !activeTool ? /* @__PURE__ */ jsxs6(Box6, { marginLeft: 2, children: [
+        /* @__PURE__ */ jsx7(Text6, { color: theme.cyan, children: "..." }),
+        /* @__PURE__ */ jsx7(Text6, { color: theme.dim, children: " Thinking" })
+      ] }) : null,
+      /* @__PURE__ */ jsx7(
+        UserInput,
+        {
+          value: inputValue,
+          onChange: setInputValue,
+          onSubmit: handleSubmit,
+          disabled: isStreaming,
+          history: inputHistory
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        StatusLine,
+        {
+          model,
+          messageCount: messages.length,
+          tokenEstimate: tokenCounts.input + tokenCounts.output,
+          isStreaming
+        }
+      )
+    ] })
   ] });
 }
 
 // src/main.tsx
 init_providers();
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var program = new Command();
-program.name("darkfoo").description("Darkfoo Code \u2014 local AI coding assistant powered by local LLM providers").version("0.4.2").option("-m, --model <model>", "Model to use", "llama3.1:8b").option("-p, --prompt <prompt>", "Run a single prompt (non-interactive)").option("-c, --continue", "Resume the most recent session").option("--resume <id>", "Resume a specific session by ID").option("--max-turns <n>", "Maximum tool-use turns per query", "30").option("--debug", "Enable debug logging to stderr").option("--output-format <format>", "Output format for non-interactive mode (text, json)").option("--provider <name>", "LLM provider backend (ollama, llama-cpp, vllm, tgi, etc.)").option("--system-prompt <prompt>", "Override the system prompt").action(async (options) => {
+program.name("darkfoo").description("Darkfoo Code \u2014 local AI coding assistant powered by local LLM providers").version("0.4.3").option("-m, --model <model>", "Model to use", "llama3.1:8b").option("-p, --prompt <prompt>", "Run a single prompt (non-interactive)").option("-c, --continue", "Resume the most recent session").option("--resume <id>", "Resume a specific session by ID").option("--max-turns <n>", "Maximum tool-use turns per query", "30").option("--debug", "Enable debug logging to stderr").option("--output-format <format>", "Output format for non-interactive mode (text, json)").option("--provider <name>", "LLM provider backend (ollama, llama-cpp, vllm, tgi, etc.)").option("--system-prompt <prompt>", "Override the system prompt").action(async (options) => {
   const { model, prompt, provider, systemPrompt } = options;
   if (options.debug) {
     const { setDebugMode: setDebugMode2 } = await Promise.resolve().then(() => (init_debug(), debug_exports));
@@ -4038,7 +4059,7 @@ Error: ${event.error}
     }
   }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8(
       App,
       {
         model: resolvedModel,
@@ -4046,7 +4067,7 @@ Error: ${event.error}
         maxTurns,
         initialMessages,
         initialSessionId,
-        children: /* @__PURE__ */ jsx9(REPL, {})
+        children: /* @__PURE__ */ jsx8(REPL, {})
       }
     )
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "darkfoo-code",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "description": "Darkfoo Code — local AI coding assistant powered by Ollama, vLLM, llama.cpp, and other LLM providers",
   "type": "module",
   "license": "MIT",