blyuecode 0.1.14 → 0.1.16

package/dist/index.js

@@ -23,7 +23,7 @@ const App = () => {
             setReady(true);
         }
     }, [consented]);
-    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Static, { items: ['banner'], children: () => _jsx(Banner, {}) }), !consented ? (_jsx(Consent, { onAccept: () => setConsented(true) })) : ready ? (_jsx(Chat, { resumedCount: resumedCount })) : (_jsx(Setup, { onDone: () => setReady(true) }))] }));
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Static, { items: ['banner'], children: () => _jsx(Banner, {}, "banner") }), !consented ? (_jsx(Consent, { onAccept: () => setConsented(true) })) : ready ? (_jsx(Chat, { resumedCount: resumedCount })) : (_jsx(Setup, { onDone: () => setReady(true) }))] }));
 };
 render(_jsx(App, {}), {
     patchConsole: false,

package/dist/ui/Banner.js

@@ -1,11 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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 os from 'os';
-import { hueAt } from './animColor.js';
+import { pastelAt } from './pastel.js';
 function getVersion() {
     try {
         const here = dirname(fileURLToPath(import.meta.url));
@@ -63,6 +63,7 @@ const CODE_SMALL = [
 ];
 const BLYUE_WIDTH = 44;
 const BLYUE_SMALL_WIDTH = 27;
+const MakerMarkInline = ({ color }) => (_jsx(Text, { color: color, bold: true, children: "\u25C6  L U M E N" }));
 export const Banner = () => {
     const { stdout } = useStdout();
     const width = stdout?.columns ?? 80;
@@ -70,21 +71,19 @@ export const Banner = () => {
     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);
+    // Slow pastel drift — 24s full cycle, matches the rest of the TUI.
     useEffect(() => {
         if (!animate)
             return;
-        const interval = setInterval(() => setT((v) => (v + 1 / 320) % 1), 120);
+        const interval = setInterval(() => setT((v) => (v + 1 / 200) % 1), 120);
         return () => clearInterval(interval);
     }, [animate]);
-    const baseHue = animate ? t : 0.1;
-    const brand = hueAt(baseHue);
+    const baseHue = animate ? t : 0.08;
+    const brand = pastelAt(baseHue);
     const version = getVersion();
-    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: " " })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [pad, _jsx(MakerMarkInline, { color: brand })] }), _jsx(Text, { children: " " }), blyue.map((line, i) => (_jsx(Text, { color: pastelAt((baseHue + i * 0.035) % 1), bold: true, children: pad + line }, 'b' + i))), code.map((line, i) => (_jsx(Text, { color: pastelAt((baseHue + i * 0.035 + 0.18) % 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,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { Box, Text, useInput, useStdout, Static } from 'ink';
 import fs from 'fs';
 import path from 'path';
@@ -11,12 +11,16 @@ import { ModelPicker } from './ModelPicker.js';
 import { Settings } from './Settings.js';
 import { PermissionPrompt } from './PermissionPrompt.js';
 import { Spinner } from './Spinner.js';
+import { toolToState } from './MascotPrompt.js';
+import { useSlowColor } from './useSlowColor.js';
+import { pastelAt } from './pastel.js';
+import { bumpActivity } from './activity.js';
 import { theme } from './theme.js';
 let nextId = 0;
 const mkItem = (kind, text) => ({ kind, text, id: nextId++ });
 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 })] }));
