blyuecode 0.1.1 → 0.1.3

package/dist/ui/Banner.js

@@ -1,9 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
 import { Box, Text, useStdout } from 'ink';
+import { readFileSync } from 'fs';
+import { fileURLToPath } from 'url';
+import { dirname, join } from 'path';
 import { hueAt } from './animColor.js';
 import { MakerMark } from './MakerMark.js';
-// ---------- BLYUE ----------
+function getVersion() {
+    try {
+        const here = dirname(fileURLToPath(import.meta.url));
+        const pkgPath = join(here, '..', '..', 'package.json');
+        return JSON.parse(readFileSync(pkgPath, 'utf8')).version || '0.0.0';
+    }
+    catch {
+        return '0.0.0';
+    }
+}
+// ─────────────────────────────────────────────
+//  BLYUE — 44 cols wide
+// ─────────────────────────────────────────────
 const BLYUE_BIG = [
     '██████╗ ██╗     ██╗   ██╗ ██╗   ██╗ ███████╗',
     '██╔══██╗██║     ╚██╗ ██╔╝ ██║   ██║ ██╔════╝',
@@ -18,30 +33,46 @@ const BLYUE_SMALL = [
     '| _ \\| |__| |_| | |_| | _| ',
     '|___/|____|\\___/ \\___/|___|',
 ];
-// ---------- CODE ----------
+// ─────────────────────────────────────────────
+//  CODE — 33 cols wide, centered with 5-space lead
+// ─────────────────────────────────────────────
 const CODE_BIG = [
-    ' ██████╗ ██████╗ ██████╗ ███████╗',
-    '██╔════╝██╔═══██╗██╔══██╗██╔════╝',
-    '██║     ██║   ██║██║  ██║█████╗  ',
-    '██║     ██║   ██║██║  ██║██╔══╝  ',
-    '╚██████╗╚██████╔╝██████╔╝███████╗',
-    ' ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝',
+    '     ██████╗ ██████╗ ██████╗ ███████╗',
+    '    ██╔════╝██╔═══██╗██╔══██╗██╔════╝',
+    '    ██║     ██║   ██║██║  ██║█████╗  ',
+    '    ██║     ██║   ██║██║  ██║██╔══╝  ',
+    '    ╚██████╗╚██████╔╝██████╔╝███████╗',
+    '     ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝',
 ];
 const CODE_SMALL = [
-    '█▀▀ █▀█ █▀▄ █▀▀',
-    '█▄▄ █▄█ █▄▀ ██▄',
+    '  █▀▀ █▀█ █▀▄ █▀▀',
+    '  █▄▄ █▄█ █▄▀ ██▄',
 ];
-export const Banner = () => {
+export const Banner = ({ freezeAfter = 3000 }) => {
     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 [t, setT] = useState(0);
+    const [frozen, setFrozen] = useState(freezeAfter <= 0);
+    // Animation tick — 100ms = 10fps, no flicker
     useEffect(() => {
-        const interval = setInterval(() => setT((v) => (v + 1 / 160) % 1), 50);
+        if (frozen)
+            return;
+        const interval = setInterval(() => {
+            setT((v) => (v + 1 / 320) % 1); // half-speed gradient
+        }, 100);
         return () => clearInterval(interval);
-    }, []);
+    }, [frozen]);
+    // Freeze after N ms so it never redraws during typing
+    useEffect(() => {
+        if (freezeAfter <= 0)
+            return;
+        const timer = setTimeout(() => setFrozen(true), freezeAfter);
+        return () => clearTimeout(timer);
+    }, [freezeAfter]);
     const brand = hueAt(t);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(MakerMark, { color: brand }), _jsx(Text, { children: " " }), blyue.map((line, i) => (_jsx(Text, { color: hueAt((t + i * 0.06) % 1), bold: true, children: line }, 'b' + i))), code.map((line, i) => (_jsx(Text, { color: hueAt((t + i * 0.06 + 0.35) % 1), bold: true, children: line }, 'c' + i))), _jsx(Text, { children: " " }), _jsx(Text, { color: "gray", children: "a coding agent \u00B7 v0.1.0" }), _jsx(Text, { children: " " })] }));
+    const version = getVersion();
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(MakerMark, { color: brand }), _jsx(Text, { children: " " }), blyue.map((line, i) => (_jsx(Text, { color: hueAt((t + i * 0.06) % 1), bold: true, children: line }, 'b' + i))), code.map((line, i) => (_jsx(Text, { color: hueAt((t + 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: " " })] }));
 };

package/dist/ui/Chat.js

@@ -52,8 +52,8 @@ export const Chat = () => {
     if (modelPickerOpen) {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(ModelPicker, { current: currentModel, onSelect: handleModelSelect, onCancel: () => setModelPickerOpen(false) }) }));
     }
-    // Truncate model name so footer fits on one line
-    const maxModelLen = Math.max(12, width - 24);
+    // 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';
@@ -68,5 +68,5 @@ export const Chat = () => {
                     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, { color: theme.muted, children: ['  ', _jsx(Text, { color: theme.accent, children: "/model" }), '  ·  ', _jsx(Text, { color: theme.text, children: shortModel })] })] }));
+            }), _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] })] })] }));
 };

package/package.json

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