miii-cli 0.2.4 → 0.2.5

package/dist/tui/hooks/useModelPicker.js

@@ -0,0 +1,63 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { listModels, pullModel } from '../../llm/ollama.js';
+import * as printer from '../printer.js';
+export function useModelPicker(config) {
+    const [currentModel, setCurrentModel] = useState(config.model);
+    const currentModelRef = useRef(config.model);
+    const [pickerOpen, setPickerOpen] = useState(true);
+    const [pickerModels, setPickerModels] = useState([]);
+    const [pickerLoading, setPickerLoading] = useState(false);
+    const [pickerError, setPickerError] = useState();
+    const [pullState, setPullState] = useState();
+    const pullAbortRef = useRef(null);
+    useEffect(() => { currentModelRef.current = currentModel; }, [currentModel]);
+    useEffect(() => {
+        setPickerLoading(true);
+        listModels(config.baseUrl)
+            .then(m => { setPickerModels(m); setPickerLoading(false); })
+            .catch(e => { setPickerError(String(e)); setPickerLoading(false); });
+    }, []);
+    const openPicker = useCallback(async () => {
+        setPickerOpen(true);
+        setPickerLoading(true);
+        setPickerError(undefined);
+        try {
+            setPickerModels(await listModels(config.baseUrl));
+        }
+        catch (e) {
+            setPickerError(String(e));
+        }
+        finally {
+            setPickerLoading(false);
+        }
+    }, [config.baseUrl]);
+    const handleModelSelect = useCallback((name) => {
+        setCurrentModel(name);
+        currentModelRef.current = name;
+        setPickerOpen(false);
+        printer.systemMsg(`model → ${name}`);
+    }, []);
+    const handleModelPull = useCallback(async (name) => {
+        setPullState({ name, status: 'starting...', pct: undefined });
+        pullAbortRef.current = new AbortController();
+        try {
+            await pullModel(config.baseUrl, name, (s, p) => setPullState({ name, status: s, pct: p }), pullAbortRef.current.signal);
+            setPickerModels(await listModels(config.baseUrl));
+            setPullState(undefined);
+            setCurrentModel(name);
+            currentModelRef.current = name;
+            setPickerOpen(false);
+            printer.systemMsg(`pulled ${name} → active`);
+        }
+        catch (e) {
+            setPullState(undefined);
+            setPickerError(`pull failed: ${e}`);
+        }
+    }, [config.baseUrl]);
+    return {
+        currentModel, setCurrentModel, currentModelRef,
+        pickerOpen, setPickerOpen,
+        pickerModels, pickerLoading, pickerError, pullState,
+        openPicker, handleModelSelect, handleModelPull,
+    };
+}

package/dist/tui/hooks/useRunLoop.js

