darkfoo-code 0.3.0 → 0.4.1

package/dist/main.js

@@ -18,18 +18,30 @@ var init_theme = __esm({
   "src/utils/theme.ts"() {
     "use strict";
     theme = {
-      cyan: "#5eead4",
-      cyanDim: "#3ab5a0",
-      pink: "#f472b6",
-      pinkDim: "#c2588e",
-      purple: "#a78bfa",
+      cyan: "#3b82f6",
+      // bright blue (primary)
+      cyanDim: "#2563eb",
+      // deeper blue
+      pink: "#ea580c",
+      // burnt orange (accent)
+      pinkDim: "#c2410c",
+      // deep burnt orange
+      purple: "#7c6ddb",
+      // blue-violet (midpoint)
       green: "#4ade80",
-      yellow: "#fbbf24",
+      // success green
+      yellow: "#f59e0b",
+      // warm amber
       red: "#ef4444",
+      // errors
       text: "#e2e8f0",
+      // body text
       dim: "#7e8ea6",
+      // secondary
       surface: "#111827",
+      // component backgrounds
       bg: "#0c1021"
+      // terminal background
     };
   }
 });
@@ -2056,37 +2068,16 @@ function App({ model, systemPromptOverride, maxTurns, initialMessages, initialSe
 }
 
 // src/repl.tsx
-import { useState as useState2, useCallback as useCallback2, useEffect, useRef } from "react";
-import { Box as Box7, Text as Text7, useApp, useInput as useInput2 } from "ink";
+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 { nanoid as nanoid6 } from "nanoid";
 
 // src/components/Banner.tsx
 init_theme();
-import { memo as memo2 } from "react";
-import { Box as Box2, Text as Text2 } from "ink";
-
-// src/components/Mascot.tsx
 import { memo } from "react";
 import { Box, Text } from "ink";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var MOOD_COLORS = {
-  idle: "#5eead4",
-  thinking: "#a78bfa",
-  working: "#fbbf24",
-  success: "#4ade80",
-  error: "#f472b6"
-};
-var Mascot = memo(function Mascot2({ mood = "idle" }) {
-  const color = MOOD_COLORS[mood];
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", children: [
-    /* @__PURE__ */ jsx2(Text, { color, children: "    \u259F\u2588\u2588\u2599" }),
-    /* @__PURE__ */ jsx2(Text, { color, children: "   \u2590\u2588\u2588\u2588\u2588\u258C" }),
-    /* @__PURE__ */ jsx2(Text, { color, children: "    \u259C\u2588\u2588\u259B" })
-  ] });
-});
-
-// src/components/Banner.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+var version = "0.4.1";
 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",
@@ -2097,14 +2088,21 @@ var LOGO_LINES = [
 ];
 var SUBTITLE = "                  -- C O D E --";
 var GRADIENT = [
-  "#5eead4",
-  "#6ee0c8",
-  "#82c8d0",
-  "#96b0d8",
-  "#a78bfa",
-  "#c47ee8",
-  "#f472b6"
+  "#3b82f6",
+  "#5a72e0",
+  "#7c6ddb",
+  "#9a5ec0",
+  "#b8509a",
+  "#d46030",
+  "#ea580c"
 ];
+var MOOD_COLORS = {
+  idle: "#3b82f6",
+  thinking: "#7c6ddb",
+  working: "#f59e0b",
+  success: "#4ade80",
+  error: "#ea580c"
+};
 function lineColor(index) {
   const t = index / (LOGO_LINES.length - 1);
   return GRADIENT[Math.round(t * (GRADIENT.length - 1))];
@@ -2115,37 +2113,51 @@ function gradientBar(width) {
     color: GRADIENT[Math.round(i / (width - 1) * (GRADIENT.length - 1))]
   }));
 }