+        return (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: pastelAt(0.08), 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 })] }));
@@ -63,12 +67,37 @@ export const Chat = ({ resumedCount = 0 }) => {
     const [permReq, setPermReq] = useState(null);
     const [currentModel, setCurrentModel] = useState(process.env.MODEL || '');
     const [agent, setAgent] = useState(() => new Agent());
-    const [reaction, setReaction] = useState(null);
+    // Mascot state
+    const [mascotState, setMascotState] = useState(undefined);
+    const [elapsedSec, setElapsedSec] = useState(0);
+    const startRef = useRef(null);
     useEffect(() => {
         const unsub = permissions.subscribe((req) => setPermReq(req));
         return unsub;
     }, []);
+    // Track elapsed time during loading
+    useEffect(() => {
+        if (!loading) {
+            startRef.current = null;
+            setElapsedSec(0);
+            return;
+        }
+        startRef.current = Date.now();
+        const t = setInterval(() => {
+            if (startRef.current) {
+                setElapsedSec(Math.floor((Date.now() - startRef.current) / 1000));
+            }
+        }, 500);
+        return () => clearInterval(t);
+    }, [loading]);
+    // Flash a temporary mascot state
+    const flash = (state, ms = 1200) => {
+        setMascotState(state);
+        setTimeout(() => setMascotState(undefined), ms);
+    };
+    const slowColor = useSlowColor();
     useInput((inputChar, key) => {
+        bumpActivity();
         if (permReq)
             return;
         if (key.ctrl && inputChar === 'p')
@@ -82,6 +111,7 @@ export const Chat = ({ resumedCount = 0 }) => {
         setHistory((h) => [...h, mkItem(kind, text)]);
     };
     const handleSubmit = async (text) => {
+        bumpActivity();
         if (!text.trim() || loading)
             return;
         const trimmed = text.trim();
@@ -110,15 +140,18 @@ export const Chat = ({ resumedCount = 0 }) => {
             setInput('');
             setLoading(true);
             setStreaming('');
+            flash('thinking', 1000);
             try {
                 const r = await agent.compact();
                 setHistory((h) => [
                     ...h,
                     mkItem('tool', `Compacted: ${r.before} → ${r.after} messages (summary ${r.summaryLen} chars)`),
                 ]);
+                flash('success', 1500);
             }
             catch (e) {
                 setHistory((h) => [...h, mkItem('error', e.message)]);
+                flash('error', 2000);
             }
             setLoading(false);
             return;
@@ -128,6 +161,7 @@ export const Chat = ({ resumedCount = 0 }) => {
             agent.clear();
             permissions.resetSession();
             setHistory([mkItem('tool', '(conversation cleared)')]);
+            flash('success', 1200);
             return;
         }
         if (trimmed === '/help') {
@@ -150,8 +184,7 @@ export const Chat = ({ resumedCount = 0 }) => {
         setLoading(true);
         setStreaming('');
         // Jump animation on submit
-        setReaction('jump');
-        setTimeout(() => setReaction(null), 400);
+        flash('jump', 400);
         let textBuf = '';
         let toolBuf = '';
         try {
@@ -159,6 +192,8 @@ export const Chat = ({ resumedCount = 0 }) => {
                 if (ev.type === 'text') {
                     textBuf += ev.delta;
                     setStreaming(textBuf);
+                    // Clear any tool mascot while text streams
+                    setMascotState(undefined);
                 }
                 else if (ev.type === 'tool_start') {
                     if (textBuf) {
@@ -167,26 +202,28 @@ export const Chat = ({ resumedCount = 0 }) => {
                     }
                     toolBuf = '\n[Calling ' + ev.name + '...]\n';
                     setStreaming(toolBuf);
+                    // React to the specific tool
+                    setMascotState(toolToState(ev.name));
                 }
                 else if (ev.type === 'tool_end') {
                     flush('tool', toolBuf + '[Result]: ' + ev.preview + '\n');
                     toolBuf = '';
                     setStreaming('');
+                    // Brief pulse before next step
+                    flash('success', 500);
                 }
             }
             if (textBuf)
                 flush('ai', textBuf);
-            // Success reaction
-            setReaction('success');
-            setTimeout(() => setReaction(null), 2000);
+            flash('success', 2000);
         }
         catch (e) {
             setHistory((h) => [...h, mkItem('error', e?.message || String(e))]);
-            setReaction('error');
-            setTimeout(() => setReaction(null), 3000);
+            flash('error', 3000);
         }
         setStreaming('');
         setLoading(false);
+        setMascotState(undefined);
     };
     const handleModelSelect = (id) => {
         process.env.MODEL = id;
@@ -196,7 +233,7 @@ export const Chat = ({ resumedCount = 0 }) => {
         setHistory((h) => [...h, mkItem('tool', `model → ${id}`)]);
     };
     if (permReq) {
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: history, children: (item) => _jsx(HistoryLine, { item: item }, item.id) }), _jsx(Box, { marginTop: 1, children: _jsx(PermissionPrompt, { req: permReq }) })] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: history, children: (item) => _jsx(HistoryLine, { item: item }, item.id) }), _jsx(Box, { marginTop: 1, children: _jsx(PermissionPrompt, { req: permReq }) }), _jsx(Box, { marginTop: 1, children: _jsx(InputBar, { value: "", onChange: () => { }, onSubmit: () => { }, loading: false, mascotState: "permission", awaitingPermission: true }) })] }));
     }
     if (overlay === 'model') {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(ModelPicker, { current: currentModel, onSelect: handleModelSelect, onCancel: () => setOverlay('none') }) }));
