darkfoo-code 0.2.2 → 0.2.4

package/dist/main.js

@@ -1933,11 +1933,12 @@ 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/Fox.tsx
 init_theme();
-import { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef, memo } from "react";
 import { Box, Text } from "ink";
 
 // src/fox-state.ts
@@ -2195,11 +2196,11 @@ var SUCCESS = [
     "    \\~/ * "
   ],
   [
-    "          ",
     "   /\\_/\\  ",
     "  ( ^.^ ) ",
     "   > w <  ",
     "  /| * |\\ ",
+    " (_|   |_)",
     "    \\~/   "
   ],
   [
@@ -2377,15 +2378,15 @@ var FRAME_SETS = {
   sleeping: SLEEPING
 };
 var FRAME_SPEEDS = {
-  idle: 500,
-  thinking: 350,
-  working: 200,
-  success: 400,
-  error: 800,
-  greeting: 350,
-  pet: 300,
-  eating: 350,
-  sleeping: 900
+  idle: 800,
+  thinking: 600,
+  working: 500,
+  success: 600,
+  error: 1e3,
+  greeting: 600,
+  pet: 500,
+  eating: 600,
+  sleeping: 1200
 };
 var BODY_COLORS = {
   idle: "#5eead4",
@@ -2409,7 +2410,7 @@ var FACE_COLORS = {
   eating: "#fbbf24",
   sleeping: "#7e8ea6"
 };
-function Fox({ mood = "idle" }) {
+var Fox = memo(function Fox2({ mood = "idle" }) {
   const [frameIdx, setFrameIdx] = useState(0);
   const [bubble, setBubble] = useState(null);
   const frames = FRAME_SETS[mood];
@@ -2448,7 +2449,7 @@ function Fox({ mood = "idle" }) {
     bubble ? /* @__PURE__ */ jsx2(FoxBubble, { text: bubble }) : null,
     frame.map((line, i) => /* @__PURE__ */ jsx2(Text, { color: i <= 1 ? faceColor : bodyColor, children: line }, i))
   ] });
-}
+});
 function FoxBubble({ text }) {
   if (!text) return null;
   const maxW = 28;
@@ -2495,7 +2496,7 @@ function gradientBar(width) {
     color: GRADIENT[Math.round(i / (width - 1) * (GRADIENT.length - 1))]
   }));
 }
-function Banner({ model, cwd, providerName, providerOnline }) {
+var Banner = memo2(function Banner2({ model, cwd, providerName, providerOnline }) {
   const bar = gradientBar(60);
   const statusTag = providerOnline ? "[connected]" : "[offline]";
   const statusColor = providerOnline ? theme.green ?? "#4ade80" : theme.pink ?? "#f472b6";
@@ -2517,7 +2518,7 @@ function Banner({ model, cwd, providerName, providerOnline }) {
     ] }),
     /* @__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 })
+      model ? /* @__PURE__ */ jsx3(Text2, { color: theme.cyan ?? "#5eead4", bold: true, children: model }) : /* @__PURE__ */ jsx3(Text2, { color: theme.dim ?? "#7e8ea6", children: "--" })
     ] }),
     /* @__PURE__ */ jsxs2(Box2, { marginLeft: 2, children: [
       /* @__PURE__ */ jsx3(Text2, { color: theme.dim ?? "#7e8ea6", children: "via    " }),
@@ -2534,11 +2535,12 @@ function Banner({ model, cwd, providerName, providerOnline }) {
       bar.map((d, i) => /* @__PURE__ */ jsx3(Text2, { color: d.color, children: d.char }, i))
     ] }) })
   ] });
-}
+});
 
 // src/components/Messages.tsx
 init_theme();
 init_format();
+import { memo as memo3 } from "react";
 import { Box as Box3, Text as Text3 } from "ink";
 
 // src/utils/markdown.ts
