miii-cli 1.0.1 → 1.0.2

package/dist/tui/InputBar.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useRef, useMemo, useEffect } from 'react';
+import { useState, useRef, useMemo, useEffect, useCallback } from 'react';
 import { Box, Text, useStdout } from 'ink';
 import { InputArea } from './components/InputArea.js';
 import { ModelPicker } from './components/ModelPicker.js';
+import { ConfigPicker } from './components/ConfigPicker.js';
 import { Divider } from './components/StatusBar.js';
-import { tools } from '../tools/index.js';
+import { tools, getSystemPrompt } from '../tools/index.js';
 import { toolArgSummary } from './printer.js';
 import { MacroQueue } from '../tasks/queue.js';
 import { TaskExecutor } from '../tasks/executor.js';
@@ -18,6 +19,8 @@ import { useSubmit } from './hooks/useSubmit.js';
 import { runDeepThink } from './deepThink.js';
 import { setInkInstance } from './printer.js';
 import { createSearchCodebaseTool } from '../index/tool.js';
+import { saveConfig } from '../config.js';
+import { getTavilyKey, saveTavilyKey } from '../tavily/client.js';
 function formatElapsed(ms) {
     const s = Math.floor(ms / 1000);
     if (s < 60)
@@ -26,18 +29,22 @@ function formatElapsed(ms) {
     const rem = s % 60;
     return rem === 0 ? `${m}m` : `${m}m ${rem}s`;
 }
-export function InputBar({ config, skills, cwd, session, version }) {
+export function InputBar({ config: initialConfig, skills, cwd, session, version, mcpTools = [] }) {
+    const [config, setConfig] = useState(initialConfig);
     const { stdout, write: stdoutWrite } = useStdout();
     const cols = stdout.columns ?? 80;
     useEffect(() => { setInkInstance(stdoutWrite); }, []);
     const phraseSeq = useMemo(() => Array.from({ length: 100 }, () => Math.floor(Math.random() * THINKING_PHRASES.length)), []);
     const [planningMode, setPlanningMode] = useState(false);
+    const [configOpen, setConfigOpen] = useState(false);
+    const [tavilyKey, setTavilyKey] = useState(() => getTavilyKey());
     const macroQueueRef = useRef(new MacroQueue());
     const executorRef = useRef(new TaskExecutor(tools));
     const lastGitStatusRef = useRef('');
     const abortRef = useRef(null);
-    const { setSessionName, sessionNameRef, historyRef, saveTimerRef, systemPromptRef, pushHistory, buildContext, renameFromMessage, } = useSession(session, cwd, config);
-    const { currentModel, setCurrentModel, currentModelRef, pickerOpen, setPickerOpen, pickerModels, pickerLoading, pickerError, pullState, openPicker, handleModelSelect, handleModelPull, } = useModelPicker(config);
+    const { setSessionName, sessionNameRef, historyRef, saveTimerRef, systemPromptRef, pushHistory, buildContext, renameFromMessage, } = useSession(session, cwd, config, mcpTools);
+    const sysPrompt = useCallback((extra = '') => getSystemPrompt(`\n- CWD: ${cwd}${extra}`, mcpTools), [mcpTools, cwd]);
+    const { currentModel, setCurrentModel, currentModelRef, pickerOpen, setPickerOpen, pickerModels, pickerLoading, pickerError, pullState, handleModelSelect, handleModelPull, } = useModelPicker(config);
     const deepThinkTool = useMemo(() => ({
         name: 'deep_think',
         description: 'Research tool: gather info from files and web before answering.',
@@ -48,8 +55,8 @@ export function InputBar({ config, skills, cwd, session, version }) {
         },
     }), [config]);
     const searchTool = useMemo(() => createSearchCodebaseTool(config, cwd), [config, cwd]);
-    const allTools = useMemo(() => [...tools, deepThinkTool, searchTool], [deepThinkTool, searchTool]);
-    const { status, setStatus, tick, currentTool, setCurrentTool, taskLabel, setTaskLabel, thinkingStartRef, runLoop, handleAbort, permissionRequest, resolvePermission, } = useRunLoop(config, currentModelRef, pushHistory, allTools, abortRef);
+    const allTools = useMemo(() => [...tools, deepThinkTool, searchTool, ...mcpTools], [deepThinkTool, searchTool, mcpTools]);
+    const { status, setStatus, tick, currentTool, setCurrentTool, taskLabel, setTaskLabel, thinkingStartRef, runLoop, handleAbort, permissionRequest, resolvePermission, compactRequest, resolveCompact, } = useRunLoop(config, currentModelRef, pushHistory, allTools, abortRef);
     const { runRefactor } = useRefactor({
         config, currentModelRef, systemPromptRef, abortRef,
         macroQueueRef, executorRef,
@@ -59,13 +66,21 @@ export function InputBar({ config, skills, cwd, session, version }) {
     const { handleSubmit } = useSubmit({
         config, skills, cwd, version, currentModelRef, setCurrentModel,
         historyRef, sessionNameRef, saveTimerRef, systemPromptRef, abortRef,
-        planningMode, setPlanningMode, runLoop, buildContext, pushHistory,
-        setSessionName, renameFromMessage, openPicker,
+        setPlanningMode, runLoop, buildContext, pushHistory,
+        setSessionName, renameFromMessage,
         setStatus, setTaskLabel, setCurrentTool,
-        runRefactor, handleGit, lastGitStatusRef,
+        runRefactor, handleGit, lastGitStatusRef, mcpTools, setConfig,
+        setConfigOpen,
     });
     const skillList = skills.list();
-    return (_jsxs(Box, { flexDirection: "column", children: [pickerOpen ? (_jsxs(_Fragment, { children: [_jsx(ModelPicker, { models: pickerModels, current: currentModel, loading: pickerLoading, error: pickerError, pull: pullState, onSelect: handleModelSelect, onPull: handleModelPull, onClose: () => { setPickerOpen(false); } }), _jsx(Divider, { cols: cols })] })) : permissionRequest ? (_jsxs(Box, { paddingX: 1, gap: 1, children: [_jsx(Text, { color: "yellow", children: "\u26A0" }), _jsx(Text, { color: "white", bold: true, children: permissionRequest.toolName }), _jsx(Text, { color: "gray", children: toolArgSummary(permissionRequest.args) })] })) : (status === 'thinking' || status === 'tool') ? (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Box, { children: status === 'thinking'
+    return (_jsxs(Box, { flexDirection: "column", children: [configOpen ? (_jsxs(_Fragment, { children: [_jsx(ConfigPicker, { config: config, currentModel: currentModel, tavilyKey: tavilyKey, onUpdate: ({ model, ...configPatch }) => {
+                            if (model)
+                                setCurrentModel(model);
+                            if (Object.keys(configPatch).length) {
+                                setConfig(c => ({ ...c, ...configPatch }));
+                                saveConfig(configPatch);
+                            }
+                        }, onTavilyKey: (key) => { saveTavilyKey(key); setTavilyKey(key); }, onClose: () => { setConfigOpen(false); } }), _jsx(Divider, { cols: cols })] })) : pickerOpen ? (_jsxs(_Fragment, { children: [_jsx(ModelPicker, { models: pickerModels, current: currentModel, loading: pickerLoading, error: pickerError, pull: pullState, onSelect: handleModelSelect, onPull: handleModelPull, onClose: () => { setPickerOpen(false); } }), _jsx(Divider, { cols: cols })] })) : compactRequest ? (_jsxs(Box, { paddingX: 1, flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "yellow", children: "\u26A0" }), _jsx(Text, { color: "white", bold: true, children: "context is large" }), _jsxs(Text, { color: "gray", children: ["(", compactRequest.messageCount, " messages)"] })] }), _jsx(Text, { color: "gray", dimColor: true, children: "compact to keep responses fast, or keep full history" })] })) : permissionRequest ? (_jsxs(Box, { paddingX: 1, gap: 1, children: [_jsx(Text, { color: "yellow", children: "\u26A0" }), _jsx(Text, { color: "white", bold: true, children: permissionRequest.toolName }), _jsx(Text, { color: "gray", children: toolArgSummary(permissionRequest.args) })] })) : (status === 'thinking' || status === 'tool') ? (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Box, { children: status === 'thinking'
                             ? _jsxs(_Fragment, { children: [_jsxs(Text, { color: "yellow", children: [SPARKLE[tick % SPARKLE.length], " "] }), _jsx(Text, { color: "gray", dimColor: true, italic: true, children: THINKING_PHRASES[phraseSeq[Math.floor(tick / 62) % phraseSeq.length]] })] })
-                            : _jsxs(Text, { color: "yellow", dimColor: true, children: ["\u2699 running ", currentTool ?? 'tool', "\u2026"] }) }), _jsxs(Box, { gap: 2, children: [_jsx(Text, { color: "gray", dimColor: true, children: formatElapsed(Date.now() - thinkingStartRef.current) }), taskLabel && _jsx(Text, { color: "cyan", dimColor: true, children: taskLabel })] })] })) : null, _jsx(InputArea, { status: status, skills: skillList, cwd: cwd, planningMode: planningMode, permissionRequest: permissionRequest, onPermissionResponse: resolvePermission, onSubmit: handleSubmit, onAbort: handleAbort, history: historyRef.current.filter(m => m.role === 'user').map(m => m.content) })] }));
+                            : _jsxs(Text, { color: "yellow", dimColor: true, children: ["\u2699 running ", currentTool ?? 'tool', "\u2026"] }) }), _jsxs(Box, { gap: 2, children: [_jsx(Text, { color: "gray", dimColor: true, children: formatElapsed(Date.now() - thinkingStartRef.current) }), taskLabel && _jsx(Text, { color: "cyan", dimColor: true, children: taskLabel })] })] })) : null, _jsx(InputArea, { status: status, skills: skillList, cwd: cwd, planningMode: planningMode, permissionRequest: permissionRequest, onPermissionResponse: resolvePermission, compactRequest: compactRequest, onCompactResponse: resolveCompact, onSubmit: handleSubmit, onAbort: handleAbort, history: historyRef.current.filter(m => m.role === 'user').map(m => m.content) })] }));
 }