-var Banner = memo2(function Banner2({ model, cwd, providerName, providerOnline, mood }) {
+var Banner = memo(function Banner2({ model, cwd, providerName, providerOnline, mood = "idle" }) {
   const bar = gradientBar(60);
   const statusTag = providerOnline ? "[connected]" : "[offline]";
   const statusColor = providerOnline ? theme.green ?? "#4ade80" : theme.pink ?? "#f472b6";
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginBottom: 1, children: [
-    /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", alignItems: "center", children: [
-      LOGO_LINES.map((line, i) => /* @__PURE__ */ jsx3(Text2, { color: lineColor(i), bold: true, children: line }, i)),
-      /* @__PURE__ */ jsx3(Text2, { color: theme.purple ?? "#a78bfa", bold: true, children: SUBTITLE })
+  const mascotColor = MOOD_COLORS[mood] ?? MOOD_COLORS.idle;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      /* @__PURE__ */ jsxs(Box, { flexDirection: "column", children: [
+        LOGO_LINES.map((line, i) => /* @__PURE__ */ jsx2(Text, { color: lineColor(i), bold: true, children: line }, i)),
+        /* @__PURE__ */ jsx2(Text, { color: theme.purple ?? "#a78bfa", bold: true, children: SUBTITLE }),
+        /* @__PURE__ */ jsxs(Text, { color: theme.dim ?? "#7e8ea6", children: [
+          "                        v",
+          version
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Box, { marginLeft: 2, flexDirection: "column", justifyContent: "flex-end", children: [
+        /* @__PURE__ */ jsx2(Text, { color: mascotColor, children: "  \u2584\u2588\u2588\u2584" }),
+        /* @__PURE__ */ jsx2(Text, { color: mascotColor, children: " \u2590\u2588\u25E6\u25E6\u2588\u258C" }),
+        /* @__PURE__ */ jsx2(Text, { color: mascotColor, children: " \u2590\u258C\u25C6\u25C6\u2590\u258C" }),
+        /* @__PURE__ */ jsx2(Text, { color: mascotColor, children: " \u2590\u258C\u2584\u2584\u2590\u258C" }),
+        /* @__PURE__ */ jsx2(Text, { color: mascotColor, children: "  \u2580\u2580\u2580\u2580" })
+      ] })
     ] }),
-    /* @__PURE__ */ jsx3(Box2, { justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx3(Mascot, { mood }) }),
-    /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
+    /* @__PURE__ */ jsx2(Text, { children: " " }),
+    /* @__PURE__ */ jsxs(Text, { children: [
       "  ",
-      bar.map((d, i) => /* @__PURE__ */ jsx3(Text2, { color: d.color, children: d.char }, i))
-    ] }) }),
-    /* @__PURE__ */ jsxs2(Box2, { marginTop: 1, marginLeft: 2, children: [
-      /* @__PURE__ */ jsx3(Text2, { color: theme.dim ?? "#7e8ea6", children: "model  " }),
-      model ? /* @__PURE__ */ jsx3(Text2, { color: theme.cyan ?? "#5eead4", bold: true, children: model }) : /* @__PURE__ */ jsx3(Text2, { color: theme.dim ?? "#7e8ea6", children: "--" })
+      bar.map((d, i) => /* @__PURE__ */ jsx2(Text, { color: d.color, children: d.char }, i))
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { marginTop: 1, marginLeft: 2, children: [
+      /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: "model  " }),
+      model ? /* @__PURE__ */ jsx2(Text, { color: theme.cyan ?? "#5eead4", bold: true, children: model }) : /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: "--" })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { marginLeft: 2, children: [
-      /* @__PURE__ */ jsx3(Text2, { color: theme.dim ?? "#7e8ea6", children: "via    " }),
-      /* @__PURE__ */ jsx3(Text2, { color: theme.text ?? "#e2e8f0", children: providerName }),
-      /* @__PURE__ */ jsx3(Text2, { color: theme.dim ?? "#7e8ea6", children: " " }),
-      /* @__PURE__ */ jsx3(Text2, { color: statusColor, children: statusTag })
+    /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
+      /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: "via    " }),
+      /* @__PURE__ */ jsx2(Text, { color: theme.text ?? "#e2e8f0", children: providerName }),
+      /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: " " }),
+      /* @__PURE__ */ jsx2(Text, { color: statusColor, children: statusTag })
     ] }),
-    /* @__PURE__ */ jsxs2(Box2, { marginLeft: 2, children: [
-      /* @__PURE__ */ jsx3(Text2, { color: theme.dim ?? "#7e8ea6", children: "cwd    " }),
-      /* @__PURE__ */ jsx3(Text2, { color: theme.text ?? "#e2e8f0", children: cwd })
+    /* @__PURE__ */ jsxs(Box, { marginLeft: 2, children: [
+      /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: "cwd    " }),
+      /* @__PURE__ */ jsx2(Text, { color: theme.text ?? "#e2e8f0", children: cwd })
     ] }),
-    /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
+    /* @__PURE__ */ jsx2(Box, { marginTop: 1, children: /* @__PURE__ */ jsxs(Text, { children: [
       "  ",
-      bar.map((d, i) => /* @__PURE__ */ jsx3(Text2, { color: d.color, children: d.char }, i))
+      bar.map((d, i) => /* @__PURE__ */ jsx2(Text, { color: d.color, children: d.char }, i))
     ] }) })
   ] });
 });
