blyuecode 0.7.1 → 0.8.0

package/dist/ui/Chat.js

@@ -26,8 +26,20 @@ import { AuditPanel } from './AuditPanel.js';
 import { appendMemory } from '../core/memory.js';
 import { audit } from '../core/audit.js';
 import { listSkills, findSkill, matchSkills, ensureSkillsDir, } from '../core/skills.js';
+import { generateImage } from '../core/image.js';
+import { checkMediaDeps, installMediaDeps } from '../core/deps.js';
+import { searchYouTube, downloadAudio, downloadVideo, parseQuality, estimateSizeMb, } from '../core/media.js';
+import { player } from '../core/player.js';
+import { playVideo } from '../core/videoPlayer.js';
+import { updateYtdlp, ytdlpVersion, ytdlpLogPath, } from '../core/ytdlp.js';
 let nextId = 0;
 const mkItem = (kind, text) => ({ kind, text, id: nextId++ });
+const fmtTime = (s) => {
+    const h = Math.floor(s / 3600);
+    const m = Math.floor((s % 3600) / 60);
+    const sec = Math.floor(s % 60);
+    return h > 0 ? h + ':' + String(m).padStart(2, '0') + ':' + String(sec).padStart(2, '0') : m + ':' + String(sec).padStart(2, '0');
+};
 const HistoryLine = ({ item }) => {
     if (item.kind === 'user') {
         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 })] }));
