miii-cli 1.0.1 → 1.1.0

package/dist/tasks/compactor.js

@@ -1,52 +1,91 @@
-const COMPACT_THRESHOLD = 18; // compact when context exceeds this many messages
-const KEEP_RECENT = 6; // always keep last N messages verbatim
+import { chat } from '../llm/stream.js';
+const COMPACT_THRESHOLD = 18;
+const KEEP_RECENT = 6;
 export function shouldCompact(messages) {
     return messages.length > COMPACT_THRESHOLD;
 }
-/**
- * Compact context to keep local models on track during long refactors.
- *
- * Strategy:
- *   1. Keep system prompt (index 0)
- *   2. Keep first user message (original goal)
- *   3. Summarise completed tool results in the middle into one message
- *   4. Keep last KEEP_RECENT messages verbatim (model's working memory)
- */
-export function compactContext(messages, goal) {
+const COMPACT_SYSTEM = `You are a context summarizer for an AI coding agent session.
+Your job: produce a dense, structured summary of the conversation so the agent can continue the task without losing context.
+
+Output format (use exactly these headers):
+
+## Task
+One sentence: what the user asked for.
+
+## Completed
+Bullet list of actions taken (files edited, commands run, decisions made). Be specific — include file paths and outcomes.
+
+## Current State
+What is true right now: which files were changed, what tests showed, what is working or broken.
+
+## Remaining
+What still needs to be done, if anything.
+
+## Key Context
+Any constraints, errors encountered, important facts the agent must remember to continue correctly.
+
+Be factual. No padding. Include file paths, error messages, and command outputs verbatim when relevant.`;
+export async function compactContext(messages, cfg, goal) {
     if (messages.length <= COMPACT_THRESHOLD)
         return messages;
     const system = messages[0]?.role === 'system' ? messages[0] : null;
+    const recent = messages.slice(messages.length - KEEP_RECENT);
+    const toSummarize = messages.slice(system ? 1 : 0, messages.length - KEEP_RECENT);
+    // Build conversation transcript for the summarizer
+    const transcript = toSummarize.map(m => {
+        const role = m.role === 'assistant' ? 'Assistant' : 'User';
+        const body = m.content.length > 2000 ? m.content.slice(0, 2000) + '\n[truncated]' : m.content;
+        return `### ${role}\n${body}`;
+    }).join('\n\n');
+    const userPrompt = [
+        goal ? `The user's goal: ${goal}\n` : '',
+        `Conversation to summarize:\n\n${transcript}`,
+    ].join('');
+    let summary = '';
+    await chat({
+        ...cfg,
+        messages: [
+            { role: 'system', content: COMPACT_SYSTEM },
+            { role: 'user', content: userPrompt },
+        ],
+        onDone: (text) => { summary = text.trim(); },
+        onError: () => { },
+    });
+    // Fallback to dumb compaction if LLM fails
+    if (!summary)
+        return dumbCompact(messages, goal);
+    const summaryMsg = {
+        role: 'user',
+        content: `[Context compacted — ${toSummarize.length} messages summarised]\n\n${summary}`,
+    };
+    return [
+        ...(system ? [system] : []),
+        summaryMsg,
+        ...recent,
+    ];
+}
+function dumbCompact(messages, goal) {
+    const system = messages[0]?.role === 'system' ? messages[0] : null;
     const userGoal = messages.find(m => m.role === 'user' && !m.content.startsWith('['));
-    const anchorCount = (system ? 1 : 0) + (userGoal ? 1 : 0);
-    const middle = messages.slice(anchorCount, messages.length - KEEP_RECENT);
     const recent = messages.slice(messages.length - KEEP_RECENT);
+    const middle = messages.slice((system ? 1 : 0) + (userGoal ? 1 : 0), messages.length - KEEP_RECENT);
     const toolResults = middle
         .filter(m => m.role === 'user' && m.content.startsWith('Tool '))
-        .map(m => {
-        const lines = m.content.split('\n');
-        return `• ${lines[0]}`; // just the "Tool X result:" line
-    });
-    const assistantSummaries = middle
-        .filter(m => m.role === 'assistant' && m.content.trim().length > 0)
-        .map(m => m.content.slice(0, 120).replace(/\n/g, ' '));
+        .map(m => `• ${m.content.split('\n')[0]}`);
     const parts = [`[context compacted — ${middle.length} messages summarised]`];
     if (goal)
         parts.push(`Goal: ${goal}`);
     if (toolResults.length)
         parts.push(`Completed:\n${toolResults.join('\n')}`);
-    if (assistantSummaries.length)
-        parts.push(`Last reasoning: ${assistantSummaries.at(-1)}`);
-    const summary = { role: 'user', content: parts.join('\n\n') };
     return [
         ...(system ? [system] : []),
         ...(userGoal ? [userGoal] : []),
-        summary,
+        { role: 'user', content: parts.join('\n\n') },
         ...recent,
     ];
 }
 /**
  * Build a fresh isolated context for a single-file edit step.
- * Keeps context tiny — avoids cross-file noise polluting the model.
  */
 export function fileEditContext(systemPrompt, goal, filePath, fileContent, instruction) {
     return [

package/dist/tools/index.js

@@ -246,8 +246,9 @@ export const tools = [
         },
     },
 ];
-export function getSystemPrompt(extra = '') {
-    const toolDocs = tools.map(t => `- ${t.name}(${t.params}): ${t.description}`).join('\n');
+export function getSystemPrompt(extra = '', extraTools = []) {
+    const allTools = extraTools.length ? [...tools, ...extraTools] : tools;
+    const toolDocs = allTools.map(t => `- ${t.name}(${t.params}): ${t.description}`).join('\n');
     const deepThinkDoc = `- deep_think({"query": "string", "needs_web": "boolean (optional)"}): Research tool — gathers information from files, git, and optionally the web before answering. Returns a compiled research summary. Guardrails: read-only tools only, max 6 tool calls, max 4 web calls inside. Use when a question requires reading multiple files or searching the web first.
 - search_codebase({"query": "string", "k": "number (optional)"}): Semantic vector search over the indexed codebase. Returns top-k relevant code snippets by meaning. Requires the user to have run /index build. Use this when you need to find code by concept rather than exact string — e.g. "authentication logic", "error handling patterns", "database queries".`;
     return `You are Miii — a fast, local AI coding assistant.

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,38 @@ 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: 'compact', description: 'summarise conversation history now using the LLM — frees context before miii asks' },
+    { 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 +55,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');
@@ -192,11 +198,26 @@ export function InputArea({ status, skills, cwd, planningMode, permissionRequest
     useInput((input, key) => {
         if (permissionRequest && onPermissionResponse) {
             if (input === 'y' || input === 'Y') {
-                onPermissionResponse(true);
+                onPermissionResponse('yes');
+                return;
+            }
+            if (input === 'a' || input === 'A') {
+                onPermissionResponse('session');
+                return;
+            }
+            if (input === 'n' || input === 'N' || key.escape) {
+                onPermissionResponse('no');
+                return;
+            }
+            return;
+        }
+        if (compactRequest && onCompactResponse) {
+            if (input === 'y' || input === 'Y') {
+                onCompactResponse(true);
                 return;
             }
             if (input === 'n' || input === 'N' || key.escape) {
-                onPermissionResponse(false);
+                onCompactResponse(false);
                 return;
             }
             return;
@@ -429,29 +450,50 @@ export function InputArea({ status, skills, cwd, planningMode, permissionRequest
     });
     const { stdout } = useStdout();
     const cols = stdout.columns ?? 80;
+    const availWidth = Math.max(20, cols - 4); // paddingX(2) + "> "(2)
     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 once   a  approve for session   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
-                                ? 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] })] }));
+    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: 3, children: [_jsx(Text, { color: "green", bold: true, children: "y  once" }), _jsx(Text, { color: "cyan", bold: true, children: "a  session" }), _jsx(Text, { color: "red", bold: true, children: "n  deny" })] })) : 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, { children: i === cursor.row
+                                ? viewportLine(line, cursor.col, availWidth, isActive)
+                                : line.length > availWidth ? '…' + line.slice(line.length - availWidth + 1) : line }, i)))) })] }), _jsx(Text, { color: "gray", dimColor: true, children: '─'.repeat(Math.max(cols, 10)) }), _jsxs(Text, { color: "gray", dimColor: true, children: ["  ", hint] })] }));
 }
 function renderLineWithCursor(line, col, showCursor) {
     return line.slice(0, col) + (showCursor ? '█' : '') + line.slice(col);
 }
+function viewportLine(line, col, width, active) {
+    // If line fits, render normally
+    if (line.length < width)
+        return renderLineWithCursor(line, col, active);
+    // Slide window so cursor stays in view, roughly centered
+    let start = Math.max(0, col - Math.floor(width / 2));
+    if (start + width > line.length + 1) {
+        start = Math.max(0, line.length + 1 - width);
+    }
+    const hasLeft = start > 0;
+    const sliceW = width - (hasLeft ? 1 : 0) - 1; // -1 for right indicator space
+    const slice = line.slice(start, start + sliceW);
+    const hasRight = start + sliceW < line.length;
+    const adjCol = col - start;
+    return (hasLeft ? '…' : '') +
+        renderLineWithCursor(slice, Math.max(0, Math.min(adjCol, slice.length)), active) +
+        (hasRight ? '…' : '');
+}