@@ -2604,9 +2606,9 @@ function renderInline(text) {
 
 // src/components/Messages.tsx
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-function Messages({ messages }) {
+var Messages = memo3(function Messages2({ messages }) {
   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":
@@ -2691,6 +2693,7 @@ function formatToolArgs(args) {
 // src/components/StatusLine.tsx
 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";
 function getContextLimit(model) {
@@ -2703,7 +2706,7 @@ function getContextLimit(model) {
   if (lower.includes("deepseek")) return 32768;
   return 8192;
 }
-function StatusLine({ model, messageCount, tokenEstimate, isStreaming }) {
+var StatusLine = memo4(function StatusLine2({ model, messageCount, tokenEstimate, isStreaming }) {
   const state2 = getAppState();
   const contextLimit = getContextLimit(model);
   const usage = Math.min(tokenEstimate / contextLimit, 1);
@@ -2715,7 +2718,7 @@ function StatusLine({ model, messageCount, tokenEstimate, isStreaming }) {
       "\u2500".repeat(2),
       " "
     ] }),
-    /* @__PURE__ */ jsx6(Text5, { color: theme.cyan, bold: true, children: model.split(":")[0] }),
+    /* @__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,
@@ -2748,11 +2751,11 @@ function StatusLine({ model, messageCount, tokenEstimate, isStreaming }) {
       "\u2500".repeat(2)
     ] })
   ] });
-}
+});
 
 // src/components/UserInput.tsx
 init_theme();
-import { useState as useState2, useCallback } from "react";
+import { useState as useState2, useCallback, memo as memo5 } from "react";
 import { Box as Box6, Text as Text6, useInput } from "ink";
 import TextInput from "ink-text-input";
 
@@ -3814,7 +3817,7 @@ function getCommandNames() {
 
 // src/components/UserInput.tsx
 import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
-function UserInput({ value, onChange, onSubmit, disabled, history }) {
+var UserInput = memo5(function UserInput2({ value, onChange, onSubmit, disabled, history }) {
   const [historyIdx, setHistoryIdx] = useState2(-1);
   const [suggestion, setSuggestion] = useState2("");
   useInput((_input, key) => {
@@ -3894,7 +3897,7 @@ function UserInput({ value, onChange, onSubmit, disabled, history }) {
       ]
     }
   );
-}
+});
 
 // src/repl.tsx
 init_providers();
@@ -3934,6 +3937,12 @@ function REPL({ initialPrompt }) {
   const abortRef = useRef2(null);
   const hasRun = useRef2(false);
   const sessionId = useRef2(createSessionId());
+  const messagesRef = useRef2(messages);
+  messagesRef.current = messages;
+  const modelRef = useRef2(model);
+  modelRef.current = model;
+  const systemPromptRef = useRef2(systemPrompt);
+  systemPromptRef.current = systemPrompt;
   const tools = getTools();
   const cwd = process.cwd();
   useEffect2(() => {
@@ -3947,9 +3956,15 @@ function REPL({ initialPrompt }) {
     const provider = getProvider();
     provider.healthCheck().then((ok) => {
       setProviderOnline(ok);
-      if (!ok) return;
+      if (!ok) {
+        setModel("");
+        return;
+      }
       provider.listModels().then((models) => {
-        if (models.length === 0) return;
+        if (models.length === 0) {
+          setModel("");
+          return;
+        }
         const requested = model.toLowerCase();
         const match = models.find((m) => m.name.toLowerCase() === requested);
         if (match) {
@@ -3960,20 +3975,26 @@ function REPL({ initialPrompt }) {
         if (preferred) {
           setModel(preferred.name);
           setCommandOutput(`Model "${model}" not found. Using ${preferred.name} instead.`);
+        } else {
+          setModel("");
         }
-      }).catch(() => {
-      });
-    }).catch(() => setProviderOnline(false));
+      }).catch(() => setModel(""));
+    }).catch(() => {
+      setProviderOnline(false);
+      setModel("");
+    });
   }, []);
-  const commandContext = {
+  const clearMessages = useCallback2(() => setMessages([]), []);
+  const commandContextRef = useRef2({
     messages,
     model,
     cwd,
     setModel,
-    clearMessages: () => setMessages([]),
+    clearMessages,
     exit,
     tokenCounts
-  };
+  });
+  commandContextRef.current = { messages, model, cwd, setModel, clearMessages, exit, tokenCounts };
   const addToHistory = useCallback2((input) => {
     setInputHistory((prev) => {
       const filtered = prev.filter((h) => h !== input);
@@ -3996,17 +4017,19 @@ function REPL({ initialPrompt }) {
       setFoxMood("thinking");
       const controller = new AbortController();
       abortRef.current = controller;
-      const allMessages = [...messages, userMsg];
+      const allMessages = [...messagesRef.current, userMsg];
+      const currentModel = modelRef.current;
+      const currentSystemPrompt = systemPromptRef.current;
       setTokenCounts((prev) => ({
         ...prev,
         input: prev.input + Math.ceil(userMessage.length / 4)
       }));
       try {
         for await (const event of query({
-          model,
+          model: currentModel,
           messages: allMessages,
           tools,
-          systemPrompt,
+          systemPrompt: currentSystemPrompt,
           signal: controller.signal
         })) {
           if (controller.signal.aborted) break;
@@ -4030,7 +4053,7 @@ function REPL({ initialPrompt }) {
             case "assistant_message":
               setMessages((prev) => {
                 const updated = [...prev, event.message];
-                saveSession(sessionId.current, updated, model, cwd).catch(() => {
+                saveSession(sessionId.current, updated, currentModel, cwd).catch(() => {
                 });
                 return updated;
               });
@@ -4067,7 +4090,7 @@ function REPL({ initialPrompt }) {
         abortRef.current = null;
       }
     },
-    [model, messages, tools, systemPrompt]
+    [tools, cwd]
   );
   const handleSubmit = useCallback2(
     async (value) => {
@@ -4080,7 +4103,7 @@ function REPL({ initialPrompt }) {
         return;
       }
       if (value.startsWith("/")) {
-        const result = await dispatchCommand(value, commandContext);
+        const result = await dispatchCommand(value, commandContextRef.current);
         if (result) {
           if (result.replaceMessages) {
             setMessages(result.replaceMessages);
@@ -4121,7 +4144,7 @@ function REPL({ initialPrompt }) {
       }
       runQuery(value);
     },
-    [addToHistory, commandContext, cwd, runQuery]
+    [addToHistory, exit, cwd, runQuery]
   );
   useEffect2(() => {
     if (initialPrompt && !hasRun.current) {
@@ -4234,7 +4257,7 @@ program.name("darkfoo").description("Darkfoo Code \u2014 local AI coding assista
     }
   }
   const { getProvider: getProvider2 } = await Promise.resolve().then(() => (init_providers(), providers_exports));
-  let resolvedModel = model;
+  let resolvedModel = "";
   try {
     const models = await getProvider2().listModels();
     if (models.length > 0) {

package/package.json

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