@@ -0,0 +1,137 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { chat } from '../../llm/stream.js';
+import { tools } from '../../tools/index.js';
+import { StreamParser, extractBareToolCall } from '../../parser/stream-parser.js';
+import { shouldCompact, compactContext } from '../../tasks/compactor.js';
+import * as printer from '../printer.js';
+const MAX_TOOL_DEPTH = 6;
+const FILE_EDIT_TOOLS = new Set(['edit_file', 'create_file', 'patch_file', 'delete_file']);
+export function useRunLoop(config, currentModelRef, pushHistory) {
+    const [status, setStatus] = useState('idle');
+    const [tick, setTick] = useState(0);
+    const [currentTool, setCurrentTool] = useState();
+    const [taskLabel, setTaskLabel] = useState();
+    const abortRef = useRef(null);
+    const thinkingStartRef = useRef(0);
+    const pushHistoryRef = useRef(pushHistory);
+    useEffect(() => { pushHistoryRef.current = pushHistory; }, [pushHistory]);
+    useEffect(() => {
+        if (status === 'idle')
+            return;
+        const t = setInterval(() => setTick(n => n + 1), 80);
+        return () => clearInterval(t);
+    }, [status]);
+    const runLoop = useCallback(async (contextMsgs, depth = 0, goal) => {
+        if (depth >= MAX_TOOL_DEPTH) {
+            setStatus('idle');
+            return;
+        }
+        setStatus('thinking');
+        if (depth === 0)
+            thinkingStartRef.current = Date.now();
+        const msgs = shouldCompact(contextMsgs) ? compactContext(contextMsgs, goal) : contextMsgs;
+        abortRef.current = new AbortController();
+        await chat({
+            provider: config.provider,
+            model: currentModelRef.current,
+            baseUrl: config.baseUrl,
+            messages: msgs,
+            signal: abortRef.current.signal,
+            async onDone(fullText) {
+                const pendingTools = [];
+                const parser = new StreamParser();
+                for (const item of [...parser.feed(fullText), ...parser.flush()]) {
+                    if (item.type === 'tool_call')
+                        pendingTools.push({ name: item.toolName, args: item.toolArgs });
+                }
+                if (!pendingTools.length) {
+                    const bare = extractBareToolCall(fullText);
+                    if (bare)
+                        pendingTools.push({ name: bare.name, args: bare.args });
+                }
+                printer.assistantMsg(fullText);
+                pushHistoryRef.current({ role: 'assistant', content: fullText });
+                if (!pendingTools.length) {
+                    const hasFencedCode = /```[\w]*\n[\s\S]{50,}?\n```/.test(fullText);
+                    if (hasFencedCode && depth < MAX_TOOL_DEPTH - 1) {
+                        const nudge = {
+                            role: 'user',
+                            content: 'You showed code in your response but did not use any file tools. Use edit_file or patch_file to actually write the changes to disk.',
+                        };
+                        await runLoop([...msgs, { role: 'assistant', content: fullText }, nudge], depth + 1, goal);
+                        return;
+                    }
+                    setStatus('idle');
+                    return;
+                }
+                setStatus('tool');
+                const next = [...msgs, { role: 'assistant', content: fullText }];
+                try {
+                    for (const tc of pendingTools) {
+                        const tool = tools.find(t => t.name === tc.name);
+                        setCurrentTool(tc.name);
+                        if (tool) {
+                            try {
+                                const result = await tool.execute(tc.args);
+                                printer.toolMsg(tc.name, result);
+                                next.push({ role: 'user', content: `Tool ${tc.name} result:\n${result}` });
+                            }
+                            catch (e) {
+                                const err = `Tool ${tc.name} error: ${e}`;
+                                printer.errorMsg(err);
+                                next.push({ role: 'user', content: err });
+                            }
+                        }
+                        else {
+                            printer.errorMsg(`unknown tool: ${tc.name}`);
+                            next.push({ role: 'user', content: `unknown tool: ${tc.name}` });
+                        }
+                    }
+                }
+                finally {
+                    setCurrentTool(undefined);
+                }
+                // Auto-run tests after file edits
+                const didEditFiles = pendingTools.some(tc => FILE_EDIT_TOOLS.has(tc.name));
+                if (didEditFiles) {
+                    const testTool = tools.find(t => t.name === 'run_tests');
+                    if (testTool) {
+                        setCurrentTool('run_tests');
+                        try {
+                            const testResult = await testTool.execute({});
+                            if (testResult && !testResult.startsWith('(no test script') && !testResult.startsWith('(no package.json')) {
+                                printer.toolMsg('run_tests', testResult);
+                                next.push({ role: 'user', content: `Test results after edits:\n${testResult}` });
+                            }
+                        }
+                        catch (e) {
+                            const err = `run_tests error: ${e}`;
+                            printer.errorMsg(err);
+                            next.push({ role: 'user', content: err });
+                        }
+                        finally {
+                            setCurrentTool(undefined);
+                        }
+                    }
+                }
+                await runLoop(next, depth + 1, goal);
+            },
+            onError(err) {
+                if (err.name !== 'AbortError')
+                    printer.errorMsg(err.message);
+                setStatus('idle');
+            },
+        });
+    }, [config]);
+    const handleAbort = useCallback(() => {
+        abortRef.current?.abort();
+        setStatus('idle');
+    }, []);
+    return {
+        status, setStatus, tick,
+        currentTool, setCurrentTool,
+        taskLabel, setTaskLabel,
+        thinkingStartRef, abortRef,
+        runLoop, handleAbort,
+    };
+}