package/dist/tui/components/ConfigPicker.js

@@ -0,0 +1,178 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+const PROVIDERS = [
+    { key: 'ollama', label: 'Ollama', desc: 'local · free · air-gapped' },
+    { key: 'anthropic', label: 'Anthropic', desc: 'Claude API (cloud)' },
+    { key: 'openai-compat', label: 'OpenAI / Custom', desc: 'OpenAI or compatible endpoint' },
+];
+const MENU_ITEMS = [
+    { key: 'provider', label: 'Provider' },
+    { key: 'model', label: 'Model' },
+    { key: 'key', label: 'API Key' },
+    { key: 'url', label: 'Base URL' },
+    { key: 'tavily', label: 'Tavily Key' },
+];
+function truncate(s, n) {
+    return s.length > n ? s.slice(0, n) + '…' : s;
+}
+export function ConfigPicker({ config, currentModel, tavilyKey, onUpdate, onTavilyKey, onClose }) {
+    const [screen, setScreen] = useState('menu');
+    const [menuIdx, setMenuIdx] = useState(0);
+    const [provIdx, setProvIdx] = useState(() => PROVIDERS.findIndex(p => p.key === config.provider) ?? 0);
+    const [textInput, setTextInput] = useState('');
+    const [ollamaModels, setOllamaModels] = useState([]);
+    const [modelIdx, setModelIdx] = useState(0);
+    // Reset models list when provider changes so stale ollama models don't show
+    useEffect(() => { setOllamaModels([]); }, [config.provider]);
+    // Fetch Ollama models when entering model screen on ollama provider
+    useEffect(() => {
+        if (screen !== 'model' || config.provider !== 'ollama')
+            return;
+        if (!config.baseUrl)
+            return;
+        setOllamaModels([]);
+        fetch(`${config.baseUrl}/api/tags`, { signal: AbortSignal.timeout(3000) })
+            .then(r => r.json())
+            .then((d) => {
+            const names = (d.models ?? []).map(m => m.name).filter(Boolean);
+            if (names.length) {
+                setOllamaModels(names);
+                const ci = names.indexOf(currentModel);
+                setModelIdx(ci >= 0 ? ci : 0);
+            }
+        })
+            .catch(() => { });
+    }, [screen, config.provider, config.baseUrl]);
+    function goMenu() { setScreen('menu'); setTextInput(''); }
+    function openScreen(s) {
+        if (s === 'key')
+            setTextInput(config.apiKey ?? '');
+        if (s === 'url')
+            setTextInput(config.baseUrl);
+        if (s === 'tavily')
+            setTextInput(tavilyKey ?? '');
+        if (s === 'model' && config.provider !== 'ollama')
+            setTextInput(currentModel);
+        setScreen(s);
+    }
+    useInput((input, key) => {
+        if (key.escape) {
+            if (screen !== 'menu') {
+                goMenu();
+                return;
+            }
+            onClose();
+            return;
+        }
+        // ── Menu ────────────────────────────────────────────────────────────────
+        if (screen === 'menu') {
+            if (key.upArrow) {
+                setMenuIdx(i => Math.max(0, i - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setMenuIdx(i => Math.min(MENU_ITEMS.length - 1, i + 1));
+                return;
+            }
+            if (key.return) {
+                openScreen(MENU_ITEMS[menuIdx].key);
+                return;
+            }
+            return;
+        }
+        // ── Provider radio ───────────────────────────────────────────────────────
+        if (screen === 'provider') {
+            if (key.upArrow) {
+                setProvIdx(i => Math.max(0, i - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setProvIdx(i => Math.min(PROVIDERS.length - 1, i + 1));
+                return;
+            }
+            if (key.return) {
+                onUpdate({ provider: PROVIDERS[provIdx].key });
+                goMenu();
+                return;
+            }
+            return;
+        }
+        // ── Ollama model list ────────────────────────────────────────────────────
+        if (screen === 'model' && config.provider === 'ollama' && ollamaModels.length) {
+            if (key.upArrow) {
+                setModelIdx(i => Math.max(0, i - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setModelIdx(i => Math.min(ollamaModels.length - 1, i + 1));
+                return;
+            }
+            if (key.return) {
+                onUpdate({ model: ollamaModels[modelIdx] });
+                goMenu();
+                return;
+            }
+            return;
+        }
+        // ── Text input (model for cloud, key, url) ───────────────────────────────
+        if (key.return) {
+            const val = textInput.trim();
+            if (!val) {
+                goMenu();
+                return;
+            }
+            if (screen === 'model')
+                onUpdate({ model: val });
+            if (screen === 'key')
+                onUpdate({ apiKey: val });
+            if (screen === 'url')
+                onUpdate({ baseUrl: val });
+            if (screen === 'tavily')
+                onTavilyKey(val);
+            goMenu();
+            return;
+        }
+        if (key.backspace || key.delete) {
+            setTextInput(t => t.slice(0, -1));
+            return;
+        }
+        if (input && !key.ctrl && !key.meta) {
+            setTextInput(t => t + input);
+            return;
+        }
+    });
+    const keyDisplay = config.apiKey
+        ? `${config.apiKey.slice(0, 10)}…`
+        : 'not set';
+    const tavilyDisplay = tavilyKey
+        ? `${tavilyKey.slice(0, 10)}…`
+        : 'not set';
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: " config " }), screen !== 'menu' && (_jsxs(Text, { color: "gray", dimColor: true, children: [" \u203A ", screen, "  esc back"] }))] }), screen === 'menu' && MENU_ITEMS.map((item, i) => {
+                const active = i === menuIdx;
+                let val = '';
+                if (item.key === 'provider')
+                    val = config.provider;
+                if (item.key === 'model')
+                    val = truncate(currentModel, 32);
+                if (item.key === 'key')
+                    val = keyDisplay;
+                if (item.key === 'url')
+                    val = truncate(config.baseUrl, 36);
+                if (item.key === 'tavily')
+                    val = tavilyDisplay;
+                return (_jsxs(Box, { children: [_jsxs(Text, { color: active ? 'cyan' : 'white', bold: active, children: [active ? '▶ ' : '  ', item.label.padEnd(12)] }), _jsx(Text, { color: active ? 'white' : 'gray', children: val })] }, item.key));
+            }), screen === 'provider' && PROVIDERS.map((p, i) => {
+                const active = i === provIdx;
+                const current = p.key === config.provider;
+                return (_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: active ? 'cyan' : 'gray', children: [active ? '▶ ' : '  ', current ? '◉' : '○'] }), _jsx(Text, { color: active ? 'white' : 'gray', bold: active, children: p.label.padEnd(18) }), _jsx(Text, { color: "gray", dimColor: true, children: p.desc })] }, p.key));
+            }), screen === 'model' && config.provider === 'ollama' && (ollamaModels.length ? (ollamaModels.map((name, i) => {
+                const active = i === modelIdx;
+                const isCurrent = name === currentModel;
+                return (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: active ? 'cyan' : 'gray', children: active ? '▶ ' : '  ' }), _jsx(Text, { color: active ? 'white' : 'gray', bold: active, children: name }), isCurrent && _jsx(Text, { color: "green", children: " \u2713" })] }, name));
+            })) : (_jsxs(Box, { flexDirection: "column", gap: 1, children: [_jsx(Text, { color: "gray", dimColor: true, children: "fetching from Ollama\u2026" }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "cyan", children: "model name: " }), _jsxs(Text, { children: [textInput, "\u2588"] })] })] }))), (screen === 'key' || screen === 'url' || screen === 'tavily' || (screen === 'model' && config.provider !== 'ollama')) && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsxs(Text, { color: "cyan", children: [screen === 'key' ? 'api key' : screen === 'url' ? 'url' : screen === 'tavily' ? 'tavily key' : 'model', ": "] }), _jsxs(Text, { children: [textInput, "\u2588"] })] }), _jsx(Text, { color: "gray", dimColor: true, children: "enter to save  esc to cancel" })] })), _jsx(Box, { marginTop: 1, borderTop: true, borderStyle: "single", borderColor: "gray", children: _jsx(Text, { color: "gray", dimColor: true, children: screen === 'menu'
+                        ? '↑↓ navigate  enter edit  esc close'
+                        : screen === 'provider' || (screen === 'model' && ollamaModels.length > 0)
+                            ? '↑↓ select  enter confirm  esc back'
+                            : 'type value  enter save  esc back' }) })] }));
+}

