darkfoo-code 0.1.4 → 0.2.0

package/dist/main.js

@@ -1785,7 +1785,7 @@ var init_tasks = __esm({
       async call(_input, _context) {
         const { tasks } = getAppState();
         if (tasks.length === 0) return { output: "No tasks." };
-        const statusIcon = { pending: "\u25CB", in_progress: "\u25D1", completed: "\u25CF" };
+        const statusIcon = { pending: "[ ]", in_progress: "[~]", completed: "[x]" };
         const lines = tasks.map(
           (t) => `${statusIcon[t.status]} #${t.id} [${t.status}] ${t.subject}`
         );
@@ -1926,15 +1926,219 @@ function App({ model, systemPromptOverride, children }) {
 }
 
 // src/repl.tsx
-import { useState as useState2, useCallback as useCallback2, useEffect, useRef } 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 } from "react";
+import { Box as Box7, Text as Text7, useApp, useInput as useInput2 } from "ink";
 import Spinner2 from "ink-spinner";
 import { nanoid as nanoid6 } from "nanoid";
 
 // src/components/Banner.tsx
 init_theme();
+import { Box as Box2, Text as Text2 } from "ink";
+
+// src/components/Fox.tsx
+init_theme();
+import { useState, useEffect } from "react";
 import { Box, Text } from "ink";
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var IDLE_FRAMES = [
+  [
+    "  /\\_/\\  ",
+    " ( o.o ) ",
+    "  > ^ <  ",
+    " /|   |\\ ",
+    "(_|   |_)",
+    "    ~    "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( o.o ) ",
+    "  > ^ <  ",
+    " /|   |\\ ",
+    "(_|   |_)",
+    "   ~     "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( o.o ) ",
+    "  > ^ <  ",
+    " /|   |\\ ",
+    "(_|   |_)",
+    "     ~   "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( o.o ) ",
+    "  > ^ <  ",
+    " /|   |\\ ",
+    "(_|   |_)",
+    "   ~     "
+  ]
+];
+var THINKING_FRAMES = [
+  [
+    "  /\\_/\\  ",
+    " ( o.o ) ",
+    "  > ^ <  ",
+    "  |   |  ",
+    "  |___|  ",
+    "   . .   "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( o.- ) ",
+    "  > ^ <  ",
+    "  |   |  ",
+    "  |___|  ",
+    "  . . .  "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( -.o ) ",
+    "  > ^ <  ",
+    "  |   |  ",
+    "  |___|  ",
+    " . . . . "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( o.o ) ",
+    "  > ^ <  ",
+    "  |   |  ",
+    "  |___|  ",
+    "  . . .  "
+  ]
+];
+var WORKING_FRAMES = [
+  [
+    "  /\\_/\\  ",
+    " ( >.< ) ",
+    "  > ^ <  ",
+    " /|   |\\ ",
+    "(_|   |_)",
+    "  ~/     "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( >.< ) ",
+    "  > ^ <  ",
+    " /|   |\\ ",
+    "(_|   |_)",
+    "    /~   "
+  ]
+];
+var SUCCESS_FRAMES = [
+  [
+    "  /\\_/\\  ",
+    " ( ^.^ ) ",
+    "  > w <  ",
+    " /|   |\\ ",
+    "(_|   |_)",
+    "   \\~/   "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( ^.^ ) ",
+    "  > w <  ",
+    "  /| |\\  ",
+    " (_|_|_) ",
+    "   \\~/   "
+  ]
+];
+var ERROR_FRAMES = [
+  [
+    "  /\\_/\\  ",
+    " ( ;.; ) ",
+    "  > n <  ",
+    "  |   |  ",
+    "  |___|  ",
+    "    .    "
+  ]
+];
+var GREETING_FRAMES = [
+  [
+    "  /\\_/\\  ",
+    " ( ^.^ )/",
+    "  > w < ",
+    " /|   |  ",
+    "(_|   |) ",
+    "   \\~/   "
+  ],
+  [
+    "  /\\_/\\  ",
+    " ( ^.^ ) ",
+    "  > w <\\ ",
+    " /|   |  ",
+    "(_|   |) ",
+    "   \\~/   "
+  ]
+];
+var FRAME_SETS = {
+  idle: IDLE_FRAMES,
+  thinking: THINKING_FRAMES,
+  working: WORKING_FRAMES,
+  success: SUCCESS_FRAMES,
+  error: ERROR_FRAMES,
+  greeting: GREETING_FRAMES
+};
+var FRAME_SPEEDS = {
+  idle: 600,
+  thinking: 400,
+  working: 250,
+  success: 500,
+  error: 1e3,
+  greeting: 400
+};
+var MOOD_COLORS = {
+  idle: theme.cyan ?? "#5eead4",
+  thinking: theme.purple ?? "#a78bfa",
+  working: theme.yellow ?? "#fbbf24",
+  success: theme.green ?? "#4ade80",
+  error: theme.pink ?? "#f472b6",
+  greeting: theme.cyan ?? "#5eead4"
+};
+var ACCENT_COLORS = {
+  idle: theme.text ?? "#e2e8f0",
+  thinking: theme.cyan ?? "#5eead4",
+  working: theme.cyan ?? "#5eead4",
+  success: theme.green ?? "#4ade80",
+  error: theme.pink ?? "#f472b6",
+  greeting: theme.green ?? "#4ade80"
+};
+function Fox({ mood = "idle" }) {
+  const [frameIdx, setFrameIdx] = useState(0);
+  const frames = FRAME_SETS[mood];
+  const speed = FRAME_SPEEDS[mood];
+  useEffect(() => {
+    setFrameIdx(0);
+    const interval = setInterval(() => {
+      setFrameIdx((prev) => (prev + 1) % frames.length);
+    }, speed);
+    return () => clearInterval(interval);
+  }, [mood, frames.length, speed]);
+  const frame = frames[frameIdx] ?? frames[0];
+  const bodyColor = MOOD_COLORS[mood];
+  const accentColor = ACCENT_COLORS[mood];
+  return /* @__PURE__ */ jsx2(Box, { flexDirection: "column", children: frame.map((line, i) => /* @__PURE__ */ jsx2(Text, { color: i <= 1 ? accentColor : bodyColor, children: line }, i)) });
+}
+function FoxBubble({ text }) {
+  if (!text) return null;
+  const maxWidth = 30;
+  const display = text.length > maxWidth ? text.slice(0, maxWidth - 3) + "..." : text;
+  const padding = display.length;
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginLeft: 1, children: [
+    /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: "." + "-".repeat(padding + 2) + "." }),
+    /* @__PURE__ */ jsxs(Text, { color: theme.dim ?? "#7e8ea6", children: [
+      "| ",
+      /* @__PURE__ */ jsx2(Text, { color: theme.text ?? "#e2e8f0", children: display }),
+      " |"
+    ] }),
+    /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: "'" + "-".repeat(padding + 2) + "'" }),
+    /* @__PURE__ */ jsx2(Text, { color: theme.dim ?? "#7e8ea6", children: "/" })
+  ] });
+}
+
+// src/components/Banner.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 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",
@@ -1943,69 +2147,71 @@ var LOGO_LINES = [
   " \u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D \u2588\u2588\u2551  \u2588\u2588\u2551 \u2588\u2588\u2551  \u2588\u2588\u2551 \u2588\u2588\u2551  \u2588\u2588\u2557 \u2588\u2588\u2551      \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D \u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D",
   " \u255A\u2550\u2550\u2550\u2550\u2550\u255D  \u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u255D  \u255A\u2550\u255D \u255A\u2550\u255D       \u255A\u2550\u2550\u2550\u2550\u2550\u255D   \u255A\u2550\u2550\u2550\u2550\u2550\u255D "
 ];