package/dist/tui/hooks/useSession.js

@@ -0,0 +1,50 @@
+import { useState, useRef, useEffect } from 'react';
+import { loadSession, saveSession } from '../../sessions.js';
+import { getSystemPrompt } from '../../tools/index.js';
+import { getTavilyKey, saveTavilyKey } from '../../tavily/client.js';
+import * as printer from '../printer.js';
+export function useSession(initialSession, cwd, config) {
+    const [sessionName, setSessionName] = useState(initialSession);
+    const sessionNameRef = useRef(initialSession);
+    const historyRef = useRef([]);
+    const saveTimerRef = useRef(null);
+    const systemPromptRef = useRef(getSystemPrompt(`\n- CWD: ${cwd}`));
+    useEffect(() => { sessionNameRef.current = sessionName; }, [sessionName]);
+    useEffect(() => {
+        const history = loadSession(initialSession);
+        historyRef.current = history;
+        if (history.length)
+            printer.systemMsg(`resumed "${initialSession}" — ${history.length} messages`);
+        if (config.tavilyApiKey && !getTavilyKey())
+            saveTavilyKey(config.tavilyApiKey);
+        if (!getTavilyKey()) {
+            printer.systemMsg('Tavily API key not set — web search disabled. Run /tavily-key <key> to enable. Get a free key at https://tavily.com');
+        }
+    }, []);
+    function scheduleSave() {
+        if (saveTimerRef.current)
+            clearTimeout(saveTimerRef.current);
+        saveTimerRef.current = setTimeout(() => {
+            saveSession(sessionNameRef.current, historyRef.current);
+            saveTimerRef.current = null;
+        }, 2000);
+    }
+    function pushHistory(msg) {
+        historyRef.current.push(msg);
+        if (historyRef.current.length > 100)
+            historyRef.current.splice(0, historyRef.current.length - 100);
+        scheduleSave();
+    }
+    function buildContext(extra) {
+        const ctx = [{ role: 'system', content: systemPromptRef.current }];
+        ctx.push(...historyRef.current);
+        if (extra)
+            ctx.push(extra);
+        return ctx;
+    }
+    return {
+        sessionName, setSessionName, sessionNameRef,
+        historyRef, saveTimerRef, systemPromptRef,
+        pushHistory, buildContext,
+    };
+}

package/dist/tui/printer.js

@@ -41,7 +41,7 @@ function formatContent(text) {
     }
     return out.join('\n');
 }
