blyuecode 0.3.1 → 0.3.4

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';
@@ -127,6 +128,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 +178,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'),
@@ -246,6 +253,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/package.json

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