-var SUBTITLE = "                  \u2584\u2580  C O D E  \u2580\u2584";
+var SUBTITLE = "                  -- C O D E --";
 var GRADIENT = [
   "#5eead4",
-  // cyan
   "#6ee0c8",
-  // cyan-light
   "#82c8d0",
-  // cyan-blue
   "#96b0d8",
-  // blue-ish
   "#a78bfa",
-  // purple
   "#c47ee8",
-  // purple-pink
   "#f472b6"
-  // pink
 ];
 function lineColor(index) {
   const t = index / (LOGO_LINES.length - 1);
-  const gradientIdx = Math.round(t * (GRADIENT.length - 1));
-  return GRADIENT[gradientIdx];
-}
-function gradientDivider(width) {
-  const chars = [];
-  for (let i = 0; i < width; i++) {
-    const t = i / (width - 1);
-    const gradientIdx = Math.round(t * (GRADIENT.length - 1));
-    chars.push({ char: "\u2501", color: GRADIENT[gradientIdx] });
-  }
-  return chars;
-}
-function Banner({ model, cwd }) {
-  const divider = gradientDivider(60);
-  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [
-    LOGO_LINES.map((line, i) => /* @__PURE__ */ jsx2(Text, { color: lineColor(i), bold: true, children: line }, i)),
-    /* @__PURE__ */ jsx2(Text, { color: theme.purple, bold: true, children: SUBTITLE }),
-    /* @__PURE__ */ jsx2(Text, { children: " " }),
-    /* @__PURE__ */ jsxs(Text, { children: [
+  return GRADIENT[Math.round(t * (GRADIENT.length - 1))];
+}
+function gradientBar(width) {
+  return Array.from({ length: width }, (_, i) => ({
+    char: "\u2501",
+    color: GRADIENT[Math.round(i / (width - 1) * (GRADIENT.length - 1))]
+  }));
+}
+function Banner({ model, cwd, providerName, providerOnline }) {
+  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, { children: [
+      /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", 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 })
+      ] }),
+      /* @__PURE__ */ jsxs2(Box2, { marginLeft: 2, flexDirection: "row", alignItems: "flex-end", children: [
+        /* @__PURE__ */ jsx3(Fox, { mood: "greeting" }),
+        /* @__PURE__ */ jsx3(FoxBubble, { text: "Ready to work." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx3(Text2, { children: " " }),
+    /* @__PURE__ */ jsxs2(Text2, { children: [
       "  ",
-      divider.map((d, i) => /* @__PURE__ */ jsx2(Text, { color: d.color, children: d.char }, i))
+      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  " }),
+      /* @__PURE__ */ jsx3(Text2, { color: theme.cyan ?? "#5eead4", bold: true, children: model })
     ] }),
-    /* @__PURE__ */ jsxs(Box, { marginTop: 1, marginLeft: 2, children: [
-      /* @__PURE__ */ jsx2(Text, { color: theme.dim, children: "\u26A1 " }),
-      /* @__PURE__ */ jsx2(Text, { color: theme.cyan, bold: true, children: model }),
-      /* @__PURE__ */ jsx2(Text, { color: theme.dim, children: "  \u2502  " }),
-      /* @__PURE__ */ jsx2(Text, { color: theme.text, children: cwd })
+    /* @__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, children: "  Type a message to begin. " }),
-      /* @__PURE__ */ jsx2(Text, { color: theme.cyanDim, children: "Ctrl+C" }),
-      /* @__PURE__ */ jsx2(Text, { color: theme.dim, children: " to abort or exit." })
+    /* @__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(Text, { children: [
+    /* @__PURE__ */ jsx3(Box2, { marginTop: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
       "  ",
-      divider.map((d, i) => /* @__PURE__ */ jsx2(Text, { color: d.color, children: d.char }, i))
-    ] })
+      bar.map((d, i) => /* @__PURE__ */ jsx3(Text2, { color: d.color, children: d.char }, i))
+    ] }) })
   ] });
 }
 
 // src/components/Messages.tsx
 init_theme();
 init_format();
-import { Box as Box2, Text as Text2 } from "ink";
+import { Box as Box3, Text as Text3 } from "ink";
 
 // src/utils/markdown.ts
 function renderMarkdown(text) {
@@ -2069,31 +2275,31 @@ function renderInline(text) {
 }
 
 // src/components/Messages.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function Messages({ messages }) {
-  return /* @__PURE__ */ jsx3(Box2, { flexDirection: "column", children: messages.map((msg) => /* @__PURE__ */ jsx3(MessageRow, { message: msg }, msg.id)) });
+  return /* @__PURE__ */ jsx4(Box3, { flexDirection: "column", children: messages.map((msg) => /* @__PURE__ */ jsx4(MessageRow, { message: msg }, msg.id)) });
 }
 function MessageRow({ 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 })
+      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 })
       ] });
     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 })