package/dist/tui/components/InputArea.js

@@ -5,32 +5,37 @@ import { listFiles } from '../../files/ops.js';
 import { CommandPalette } from './CommandPalette.js';
 import { AtPicker } from './AtPicker.js';
 const BUILTIN_COMMANDS = [
-    { ns: 'builtin', name: 'new', description: 'start a fresh session (auto-named)' },
-    { ns: 'builtin', name: 'models', description: 'switch or pull Ollama models' },
-    { ns: 'builtin', name: 'clear', description: 'clear chat history for current session' },
-    { ns: 'builtin', name: 'sessions', description: 'list all saved sessions' },
-    { ns: 'builtin', name: 'session', description: 'switch session  /session <name>' },
-    { ns: 'builtin', name: 'exit', description: 'exit miii' },
-    { ns: 'builtin', name: 'model', description: 'switch model mid-session  /model <name>' },
-    { ns: 'builtin', name: 'version', description: 'show current miii version' },
-    { ns: 'builtin', name: 'tavily-key', description: 'set Tavily API key for web search  /tavily-key tvly-...' },
-    { ns: 'builtin', name: 'skills', description: 'install/uninstall/list npm skills  /skills install <name>' },
-    { ns: 'builtin', name: 'list', description: 'list all loaded skills' },
-    { ns: 'builtin', name: 'plan', description: 'start planning mode  /plan [topic]' },
-    { ns: 'builtin', name: 'refactor', description: 'multi-file AI refactor  /refactor <goal>' },
-    { ns: 'git', name: 'status', description: 'show git working tree status' },
-    { ns: 'git', name: 'diff', description: 'show unstaged diff' },
-    { ns: 'git', name: 'diff --staged', description: 'show staged diff' },
-    { ns: 'git', name: 'log', description: 'show recent commits' },
-    { ns: 'git', name: 'review', description: 'review current changes with AI' },
-    { ns: 'git', name: 'branch', description: 'list branches' },
-    { ns: 'git', name: 'commit', description: 'stage all and commit  /git commit <msg>' },
+    // ── Session ──────────────────────────────────────────────────────────────
+    { ns: 'builtin', name: 'new', description: 'start a fresh session with a new auto-named history' },
+    { ns: 'builtin', name: 'clear', description: 'wipe chat history for the current session' },
+    { ns: 'builtin', name: 'sessions', description: 'list all saved sessions with message counts' },
+    { ns: 'builtin', name: 'session', description: 'switch to a saved session — /session <name>' },
+    { ns: 'builtin', name: 'exit', description: 'exit miii (saves session first)' },
+    // ── Config ───────────────────────────────────────────────────────────────
+    { ns: 'builtin', name: 'config', description: 'open config picker — change provider, model, API key, base URL, Tavily key with arrow-key navigation' },
+    { ns: 'builtin', name: 'model', description: 'quickly switch model for this session — /model <name>' },
+    { ns: 'builtin', name: 'version', description: 'show the current miii version' },
+    // ── Skills ───────────────────────────────────────────────────────────────
+    { ns: 'builtin', name: 'skills', description: 'install, uninstall, or list npm skill packages' },
+    { ns: 'builtin', name: 'list', description: 'list all loaded skills and their descriptions' },
+    // ── AI modes ─────────────────────────────────────────────────────────────
+    { ns: 'builtin', name: 'plan', description: 'enter planning mode — AI helps think through a goal step-by-step' },
+    { ns: 'builtin', name: 'refactor', description: 'multi-file AI refactor — plans, reads, then edits — /refactor <goal>' },
+    { ns: 'builtin', name: 'think', description: 'deep research before answering — reads files + optional web — /think <query>' },
+    // ── Git ───────────────────────────────────────────────────────────────────
+    { ns: 'git', name: 'status', description: 'show git working tree status (modified, staged, untracked)' },
+    { ns: 'git', name: 'diff', description: 'show unstaged changes as a diff' },
+    { ns: 'git', name: 'diff --staged', description: 'show staged changes ready to commit' },
+    { ns: 'git', name: 'log', description: 'show recent commit history (last 10)' },
+    { ns: 'git', name: 'review', description: 'AI code review of current uncommitted changes' },
+    { ns: 'git', name: 'branch', description: 'list local branches' },
+    { ns: 'git', name: 'commit', description: 'stage everything and commit — /git commit <message>' },
 ];
 const PLANNING_COMMANDS = [
-    { ns: 'plan', name: 'next', description: 'suggest next concrete steps' },
-    { ns: 'plan', name: 'breakdown', description: 'break current topic into subtasks' },
-    { ns: 'plan', name: 'review', description: 'review and critique the plan so far' },
-    { ns: 'plan', name: 'done', description: 'exit planning mode' },
+    { ns: 'plan', name: 'next', description: 'suggest the next concrete steps to take' },
+    { ns: 'plan', name: 'breakdown', description: 'break the current goal into specific subtasks' },
+    { ns: 'plan', name: 'review', description: 'critique the plan so far — find gaps and risks' },
+    { ns: 'plan', name: 'done', description: 'exit planning mode and return to normal chat' },
 ];
 const PASTE_MIN_CHARS = 120;
 function wordStartBefore(line, col) {
@@ -49,7 +54,7 @@ function wordEndAfter(line, col) {
         i++;
     return i;
 }
-export function InputArea({ status, skills, cwd, planningMode, permissionRequest, onPermissionResponse, onSubmit, onAbort, history = [] }) {
+export function InputArea({ status, skills, cwd, planningMode, permissionRequest, onPermissionResponse, compactRequest, onCompactResponse, onSubmit, onAbort, history = [] }) {
     const [lines, setLines] = useState(['']);
     const [cursor, setCursor] = useState({ row: 0, col: 0 });
     const [overlay, setOverlay] = useState('none');
@@ -201,6 +206,17 @@ export function InputArea({ status, skills, cwd, planningMode, permissionRequest
             }
             return;
         }
+        if (compactRequest && onCompactResponse) {
+            if (input === 'y' || input === 'Y') {
+                onCompactResponse(true);
+                return;
+            }
+            if (input === 'n' || input === 'N' || key.escape) {
+                onCompactResponse(false);
+                return;
+            }
+            return;
+        }
         if (key.escape) {
             if (overlay !== 'none') {
                 setOverlay('none');
@@ -430,25 +446,27 @@ export function InputArea({ status, skills, cwd, planningMode, permissionRequest
     const { stdout } = useStdout();
     const cols = stdout.columns ?? 80;
     const isProcessing = status !== 'idle';
-    const promptColor = permissionRequest ? 'yellow' : isProcessing ? 'yellow' : 'green';
+    const promptColor = (permissionRequest || compactRequest) ? 'yellow' : isProcessing ? 'yellow' : 'green';
     const inHistory = historyIdx !== -1;
-    const hint = permissionRequest
-        ? 'y  approve   n  deny'
-        : isProcessing
-            ? 'esc  interrupt'
-            : pasteLines > 0
-                ? 'backspace  remove paste   enter  send'
-                : overlay !== 'none'
-                    ? '↑↓  navigate   enter  select   esc  close'
-                    : inHistory
-                        ? `history ${historyIdx + 1}/${history.length}   ↑↓  navigate   esc  clear`
-                        : planningMode
-                            ? 'planning mode   /plan:done  exit'
-                            : '?  for shortcuts';
+    const hint = compactRequest
+        ? 'y  compact   n  keep full context'
+        : permissionRequest
+            ? 'y  approve   n  deny'
+            : isProcessing
+                ? 'esc  interrupt'
+                : pasteLines > 0
+                    ? 'backspace  remove paste   enter  send'
+                    : overlay !== 'none'
+                        ? '↑↓  navigate   enter  select   esc  close'
+                        : inHistory
+                            ? `history ${historyIdx + 1}/${history.length}   ↑↓  navigate   esc  clear`
+                            : planningMode
+                                ? 'planning mode   /plan:done  exit'
+                                : '?  for shortcuts';
     const pastePreview = pasteRef.current
         ? pasteRef.current.split('\n')[0].slice(0, cols - 6)
         : '';
-    return (_jsxs(Box, { flexDirection: "column", children: [overlay === 'command' && (_jsx(CommandPalette, { skills: allCommands, query: commandQuery, idx: overlayIdx })), overlay === 'at' && (_jsx(AtPicker, { files: filteredFiles, query: atQuery, idx: overlayIdx })), _jsx(Text, { color: "gray", dimColor: true, children: '─'.repeat(Math.max(cols, 10)) }), _jsxs(Box, { paddingX: 1, children: [_jsx(Text, { color: promptColor, bold: true, children: '> ' }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: permissionRequest ? (_jsxs(Box, { gap: 2, children: [_jsx(Text, { color: "green", bold: true, children: "y  yes" }), _jsx(Text, { color: "red", bold: true, children: "n  no" })] })) : pasteLines > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "cyan", children: "\u2398" }), _jsxs(Text, { color: "cyan", children: ["pasted ", pasteLines, " line", pasteLines !== 1 ? 's' : ''] }), (lines.length > 1 || lines[0]) && (_jsx(Text, { color: "gray", dimColor: true, children: "+ typed text" }))] }), pastePreview && (_jsxs(Text, { color: "gray", dimColor: true, children: ["  ", pastePreview, pasteRef.current.split('\n')[0].length > cols - 6 ? '…' : ''] }))] })) : lines.length === 1 && !lines[0] ? (_jsx(Text, { children: isActive ? '█' : ' ' })) : (lines.map((line, i) => (_jsx(Text, { wrap: "wrap", children: i === cursor.row
+    return (_jsxs(Box, { flexDirection: "column", children: [overlay === 'command' && (_jsx(CommandPalette, { skills: allCommands, query: commandQuery, idx: overlayIdx })), overlay === 'at' && (_jsx(AtPicker, { files: filteredFiles, query: atQuery, idx: overlayIdx })), _jsx(Text, { color: "gray", dimColor: true, children: '─'.repeat(Math.max(cols, 10)) }), _jsxs(Box, { paddingX: 1, children: [_jsx(Text, { color: promptColor, bold: true, children: '> ' }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: (permissionRequest || compactRequest) ? (_jsxs(Box, { gap: 2, children: [_jsx(Text, { color: "green", bold: true, children: "y  yes" }), _jsx(Text, { color: "red", bold: true, children: "n  no" })] })) : pasteLines > 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "cyan", children: "\u2398" }), _jsxs(Text, { color: "cyan", children: ["pasted ", pasteLines, " line", pasteLines !== 1 ? 's' : ''] }), (lines.length > 1 || lines[0]) && (_jsx(Text, { color: "gray", dimColor: true, children: "+ typed text" }))] }), pastePreview && (_jsxs(Text, { color: "gray", dimColor: true, children: ["  ", pastePreview, pasteRef.current.split('\n')[0].length > cols - 6 ? '…' : ''] }))] })) : lines.length === 1 && !lines[0] ? (_jsx(Text, { children: isActive ? '█' : ' ' })) : (lines.map((line, i) => (_jsx(Text, { wrap: "wrap", children: i === cursor.row
                                 ? renderLineWithCursor(line, cursor.col, isActive)
                                 : line }, i)))) })] }), _jsx(Text, { color: "gray", dimColor: true, children: '─'.repeat(Math.max(cols, 10)) }), _jsxs(Text, { color: "gray", dimColor: true, children: ["  ", hint] })] }));
 }