@@ -2153,8 +2165,8 @@ var Banner = memo2(function Banner2({ model, cwd, providerName, providerOnline,
 // src/components/Messages.tsx
 init_theme();
 init_format();
-import { memo as memo3 } from "react";
-import { Box as Box3, Text as Text3 } from "ink";
+import { memo as memo2 } from "react";
+import { Box as Box2, Text as Text2 } from "ink";
 
 // src/utils/markdown.ts
 function renderMarkdown(text) {
@@ -2218,31 +2230,31 @@ function renderInline(text) {
 }
 
 // src/components/Messages.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var Messages = memo3(function Messages2({ messages }) {
-  return /* @__PURE__ */ jsx4(Box3, { flexDirection: "column", children: messages.map((msg) => /* @__PURE__ */ jsx4(MessageRow, { message: msg }, msg.id)) });
+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)) });
 });
-function MessageRow({ message }) {
+var MessageRow = memo2(function MessageRow2({ message }) {
   switch (message.role) {
     case "user":
-      return /* @__PURE__ */ jsxs3(Box3, { marginTop: 1, marginBottom: 1, children: [
-        /* @__PURE__ */ jsx4(Text3, { color: theme.cyan, bold: true, children: "\u276F " }),
-        /* @__PURE__ */ jsx4(Text3, { bold: true, color: theme.text, children: message.content })
+      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__ */ jsx4(Box3, { flexDirection: "column", marginBottom: 1, children: /* @__PURE__ */ jsxs3(Box3, { children: [
-        /* @__PURE__ */ jsx4(Text3, { color: theme.cyan, children: "\u23BF " }),
-        /* @__PURE__ */ jsx4(Text3, { wrap: "wrap", children: rendered })
+      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__ */ jsx4(Box3, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
+      return /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsxs2(Text2, { color: theme.dim, children: [
         "\u23BF ",
         truncate(preview, 1200)
       ] }) });
@@ -2250,46 +2262,47 @@ function MessageRow({ message }) {
     default:
       return null;
   }
-}
+});
 
 // src/components/ToolCall.tsx
 init_theme();
 init_format();
-import { Box as Box4, Text as Text4 } from "ink";
-import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
-function ActiveToolCall({ 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
   ] });
-}
-function ToolResultDisplay({ 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)
     ] }) })
   ] });
-}
+});
 function formatToolArgs(args) {
   const entries = Object.entries(args);
   if (entries.length === 0) return "";
@@ -2306,8 +2319,8 @@ function formatToolArgs(args) {
 init_theme();
 init_state();
 import { memo as memo4 } from "react";
-import { Box as Box5, Text as Text5 } from "ink";
-import { Fragment, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+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;
@@ -2325,40 +2338,40 @@ var StatusLine = memo4(function StatusLine2({ model, messageCount, tokenEstimate
   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)
     ] })
@@ -2368,7 +2381,7 @@ 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 Box6, Text as Text6, useInput } from "ink";
+import { Box as Box5, Text as Text5, useInput } from "ink";
 import TextInput from "ink-text-input";
 
 // src/commands/help.ts
@@ -3404,7 +3417,7 @@ function getCommandNames() {
 }
 
 // src/components/UserInput.tsx
-import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+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("");
@@ -3453,20 +3466,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__ */ 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,
@@ -3480,7 +3493,7 @@ var UserInput = memo5(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
         ] })
       ]
     }
@@ -3496,7 +3509,7 @@ init_tools();
 init_bash();
 init_hooks();
 init_theme();