+      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 })
       ] }) });
     }
     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: [
+      return /* @__PURE__ */ jsx4(Box3, { flexDirection: "column", marginLeft: 2, marginBottom: 1, children: /* @__PURE__ */ jsxs3(Text3, { color: theme.dim, children: [
         "\u23BF ",
         truncate(preview, 1200)
       ] }) });
@@ -2106,17 +2312,17 @@ function MessageRow({ message }) {
 // src/components/ToolCall.tsx
 init_theme();
 init_format();
-import { Box as Box3, Text as Text3 } from "ink";
+import { Box as Box4, Text as Text4 } from "ink";
 import Spinner from "ink-spinner";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function ActiveToolCall({ toolName, args }) {
-  return /* @__PURE__ */ jsxs3(Box3, { marginLeft: 2, children: [
-    /* @__PURE__ */ jsx4(Text3, { color: theme.cyan, children: /* @__PURE__ */ jsx4(Spinner, { type: "dots" }) }),
-    /* @__PURE__ */ jsxs3(Text3, { bold: true, color: theme.yellow, children: [
+  return /* @__PURE__ */ jsxs4(Box4, { marginLeft: 2, children: [
+    /* @__PURE__ */ jsx5(Text4, { color: theme.cyan, children: /* @__PURE__ */ jsx5(Spinner, { type: "dots" }) }),
+    /* @__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
@@ -2128,15 +2334,15 @@ function ToolResultDisplay({ toolName, output, isError }) {
   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)
     ] }) })
@@ -2157,8 +2363,8 @@ function formatToolArgs(args) {
 // src/components/StatusLine.tsx
 init_theme();
 init_state();
-import { Box as Box4, Text as Text4 } from "ink";
-import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+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;
@@ -2176,40 +2382,40 @@ function StatusLine({ model, messageCount, tokenEstimate, isStreaming }) {
   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.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.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)
     ] })
@@ -2218,8 +2424,8 @@ function StatusLine({ model, messageCount, tokenEstimate, isStreaming }) {
 
 // src/components/UserInput.tsx
 init_theme();
-import { useState, useCallback } from "react";
-import { Box as Box5, Text as Text5, useInput } from "ink";
+import { useState as useState2, useCallback } from "react";
+import { Box as Box6, Text as Text6, useInput } from "ink";
 import TextInput from "ink-text-input";
 
 // src/commands/help.ts
@@ -2408,7 +2614,7 @@ var contextCommand = {
       `\x1B[2m  Model: ${context.model} (${contextLimit.toLocaleString()} ctx)\x1B[0m`
     ];
     if (usage > 0.8) {
-      lines.push("", "\x1B[33m  \u26A0 Context is getting full. Consider /compact to free space.\x1B[0m");
+      lines.push("", "\x1B[33m  [!] Context is getting full. Consider /compact to free space.\x1B[0m");
     }
     return { output: lines.join("\n"), silent: true };
   }
@@ -2614,7 +2820,7 @@ ${truncatedDiff}`
       const output = await gitExec(["commit", "-m", commitMsg], context.cwd);
       return {
         output: [
-          `\x1B[32m\u2713\x1B[0m Committed: ${commitMsg}`,
+          `\x1B[32m[ok]\x1B[0m Committed: ${commitMsg}`,
           "",
           output.trim()
         ].join("\n"),
@@ -2858,7 +3064,7 @@ var themeCommand = {
       const names = Object.keys(THEMES);
       const lines = names.map((name2) => {
         const t = THEMES[name2];
-        const swatch = `\x1B[38;2;${hexToRgb(t.cyan)}m\u25CF\x1B[0m\x1B[38;2;${hexToRgb(t.pink)}m\u25CF\x1B[0m\x1B[38;2;${hexToRgb(t.green)}m\u25CF\x1B[0m\x1B[38;2;${hexToRgb(t.yellow)}m\u25CF\x1B[0m\x1B[38;2;${hexToRgb(t.purple)}m\u25CF\x1B[0m`;
+        const swatch = `\x1B[38;2;${hexToRgb(t.cyan)}m#\x1B[0m\x1B[38;2;${hexToRgb(t.pink)}m#\x1B[0m\x1B[38;2;${hexToRgb(t.green)}m#\x1B[0m\x1B[38;2;${hexToRgb(t.yellow)}m#\x1B[0m\x1B[38;2;${hexToRgb(t.purple)}m#\x1B[0m`;
         return `  ${name2.padEnd(10)} ${swatch}`;
       });
       return {
@@ -3083,7 +3289,7 @@ var providerCommand = {
         ""
       ];
       for (const { config, online } of results) {
-        const status = online ? "\x1B[32m\u25CF online\x1B[0m" : "\x1B[31m\u25CF offline\x1B[0m";
+        const status = online ? "\x1B[32m[online]\x1B[0m" : "\x1B[31m[offline]\x1B[0m";
         const isActive = config.name === active ? " \x1B[36m\u2190 active\x1B[0m" : "";
         lines.push(`  ${config.name.padEnd(14)} ${config.label.padEnd(14)} ${config.baseUrl.padEnd(30)} ${status}${isActive}`);
       }
@@ -3210,10 +3416,10 @@ function getCommandNames() {
 }
 
 // src/components/UserInput.tsx
-import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function UserInput({ 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) {
@@ -3259,20 +3465,20 @@ function UserInput({ value, onChange, onSubmit, disabled, history }) {
   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,
@@ -3286,7 +3492,7 @@ function UserInput({ value, onChange, onSubmit, disabled, history }) {
               }
             }
           ),
-          suggestion ? /* @__PURE__ */ jsx6(Text5, { color: theme.dim, children: suggestion }) : null
+          suggestion ? /* @__PURE__ */ jsx7(Text6, { color: theme.dim, children: suggestion }) : null
         ] })
       ]
     }
@@ -3294,13 +3500,14 @@ function UserInput({ value, onChange, onSubmit, disabled, history }) {
 }
 
 // src/repl.tsx
+init_providers();
 init_query();
 init_system_prompt();
 init_providers();
 init_tools();
 init_bash();
 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;
@@ -3314,29 +3521,34 @@ function getContextLimit3(model) {
 function REPL({ initialPrompt }) {
   const { model: initialModel, systemPromptOverride } = useDarkfooContext();
   const { exit } = useApp();
-  const [model, setModel] = useState2(initialModel);
-  const [messages, setMessages] = useState2([]);
-  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 [model, setModel] = useState3(initialModel);
+  const [messages, setMessages] = useState3([]);
+  const [inputValue, setInputValue] = useState3("");
+  const [isStreaming, setIsStreaming] = useState3(false);
+  const [streamingText, setStreamingText] = useState3("");
+  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 [foxMood, setFoxMood] = useState3("idle");
+  const [providerOnline, setProviderOnline] = useState3(true);
   const abortRef = useRef(null);
   const hasRun = useRef(false);
   const sessionId = useRef(createSessionId());
   const tools = getTools();
   const cwd = process.cwd();
-  useEffect(() => {
+  useEffect2(() => {
     if (systemPromptOverride) {
       setSystemPrompt(systemPromptOverride);
     } else {
       buildSystemPrompt(tools, cwd).then(setSystemPrompt);
     }
   }, []);
+  useEffect2(() => {
+    getProvider().healthCheck().then((ok) => setProviderOnline(ok)).catch(() => setProviderOnline(false));
+  }, [model]);
   const commandContext = {
     messages,
     model,
@@ -3365,6 +3577,7 @@ function REPL({ initialPrompt }) {
       setStreamingText("");
       setToolResults([]);
       setCommandOutput(null);
+      setFoxMood("thinking");
       const controller = new AbortController();
       abortRef.current = controller;
       const allMessages = [...messages, userMsg];
@@ -3384,12 +3597,15 @@ function REPL({ initialPrompt }) {
           switch (event.type) {
             case "text_delta":
               setStreamingText((prev) => prev + event.text);
+              setFoxMood("idle");
               break;
             case "tool_call":
               setActiveTool({ name: event.toolCall.function.name, args: event.toolCall.function.arguments });
+              setFoxMood("working");
               break;
             case "tool_result":
               setActiveTool(null);
+              setFoxMood(event.isError ? "error" : "working");
               setToolResults((prev) => [
                 ...prev,
                 { id: nanoid6(), toolName: event.toolName, output: event.output, isError: event.isError }
@@ -3409,6 +3625,7 @@ function REPL({ initialPrompt }) {
               setStreamingText("");
               break;
             case "error":
+              setFoxMood("error");
               setMessages((prev) => [
                 ...prev,
                 { id: nanoid6(), role: "assistant", content: `Error: ${event.error}`, timestamp: Date.now() }
@@ -3429,6 +3646,8 @@ function REPL({ initialPrompt }) {
         setStreamingText("");
         setActiveTool(null);
         setToolResults([]);
+        setFoxMood((prev) => prev === "error" ? "error" : "success");
+        setTimeout(() => setFoxMood("idle"), 2e3);
         abortRef.current = null;
       }
     },
@@ -3484,14 +3703,14 @@ function REPL({ initialPrompt }) {
     },
     [addToHistory, commandContext, cwd, runQuery]
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (initialPrompt && !hasRun.current) {
       hasRun.current = true;
       runQuery(initialPrompt);
     }
   }, [initialPrompt, runQuery]);
   const autoCompactRef = useRef(false);
-  useEffect(() => {
+  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;
@@ -3499,7 +3718,7 @@ function REPL({ initialPrompt }) {
     const usage = estTokens / limit;
     if (usage > 0.85) {
       autoCompactRef.current = true;
-      setCommandOutput("\x1B[33m\u26A0 Context 85%+ full \u2014 auto-compacting...\x1B[0m");
+      setCommandOutput("\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,
@@ -3517,10 +3736,10 @@ ${result.content}
         };
         setMessages([summaryMsg]);
         setTokenCounts({ input: Math.ceil(result.content.length / 4), output: 0 });
-        setCommandOutput("\x1B[32m\u2713 Auto-compacted conversation.\x1B[0m");
+        setCommandOutput("\x1B[32m[ok] Auto-compacted conversation.\x1B[0m");
         autoCompactRef.current = false;
       }).catch(() => {
-        setCommandOutput("\x1B[31m\u2717 Auto-compact failed.\x1B[0m");
+        setCommandOutput("\x1B[31m[err] Auto-compact failed.\x1B[0m");
         autoCompactRef.current = false;
       });
     }
@@ -3534,35 +3753,38 @@ ${result.content}
       }
     }
   });
-  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", padding: 1, children: [
-    /* @__PURE__ */ jsx7(Banner, { model, cwd }),
-    /* @__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 }),
-      /* @__PURE__ */ jsxs6(Text6, { color: theme.cyan, children: [
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", padding: 1, children: [
+    /* @__PURE__ */ jsx8(Banner, { model, cwd, providerName: getActiveProviderName(), providerOnline }),
+    /* @__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__ */ jsxs7(Text7, { color: theme.cyan, children: [
         " ",
-        /* @__PURE__ */ jsx7(Spinner2, { type: "dots" })
+        /* @__PURE__ */ jsx8(Spinner2, { type: "dots" })
       ] })
     ] }) : null,
-    isStreaming && !streamingText && !activeTool ? /* @__PURE__ */ jsxs6(Box6, { marginLeft: 2, children: [
-      /* @__PURE__ */ jsx7(Text6, { color: theme.cyan, children: /* @__PURE__ */ jsx7(Spinner2, { type: "dots" }) }),
-      /* @__PURE__ */ jsx7(Text6, { color: theme.dim, children: " Thinking..." })
+    isStreaming && !streamingText && !activeTool ? /* @__PURE__ */ jsxs7(Box7, { marginLeft: 2, children: [
+      /* @__PURE__ */ jsx8(Text7, { color: theme.cyan, children: /* @__PURE__ */ jsx8(Spinner2, { type: "dots" }) }),
+      /* @__PURE__ */ jsx8(Text7, { color: theme.dim, children: " Thinking..." })
     ] }) : null,
-    /* @__PURE__ */ jsx7(
-      UserInput,
-      {
-        value: inputValue,
-        onChange: setInputValue,
-        onSubmit: handleSubmit,
-        disabled: isStreaming,
-        history: inputHistory
-      }
-    ),
-    /* @__PURE__ */ jsx7(
+    /* @__PURE__ */ jsxs7(Box7, { children: [
+      /* @__PURE__ */ jsx8(Fox, { mood: foxMood }),
+      /* @__PURE__ */ jsx8(Box7, { flexDirection: "column", flexGrow: 1, marginLeft: 1, children: /* @__PURE__ */ jsx8(
+        UserInput,
+        {
+          value: inputValue,
+          onChange: setInputValue,
+          onSubmit: handleSubmit,
+          disabled: isStreaming,
+          history: inputHistory
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx8(
       StatusLine,
       {
         model,
@@ -3576,9 +3798,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.1.4").option("-m, --model <model>", "Model to use", "llama3.1:8b").option("-p, --prompt <prompt>", "Run a single prompt (non-interactive)").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.2.0").option("-m, --model <model>", "Model to use", "llama3.1:8b").option("-p, --prompt <prompt>", "Run a single prompt (non-interactive)").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;
   await loadProviderSettings();
   if (provider) {
@@ -3638,7 +3860,7 @@ Error: ${event.error}
     process.exit(0);
   }
   const { waitUntilExit } = render(
-    /* @__PURE__ */ jsx8(App, { model, systemPromptOverride: systemPrompt, children: /* @__PURE__ */ jsx8(REPL, {}) })
+    /* @__PURE__ */ jsx9(App, { model, systemPromptOverride: systemPrompt, children: /* @__PURE__ */ jsx9(REPL, {}) })
   );
   await waitUntilExit();
 });

package/package.json

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