@@ -211,5 +248,5 @@ export const Chat = ({ resumedCount = 0 }) => {
     const shortModel = currentModel.length > maxModelLen
         ? '…' + currentModel.slice(-(maxModelLen - 1))
         : currentModel || 'unset';
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: history, children: (item) => _jsx(HistoryLine, { item: item }, item.id) }), streaming ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text, children: streaming }) })) : loading ? (_jsx(Box, { marginTop: 1, children: _jsx(Spinner, {}) })) : null, _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(InputBar, { value: input, onChange: setInput, onSubmit: handleSubmit, loading: loading, reaction: reaction }), _jsxs(Text, { children: [_jsx(Text, { color: theme.accent, children: "  /model" }), _jsx(Text, { color: theme.muted, children: "  \u00B7  " }), _jsx(Text, { color: theme.accent, children: "/settings" }), _jsx(Text, { color: theme.muted, children: "  \u00B7  " }), _jsx(Text, { color: theme.accent, children: "/compact" }), _jsx(Text, { color: theme.muted, children: "  \u00B7  " }), _jsx(Text, { color: theme.text, children: shortModel })] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: history, children: (item) => _jsx(HistoryLine, { item: item }, item.id) }), streaming ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text, children: streaming }) })) : loading ? (_jsx(Box, { marginTop: 1, children: _jsx(Spinner, {}) })) : null, _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(InputBar, { value: input, onChange: setInput, onSubmit: handleSubmit, loading: loading, mascotState: mascotState, elapsedSec: elapsedSec }), _jsxs(Text, { children: [_jsx(Text, { color: slowColor, children: "  /model" }), _jsx(Text, { color: theme.muted, children: "  \u00B7  " }), _jsx(Text, { color: slowColor, children: "/settings" }), _jsx(Text, { color: theme.muted, children: "  \u00B7  " }), _jsx(Text, { color: slowColor, children: "/compact" }), _jsx(Text, { color: theme.muted, children: "  \u00B7  " }), _jsx(Text, { color: theme.text, children: shortModel })] })] })] }));
 };

package/dist/ui/InputBar.js

@@ -6,10 +6,12 @@ import { Placeholder } from './Placeholder.js';
 import { RocketBar } from './RocketBar.js';
 import { MascotPrompt } from './MascotPrompt.js';
 import { theme } from './theme.js';
+import { useSlowColor } from './useSlowColor.js';
 const DOTS = ['●○○○', '○●○○', '○○●○', '○○○●'];
