darkfoo-code 0.4.1 → 0.4.2

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 Box7, Text as Text7, 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.2";
 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",
@@ -2264,40 +2264,91 @@ var MessageRow = memo2(function MessageRow2({ message }) {
   }
 });
 
-// src/components/ToolCall.tsx
+// src/components/StreamingDisplay.tsx
 init_theme();
-init_format();
-import { memo as memo3 } from "react";
+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 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: [
+var FLUSH_INTERVAL_MS = 150;
+var StreamingDisplay = memo3(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;
+    }
+  }));
+  useEffect(() => {
+    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 })
+  ] });
+}));
+
+// 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: [
       " ",
       toolName
     ] }),
-    args ? /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
+    args ? /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
       " ",
       formatToolArgs(args)
     ] }) : null
   ] });
 });
-var ToolResultDisplay = memo3(function ToolResultDisplay2({ toolName, output, isError }) {
+var ToolResultDisplay = memo4(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__ */ jsxs3(Box3, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs3(Box3, { children: [
-      /* @__PURE__ */ jsxs3(Text3, { color: iconColor, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs4(Box4, { children: [
+      /* @__PURE__ */ jsxs4(Text4, { color: iconColor, children: [
         icon,
         " "
       ] }),
-      /* @__PURE__ */ jsx4(Text3, { bold: true, color: theme.yellow, children: toolName })
+      /* @__PURE__ */ jsx5(Text4, { bold: true, color: theme.yellow, children: toolName })
     ] }),
-    /* @__PURE__ */ jsx4(Box3, { marginLeft: 2, children: /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
+    /* @__PURE__ */ jsx5(Box4, { marginLeft: 2, children: /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
       "\u23BF ",
       truncate(preview, 1200)
     ] }) })
@@ -2318,9 +2369,9 @@ function formatToolArgs(args) {
 // src/components/StatusLine.tsx
 init_theme();
 init_state();
-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";
+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";
 function getContextLimit(model) {
   const lower = model.toLowerCase();
   if (lower.includes("llama3.1")) return 131072;
@@ -2331,47 +2382,47 @@ function getContextLimit(model) {
   if (lower.includes("deepseek")) return 32768;
   return 8192;
 }
-var StatusLine = memo4(function StatusLine2({ model, messageCount, tokenEstimate, isStreaming }) {
+var StatusLine = memo5(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__ */ jsxs4(Box4, { marginTop: 1, children: [
-    /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
+  return /* @__PURE__ */ jsxs5(Box5, { marginTop: 1, children: [
+    /* @__PURE__ */ jsxs5(Text5, { color: theme.dim, children: [
       "\u2500".repeat(2),
       " "
     ] }),
-    /* @__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: [
+    /* @__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: [
       messageCount,
       " msgs"
     ] }),
-    /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
-    /* @__PURE__ */ jsxs4(Text4, { color: usageColor, children: [
+    /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
+    /* @__PURE__ */ jsxs5(Text5, { color: usageColor, children: [
       "ctx ",
       pct,
       "%"
     ] }),
-    state2.planMode ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-      /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
-      /* @__PURE__ */ jsx5(Text4, { color: theme.yellow, bold: true, children: "PLAN" })
+    state2.planMode ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
+      /* @__PURE__ */ jsx6(Text5, { color: theme.yellow, bold: true, children: "PLAN" })
     ] }) : null,
-    activeTasks > 0 ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-      /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
-      /* @__PURE__ */ jsxs4(Text4, { color: theme.green, children: [
+    activeTasks > 0 ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
+      /* @__PURE__ */ jsxs5(Text5, { color: theme.green, children: [
         activeTasks,
         " task",
         activeTasks > 1 ? "s" : ""
       ] })
     ] }) : null,
-    isStreaming ? /* @__PURE__ */ jsxs4(Fragment, { children: [
-      /* @__PURE__ */ jsx5(Text4, { color: theme.dim, children: " \u2502 " }),
-      /* @__PURE__ */ jsx5(Text4, { color: theme.cyan, children: "streaming" })
+    isStreaming ? /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: " \u2502 " }),
+      /* @__PURE__ */ jsx6(Text5, { color: theme.cyan, children: "streaming" })
     ] }) : null,
-    /* @__PURE__ */ jsxs4(Text4, { color: theme.dim, children: [
+    /* @__PURE__ */ jsxs5(Text5, { color: theme.dim, children: [
       " ",
       "\u2500".repeat(2)
     ] })
@@ -2380,8 +2431,8 @@ var StatusLine = memo4(function StatusLine2({ model, messageCount, tokenEstimate
 
 // src/components/UserInput.tsx
 init_theme();
-import { useState, useCallback, memo as memo5 } from "react";
-import { Box as Box5, Text as Text5, useInput } from "ink";
+import { useState as useState2, useCallback, memo as memo6 } from "react";
+import { Box as Box6, Text as Text6, useInput } from "ink";
 import TextInput from "ink-text-input";
 
 // src/commands/help.ts
@@ -3417,10 +3468,10 @@ 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("");
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+var UserInput = memo6(function UserInput2({ value, onChange, onSubmit, disabled, history }) {
+  const [historyIdx, setHistoryIdx] = useState2(-1);
+  const [suggestion, setSuggestion] = useState2("");
   useInput((_input, key) => {
     if (disabled || !history || history.length === 0) return;
     if (key.upArrow) {
@@ -3466,20 +3517,20 @@ var UserInput = memo5(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__ */ jsxs5(
-    Box5,
+  return /* @__PURE__ */ jsxs6(
+    Box6,
     {
       borderStyle: "round",
       borderColor,
       paddingLeft: 1,
       paddingRight: 1,
       children: [
-        /* @__PURE__ */ jsxs5(Text5, { color: disabled ? theme.dim : promptColor, bold: true, children: [
+        /* @__PURE__ */ jsxs6(Text6, { color: disabled ? theme.dim : promptColor, bold: true, children: [
           promptChar,
           " "
         ] }),
-        disabled ? /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: "..." }) : /* @__PURE__ */ jsxs5(Fragment2, { children: [
-          /* @__PURE__ */ jsx6(
+        disabled ? /* @__PURE__ */ jsx7(Text6, { color: theme.dim, children: "..." }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
+          /* @__PURE__ */ jsx7(
             TextInput,
             {
               value,
@@ -3493,7 +3544,7 @@ var UserInput = memo5(function UserInput2({ value, onChange, onSubmit, disabled,
               }
             }
           ),
-          suggestion ? /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: suggestion }) : null
+          suggestion ? /* @__PURE__ */ jsx7(Text6, { color: theme.dim, children: suggestion }) : null
         ] })
       ]
     }
@@ -3509,7 +3560,7 @@ init_tools();
 init_bash();
 init_hooks();
 init_theme();
-import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function getContextLimit3(model) {
   const lower = model.toLowerCase();
   if (lower.includes("llama3.1")) return 131072;
@@ -3520,72 +3571,47 @@ function getContextLimit3(model) {
   if (lower.includes("deepseek")) return 32768;
   return 8192;
 }
-var STREAM_THROTTLE_MS = 80;
 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 [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 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(() => {
+  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);
@@ -3618,7 +3644,7 @@ function REPL({ initialPrompt }) {
     });
   }, []);
   const clearMessages = useCallback2(() => setMessages([]), []);
-  const commandContextRef = useRef({
+  const commandContextRef = useRef2({
     messages,
     model,
     cwd,
@@ -3646,18 +3672,17 @@ function REPL({ initialPrompt }) {
       };
       setMessages((prev) => [...prev, userMsg]);
       setIsStreaming(true);
-      streamBufferRef.current = "";
-      setStreamingText("");
+      setReceivedText(false);
       setToolResults([]);
       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,14 +3695,14 @@ function REPL({ initialPrompt }) {
           if (controller.signal.aborted) break;
           switch (event.type) {
             case "text_delta":
-              streamBufferRef.current += event.text;
-              if (!receivedFirstText) {
-                receivedFirstText = true;
+              streamingRef.current?.append(event.text);
+              if (!gotFirstText) {
+                gotFirstText = true;
+                setReceivedText(true);
                 setMascotMood("idle");
               }
               break;
             case "tool_call":
-              stopStreamFlush();
               setActiveTool({ name: event.toolCall.function.name, args: event.toolCall.function.arguments });
               setMascotMood("working");
               break;
@@ -3696,20 +3721,18 @@ function REPL({ initialPrompt }) {
               }));
               break;
             case "assistant_message":
-              stopStreamFlush();
+              streamingRef.current?.clear();
+              setReceivedText(false);
+              gotFirstText = false;
               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();
+              streamingRef.current?.clear();
               setMascotMood("error");
               setMessages((prev) => [
                 ...prev,
@@ -3727,10 +3750,9 @@ function REPL({ initialPrompt }) {
           ]);
         }
       } finally {
-        stopStreamFlush();
-        streamBufferRef.current = "";
+        streamingRef.current?.clear();
         setIsStreaming(false);
-        setStreamingText("");
+        setReceivedText(false);
         setActiveTool(null);
         setToolResults([]);
         setMascotMood((prev) => prev === "error" ? "error" : "success");
@@ -3738,7 +3760,7 @@ function REPL({ initialPrompt }) {
         abortRef.current = null;
       }
     },
-    [tools, cwd, startStreamFlush, stopStreamFlush]
+    [tools, cwd]
   );
   const handleSubmit = useCallback2(
     async (value) => {
@@ -3794,14 +3816,14 @@ function REPL({ initialPrompt }) {
     },
     [addToHistory, exit, cwd, runQuery]
   );
-  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;
@@ -3844,21 +3866,18 @@ ${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 })
+  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,
-    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(
+    /* @__PURE__ */ jsx8(
       UserInput,
       {
         value: inputValue,
@@ -3868,7 +3887,7 @@ ${result.content}
         history: inputHistory
       }
     ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsx8(
       StatusLine,
       {
         model,
@@ -3882,9 +3901,9 @@ ${result.content}
 
 // src/main.tsx
 init_providers();
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } 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.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) => {
   const { model, prompt, provider, systemPrompt } = options;
   if (options.debug) {
     const { setDebugMode: setDebugMode2 } = await Promise.resolve().then(() => (init_debug(), debug_exports));
@@ -4019,7 +4038,7 @@ Error: ${event.error}
     }
   }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx9(
       App,
       {
         model: resolvedModel,
@@ -4027,7 +4046,7 @@ Error: ${event.error}
         maxTurns,
         initialMessages,
         initialSessionId,
-        children: /* @__PURE__ */ jsx8(REPL, {})
+        children: /* @__PURE__ */ jsx9(REPL, {})
       }
     )
   );

package/package.json

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