blyuecode 0.3.1 → 0.3.5

package/dist/core/agent.js

@@ -36,9 +36,40 @@ export class Agent {
         this.messages = [{ role: 'system', content: SYSTEM_PROMPT }];
         clearSession();
     }
+    estimateTokens() {
+        let chars = 0;
+        for (const m of this.messages) {
+            if (typeof m.content === 'string')
+                chars += m.content.length;
+            if (m.tool_calls)
+                chars += JSON.stringify(m.tool_calls).length;
+        }
+        return Math.ceil(chars / 4);
+    }
+    async maybeAutoCompact() {
+        if (process.env.BLYUE_NO_AUTO_COMPACT === '1')
+            return null;
+        const limit = Number(process.env.BLYUE_AUTO_COMPACT_TOKENS) || 80_000;
+        const est = this.estimateTokens();
+        if (est < limit)
+            return null;
+        if (this.messages.length <= 4)
+            return null;
+        try {
+            const r = await this.compact();
+            return { before: r.before, after: r.after };
+        }
+        catch {
+            return null;
+        }
+    }
     async *run(userInput) {
         this.messages.push({ role: 'user', content: userInput });
         this.persist();
+        const compacted = await this.maybeAutoCompact();
+        if (compacted) {
+            yield { type: 'compact', before: compacted.before, after: compacted.after };
+        }
         while (true) {
             const tools = getToolDefs();
             let content = '';

package/dist/core/modelUsage.js

@@ -0,0 +1,51 @@
+// Tracks which models the user has picked, so the picker can surface a
+// RECENT section. Stored at ~/.blyue/model-usage.json. Bounded — one
+// entry per unique model ever picked.
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs';
+import { homedir } from 'os';
+import { join, dirname } from 'path';
+const filePath = () => join(homedir(), '.blyue', 'model-usage.json');
+let cache = null;
+function load() {
+    if (cache)
+        return cache;
+    const p = filePath();
+    if (!existsSync(p)) {
+        cache = {};
+        return cache;
+    }
+    try {
+        cache = JSON.parse(readFileSync(p, 'utf8'));
+        return cache;
+    }
+    catch {
+        cache = {};
+        return cache;
+    }
+}
+function save(m) {
+    const p = filePath();
+    mkdirSync(dirname(p), { recursive: true });
+    writeFileSync(p, JSON.stringify(m, null, 2), 'utf8');
+    cache = m;
+}
+/** Call when the user picks a model (Ctrl+L or /model). */
+export function recordModelUse(id) {
+    if (!id)
+        return;
+    const m = load();
+    const prev = m[id] ?? { count: 0, lastUsed: 0 };
+    m[id] = { count: prev.count + 1, lastUsed: Date.now() };
+    save(m);
+}
+/** Top N most-recently-used model IDs, newest first. */
+export function getRecentModels(limit = 5) {
+    const m = load();
+    return Object.entries(m)
+        .sort(([, a], [, b]) => b.lastUsed - a.lastUsed)
+        .slice(0, limit)
+        .map(([id]) => id);
+}
+export function clearModelUsage() {
+    save({});
+}

package/dist/ui/Chat.js

@@ -8,6 +8,7 @@ import { Agent } from '../core/agent.js';
 import { permissions } from '../core/permission.js';
 import { InputBar } from './InputBar.js';
 import { ModelPicker } from './ModelPicker.js';
+import { McpPanel } from './McpPanel.js';
 import { Settings } from './Settings.js';
 import { PermissionPrompt } from './PermissionPrompt.js';
 import { Spinner } from './Spinner.js';
@@ -17,6 +18,7 @@ import { pastelAt } from './pastel.js';
 import { bumpActivity } from './activity.js';
 import { theme } from './theme.js';
 import { getConfig, saveConfig, applyConfig } from '../core/config.js';
+import { recordModelUse } from '../core/modelUsage.js';
 let nextId = 0;
 const mkItem = (kind, text) => ({ kind, text, id: nextId++ });
 const HistoryLine = ({ item }) => {
@@ -127,6 +129,11 @@ export const Chat = ({ resumedCount = 0 }) => {
             setOverlay('settings');
             return;
         }
+        if (trimmed === '/mcp') {
+            setInput('');
+            setOverlay('mcp');
+            return;
+        }
         if (trimmed === '/debug') {
             setInput('');
             const lines = readDebug();
@@ -172,6 +179,7 @@ export const Chat = ({ resumedCount = 0 }) => {
                 mkItem('tool', 'Commands:'),
                 mkItem('tool', '  /model     switch model            (Ctrl+L)'),
                 mkItem('tool', '  /settings  open settings           (Ctrl+O)'),
+                mkItem('tool', '  /mcp       show MCP servers and tools'),
                 mkItem('tool', '  /compact   summarize history to free context'),
                 mkItem('tool', '  /debug     show last request to provider'),
                 mkItem('tool', '  /clear     clear session and permissions'),
@@ -206,6 +214,12 @@ export const Chat = ({ resumedCount = 0 }) => {
                     // React to the specific tool
                     setMascotState(toolToState(ev.name));
                 }
+                else if (ev.type === 'compact') {
+                    setHistory((h) => [
+                        ...h,
+                        mkItem('tool', `auto-compact: ${ev.before} → ${ev.after} messages`),
+                    ]);
+                }
                 else if (ev.type === 'tool_end') {
                     flush('tool', toolBuf + '[Result]: ' + ev.preview + '\n');
                     toolBuf = '';
@@ -227,6 +241,7 @@ export const Chat = ({ resumedCount = 0 }) => {
         setMascotState(undefined);
     };
     const handleModelSelect = (id) => {
+        recordModelUse(id);
         process.env.MODEL = id;
         try {
             const cfg = getConfig();
@@ -246,6 +261,9 @@ export const Chat = ({ resumedCount = 0 }) => {
     if (overlay === 'model') {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(ModelPicker, { current: currentModel, onSelect: handleModelSelect, onCancel: () => setOverlay('none') }) }));
     }
+    if (overlay === 'mcp') {
+        return (_jsx(Box, { flexDirection: "column", children: _jsx(McpPanel, { onClose: () => setOverlay('none') }) }));
+    }
     if (overlay === 'settings') {
         return (_jsx(Box, { flexDirection: "column", children: _jsx(Settings, { onClose: () => setOverlay('none'), onModelChange: (m) => {
                     setCurrentModel(m);

package/dist/ui/McpPanel.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput, useStdout } from 'ink';
+import { listMcpServers, initMcpRegistry, closeAllMcp, } from '../core/mcpRegistry.js';
+import { mcpConfigPath } from '../core/mcp.js';
+import { theme } from './theme.js';
+export const McpPanel = ({ onClose }) => {
+    const { stdout } = useStdout();
+    const width = Math.max(40, stdout?.columns ?? 60);
+    const inner = width - 4;
+    const [servers, setServers] = useState(() => listMcpServers());
+    const [reloading, setReloading] = useState(false);
+    const [msg, setMsg] = useState(null);
+    // Refresh list on mount in case registry changed since last render.
+    useEffect(() => {
+        setServers(listMcpServers());
+    }, []);
+    const reload = async () => {
+        setReloading(true);
+        setMsg(null);
+        try {
+            await closeAllMcp();
+            await initMcpRegistry();
+            setServers(listMcpServers());
+            setMsg('✓ reloaded');
+        }
+        catch (err) {
+            setMsg('✗ ' + err.message);
+        }
+        setReloading(false);
+    };
+    useInput((input, key) => {
+        if (key.escape)
+            return onClose();
+        if (input === 'r' || input === 'R') {
+            if (!reloading)
+                void reload();
+        }
+    });
+    const label = 'mcp servers';
+    const topPad = Math.max(1, inner - label.length - 4);
+    const totalTools = servers.reduce((n, s) => n + s.toolCount, 0);
+    const healthy = servers.filter((s) => !s.error).length;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╭─ ' }), _jsx(Text, { color: theme.accent, bold: true, children: label }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(topPad) + '╮' })] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.muted, children: ["config: ", mcpConfigPath()] })] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.muted, children: [servers.length, " server", servers.length === 1 ? '' : 's', " \u00B7", ' '] }), _jsxs(Text, { color: healthy === servers.length ? theme.success : theme.warning, children: [healthy, " connected"] }), _jsxs(Text, { color: theme.muted, children: [" \u00B7 ", totalTools, " tools"] })] }), _jsx(Text, { color: theme.muted, children: '│ ' + '─'.repeat(Math.max(1, inner - 2)) }), servers.length === 0 ? (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: theme.warning, children: "no MCP servers configured" })] }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.muted, children: ["add one to ", mcpConfigPath(), " then press [r]"] })] })] })) : (servers.map((s) => {
+                const status = s.error ? '✗' : '●';
+                const statusColor = s.error ? theme.error : theme.success;
+                const autoTag = s.autoAllow ? ' [auto]' : '';
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: statusColor, children: status + ' ' }), _jsx(Text, { color: theme.text, bold: true, children: s.name }), _jsxs(Text, { color: theme.muted, children: [autoTag, " \u00B7 ", s.toolCount, " tool", s.toolCount === 1 ? '' : 's'] })] }), s.error ? (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│   ' }), _jsx(Text, { color: theme.error, children: s.error.slice(0, inner - 6) })] })) : (s.toolNames.slice(0, 4).map((t) => (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│   · ' }), _jsx(Text, { color: theme.muted, children: t })] }, t)))), !s.error && s.toolNames.length > 4 && (_jsx(Text, { children: _jsx(Text, { color: theme.muted, children: '│   · +' + (s.toolNames.length - 4) + ' more' }) }))] }, s.name));
+            })), _jsx(Text, { color: theme.muted, children: '╰' + '─'.repeat(inner) + '╯' }), _jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: "  [" }), _jsx(Text, { color: theme.accent, children: "r" }), _jsx(Text, { color: theme.muted, children: "] reload \u00B7 [" }), _jsx(Text, { color: theme.accent, children: "esc" }), _jsx(Text, { color: theme.muted, children: "] close" }), reloading && _jsx(Text, { color: theme.warning, children: " \u00B7 reloading\u2026" }), msg && _jsxs(Text, { color: theme.success, children: [" \u00B7 ", msg] })] })] }));
+};