-import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function getContextLimit3(model) {
   const lower = model.toLowerCase();
   if (lower.includes("llama3.1")) return 131072;
@@ -3507,6 +3520,7 @@ 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();
@@ -3526,6 +3540,31 @@ function REPL({ initialPrompt }) {
   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);
   messagesRef.current = messages;
   const modelRef = useRef(model);
@@ -3534,6 +3573,7 @@ function REPL({ initialPrompt }) {
   systemPromptRef.current = systemPrompt;
   const tools = getTools();
   const cwd = process.cwd();
+  const providerName = useMemo(() => getActiveProviderName(), [model, providerOnline]);
   useEffect(() => {
     if (systemPromptOverride) {
       setSystemPrompt(systemPromptOverride);
@@ -3606,6 +3646,7 @@ function REPL({ initialPrompt }) {
       };
       setMessages((prev) => [...prev, userMsg]);
       setIsStreaming(true);
+      streamBufferRef.current = "";
       setStreamingText("");
       setToolResults([]);
       setCommandOutput(null);
@@ -3615,6 +3656,8 @@ function REPL({ initialPrompt }) {
       const allMessages = [...messagesRef.current, userMsg];
       const currentModel = modelRef.current;
       const currentSystemPrompt = systemPromptRef.current;
+      let receivedFirstText = false;
+      startStreamFlush();
       try {
         for await (const event of query({
           model: currentModel,
@@ -3627,10 +3670,14 @@ function REPL({ initialPrompt }) {
           if (controller.signal.aborted) break;
           switch (event.type) {
             case "text_delta":
-              setStreamingText((prev) => prev + event.text);
-              setMascotMood("idle");
+              streamBufferRef.current += event.text;
+              if (!receivedFirstText) {
+                receivedFirstText = true;
+                setMascotMood("idle");
+              }
               break;
             case "tool_call":
+              stopStreamFlush();
               setActiveTool({ name: event.toolCall.function.name, args: event.toolCall.function.arguments });
               setMascotMood("working");
               break;
@@ -3649,15 +3696,20 @@ function REPL({ initialPrompt }) {
               }));
               break;
             case "assistant_message":
+              stopStreamFlush();
               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");
               setMessages((prev) => [
                 ...prev,
@@ -3675,6 +3727,8 @@ function REPL({ initialPrompt }) {
           ]);
         }
       } finally {
+        stopStreamFlush();
+        streamBufferRef.current = "";
         setIsStreaming(false);
         setStreamingText("");
         setActiveTool(null);
@@ -3684,7 +3738,7 @@ function REPL({ initialPrompt }) {
         abortRef.current = null;
       }
     },
-    [tools, cwd]
+    [tools, cwd, startStreamFlush, stopStreamFlush]
   );
   const handleSubmit = useCallback2(
     async (value) => {
@@ -3790,22 +3844,21 @@ ${result.content}
       }
     }
   });
-  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx8(Banner, { model, cwd, providerName: getActiveProviderName(), 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,
-    isStreaming && streamingText ? /* @__PURE__ */ jsxs7(Box7, { marginBottom: 1, children: [
-      /* @__PURE__ */ jsx8(Text7, { color: theme.cyan, children: "\u23BF " }),
-      /* @__PURE__ */ jsx8(Text7, { color: theme.text, wrap: "wrap", children: streamingText }),
-      /* @__PURE__ */ jsx8(Text7, { color: theme.dim, children: " ..." })
+  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__ */ jsxs7(Box7, { marginLeft: 2, children: [
-      /* @__PURE__ */ jsx8(Text7, { color: theme.cyan, children: "..." }),
-      /* @__PURE__ */ jsx8(Text7, { color: theme.dim, children: " Thinking" })
+    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__ */ jsx8(
+    /* @__PURE__ */ jsx7(
       UserInput,
       {
         value: inputValue,
@@ -3815,7 +3868,7 @@ ${result.content}
         history: inputHistory
       }
     ),
-    /* @__PURE__ */ jsx8(
+    /* @__PURE__ */ jsx7(
       StatusLine,
       {
         model,
@@ -3829,9 +3882,9 @@ ${result.content}
 
 // 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.3.0").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.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) => {
   const { model, prompt, provider, systemPrompt } = options;
   if (options.debug) {
     const { setDebugMode: setDebugMode2 } = await Promise.resolve().then(() => (init_debug(), debug_exports));
@@ -3966,7 +4019,7 @@ Error: ${event.error}
     }
   }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx8(
       App,
       {
         model: resolvedModel,
@@ -3974,7 +4027,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.3.0",
+  "version": "0.4.1",
   "description": "Darkfoo Code — local AI coding assistant powered by Ollama, vLLM, llama.cpp, and other LLM providers",
   "type": "module",
   "license": "MIT",