-export function welcome(provider, model, cwd) {
+export function welcome(provider, model, cwd, version, updateAvailable, linked) {
     const cols = Math.min(process.stdout.columns ?? 80, 100);
     const innerW = cols - 2;
     const leftW = Math.floor(innerW * 0.44);
@@ -64,11 +64,17 @@ export function welcome(provider, model, cwd) {
     function rcmd(key, desc, keyW = 10) {
         return '  ' + cyan(key) + ' '.repeat(Math.max(1, keyW - key.length)) + gray(desc);
     }
-    const titleStr = '─ MIII - CLI ';
+    const versionStr = version ? ` v${version}` : '';
+    const titleStr = `─ MIII - CLI${versionStr} `;
     const dashCount = Math.max(0, cols - 2 - titleStr.length);
-    const top = gray('╭') + gray('─') + bold(cyan(' MIII - CLI ')) + gray('─'.repeat(dashCount) + '╮');
+    const top = gray('╭') + gray('─') + bold(cyan(` MIII - CLI${versionStr} `)) + gray('─'.repeat(dashCount) + '╮');
     const bottom = gray('╰' + '─'.repeat(innerW) + '╯');
     const shortCwd = cwd.replace(process.env.HOME ?? '', '~');
+    const upgradeCmd = linked ? 'cd <miii-dir> && npm run build' : 'npm install -g miii-cli';
+    const separator = gray('│') + bold(yellow(' ⬆ update available: v' + updateAvailable + ' — run: ' + upgradeCmd)).padEnd(innerW - 1) + gray('│');
+    const updateRow = updateAvailable
+        ? [gray('├' + '─'.repeat(innerW) + '┤'), separator, gray('├' + '─'.repeat(innerW) + '┤')]
+        : [];
     const lines = [
         top,
         blank(),
@@ -82,6 +88,7 @@ export function welcome(provider, model, cwd) {
         row(`  ${gray(provider + '/' + model)}`, `  ${bold(yellow('Tips'))}`),
         row(`  ${gray(shortCwd)}`, rcmd('ctrl+c', 'stop thinking')),
         row('', rcmd('ctrl+c x2', 'exit')),
+        ...updateRow,
         blank(),
         bottom,
     ];

package/dist/tui/thinking.js

@@ -0,0 +1,28 @@
+export const THINKING_PHRASES = [
+    'oh wow, a question. let me pretend to care…',
+    'consulting the void…',
+    'making something up, just a sec…',
+    'definitely not hallucinating right now…',
+    'running 47 mental tabs…',
+    'staring into the abyss (it blinked)…',
+    'calculating your fate, no pressure…',
+    'doing the thinking you pay me for…',
+    'processing your questionable life choices…',
+    'summoning coherent thoughts, rarely works…',
+    'asking my imaginary friend for help…',
+    'pretending this is a hard problem…',
+    'yes, yes, very interesting. anyway…',
+    'googling it (not really, I can\'t)…',
+    'simulating intelligence… please wait…',
+    'having a brief existential crisis…',
+    'cross-referencing vibes…',
+    'totally not making this up…',
+    'the answer is 42. now finding the question…',
+    'my other tab is loading…',
+    'channelling the spirit of stack overflow…',
+    'trying not to confidently be wrong…',
+    'applying artificial to the intelligence…',
+    'phoning a friend who also doesn\'t know…',
+    'checking if this is even my problem to solve…',
+];
+export const SPARKLE = ['✦', '✧', '✶', '✷', '✸', '✹'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "miii-cli",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "type": "module",
   "description": "Claude Code-level terminal workflows powered by your local models.",
   "license": "MIT",
@@ -36,7 +36,8 @@
     "dev": "tsx src/index.ts",
     "build": "tsc",
     "start": "node dist/index.js",
-    "link": "npm run build && npm link"
+    "link": "npm run build && npm link",
+    "test": "vitest run"
   },
   "dependencies": {
     "ink": "^5.2.0",
@@ -49,6 +50,7 @@
     "@types/node": "^22.10.0",
     "@types/react": "^18.3.1",
     "tsx": "^4.19.1",
-    "typescript": "^5.7.3"
+    "typescript": "^5.7.3",
+    "vitest": "^4.1.6"
   }
 }

package/dist/tui/App.js

@@ -1,285 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback, useRef, useEffect } from 'react';
-import { Box, Text, useStdout, useInput } from 'ink';
-import { StatusBar, Divider } from './components/StatusBar.js';
-import { MessageList } from './components/MessageList.js';
-import { InputArea } from './components/InputArea.js';
-import { ModelPicker } from './components/ModelPicker.js';
-import { chat } from '../llm/stream.js';
-import { listModels, pullModel } from '../llm/ollama.js';
-import { StreamParser, extractBareToolCall } from '../parser/stream-parser.js';
-import { tools, getSystemPrompt } from '../tools/index.js';
-import { readFile, guardPath } from '../files/ops.js';
-import { generateId } from '../types.js';
-const MAX_TOOL_DEPTH = 6;
-function expandAtRefs(text, cwd) {
-    const refs = [...text.matchAll(/@([\w./\-]+)/g)];
-    if (!refs.length)
-        return { displayText: text, contextPrefix: '' };
-    const parts = [];
-    for (const m of refs) {
-        try {
-            const safePath = guardPath(m[1], cwd);
-            const content = readFile(safePath);
-            parts.push(`<file path="${m[1]}">\n${content}\n</file>`);
-        }
-        catch { }
-    }
-    return { displayText: text, contextPrefix: parts.length ? parts.join('\n\n') + '\n\n' : '' };
-}
-export function App({ config, skills, cwd }) {
-    const { stdout } = useStdout();
-    const [messages, setMessages] = useState([{
-            id: 'welcome',
-            role: 'system',
-            content: `local AI coding assistant  ·  ${config.provider}/${config.model}  ·  cwd: ${cwd}`,
-            timestamp: Date.now(),
-        }]);
-    const [status, setStatus] = useState('idle');
-    const [tick, setTick] = useState(0);
-    const [currentModel, setCurrentModel] = useState(config.model);
-    const [scrollOffset, setScrollOffset] = useState(0);
-    // model picker
-    const [pickerOpen, setPickerOpen] = useState(false);
-    const [pickerModels, setPickerModels] = useState([]);
-    const [pickerLoading, setPickerLoading] = useState(false);
-    const [pickerError, setPickerError] = useState();
-    const [pullState, setPullState] = useState();
-    const [systemPrompt, setSystemPrompt] = useState(() => getSystemPrompt(`\n- CWD: ${cwd}`));
-    const systemPromptRef = useRef(systemPrompt);
-    const currentModelRef = useRef(currentModel);
-    const abortRef = useRef(null);
-    const pullAbortRef = useRef(null);
-    const messagesRef = useRef(messages);
-    const approvalResolveRef = useRef(null);
-    const [pendingApproval, setPendingApproval] = useState(null);
-    const pendingApprovalRef = useRef(pendingApproval);
-    useEffect(() => { systemPromptRef.current = systemPrompt; }, [systemPrompt]);
-    useEffect(() => { currentModelRef.current = currentModel; }, [currentModel]);
-    useEffect(() => { messagesRef.current = messages; }, [messages]);
-    useEffect(() => { pendingApprovalRef.current = pendingApproval; }, [pendingApproval]);
-    useEffect(() => {
-        if (status === 'idle')
-            return;
-        const t = setInterval(() => setTick(n => n + 1), 80);
-        return () => clearInterval(t);
-    }, [status]);
-    // Scroll keybindings — PageUp/PageDn scroll message history
-    const SCROLL_STEP = 5;
-    useInput((_input, key) => {
-        // approvalResolveRef is set synchronously in requestApproval — no useEffect needed
-        if (approvalResolveRef.current) {
-            const resolve = approvalResolveRef.current;
-            if (_input === 'y' || _input === 'Y') {
-                approvalResolveRef.current = null;
-                setPendingApproval(null);
-                resolve(true);
-            }
-            else if (_input === 'n' || _input === 'N' || key.escape) {
-                approvalResolveRef.current = null;
-                setPendingApproval(null);
-                resolve(false);
-            }
-            return;
-        }
-        if (pickerOpen)
-            return;
-        if (key.pageUp) {
-            setScrollOffset(n => Math.min(n + SCROLL_STEP, Math.max(0, messages.length - 1)));
-        }
-        if (key.pageDown) {
-            setScrollOffset(n => Math.max(0, n - SCROLL_STEP));
-        }
-    });
-    const cols = stdout.columns ?? 80;
-    const rows = stdout.rows ?? 24;
-    const APPROVAL_TOOLS = new Set(['delete_file']);
-    const requestApproval = useCallback((toolName, args) => {
-        return new Promise((resolve) => {
-            approvalResolveRef.current = resolve;
-            setPendingApproval({
-                toolName,
-                path: (args.path ?? args.from) ?? '',
-                content: args.content,
-            });
-        });
-    }, []);
-    function addMsg(role, content, id) {
-        const mid = id ?? generateId();
-        setMessages(prev => [...prev, { id: mid, role, content, timestamp: Date.now() }]);
-        return mid;
-    }
-    function buildContext(extra) {
-        const ctx = [{ role: 'system', content: systemPromptRef.current }];
-        for (const m of messagesRef.current) {
-            if (m.role === 'tool')
-                ctx.push({ role: 'user', content: `[tool result]\n${m.content}` });
-            else if (m.role === 'user' || m.role === 'assistant')
-                ctx.push({ role: m.role, content: m.content });
-        }
-        if (extra)
-            ctx.push(extra);
-        return ctx;
-    }
-    const runLoop = useCallback(async (contextMsgs, depth = 0) => {
-        if (depth >= MAX_TOOL_DEPTH) {
-            setStatus('idle');
-            return;
-        }
-        setStatus('thinking');
-        const assistantId = generateId();
-        setMessages(prev => [...prev, { id: assistantId, role: 'assistant', content: '', timestamp: Date.now() }]);
-        abortRef.current = new AbortController();
-        await chat({
-            provider: config.provider,
-            model: currentModelRef.current,
-            baseUrl: config.baseUrl,
-            apiKey: config.apiKey,
-            messages: contextMsgs,
-            signal: abortRef.current.signal,
-            async onDone(fullText) {
-                setMessages(prev => prev.map(m => m.id === assistantId ? { ...m, content: fullText } : m));
-                const pendingTools = [];
-                const parser = new StreamParser();
-                for (const item of [...parser.feed(fullText), ...parser.flush()]) {
-                    if (item.type === 'tool_call')
-                        pendingTools.push({ name: item.toolName, args: item.toolArgs });
-                }
-                if (!pendingTools.length) {
-                    const bare = extractBareToolCall(fullText);
-                    if (bare) {
-                        pendingTools.push(bare);
-                    }
-                    else {
-                        if (fullText.includes('{"name"')) {
-                            addMsg('tool', 'tool_call parse failed — could not extract tool call from model output');
-                        }
-                        setStatus('idle');
-                        return;
-                    }
-                }
-                setStatus('tool');
-                const next = [...contextMsgs, { role: 'assistant', content: fullText }];
-                for (const tc of pendingTools) {
-                    const tool = tools.find(t => t.name === tc.name);
-                    const toolId = generateId();
-                    if (tool) {
-                        if (APPROVAL_TOOLS.has(tc.name)) {
-                            const approved = await requestApproval(tc.name, tc.args);
-                            if (!approved) {
-                                const cancelled = `[${tc.name}] cancelled by user`;
-                                setMessages(prev => [...prev, { id: toolId, role: 'tool', content: cancelled, timestamp: Date.now() }]);
-                                next.push({ role: 'user', content: `Tool ${tc.name} was cancelled by user.` });
-                                continue;
-                            }
-                        }
-                        try {
-                            const result = await tool.execute(tc.args);
-                            setMessages(prev => [...prev, { id: toolId, role: 'tool', content: `[${tc.name}]\n${result}`, timestamp: Date.now() }]);
-                            next.push({ role: 'user', content: `Tool ${tc.name} result:\n${result}` });
-                        }
-                        catch (e) {
-                            const err = `Tool ${tc.name} error: ${e}`;
-                            setMessages(prev => [...prev, { id: toolId, role: 'tool', content: err, timestamp: Date.now() }]);
-                            next.push({ role: 'user', content: err });
-                        }
-                    }
-                    else {
-                        const unk = `Unknown tool: ${tc.name}`;
-                        setMessages(prev => [...prev, { id: toolId, role: 'tool', content: unk, timestamp: Date.now() }]);
-                        next.push({ role: 'user', content: unk });
-                    }
-                }
-                await runLoop(next, depth + 1);
-            },
-            onError(err) {
-                setMessages(prev => prev.filter(m => m.id !== assistantId));
-                addMsg('system', `error: ${err.message}`);
-                setStatus('idle');
-            },
-        });
-    }, [config]);
-    // Model picker
-    const openPicker = useCallback(async () => {
-        setPickerOpen(true);
-        setPickerLoading(true);
-        setPickerError(undefined);
-        try {
-            setPickerModels(await listModels(config.baseUrl));
-        }
-        catch (e) {
-            setPickerError(String(e));
-        }
-        finally {
-            setPickerLoading(false);
-        }
-    }, [config.baseUrl]);
-    const handleModelSelect = useCallback((name) => {
-        setCurrentModel(name);
-        setPickerOpen(false);
-        addMsg('system', `model → ${name}`);
-    }, []);
-    const handleModelPull = useCallback(async (name) => {
-        setPullState({ name, status: 'starting...', pct: undefined });
-        pullAbortRef.current = new AbortController();
-        try {
-            await pullModel(config.baseUrl, name, (s, p) => setPullState({ name, status: s, pct: p }), pullAbortRef.current.signal);
-            setPickerModels(await listModels(config.baseUrl));
-            setPullState(undefined);
-            setCurrentModel(name);
-            setPickerOpen(false);
-            addMsg('system', `pulled ${name} → active`);
-        }
-        catch (e) {
-            setPullState(undefined);
-            setPickerError(`pull failed: ${e}`);
-        }
-    }, [config.baseUrl]);
-    const handleSubmit = useCallback(async (text) => {
-        setScrollOffset(0); // snap to bottom on new message
-        if (text.trim() === '/models') {
-            await openPicker();
-            return;
-        }
-        if (text.startsWith('/')) {
-            const [cmd, ...rest] = text.slice(1).split(' ');
-            const skill = skills.get(cmd);
-            if (skill) {
-                if (skill.name === 'list') {
-                    addMsg('system', skills.list().map(s => `/${s.ns === 'default' ? '' : s.ns + ':'}${s.name}  — ${s.description}`).join('\n'));
-                    return;
-                }
-                if (skill.execute) {
-                    const ctx = {
-                        messages: messagesRef.current.map(m => ({ role: m.role, content: m.content })),
-                        appendMessage: (role, content) => addMsg(role, content),
-                        setSystemPrompt: (p) => setSystemPrompt(p),
-                        getSystemPrompt: () => systemPromptRef.current,
-                    };
-                    const result = await skill.execute(rest.join(' '), ctx);
-                    if (result)
-                        addMsg('system', result);
-                    return;
-                }
-                if (skill.prompt) {
-                    addMsg('user', skill.prompt);
-                    await runLoop(buildContext({ role: 'user', content: skill.prompt }));
-                    return;
-                }
-            }
-            addMsg('system', `unknown skill: /${cmd}. Try /list`);
-            return;
-        }
-        // Expand @file references
-        const { displayText, contextPrefix } = expandAtRefs(text, cwd);
-        addMsg('user', displayText);
-        const llmContent = contextPrefix + text;
-        await runLoop(buildContext({ role: 'user', content: llmContent }));
-    }, [skills, runLoop, openPicker]);
-    const handleAbort = useCallback(() => {
-        abortRef.current?.abort();
-        setStatus('idle');
-    }, []);
-    const skillList = skills.list();
-    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(StatusBar, { model: currentModel, provider: config.provider, status: status, tick: tick }), _jsx(Divider, { cols: cols }), pickerOpen ? (_jsx(ModelPicker, { models: pickerModels, current: currentModel, loading: pickerLoading, error: pickerError, pull: pullState, onSelect: handleModelSelect, onPull: handleModelPull, onClose: () => { setPickerOpen(false); setPullState(undefined); } })) : (_jsx(MessageList, { messages: messages, rows: rows - 8, cols: cols, scrollOffset: scrollOffset, streaming: false, thinkingTick: status === 'thinking' ? tick : undefined })), _jsx(Divider, { cols: cols }), pendingApproval && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingX: 1, marginBottom: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Allow ", pendingApproval.toolName, "?"] }), _jsxs(Text, { children: ["  path: ", _jsx(Text, { color: "cyan", children: pendingApproval.path })] }), pendingApproval.content && (_jsx(Text, { color: "gray", dimColor: true, children: pendingApproval.content.split('\n').slice(0, 12).join('\n') })), _jsxs(Text, { color: "green", children: ["[y] approve  ", _jsx(Text, { color: "red", children: "[n] cancel" })] })] })), _jsx(InputArea, { status: status, skills: skillList, cwd: cwd, onSubmit: handleSubmit, onAbort: handleAbort })] }));
-}