-export const InputBar = ({ value, onChange, onSubmit, loading, reaction }) => {
+export const InputBar = ({ value, onChange, onSubmit, loading, mascotState, awaitingPermission, elapsedSec = 0, }) => {
     const { stdout } = useStdout();
     const width = Math.max(24, stdout?.columns ?? 50);
+    const pastel = useSlowColor();
     const [dotI, setDotI] = useState(0);
     useEffect(() => {
         if (!loading)
@@ -18,11 +20,13 @@ export const InputBar = ({ value, onChange, onSubmit, loading, reaction }) => {
         return () => clearInterval(int);
     }, [loading]);
     const hasText = value.length > 0;
-    // Decide mascot state, priority order:
-    // reaction > loading > typing > idle
-    const mascotState = reaction ?? (loading ? 'thinking' : hasText ? 'typing' : 'idle');
-    const label = loading ? 'thinking' : 'blyue';
+    const state = mascotState ??
+        (awaitingPermission ? 'permission' :
+            loading && elapsedSec > 8 ? 'impatient' :
+                loading ? 'thinking' :
+                    hasText ? 'typing' : 'idle');
+    const label = awaitingPermission ? 'waiting' : loading ? 'thinking' : 'blyue';
     const status = loading ? ' ' + DOTS[dotI] + ' ' : '';
     const botLen = Math.max(0, width - 2 - status.length);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(MascotPrompt, { state: mascotState }), _jsx(RocketBar, { label: label, loading: loading, width: width }), _jsxs(Box, { children: [_jsx(Text, { color: theme.accent, bold: true, children: '❯ ' }), hasText ? (_jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit })) : (_jsxs(_Fragment, { children: [_jsx(Placeholder, {}), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit })] }))] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╰' + '─'.repeat(botLen) }), loading && _jsx(Text, { color: theme.accent, children: status }), _jsx(Text, { color: theme.muted, children: "\u256F" })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(MascotPrompt, { state: state }), _jsx(RocketBar, { label: label, loading: loading, width: width }), _jsxs(Box, { children: [_jsx(Text, { color: pastel, bold: true, children: '❯ ' }), hasText ? (_jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit })) : (_jsxs(_Fragment, { children: [_jsx(Placeholder, {}), _jsx(TextInput, { value: value, onChange: onChange, onSubmit: onSubmit })] }))] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╰' + '─'.repeat(botLen) }), loading && _jsx(Text, { color: pastel, children: status }), _jsx(Text, { color: theme.muted, children: "\u256F" })] })] }));
 };

package/dist/ui/MascotPrompt.js

@@ -1,8 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Text } from 'ink';
+import { Box, Text } from 'ink';
 import { theme } from './theme.js';
