blyuecode 0.1.5 → 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/Banner.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Box, Text, useStdout } from 'ink';
 import { readFileSync } from 'fs';
@@ -6,7 +6,6 @@ import { fileURLToPath } from 'url';
 import { dirname, join } from 'path';
 import os from 'os';
 import { hueAt } from './animColor.js';
-import { MakerMark } from './MakerMark.js';
 function getVersion() {
     try {
         const here = dirname(fileURLToPath(import.meta.url));
@@ -17,7 +16,6 @@ function getVersion() {
         return '0.0.0';
     }
 }
-// Static mode = no animation. Animated mode = hue cycling.
 function shouldAnimate() {
     if (process.env.BLYUE_ANIMATE === '1')
         return true;
@@ -27,7 +25,6 @@ function shouldAnimate() {
         const gb = os.totalmem() / 1024 / 1024 / 1024;
         const cores = os.cpus().length;
         const mhz = os.cpus()[0]?.speed || 0;
-        // Atom = ~1.6 GHz, 4GB → static
         if (gb < 8)
             return false;
         if (cores < 4)
@@ -38,9 +35,6 @@ function shouldAnimate() {
     catch { }
     return true;
 }
-// ─────────────────────────────────────────────
-//  BLYUE — 44 cols wide (all lines same length)
-// ─────────────────────────────────────────────
 const BLYUE_BIG = [
     '██████╗ ██╗     ██╗   ██╗ ██╗   ██╗ ███████╗',
     '██╔══██╗██║     ╚██╗ ██╔╝ ██║   ██║ ██╔════╝',
@@ -55,9 +49,6 @@ const BLYUE_SMALL = [
     '| _ \\| |__| |_| | |_| | _| ',
     '|___/|____|\\___/ \\___/|___|',
 ];
-// ─────────────────────────────────────────────
-//  CODE — 33 cols wide, indented 6 spaces to center under 44-wide BLYUE
-// ─────────────────────────────────────────────
 const CODE_BIG = [
     '      ██████╗ ██████╗ ██████╗ ███████╗',
     '      ██╔════╝██╔═══██╗██╔══██╗██╔════╝',
@@ -70,12 +61,18 @@ const CODE_SMALL = [
     '     █▀▀ █▀█ █▀▄ █▀▀',
     '     █▄▄ █▄█ █▄▀ ██▄',
 ];
+const BLYUE_WIDTH = 44;
+const BLYUE_SMALL_WIDTH = 27;
 export const Banner = () => {
     const { stdout } = useStdout();
     const width = stdout?.columns ?? 80;
     const wide = width >= 60;
     const blyue = wide ? BLYUE_BIG : BLYUE_SMALL;
     const code = wide ? CODE_BIG : CODE_SMALL;
+    const blockWidth = wide ? BLYUE_WIDTH : BLYUE_SMALL_WIDTH;
+    // Left padding to center whole block in terminal
+    const leftPad = Math.max(0, Math.floor((width - blockWidth) / 2));
+    const pad = ' '.repeat(leftPad);
     const [animate] = useState(() => shouldAnimate());
     const [t, setT] = useState(0);
     useEffect(() => {
@@ -87,5 +84,7 @@ export const Banner = () => {
     const baseHue = animate ? t : 0.1;
     const brand = hueAt(baseHue);
     const version = getVersion();
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(MakerMark, { color: brand }), _jsx(Text, { children: " " }), blyue.map((line, i) => (_jsx(Text, { color: hueAt((baseHue + i * 0.06) % 1), bold: true, children: line }, 'b' + i))), code.map((line, i) => (_jsx(Text, { color: hueAt((baseHue + i * 0.06 + 0.35) % 1), bold: true, children: line }, 'c' + i))), _jsx(Text, { children: " " }), _jsx(Text, { color: "gray", children: 'a coding agent · v' + version }), _jsx(Text, { children: " " })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [pad, _jsx(MakerMarkInline, { color: brand })] }), _jsx(Text, { children: " " }), blyue.map((line, i) => (_jsx(Text, { color: hueAt((baseHue + i * 0.06) % 1), bold: true, children: pad + line }, 'b' + i))), code.map((line, i) => (_jsx(Text, { color: hueAt((baseHue + i * 0.06 + 0.35) % 1), bold: true, children: pad + line }, 'c' + i))), _jsx(Text, { children: " " }), _jsxs(Text, { children: [pad, _jsx(Text, { color: "gray", children: 'a coding agent · v' + version })] }), _jsx(Text, { children: " " })] }));
 };
+// Inline version of MakerMark so it aligns inside the padded Text
+const MakerMarkInline = ({ color }) => (_jsxs(_Fragment, { children: [_jsx(Text, { color: color, bold: true, children: "\u25C6  " }), _jsx(Text, { color: color, bold: true, children: "L U M E N" })] }));

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.5",
+  "version": "0.1.7",
   "description": "BLYUE Code — a coding agent by Lumen",
   "type": "module",
   "license": "MIT",