blyuecode 0.1.6 → 0.1.7

package/dist/index.js

@@ -17,4 +17,9 @@ const App = () => {
     }, []);
     return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Static, { items: ['banner'], children: () => _jsx(Banner, {}) }), ready ? _jsx(Chat, {}) : _jsx(Setup, { onDone: () => setReady(true) })] }));
 };
-render(_jsx(App, {}));
+render(_jsx(App, {}), {
+    // Prevent console.log interference from npm/openai warnings
+    patchConsole: false,
+    // Only redraw when Ink state actually changes
+    exitOnCtrlC: true,
+});

package/dist/ui/Chat.js

@@ -1,10 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { Box, Text, useInput, useStdout } from 'ink';
+import { Box, Text, useInput, useStdout, Static } from 'ink';
 import { Agent } from '../core/agent.js';
 import { InputBar } from './InputBar.js';
 import { ModelPicker } from './ModelPicker.js';
 import { theme } from './theme.js';
+let nextId = 0;
+const mkItem = (kind, text) => ({
+    kind,
+    text,
+    id: nextId++,
+});
+// ─────────────────────────────────────────────
+//  One history line — rendered ONCE via <Static>
+// ─────────────────────────────────────────────
+const HistoryLine = ({ item }) => {
+    if (item.kind === 'user') {
+        return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsx(Text, { color: theme.text, bold: true, children: item.text })] }));
+    }
+    if (item.kind === 'error') {
+        return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.error, children: '❯ ' }), _jsx(Text, { color: theme.error, children: item.text })] }));
+    }
+    if (item.kind === 'tool') {
+        return _jsx(Text, { color: theme.muted, children: item.text.trim() });
+    }
+    return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text, children: item.text }) }));
+};
 export const Chat = () => {
     const { stdout } = useStdout();
     const width = stdout?.columns ?? 80;
@@ -15,9 +36,8 @@ export const Chat = () => {
     const [currentModel, setCurrentModel] = useState(process.env.MODEL || '');
     const [agent, setAgent] = useState(() => new Agent());
     useInput((inputChar, key) => {
-        if (key.ctrl && inputChar === 'p') {
+        if (key.ctrl && inputChar === 'p')
             setModelPickerOpen(true);
-        }
     });
     const handleSubmit = async (text) => {
         if (!text.trim() || loading)
@@ -29,16 +49,16 @@ export const Chat = () => {
             return;
         }
         setInput('');
-        setHistory((h) => [...h, { kind: 'user', text: trimmed }]);
+        setHistory((h) => [...h, mkItem('user', trimmed)]);
         setLoading(true);
         try {
             for await (const chunk of agent.run(trimmed)) {
                 const isTool = chunk.startsWith('\n[Calling') || chunk.startsWith('[Result]');
-                setHistory((h) => [...h, { kind: isTool ? 'tool' : 'ai', text: chunk }]);
+                setHistory((h) => [...h, mkItem(isTool ? 'tool' : 'ai', chunk)]);
             }
         }
         catch (e) {
-            setHistory((h) => [...h, { kind: 'error', text: e?.message || String(e) }]);
+            setHistory((h) => [...h, mkItem('error', e?.message || String(e))]);
         }
         setLoading(false);
     };
@@ -47,26 +67,14 @@ export const Chat = () => {
         setCurrentModel(id);
         setModelPickerOpen(false);
         setAgent(new Agent());
-        setHistory((h) => [...h, { kind: 'tool', text: `model → ${id}` }]);
+        setHistory((h) => [...h, mkItem('tool', `model → ${id}`)]);
     };
     if (modelPickerOpen) {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(ModelPicker, { current: currentModel, onSelect: handleModelSelect, onCancel: () => setModelPickerOpen(false) }) }));
     }
-    // Aggressive truncation so footer fits on one line
     const maxModelLen = Math.max(10, width - 14);
     const shortModel = currentModel.length > maxModelLen
         ? '…' + currentModel.slice(-(maxModelLen - 1))
         : currentModel || 'unset';
-    return (_jsxs(Box, { flexDirection: "column", children: [history.map((item, i) => {
-                if (item.kind === 'user') {
-                    return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsx(Text, { color: theme.text, bold: true, children: item.text })] }, i));
-                }
-                if (item.kind === 'error') {
-                    return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: theme.error, children: '❯ ' }), _jsx(Text, { color: theme.error, children: item.text })] }, i));
-                }
-                if (item.kind === 'tool') {
-                    return _jsx(Text, { color: theme.muted, children: item.text.trim() }, i);
-                }
-                return (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text, children: item.text }) }, i));
-            }), _jsx(Box, { marginTop: 1, children: _jsx(InputBar, { value: input, onChange: setInput, onSubmit: handleSubmit, loading: loading }) }), _jsxs(Text, { children: [_jsx(Text, { color: theme.accent, children: "  /model" }), _jsxs(Text, { color: theme.muted, children: ["  ", shortModel] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: history, children: (item) => _jsx(HistoryLine, { item: item }, item.id) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(InputBar, { value: input, onChange: setInput, onSubmit: handleSubmit, loading: loading }), _jsxs(Text, { children: [_jsx(Text, { color: theme.accent, children: "  /model" }), _jsxs(Text, { color: theme.muted, children: ["  ", shortModel] })] })] })] }));
 };

package/dist/ui/Spinner.js

@@ -6,7 +6,8 @@ const FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '
 export const Spinner = ({ label = 'Thinking' }) => {
     const [i, setI] = useState(0);
     useEffect(() => {
-        const t = setInterval(() => setI((v) => (v + 1) % FRAMES.length), 90);
+        // 200ms instead of 90ms → 5 fps not 11 fps
+        const t = setInterval(() => setI((v) => (v + 1) % FRAMES.length), 200);
         return () => clearInterval(t);
     }, []);
     return (_jsxs(Text, { children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), _jsxs(Text, { color: theme.muted, children: [FRAMES[i], " ", label, "\u2026"] })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blyuecode",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "BLYUE Code — a coding agent by Lumen",
   "type": "module",
   "license": "MIT",