package/dist/tui/hooks/useRunLoop.js

@@ -1,4 +1,5 @@
 import { useState, useRef, useCallback, useEffect } from 'react';
+import { readFileSync, writeFileSync, unlinkSync, existsSync } from 'fs';
 import { chat } from '../../llm/stream.js';
 import { tools as staticTools } from '../../tools/index.js';
 import { StreamParser, extractBareToolCall } from '../../parser/stream-parser.js';
@@ -8,6 +9,7 @@ const MAX_TOOL_DEPTH = 6;
 const FILE_EDIT_TOOLS = new Set(['edit_file', 'create_file', 'patch_file', 'delete_file']);
 const SHOW_RESULT_TOOLS = new Set(['run_tests', 'git_commit']);
 const PERMISSION_TOOLS = new Set(['edit_file', 'patch_file', 'delete_file', 'create_file', 'move_file', 'run_command', 'git_commit']);
+const CHECKPOINT_TOOLS = new Set(['edit_file', 'patch_file', 'create_file', 'delete_file']);
 export function useRunLoop(config, currentModelRef, pushHistory, extraTools = [], abortRef) {
     const [status, setStatus] = useState('idle');
     const [tick, setTick] = useState(0);
@@ -15,6 +17,9 @@ export function useRunLoop(config, currentModelRef, pushHistory, extraTools = []
     const [taskLabel, setTaskLabel] = useState();
     const [permissionRequest, setPermissionRequest] = useState(null);
     const permissionResolveRef = useRef(null);
+    const [compactRequest, setCompactRequest] = useState(null);
+    const compactResolveRef = useRef(null);
+    const checkpointRef = useRef(new Map());
     const thinkingStartRef = useRef(0);
     const extraToolsRef = useRef(extraTools);
     extraToolsRef.current = extraTools;
@@ -25,6 +30,11 @@ export function useRunLoop(config, currentModelRef, pushHistory, extraTools = []
         permissionResolveRef.current = null;
         setPermissionRequest(null);
     }, []);
+    const resolveCompact = useCallback((approved) => {
+        compactResolveRef.current?.(approved);
+        compactResolveRef.current = null;
+        setCompactRequest(null);
+    }, []);
     useEffect(() => {
         if (status === 'idle')
             return;
@@ -38,9 +48,20 @@ export function useRunLoop(config, currentModelRef, pushHistory, extraTools = []
             return;
         }
         setStatus('thinking');
-        if (depth === 0)
+        if (depth === 0) {
             thinkingStartRef.current = Date.now();
-        const msgs = shouldCompact(contextMsgs) ? compactContext(contextMsgs, goal) : contextMsgs;
+            checkpointRef.current.clear();
+        }
+        let msgs = contextMsgs;
+        if (shouldCompact(contextMsgs)) {
+            const approved = await new Promise(resolve => {
+                compactResolveRef.current = resolve;
+                setCompactRequest({ messageCount: contextMsgs.length });
+            });
+            msgs = approved ? compactContext(contextMsgs, goal) : contextMsgs;
+            if (!approved)
+                printer.systemMsg('keeping full context — responses may be slower');
+        }
         abortRef.current = new AbortController();
         await chat({
             provider: config.provider,
@@ -97,6 +118,18 @@ export function useRunLoop(config, currentModelRef, pushHistory, extraTools = []
                                 next.push({ role: 'user', content: `Tool ${tc.name} was denied by the user` });
                                 break;
                             }
+                            // Checkpoint: store pre-execution file state
+                            if (CHECKPOINT_TOOLS.has(tc.name)) {
+                                const path = tc.args.path;
+                                if (path && !checkpointRef.current.has(path)) {
+                                    try {
+                                        checkpointRef.current.set(path, readFileSync(path, 'utf-8'));
+                                    }
+                                    catch {
+                                        checkpointRef.current.set(path, null);
+                                    }
+                                }
+                            }
                         }
                         if (tool) {
                             try {
@@ -161,6 +194,31 @@ export function useRunLoop(config, currentModelRef, pushHistory, extraTools = []
             permissionResolveRef.current = null;
             setPermissionRequest(null);
         }
+        if (compactResolveRef.current) {
+            compactResolveRef.current(false);
+            compactResolveRef.current = null;
+            setCompactRequest(null);
+        }
+        // Restore checkpointed files
+        if (checkpointRef.current.size > 0) {
+            let restored = 0;
+            for (const [path, content] of checkpointRef.current) {
+                try {
+                    if (content === null) {
+                        if (existsSync(path))
+                            unlinkSync(path);
+                    }
+                    else {
+                        writeFileSync(path, content, 'utf-8');
+                    }
+                    restored++;
+                }
+                catch { }
+            }
+            checkpointRef.current.clear();
+            if (restored > 0)
+                printer.systemMsg(`restored ${restored} file(s) to pre-session state`);
+        }
         setStatus('idle');
     }, []);
     return {
@@ -170,5 +228,6 @@ export function useRunLoop(config, currentModelRef, pushHistory, extraTools = []
         thinkingStartRef,
         runLoop, handleAbort,
         permissionRequest, resolvePermission,
+        compactRequest, resolveCompact,
     };
 }

package/dist/tui/hooks/useSession.js

@@ -6,22 +6,22 @@ import * as printer from '../printer.js';
 import { loadLongMemory, saveLongMemory, mergeFacts, formatMemoryBlock } from '../../memory/store.js';
 import { extractFacts } from '../../memory/extractor.js';
 const SHORT_MEMORY_SIZE = 40;
-function buildSystemPrompt(cwd, facts) {
-    return getSystemPrompt(`\n- CWD: ${cwd}`) + formatMemoryBlock(facts);
+function buildSystemPrompt(cwd, facts, extraTools = []) {
+    return getSystemPrompt(`\n- CWD: ${cwd}`, extraTools) + formatMemoryBlock(facts);
 }
-export function useSession(initialSession, cwd, config) {
+export function useSession(initialSession, cwd, config, extraTools = []) {
     const [sessionName, setSessionName] = useState(initialSession);
     const sessionNameRef = useRef(initialSession);
     const historyRef = useRef([]);
     const saveTimerRef = useRef(null);
     const firstMessageSentRef = useRef(false);
     const longMemoryRef = useRef([]);
-    const systemPromptRef = useRef(buildSystemPrompt(cwd, []));
+    const systemPromptRef = useRef(buildSystemPrompt(cwd, [], extraTools));
     useEffect(() => { sessionNameRef.current = sessionName; }, [sessionName]);
     useEffect(() => {
         const facts = loadLongMemory(initialSession);
         longMemoryRef.current = facts;
-        systemPromptRef.current = buildSystemPrompt(cwd, facts);
+        systemPromptRef.current = buildSystemPrompt(cwd, facts, extraTools);
         if (facts.length)
             printer.systemMsg(`long memory: ${facts.length} facts loaded`);
         const history = loadSession(initialSession);
@@ -51,7 +51,7 @@ export function useSession(initialSession, cwd, config) {
                     return;
                 const updated = mergeFacts(longMemoryRef.current, newFacts);
                 longMemoryRef.current = updated;
-                systemPromptRef.current = buildSystemPrompt(cwd, updated);
+                systemPromptRef.current = buildSystemPrompt(cwd, updated, extraTools);
                 saveLongMemory(sessionNameRef.current, updated);
             });
         }