darkfoo-code 0.4.1 → 0.4.3

package/dist/main.js

@@ -2068,8 +2068,8 @@ function App({ model, systemPromptOverride, maxTurns, initialMessages, initialSe
 }
 
 // src/repl.tsx
-import { useState as useState2, useCallback as useCallback2, useEffect, useRef, useMemo } from "react";
-import { Box as Box6, Text as Text6, useApp, useInput as useInput2 } from "ink";
+import { useState as useState3, useCallback as useCallback2, useEffect as useEffect2, useRef as useRef2, useMemo } from "react";
+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.1";
+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,107 +2162,56 @@ 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)
-      ] }) });
+var FLUSH_INTERVAL_MS = 150;
+var StreamingDisplay = memo2(forwardRef(function StreamingDisplay2(_, ref) {
+  const bufferRef = useRef("");
+  const [displayText, setDisplayText] = useState("");
+  const timerRef = useRef(null);
+  function startTimer() {
+    if (timerRef.current) return;
+    timerRef.current = setInterval(() => {
+      const buf = bufferRef.current;
+      if (!buf) return;
+      const lastNL = buf.lastIndexOf("\n");
+      setDisplayText(lastNL >= 0 ? buf.substring(0, lastNL + 1) : buf);
+    }, FLUSH_INTERVAL_MS);
+  }
+  function stopTimer() {
+    if (timerRef.current) {
+      clearInterval(timerRef.current);
+      timerRef.current = null;
+    }
+  }
+  useImperativeHandle(ref, () => ({
+    append(text) {
+      bufferRef.current += text;
+      startTimer();
+    },
+    clear() {
+      stopTimer();
+      if (bufferRef.current) {
+        setDisplayText("");
+      }
+      bufferRef.current = "";
+    },
+    getText() {
+      return bufferRef.current;
     }
-    default:
-      return null;
-  }
-});
+  }));
+  useEffect(() => {
+    return () => stopTimer();
+  }, []);
+  if (!displayText) return null;
+  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();
@@ -2380,7 +2329,7 @@ var StatusLine = memo4(function StatusLine2({ model, messageCount, tokenEstimate
 
 // src/components/UserInput.tsx
 init_theme();
-import { useState, useCallback, memo as memo5 } from "react";
+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";
 
@@ -3419,8 +3368,8 @@ function getCommandNames() {
 // src/components/UserInput.tsx
 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] = useState(-1);
-  const [suggestion, setSuggestion] = useState("");
+  const [historyIdx, setHistoryIdx] = useState2(-1);
+  const [suggestion, setSuggestion] = useState2("");
   useInput((_input, key) => {
     if (disabled || !history || history.length === 0) return;
     if (key.upArrow) {
@@ -3509,7 +3458,71 @@ init_tools();
 init_bash();
 init_hooks();
 init_theme();
-import { jsx as jsx7, jsxs as jsxs6 } 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;
@@ -3520,105 +3533,150 @@ function getContextLimit3(model) {
   if (lower.includes("deepseek")) return 32768;
   return 8192;
 }
-var STREAM_THROTTLE_MS = 80;
+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();
-  const [model, setModel] = useState2(initialModel);
-  const [messages, setMessages] = useState2(initialMessages ?? []);
-  const [inputValue, setInputValue] = useState2("");
-  const [isStreaming, setIsStreaming] = useState2(false);
-  const [streamingText, setStreamingText] = useState2("");
-  const [activeTool, setActiveTool] = useState2(null);
-  const [toolResults, setToolResults] = useState2([]);
-  const [commandOutput, setCommandOutput] = useState2(null);
-  const [inputHistory, setInputHistory] = useState2([]);
-  const [tokenCounts, setTokenCounts] = useState2({ input: 0, output: 0 });
-  const [systemPrompt, setSystemPrompt] = useState2("");
-  const [mascotMood, setMascotMood] = useState2("idle");
-  const [providerOnline, setProviderOnline] = useState2(true);
-  const abortRef = useRef(null);
-  const hasRun = useRef(false);
-  const sessionId = useRef(initialSessionId ?? createSessionId());
-  const streamBufferRef = useRef("");
-  const streamFlushTimer = useRef(null);
-  const startStreamFlush = useCallback2(() => {
-    if (streamFlushTimer.current) return;
-    streamFlushTimer.current = setInterval(() => {
-      const buf = streamBufferRef.current;
-      if (buf) {
-        setStreamingText(buf);
-      }
-    }, STREAM_THROTTLE_MS);
-  }, []);
-  const stopStreamFlush = useCallback2(() => {
-    if (streamFlushTimer.current) {
-      clearInterval(streamFlushTimer.current);
-      streamFlushTimer.current = null;
-    }
-    if (streamBufferRef.current) {
-      setStreamingText(streamBufferRef.current);
-    }
-  }, []);
-  useEffect(() => {
-    return () => {
-      if (streamFlushTimer.current) clearInterval(streamFlushTimer.current);
-    };
-  }, []);
-  const messagesRef = useRef(messages);
+  const [model, setModel] = useState3(initialModel);
+  const [messages, setMessages] = useState3(initialMessages ?? []);
+  const [inputValue, setInputValue] = useState3("");
+  const [isStreaming, setIsStreaming] = useState3(false);
+  const [receivedText, setReceivedText] = useState3(false);
+  const [activeTool, setActiveTool] = useState3(null);
+  const [commandOutput, setCommandOutput] = useState3(null);
+  const [inputHistory, setInputHistory] = useState3([]);
+  const [tokenCounts, setTokenCounts] = useState3({ input: 0, output: 0 });
+  const [systemPrompt, setSystemPrompt] = useState3("");
+  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;
-  const modelRef = useRef(model);
+  const modelRef = useRef2(model);
   modelRef.current = model;
-  const systemPromptRef = useRef(systemPrompt);
+  const systemPromptRef = useRef2(systemPrompt);
   systemPromptRef.current = systemPrompt;
   const tools = getTools();
   const cwd = process.cwd();
   const providerName = useMemo(() => getActiveProviderName(), [model, providerOnline]);
-  useEffect(() => {
+  const freeze = useCallback2((item) => {
+    setFrozen((prev) => [...prev, item]);
+  }, []);
+  useEffect2(() => {
     if (systemPromptOverride) {
       setSystemPrompt(systemPromptOverride);
     } else {
       buildSystemPrompt(tools, cwd).then(setSystemPrompt);
     }
   }, []);
-  useEffect(() => {
+  useEffect2(() => {
     executeHooks("session_start", { cwd }).catch(() => {
     });
   }, []);
-  useEffect(() => {
+  useEffect2(() => {
     const provider = getProvider();
     provider.healthCheck().then((ok) => {
       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([]), []);
-  const commandContextRef = useRef({
+  const commandContextRef = useRef2({
     messages,
     model,
     cwd,
@@ -3644,20 +3702,19 @@ function REPL({ initialPrompt }) {
         content: userMessage,
         timestamp: Date.now()
       };
+      freeze({ id: userMsg.id, kind: "user", content: userMessage });
       setMessages((prev) => [...prev, userMsg]);
       setIsStreaming(true);
-      streamBufferRef.current = "";
-      setStreamingText("");
-      setToolResults([]);
+      setReceivedText(false);
+      setActiveTool(null);
       setCommandOutput(null);
-      setMascotMood("thinking");
+      streamingRef.current?.clear();
       const controller = new AbortController();
       abortRef.current = controller;
       const allMessages = [...messagesRef.current, userMsg];
       const currentModel = modelRef.current;
       const currentSystemPrompt = systemPromptRef.current;
-      let receivedFirstText = false;
-      startStreamFlush();
+      let gotFirstText = false;
       try {
         for await (const event of query({
           model: currentModel,
@@ -3670,24 +3727,18 @@ function REPL({ initialPrompt }) {
           if (controller.signal.aborted) break;
           switch (event.type) {
             case "text_delta":
-              streamBufferRef.current += event.text;
-              if (!receivedFirstText) {
-                receivedFirstText = true;
-                setMascotMood("idle");
+              streamingRef.current?.append(event.text);
+              if (!gotFirstText) {
+                gotFirstText = true;
+                setReceivedText(true);
               }
               break;
             case "tool_call":
-              stopStreamFlush();
               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) => ({
@@ -3696,21 +3747,22 @@ function REPL({ initialPrompt }) {
               }));
               break;
             case "assistant_message":
-              stopStreamFlush();
+              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(() => {
                 });
                 return updated;
               });
-              streamBufferRef.current = "";
-              setStreamingText("");
-              receivedFirstText = false;
-              startStreamFlush();
               break;
             case "error":
-              stopStreamFlush();
-              setMascotMood("error");
+              streamingRef.current?.clear();
+              freeze({ id: nanoid6(), kind: "assistant", content: `Error: ${event.error}` });
               setMessages((prev) => [
                 ...prev,
                 { id: nanoid6(), role: "assistant", content: `Error: ${event.error}`, timestamp: Date.now() }
@@ -3721,24 +3773,21 @@ 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() }
           ]);
         }
       } finally {
-        stopStreamFlush();
-        streamBufferRef.current = "";
+        streamingRef.current?.clear();
         setIsStreaming(false);
-        setStreamingText("");
+        setReceivedText(false);
         setActiveTool(null);
-        setToolResults([]);
-        setMascotMood((prev) => prev === "error" ? "error" : "success");
-        setTimeout(() => setMascotMood("idle"), 2e3);
         abortRef.current = null;
       }
     },
-    [tools, cwd, startStreamFlush, stopStreamFlush]
+    [tools, cwd, freeze]
   );
   const handleSubmit = useCallback2(
     async (value) => {
@@ -3756,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;
@@ -3775,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);
         }
@@ -3792,16 +3836,16 @@ function REPL({ initialPrompt }) {
       }
       runQuery(value);
     },
-    [addToHistory, exit, cwd, runQuery]
+    [addToHistory, exit, cwd, runQuery, freeze]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (initialPrompt && !hasRun.current) {
       hasRun.current = true;
       runQuery(initialPrompt);
     }
   }, [initialPrompt, runQuery]);
-  const autoCompactRef = useRef(false);
-  useEffect(() => {
+  const autoCompactRef = useRef2(false);
+  useEffect2(() => {
     if (isStreaming || autoCompactRef.current || messages.length < 6) return;
     const totalChars = messages.reduce((sum, m) => sum + m.content.length, 0);
     const estTokens = Math.ceil(totalChars / 4) + 2e3;
@@ -3809,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,
@@ -3827,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;
       });
     }
@@ -3844,39 +3888,35 @@ ${result.content}
       }
     }
   });
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx7(Banner, { model, cwd, providerName, providerOnline, mood: mascotMood }),
-    /* @__PURE__ */ jsx7(Messages, { messages }),
-    commandOutput ? /* @__PURE__ */ jsx7(Box6, { marginBottom: 1, marginLeft: 2, flexDirection: "column", children: /* @__PURE__ */ jsx7(Text6, { children: commandOutput }) }) : null,
-    toolResults.map((tr) => /* @__PURE__ */ jsx7(ToolResultDisplay, { toolName: tr.toolName, output: tr.output, isError: tr.isError }, tr.id)),
-    activeTool ? /* @__PURE__ */ jsx7(ActiveToolCall, { toolName: activeTool.name, args: activeTool.args }) : null,
-    isStreaming && streamingText ? /* @__PURE__ */ jsxs6(Box6, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx7(Text6, { color: theme.cyan, children: "\u23BF " }),
-      /* @__PURE__ */ jsx7(Text6, { color: theme.text, wrap: "wrap", children: streamingText })
-    ] }) : null,
-    isStreaming && !streamingText && !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
-      }
-    )
+  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
+        }
+      )
+    ] })
   ] });
 }
 
@@ -3884,7 +3924,7 @@ ${result.content}
 init_providers();
 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.1").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));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "darkfoo-code",
-  "version": "0.4.1",
+  "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",