@@ -75,6 +87,13 @@ export const Chat = ({ resumedCount = 0 }) => {
     const [streaming, setStreaming] = useState('');
     const [overlay, setOverlay] = useState('none');
     const [pendingSkill, setPendingSkill] = useState(null);
+    const [pendingMedia, setPendingMedia] = useState(null);
+    const [pendingInstall, setPendingInstall] = useState(null);
+    const [mediaStatus, setMediaStatus] = useState(null);
+    const [playerActive, setPlayerActive] = useState(false);
+    const [playProgress, setPlayProgress] = useState(null);
+    const [pendingVideoCleanup, setPendingVideoCleanup] = useState(null);
+    const [pendingVideoQuality, setPendingVideoQuality] = useState(null);
     const [permReq, setPermReq] = useState(null);
     const [currentModel, setCurrentModel] = useState(process.env.MODEL || '');
     const [agent, setAgent] = useState(() => new Agent());
@@ -106,6 +125,73 @@ export const Chat = ({ resumedCount = 0 }) => {
     const slowColor = useSlowColor();
     useInput((inputChar, key) => {
         bumpActivity();
+        if (pendingVideoQuality) {
+            const pt = pendingVideoQuality.track;
+            const pick = (q) => {
+                setPendingVideoQuality(null);
+                setHistory((h) => [...h, mkItem('tool', 'quality: ' + q + '  ·  download and play?  [y] yes · [n] cancel')]);
+                setPendingMedia({ kind: 'video', track: pt, quality: q });
+            };
+            if (inputChar === '1') {
+                pick('360p');
+                return;
+            }
+            if (inputChar === '2') {
+                pick('480p');
+                return;
+            }
+            if (inputChar === '3') {
+                pick('720p');
+                return;
+            }
+            if (inputChar === '4') {
+                pick('1080p');
+                return;
+            }
+            if (inputChar === '5') {
+                pick('best');
+                return;
+            }
+            if (inputChar === 'n' || inputChar === 'N' || key.escape) {
+                setPendingVideoQuality(null);
+                setInput('');
+                setHistory((h) => [...h, mkItem('tool', 'cancelled')]);
+                return;
+            }
+            return;
+        }
+        if (pendingMedia) {
+            if (inputChar === 'y' || inputChar === 'Y') {
+                const pm = pendingMedia;
+                setPendingMedia(null);
+                setInput('');
+                void runPendingMedia(pm);
+                return;
+            }
+            if (inputChar === 'n' || inputChar === 'N' || key.escape) {
+                setPendingMedia(null);
+                setInput('');
+                setHistory((h) => [...h, mkItem('tool', 'cancelled')]);
+                return;
+            }
+            return;
+        }
+        if (pendingInstall) {
+            if (inputChar === 'y' || inputChar === 'Y') {
+                const cmd = pendingInstall;
+                setPendingInstall(null);
+                setInput('');
+                void runPendingInstall(cmd);
+                return;
+            }
+            if (inputChar === 'n' || inputChar === 'N' || key.escape) {
+                setPendingInstall(null);
+                setInput('');
+                setHistory((h) => [...h, mkItem('tool', 'cancelled')]);
+                return;
+            }
+            return;
+        }
         if (permReq)
             return;
         if (key.ctrl && inputChar === 'l')
@@ -126,6 +212,86 @@ export const Chat = ({ resumedCount = 0 }) => {
             return;
         setHistory((h) => [...h, mkItem(kind, text)]);
     };
+    const runPendingMedia = async (pm) => {
+        if (pm.kind === 'audio') {
+            setMediaStatus('downloading: ' + pm.track.title + '…');
+            try {
+                const d = await downloadAudio(pm.track);
+                setMediaStatus('loading into player…');
+                await player.play(d);
+                setMediaStatus(null);
+                setHistory((h) => [...h, mkItem('tool', '▶ ' + d.title + '  (deletes after — /loop /keep)')]);
+            }
+            catch (e) {
+                setMediaStatus(null);
+                const msg = e?.message || String(e);
+                if (/403|forbidden|stale/i.test(msg)) {
+                    setHistory((h) => [
+                        ...h,
+                        mkItem('error', msg),
+                        mkItem('tool', 'run  /update-ytdlp  to fix (stale yt-dlp)'),
+                    ]);
+                }
+                else {
+                    setHistory((h) => [...h, mkItem('error', msg)]);
+                }
+            }
+        }
+        else {
+            setMediaStatus('downloading ' + pm.quality + ': ' + pm.track.title + '…');
+            try {
+                const v = await downloadVideo(pm.track, pm.quality);
+                setMediaStatus('opening player…');
+                const { cleanup, notice } = await playVideo(v);
+                setMediaStatus(null);
+                setPendingVideoCleanup(() => cleanup);
+                if (notice) {
+                    setHistory((h) => [...h, mkItem('tool', '▶ ' + v.title), mkItem('tool', notice)]);
+                }
+                else {
+                    setHistory((h) => [...h, mkItem('tool', 'video ended · file cleaned up')]);
+                }
+            }
+            catch (e) {
+                setMediaStatus(null);
+                setHistory((h) => [...h, mkItem('error', e?.message || String(e))]);
+            }
+        }
+    };
+    const runPendingInstall = async (cmd) => {
+        setHistory((h) => [...h, mkItem('tool', 'running: ' + cmd)]);
+        setLoading(true);
+        const r = await installMediaDeps();
+        setLoading(false);
+        if (r.ok)
+            setHistory((h) => [...h, mkItem('tool', '✓ media tools installed')]);
+        else
+            setHistory((h) => [...h, mkItem('error', 'install failed: ' + r.output.slice(-400))]);
+    };
+    useEffect(() => {
+        const sync = () => {
+            try {
+                const st = player.getState();
+                setPlayerActive(st.playing);
+                if (st.playing && st.duration > 0 && st.position >= 0) {
+                    setPlayProgress({ pos: st.position, dur: st.duration });
+                }
+                else {
+                    setPlayProgress(null);
+                }
+            }
+            catch { }
+        };
+        player.on('update', sync);
+        player.on('queue-empty', sync);
+        player.on('exit', sync);
+        sync();
+        return () => {
+            player.removeListener('update', sync);
+            player.removeListener('queue-empty', sync);
+            player.removeListener('exit', sync);
+        };
+    }, []);
     const handleSubmit = async (text) => {
         bumpActivity();
         if (!text.trim() || loading)
@@ -219,6 +385,266 @@ export const Chat = ({ resumedCount = 0 }) => {
             ]);
             return;
         }
+        if (trimmed === '/update-ytdlp') {
+            setInput('');
+            const before = await ytdlpVersion();
+            setHistory((h) => [...h, mkItem('tool', 'yt-dlp version: ' + before + ' · updating…')]);
+            setLoading(true);
+            const r = await updateYtdlp();
+            setLoading(false);
+            const after = await ytdlpVersion();
+            if (r.ok) {
+                setHistory((h) => [...h, mkItem('tool', '✓ yt-dlp ' + before + ' → ' + after)]);
+            }
+            else {
+                setHistory((h) => [...h, mkItem('error', 'update failed: ' + r.output.slice(-300))]);
+            }
+            return;
+        }
+        if (trimmed === '/ytdlp-log') {
+            setInput('');
+            const { readYtdlpLog } = await import('../core/ytdlp.js');
+            const lines = readYtdlpLog(40);
+            if (lines.length === 0) {
+                setHistory((h) => [...h, mkItem('tool', 'no yt-dlp errors logged')]);
+            }
+            else {
+                setHistory((h) => [
+                    ...h,
+                    mkItem('tool', 'yt-dlp log: ' + ytdlpLogPath()),
+                    ...lines.map((l) => mkItem('tool', '  ' + l.slice(0, 180))),
+                ]);
+            }
+            return;
+        }
+        if (trimmed === '/install-media') {
+            setInput('');
+            const deps = await checkMediaDeps();
+            if (deps.allPresent) {
+                setHistory((h) => [...h, mkItem('tool', 'media tools already installed')]);
+                return;
+            }
+            const plat = deps.platform;
+            if (!plat.installCmd) {
+                setHistory((h) => [...h, mkItem('error', 'unknown platform — install yt-dlp ffmpeg mpv manually')]);
+                return;
+            }
+            setHistory((h) => [
+                ...h,
+                mkItem('tool', 'will run: ' + plat.installCmd),
+                mkItem('tool', '~' + plat.approximateSizeMb + ' MB via ' + plat.updateHint),
+                mkItem('tool', 'proceed?  [y] yes · [n] cancel'),
+            ]);
+            setPendingInstall(plat.installCmd);
+            return;
+        }
+        if (trimmed.startsWith('/image ')) {
+            setInput('');
+            const prompt = trimmed.slice(7).trim();
+            if (!prompt) {
+                setHistory((h) => [...h, mkItem('error', 'usage: /image <prompt>')]);
+                return;
+            }
+            setLoading(true);
+            setHistory((h) => [...h, mkItem('tool', 'generating image: ' + prompt + '…')]);
+            try {
+                const r = await generateImage(prompt);
+                setHistory((h) => [...h, mkItem('tool', 'saved: ' + r.path), mkItem('tool', 'source: ' + r.url)]);
+            }
+            catch (e) {
+                setHistory((h) => [...h, mkItem('error', e?.message || String(e))]);
+            }
+            setLoading(false);
+            return;
+        }
+        if (trimmed.startsWith('/play ')) {
+            setInput('');
+            const q = trimmed.slice(6).trim();
+            if (!q) {
+                setHistory((h) => [...h, mkItem('error', 'usage: /play <query>')]);
+                return;
+            }
+            setMediaStatus('searching: ' + q + '…');
+            try {
+                const deps = await checkMediaDeps();
+                if (!deps.allPresent) {
+                    setMediaStatus(null);
+                    setHistory((h) => [...h,
+                        mkItem('tool', 'missing media tools: ' + deps.missing.join(', ')),
+                        mkItem('tool', 'run  /install-media  to install them'),
+                    ]);
+                    return;
+                }
+                const track = await searchYouTube(q);
+                setHistory((h) => [
+                    ...h,
+                    mkItem('tool', 'found: ' + track.title + ' · ' + fmtTime(track.duration) + (track.uploader ? ' · ' + track.uploader : '')),
+                    mkItem('tool', 'download and play?  [y] yes · [n] cancel'),
+                ]);
+                setMediaStatus(null);
+                setPendingMedia({ kind: 'audio', track });
+            }
+            catch (e) {
+                setMediaStatus(null);
+                const msg = e?.message || String(e);
+                if (/403|forbidden|stale/i.test(msg)) {
+                    setHistory((h) => [
+                        ...h,
+                        mkItem('error', msg),
+                        mkItem('tool', 'try  /update-ytdlp  to fix'),
+                    ]);
+                }
+                else {
+                    setHistory((h) => [...h, mkItem('error', msg)]);
+                }
+            }
+            return;
+        }
+        if (trimmed.startsWith('/video ')) {
+            setInput('');
+            const rest = trimmed.slice(7).trim();
+            if (!rest) {
+                setHistory((h) => [...h, mkItem('error', 'usage: /video <query> [quality]')]);
+                return;
+            }
+            const parts = rest.split(/\s+/);
+            const last = parts[parts.length - 1];
+            const qualityPattern = /^(360p?|480p?|720p?|1080p?|best)$/i;
+            const qualityPattern2 = /^\d+p?$/i.test(last);
+            const looksLikeQuality = qualityPattern.test(last) || qualityPattern2;
+            const hasExplicit = qualityPattern.test(last) && parts.length > 1;
+            const quality = hasExplicit ? parseQuality(last) : '720p';
+            const query = hasExplicit ? parts.slice(0, -1).join(' ') : rest;
+            setMediaStatus('searching: ' + query + '…');
+            try {
+                const deps = await checkMediaDeps();
+                if (!deps.allPresent) {
+                    setMediaStatus(null);
+                    setHistory((h) => [...h,
+                        mkItem('tool', 'missing media tools: ' + deps.missing.join(', ')),
+                        mkItem('tool', 'run  /install-media  to install them (approval required)'),
+                    ]);
+                    return;
+                }
+                const t = await searchYouTube(query);
+                const dur = t.duration;
+                const meta = fmtTime(dur) + (t.uploader ? ' · ' + t.uploader : '');
+                setMediaStatus(null);
+                if (hasExplicit) {
+                    setHistory((h) => [
+                        ...h,
+                        mkItem('tool', 'found: ' + t.title + ' · ' + meta),
+                        mkItem('tool', 'download ' + quality + ' and play?  [y] yes · [n] cancel'),
+                    ]);
+                    setPendingMedia({ kind: 'video', track: t, quality });
+                }
+                else {
+                    setHistory((h) => [
+                        ...h,
+                        mkItem('tool', 'found: ' + t.title + ' · ' + meta),
+                        mkItem('tool', 'choose quality:'),
+                        mkItem('tool', '  [1] 360p   ~' + estimateSizeMb(dur, '360p') + ' MB'),
+                        mkItem('tool', '  [2] 480p   ~' + estimateSizeMb(dur, '480p') + ' MB'),
+                        mkItem('tool', '  [3] 720p   ~' + estimateSizeMb(dur, '720p') + ' MB'),
+                        mkItem('tool', '  [4] 1080p  ~' + estimateSizeMb(dur, '1080p') + ' MB'),
+                        mkItem('tool', '  [5] best   ~' + estimateSizeMb(dur, 'best') + ' MB'),
+                        mkItem('tool', 'press 1-5 · [n] cancel'),
+                    ]);
+                    setPendingVideoQuality({ track: t });
+                }
+            }
+            catch (e) {
+                setMediaStatus(null);
+                setHistory((h) => [...h, mkItem('error', e?.message || String(e))]);
+            }
+            return;
+        }
+        if (trimmed === '/cleanup') {
+            setInput('');
+            if (pendingVideoCleanup) {
+                pendingVideoCleanup();
+                setPendingVideoCleanup(null);
+                setHistory((h) => [...h, mkItem('tool', 'video file cleaned up')]);
+            }
+            else {
+                setHistory((h) => [...h, mkItem('tool', 'nothing to clean up')]);
+            }
+            return;
+        }
+        if (trimmed === '/pause') {
+            setInput('');
+            await player.togglePause();
+            return;
+        }
+        if (trimmed === '/next') {
+            setInput('');
+            await player.next();
+            return;
+        }
+        if (trimmed === '/stop') {
+            setInput('');
+            await player.stop();
+            setHistory((h) => [...h, mkItem('tool', 'stopped')]);
+            return;
+        }
+        if (trimmed === '/loop') {
+            setInput('');
+            const on = !player.isLoop();
+            player.setLoop(on);
+            setHistory((h) => [...h, mkItem('tool', on ? 'loop on' : 'loop off')]);
+            return;
+        }
+        if (trimmed === '/keep') {
+            setInput('');
+            const st = player.getState();
+            if (st.current) {
+                st.current.keep = true;
+                setHistory((h) => [...h, mkItem('tool', 'will keep: ' + st.current.title)]);
+            }
+            else
+                setHistory((h) => [...h, mkItem('tool', 'nothing playing')]);
+            return;
+        }
+        if (trimmed === '/queue') {
+            setInput('');
+            const st = player.getState();
+            if (!st.current && st.queue.length === 0) {
+                setHistory((h) => [...h, mkItem('tool', 'nothing playing')]);
+            }
+            else {
+                const lines = [];
+                if (st.current)
+                    lines.push('▶ ' + st.current.title);
+                for (const t of st.queue)
+                    lines.push('  ⏸ ' + t.title);
+                setHistory((h) => [...h, ...lines.map((l) => mkItem('tool', l))]);
+            }
+            return;
+        }
+        if (trimmed.startsWith('/remember ')) {
+            setInput('');
+            const text = trimmed.slice(10).trim();
+            if (!text) {
+                setHistory((h) => [...h, mkItem('error', 'usage: /remember <text>')]);
+                return;
+            }
+            let section = 'Notes';
+            let note = text;
+            const pipe = text.indexOf('|');
+            if (pipe > 0) {
+                note = text.slice(0, pipe).trim();
+                section = text.slice(pipe + 1).trim() || 'Notes';
+            }
+            try {
+                appendMemory(note, section);
+                audit('memory_write', { section, note });
+                setHistory((h) => [...h, mkItem('tool', 'remembered (' + section + '): ' + note)]);
+            }
+            catch (e) {
+                setHistory((h) => [...h, mkItem('error', e?.message || String(e))]);
+            }
+            return;
+        }
         if (trimmed === '/debug') {
             setInput('');
             const lines = readDebug();
@@ -273,6 +699,17 @@ export const Chat = ({ resumedCount = 0 }) => {
                 mkItem('tool', '  /skill <n> force-activate a skill for next msg'),
                 mkItem('tool', '  /compact   summarize history to free context'),
                 mkItem('tool', '  /debug     show last request to provider'),
+                mkItem('tool', '  /image <p> generate an image'),
+                mkItem('tool', '  /play <q>  search + play audio (auto-delete)'),
+                mkItem('tool', '  /video <q> [quality]  download + play video'),
+                mkItem('tool', '  /pause /next /stop /queue  playback control'),
+                mkItem('tool', '  /loop /keep  playback behavior'),
+                mkItem('tool', '  /autoplay  keep music going when queue ends'),
+                mkItem('tool', '  /cleanup   delete the video file (Termux, after player closes)'),
+                mkItem('tool', '  /install-media  install yt-dlp + ffmpeg + mpv'),
+                mkItem('tool', '  /update-ytdlp  update yt-dlp (fixes HTTP 403)'),
+                mkItem('tool', '  /ytdlp-log    show last yt-dlp errors'),
+                mkItem('tool', '  /remember <text> [| section]  append to memory'),
                 mkItem('tool', '  /clear     clear session and permissions'),
                 mkItem('tool', '  /help      show this list'),
             ]);
@@ -391,5 +828,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, 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 })] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: history, children: (item) => _jsx(HistoryLine, { item: item }, item.id) }), mediaStatus ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.accent, children: ["\u266A ", mediaStatus] }) })) : 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: playerActive ? 'playing' : mascotState, progress: playProgress, 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