package/dist/ui/ModelPicker.js

@@ -2,6 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useMemo } from 'react';
 import { Box, Text, useInput, useStdout } from 'ink';
 import { fetchModels, currentProviderLabel, } from '../core/models.js';
+import { getRecentModels } from '../core/modelUsage.js';
 import { theme } from './theme.js';
 export const ModelPicker = ({ current, onSelect, onCancel }) => {
     const { stdout } = useStdout();
@@ -36,20 +37,33 @@ export const ModelPicker = ({ current, onSelect, onCancel }) => {
             cancelled = true;
         };
     }, [current]);
-    const { free, paid } = useMemo(() => {
+    const { recent, free, paid } = useMemo(() => {
         const q = filter.toLowerCase();
         const matched = q
             ? models.filter((m) => m.id.toLowerCase().includes(q))
             : models;
+        const byId = new Map(matched.map((m) => [m.id, m]));
+        const recentIds = getRecentModels(5);
+        const recent = [];
+        const seen = new Set();
+        for (const id of recentIds) {
+            const m = byId.get(id);
+            if (m && !seen.has(id)) {
+                recent.push(m);
+                seen.add(id);
+            }
+        }
         const free = [];
         const paid = [];
         for (const m of matched) {
+            if (seen.has(m.id))
+                continue; // already in recent
             if (m.isFree)
                 free.push(m);
             else
                 paid.push(m);
         }
-        return { free, paid };
+        return { recent, free, paid };
     }, [models, filter]);
     const rows = useMemo(() => {
         const out = [];
@@ -62,12 +76,23 @@ export const ModelPicker = ({ current, onSelect, onCancel }) => {
                 out.push({ kind: 'model', model: m, absoluteIdx: abs++ });
             }
         };
-        if (tier === 'all' || tier === 'free')
+        if (tier === 'recent') {
+            pushSection('RECENT', recent);
+        }
+        else if (tier === 'free') {
+            pushSection('FREE', free);
+        }
+        else if (tier === 'paid') {
+            pushSection('PAID', paid);
+        }
+        else {
+            // 'all' — show recent first, then free, then paid
+            pushSection('RECENT', recent);
             pushSection('FREE', free);
-        if (tier === 'all' || tier === 'paid')
             pushSection('PAID', paid);
+        }
         return out;
-    }, [free, paid, tier]);
+    }, [recent, free, paid, tier]);
     const selectableIdxToRow = [];
     rows.forEach((r, i) => {
         if (r.kind === 'model')
@@ -87,7 +112,13 @@ export const ModelPicker = ({ current, onSelect, onCancel }) => {
         if (key.escape)
             return onCancel();
         if (key.tab) {
-            setTier((t) => (t === 'all' ? 'free' : t === 'free' ? 'paid' : 'all'));
+            setTier((t) => t === 'all'
+                ? 'free'
+                : t === 'free'
+                    ? 'paid'
+                    : t === 'paid'
+                        ? 'recent'
+                        : 'all');
             setIdx(0);
             return;
         }
@@ -116,7 +147,7 @@ export const ModelPicker = ({ current, onSelect, onCancel }) => {
         }
     });
     const inner = width - 4;
-    const total = free.length + paid.length;
+    const total = free.length + paid.length + recent.length;
     const headerLabel = filter
         ? `filter: ${filter} · ${total} match`
         : `${provider} · ${total} total · ${free.length} free`;
@@ -128,11 +159,18 @@ export const ModelPicker = ({ current, onSelect, onCancel }) => {
     const windowEnd = windowStart + maxVisible;
     const visibleRows = rows.slice(windowStart, windowEnd);
     const cursorAbs = idx;
-    const tierBadge = tier === 'all' ? 'all' : tier === 'free' ? 'FREE only' : 'PAID only';
+    const tierBadge = tier === 'all'
+        ? 'all'
+        : tier === 'free'
+            ? 'FREE only'
+            : tier === 'paid'
+                ? 'PAID only'
+                : 'RECENT only';
     return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '╭─ ' }), _jsx(Text, { color: theme.accent, bold: true, children: headerLabel }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(topPad) + '╮' })] }), loading ? (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.muted, children: ["fetching ", provider, " catalog\u2026"] })] })) : error ? (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.error, children: ["\u2717 ", error.slice(0, inner - 6)] })] })) : rows.length === 0 ? (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsxs(Text, { color: theme.error, children: ["no matches", tier !== 'all' ? ` in ${tierBadge}` : ''] })] })) : (visibleRows.map((row, i) => {
                 if (row.kind === 'header') {
                     const sectionPad = Math.max(1, inner - row.label.length - row.count.toString().length - 5);
-                    return (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: theme.accent, bold: true, children: row.label }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(sectionPad) + ' ' + row.count })] }, `h-${row.label}`));
+                    const headerColor = row.label === 'RECENT' ? theme.warning : theme.accent;
+                    return (_jsxs(Text, { children: [_jsx(Text, { color: theme.muted, children: '│ ' }), _jsx(Text, { color: headerColor, bold: true, children: row.label }), _jsx(Text, { color: theme.muted, children: ' ' + '─'.repeat(sectionPad) + ' ' + row.count })] }, `h-${row.label}`));
                 }
                 const m = row.model;
                 const active = row.absoluteIdx === cursorAbs;

package/package.json

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