-// Face frames per state
+import { useIdle, defaultIdleThresholds, idleDisabled } from './useIdle.js';
+import { useSlowColor } from './useSlowColor.js';
+import { Zzz } from './SleepZs.js';
 const FACES = {
     idle: ['◕‿◕', '◕‿◕', '◕_◕', '◕‿◕', '◕‿◕', '◕‿◕', '◕_◕', '◕‿◕'],
     typing: ['◉‿◉', '◉‿◉', '◉‿◉', '◉_◉'],
@@ -10,19 +12,65 @@ const FACES = {
     success: ['^‿^', '^▽^', '^‿^'],
     error: ['◔︵◔', '◔︵◔', '◔_◔'],
     jump: ['◕‿◕', '◉▽◉', '^▽^', '◉▽◉', '◕‿◕'],
+    read: ['◉_◉', '◎_◎', '◉_◉'],
+    write: ['◕✎◕', '◕✐◕', '◕✎◕'],
+    patch: ['◕~◕', '◕≈◕', '◕~◕'],
+    list: ['◉◡◉', '◉◠◉', '◉◡◉'],
+    command: ['◕⌨◕', '◕⎚◕', '◕⌨◕'],
+    automate: ['◕⚙◕', '◕⚙︎◕', '◕⚙◕'],
+    permission: ['◔_◔', '◔◡◔', '◔_◔'],
+    granted: ['◉‿◉', '◉▽◉', '◉‿◉'],
+    denied: ['◔︵◔', '◔_◔', '◔︵◔'],
+    impatient: ['◕~◕', '⊙_⊙', '◕~◕', '⊙_⊙'],
 };
-// Frame speeds in ms
 const SPEEDS = {
-    idle: 500,
-    typing: 700,
-    thinking: 120,
-    success: 300,
-    error: 400,
-    jump: 70,
+    idle: 500, typing: 700, thinking: 120,
+    success: 300, error: 400, jump: 70,
+    read: 220, write: 260, patch: 260, list: 260, command: 220,
+    automate: 200, permission: 450, granted: 180, denied: 350, impatient: 300,
 };
-export const MascotPrompt = ({ state }) => {
+const DROWSY_FACE = '–_–';
+const SLEEPING_FACE = '-‿-';
+const TOP_ROWS = 2;
+export function toolToState(tool) {
+    if (tool === 'read_file')
+        return 'read';
+    if (tool === 'write_file')
+        return 'write';
+    if (tool === 'apply_patch')
+        return 'patch';
+    if (tool === 'list_files')
+        return 'list';
+    if (tool === 'run_command')
+        return 'command';
+    if (tool.startsWith('n8n_'))
+        return 'automate';
+    return 'thinking';
+}
+const BlankRows = () => (_jsx(_Fragment, { children: Array.from({ length: TOP_ROWS }, (_, i) => (_jsx(Text, { children: " " }, i))) }));
+// States whose color is semantic (meaning-bearing) — these stay their
+// theme colors. Everything else drifts through the pastel palette.
+function isSemantic(state) {
+    return (state === 'error' || state === 'denied' ||
+        state === 'success' || state === 'granted' ||
+        state === 'permission' || state === 'impatient');
+}
+function semanticColor(state) {
+    if (state === 'error' || state === 'denied')
+        return theme.error;
+    if (state === 'success' || state === 'granted')
+        return theme.success;
+    return theme.warning; // permission / impatient
+}
+export const MascotPrompt = ({ state, keepAwake = false, }) => {
     const frames = FACES[state];
     const [i, setI] = useState(0);
+    const thresholds = defaultIdleThresholds();
+    const idle = useIdle({
+        ...thresholds,
+        disabled: keepAwake || idleDisabled(),
+    });
+    const slowColor = useSlowColor();
     useEffect(() => {
         setI(0);
         if (frames.length <= 1)
@@ -30,9 +78,12 @@ export const MascotPrompt = ({ state }) => {
         const t = setInterval(() => setI((v) => (v + 1) % frames.length), SPEEDS[state]);
         return () => clearInterval(t);
     }, [state, frames.length]);
-    // Colors react to state too
-    const color = state === 'error' ? theme.error :
-        state === 'success' ? theme.success :
-            theme.accent;
-    return (_jsx(Text, { children: _jsx(Text, { color: color, bold: true, children: ' ' + frames[i] }) }));
+    if (idle === 'sleeping') {
+        return (_jsxs(Box, { flexDirection: "column", height: TOP_ROWS + 1, children: [_jsx(Zzz, {}), _jsx(Text, { color: theme.muted, bold: true, children: ' ' + SLEEPING_FACE })] }));
+    }
+    if (idle === 'drowsy') {
+        return (_jsxs(Box, { flexDirection: "column", height: TOP_ROWS + 1, children: [_jsx(BlankRows, {}), _jsx(Text, { color: theme.muted, bold: true, children: ' ' + DROWSY_FACE })] }));
+    }
+    const color = isSemantic(state) ? semanticColor(state) : slowColor;
+    return (_jsxs(Box, { flexDirection: "column", height: TOP_ROWS + 1, children: [_jsx(BlankRows, {}), _jsx(Text, { color: color, bold: true, children: ' ' + frames[i] })] }));
 };

package/dist/ui/RocketBar.js

@@ -3,7 +3,7 @@ import { useState, useEffect } from 'react';
 import { Text } from 'ink';
 import os from 'os';
 import { theme } from './theme.js';
-import { hueAt } from './animColor.js';
+import { useSlowColor } from './useSlowColor.js';
 function shouldAnimate() {
     if (process.env.BLYUE_ANIMATE === '1')
         return true;
@@ -25,20 +25,13 @@ function shouldAnimate() {
 }
 export const RocketBar = ({ label, loading, width }) => {
     const [animate] = useState(() => shouldAnimate());
-    const [t, setT] = useState(0);
     const [pos, setPos] = useState(0);
-    useEffect(() => {
-        if (!animate)
-            return;
-        const int = setInterval(() => setT((v) => (v + 0.00625) % 1), 120);
-        return () => clearInterval(int);
-    }, [animate]);
+    const hue = useSlowColor(); // shared pastel clock — matches banner + face
     const fixed = 5 + label.length;
     const midLen = Math.max(0, width - fixed);
     useEffect(() => {
         if (!loading || midLen < 6)
             return;
-        // Static mode: no rocket motion, just fixed at 1/3 position
         if (!animate) {
             setPos(Math.floor(midLen / 3));
             return;
@@ -47,9 +40,8 @@ export const RocketBar = ({ label, loading, width }) => {
         const int = setInterval(() => setPos((p) => (p + 1) % track), 90);
         return () => clearInterval(int);
     }, [loading, midLen, animate]);
-    const hue = animate ? hueAt(t) : hueAt(0.1);
     if (!loading || midLen < 6) {
-        return (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╭─ ' }), _jsx(Text, { color: loading ? hue : theme.accent, bold: true, children: label }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(midLen) + '╮' })] }));
+        return (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╭─ ' }), _jsx(Text, { color: hue, bold: true, children: label }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(midLen) + '╮' })] }));
     }
     const p = Math.min(pos, Math.max(0, midLen - 3));
     const before = '─'.repeat(p);

package/dist/ui/SleepZs.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+import { theme } from './theme.js';
+// Two rows, always exactly two rows — the mascot container reserves this
+// space whether a z is visible or not, so Ink never reflows.
+const FRAMES = [
+    ['      ', '      '],
+    ['      ', ' z    '],
+    ['      ', '  z   '],
+    ['  z   ', '   z  '],
+    ['   z  ', '    z '],
+    ['    z ', '      '],
+    ['     z', '      '],
+    ['      ', '      '],
+];
+const SPEED_MS = 800;
+export const Zzz = () => {
+    const [i, setI] = useState(0);
+    useEffect(() => {
+        const t = setInterval(() => setI((v) => (v + 1) % FRAMES.length), SPEED_MS);
+        return () => clearInterval(t);
+    }, []);
+    const [far, near] = FRAMES[i];
+    return (_jsxs(Box, { flexDirection: "column", height: 2, children: [_jsx(Text, { color: theme.muted, children: far }), _jsx(Text, { color: theme.muted, children: near })] }));
+};

package/dist/ui/activity.js

@@ -0,0 +1,20 @@
+// Tiny global activity bus — avoids prop-drilling an `activeSignal` number
+// through every component. Chat.tsx calls bumpActivity() from useInput;
+// MascotPrompt subscribes via useIdle().
+let counter = 0;
+const listeners = new Set();
+/** Call this from any real user input handler (keystroke, submit). */
+export function bumpActivity() {
+    counter = (counter + 1) % Number.MAX_SAFE_INTEGER;
+    for (const l of listeners)
+        l();
+}
+export function getActivity() {
+    return counter;
+}
+export function subscribeActivity(fn) {
+    listeners.add(fn);
+    return () => {
+        listeners.delete(fn);
+    };
+}

package/dist/ui/pastel.js

@@ -0,0 +1,30 @@
+// Pastel/faded palette — Claude-Code-inspired soft muting.
+// All colors sit at ~76% lightness / ~48% saturation, so they read as
+// "faded" on both dark and light terminals.
+function hslToHex(h, s, l) {
+    s /= 100;
+    l /= 100;
+    const k = (n) => (n + h / 30) % 12;
+    const a = s * Math.min(l, 1 - l);
+    const f = (n) => {
+        const c = l - a * Math.max(-1, Math.min(k(n) - 3, Math.min(9 - k(n), 1)));
+        return Math.round(255 * c);
+    };
+    const toHex = (x) => x.toString(16).padStart(2, '0');
+    return '#' + toHex(f(0)) + toHex(f(8)) + toHex(f(4));
+}
+/** Full-hue pastel cycle. t in [0, 1). */
+export function pastelAt(t) {
+    const h = (((t % 1) + 1) % 1) * 360;
+    return hslToHex(h, 48, 76);
+}
+/**
+ * Warm-only variant — rose → peach → gold → sage → back. If the full
+ * wheel feels too rainbow-y for your taste, swap pastelAt -> pastelWarmAt
+ * in the four call sites below.
+ */
+export function pastelWarmAt(t) {
+    const t2 = ((t % 1) + 1) % 1;
+    const h = (320 + t2 * 110) % 360; // 320° → 70°, wraps through warm
+    return hslToHex(h, 52, 76);
+}

package/dist/ui/slowTick.js

@@ -0,0 +1,38 @@
+// A single module-level tick shared by every component that wants to
+// fade in sync. One interval, N subscribers, no per-component drift.
+const PERIOD_MS = 24_000; // full pastel cycle
+const TICK_MS = 120;
+let t = 0;
+const listeners = new Set();
+let interval = null;
+function start() {
+    if (interval)
+        return;
+    interval = setInterval(() => {
+        t = (t + TICK_MS / PERIOD_MS) % 1;
+        for (const l of listeners)
+            l();
+    }, TICK_MS);
+    // Don't keep the Node process alive just to animate colors.
+    const anyInt = interval;
+    anyInt.unref?.();
+}
+function stop() {
+    if (interval) {
+        clearInterval(interval);
+        interval = null;
+    }
+}
+export function subscribeSlowTick(fn) {
+    listeners.add(fn);
+    if (listeners.size === 1)
+        start();
+    return () => {
+        listeners.delete(fn);
+        if (listeners.size === 0)
+            stop();
+    };
+}
+export function getSlowTick() {
+    return t;
+}

package/dist/ui/useIdle.js

@@ -0,0 +1,43 @@
+import { useEffect, useRef, useState, useSyncExternalStore } from 'react';
+import { subscribeActivity, getActivity } from './activity.js';
+export function useActivity() {
+    return useSyncExternalStore(subscribeActivity, getActivity, getActivity);
+}
+export function useIdle({ drowsyAfterMs = 120_000, sleepAfterMs = 300_000, disabled = false, } = {}) {
+    const active = useActivity();
+    const [stage, setStage] = useState('awake');
+    const timersRef = useRef([]);
+    useEffect(() => {
+        for (const t of timersRef.current)
+            clearTimeout(t);
+        timersRef.current = [];
+        if (disabled) {
+            setStage('awake');
+            return;
+        }
+        setStage('awake');
+        const drowsyT = setTimeout(() => setStage('drowsy'), drowsyAfterMs);
+        const sleepT = setTimeout(() => setStage('sleeping'), sleepAfterMs);
+        timersRef.current = [drowsyT, sleepT];
+        return () => {
+            for (const t of timersRef.current)
+                clearTimeout(t);
+            timersRef.current = [];
+        };
+    }, [active, drowsyAfterMs, sleepAfterMs, disabled]);
+    return stage;
+}
+/**
+ * Idle thresholds.
+ *   BLYUE_FAST_IDLE=1 -> 3s / 6s   (dev testing only)
+ *   default           -> 2 min drowsy / 5 min sleep
+ */
+export function defaultIdleThresholds() {
+    if (process.env.BLYUE_FAST_IDLE === '1') {
+        return { drowsyAfterMs: 3_000, sleepAfterMs: 6_000 };
+    }
+    return { drowsyAfterMs: 120_000, sleepAfterMs: 300_000 };
+}
+export function idleDisabled() {
+    return process.env.BLYUE_NO_SLEEP === '1';
+}

package/dist/ui/useSlowColor.js

@@ -0,0 +1,11 @@
+import { useSyncExternalStore } from 'react';
+import { subscribeSlowTick, getSlowTick } from './slowTick.js';
+import { pastelAt, pastelWarmAt } from './pastel.js';
+/**
+ * Returns a pastel hex color that drifts slowly and stays in sync with
+ * every other component that uses this hook.
+ */
+export function useSlowColor(warm = false) {
+    const t = useSyncExternalStore(subscribeSlowTick, getSlowTick, getSlowTick);
+    return warm ? pastelWarmAt(t) : pastelAt(t);
+}

package/package.json

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