@@ -8,7 +8,7 @@ import { MascotPrompt } from './MascotPrompt.js';
 import { theme } from './theme.js';
 import { useSlowColor } from './useSlowColor.js';
 const DOTS = ['●○○○', '○●○○', '○○●○', '○○○●'];
-export const InputBar = ({ value, onChange, onSubmit, loading, mascotState, awaitingPermission, elapsedSec = 0, }) => {
+export const InputBar = ({ value, onChange, onSubmit, loading, mascotState, awaitingPermission, elapsedSec = 0, progress, }) => {
     const { stdout } = useStdout();
     const width = Math.max(24, stdout?.columns ?? 50);
     const pastel = useSlowColor();
@@ -28,5 +28,11 @@ export const InputBar = ({ value, onChange, onSubmit, loading, mascotState, awai
     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: 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" })] })] }));
+    const showProgress = !!(progress && progress.dur > 0 && progress.pos >= 0);
+    const fillRatio = showProgress
+        ? Math.min(1, Math.max(0, progress.pos / progress.dur))
+        : 0;
+    const fillLen = showProgress ? Math.floor(botLen * fillRatio) : 0;
+    const emptyLen = showProgress ? Math.max(0, botLen - fillLen) : botLen;
+    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: '╰' }), showProgress ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: pastel, bold: true, children: '━'.repeat(fillLen) }), _jsx(Text, { color: theme.muted, children: '─'.repeat(emptyLen) })] })) : (_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

@@ -22,13 +22,29 @@ const FACES = {
     granted: ['◉‿◉', '◉▽◉', '◉‿◉'],
     denied: ['◔︵◔', '◔_◔', '◔︵◔'],
     impatient: ['◕~◕', '⊙_⊙', '◕~◕', '⊙_⊙'],
+    playing: [],
 };
 const SPEEDS = {
     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,
+    automate: 200, permission: 450, granted: 180, denied: 350,
+    impatient: 300, playing: 240,
 };
+const MUSIC_FRAMES = [
+    { top: '   ', mid: '   ', face: '◉◡◉' },
+    { top: ' ♪ ', mid: '   ', face: '◉◡◉' },
+    { top: '   ', mid: ' ♪ ', face: '◉‿◉' },
+    { top: '   ', mid: '♫  ', face: '◕‿◕' },
+    { top: '  ♫', mid: '   ', face: '◕ω◕' },
+    { top: '   ', mid: '  ♪', face: '◉‿◉' },
+    { top: '♪  ', mid: ' ♪ ', face: '◉◡◉' },
+    { top: '   ', mid: '   ', face: '◉◡◉' },
+    { top: ' ♫ ', mid: '   ', face: '◕‿◕' },
+    { top: '   ', mid: '♪  ', face: '◉◠◉' },
+    { top: '  ♪', mid: '   ', face: '◉◡◉' },
+    { top: '   ', mid: '  ♫', face: '◕ᴗ◕' },
+];
 const DROWSY_FACE = '–_–';
 const SLEEPING_FACE = '-‿-';
 const TOP_ROWS = 2;
@@ -61,7 +77,6 @@ function semanticColor(state) {
     return theme.warning;
 }
 export const MascotPrompt = ({ state, keepAwake = false, }) => {
-    const frames = FACES[state];
     const [i, setI] = useState(0);
     const thresholds = defaultIdleThresholds();
     const idle = useIdle({
@@ -69,19 +84,25 @@ export const MascotPrompt = ({ state, keepAwake = false, }) => {
         disabled: keepAwake || idleDisabled(),
     });
     const slowColor = useSlowColor();
+    const frameCount = state === 'playing' ? MUSIC_FRAMES.length : FACES[state].length;
     useEffect(() => {
         setI(0);
-        if (frames.length <= 1)
+        if (frameCount <= 1)
             return;
-        const t = setInterval(() => setI((v) => (v + 1) % frames.length), SPEEDS[state]);
+        const t = setInterval(() => setI((v) => (v + 1) % frameCount), SPEEDS[state]);
         return () => clearInterval(t);
-    }, [state, frames.length]);
+    }, [state, frameCount]);
     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 })] }));
     }
+    if (state === 'playing') {
+        const fr = MUSIC_FRAMES[i % MUSIC_FRAMES.length];
+        return (_jsxs(Box, { flexDirection: "column", height: TOP_ROWS + 1, children: [_jsx(Text, { color: slowColor, children: fr.top }), _jsx(Text, { color: slowColor, children: fr.mid }), _jsx(Text, { color: slowColor, bold: true, children: ' ' + fr.face })] }));
+    }
+    const frames = FACES[state];
     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] })] }));
+    return (_jsxs(Box, { flexDirection: "column", height: TOP_ROWS + 1, children: [_jsx(BlankRows, {}), _jsx(Text, { color: color, bold: true, children: ' ' + frames[i % frames.length] })] }));
 };