scalix 1.0.0 → 1.2.0

package/dist/cli.js

@@ -1,11 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect, useCallback, useRef, useMemo, memo } from 'react';
-import { render, Box, Text, Spacer, useInput, useApp, useStdout } from 'ink';
+import { render, Box, Text, useInput, useApp, useStdout } from 'ink';
 import Spinner from 'ink-spinner';
 import TextInput from 'ink-text-input';
 import Gradient from 'ink-gradient';
 import BigText from 'ink-big-text';
 import { execSync, execFileSync } from 'node:child_process';
+import os from 'node:os';
 import fs from 'node:fs/promises';
 import { existsSync, readFileSync } from 'node:fs';
 import path from 'node:path';
@@ -17,31 +18,36 @@ import { webTools } from './tools-web.js';
 import { advancedTools } from './tools-advanced.js';
 import { visionTools } from './tools-vision.js';
 import { voiceTools } from './tools-voice.js';
-import { browserTools } from './tools-browser.js';
+import { browserTools, closeBrowser } from './tools-browser.js';
 import { loadMcpServices } from './mcp.js';
 import { renderMarkdown } from './markdown.js';
 import { costTracker } from './cost-tracker.js';
-import { saveSession, listSessions, loadSession, generateSessionId } from './sessions.js';
+import { saveSession, listSessions, loadSession, generateSessionId, saveCrashState, loadCrashState, clearCrashState, forkSession } from './sessions.js';
 import { logger } from './logger.js';
-import { VERSION, PRODUCT_NAME, DEFAULT_MODELS, DEFAULT_BASE_URL, DEFAULT_INSTRUCTIONS, ENV_API_KEY, ENV_MODEL, TOOL_DEFAULTS, HEADLESS_DEFAULTS, fetchModelSpecs } from './constants.js';
+import { VERSION, PRODUCT_NAME, DEFAULT_MODELS, DEFAULT_BASE_URL, DEFAULT_INSTRUCTIONS, ENV_API_KEY, ENV_MODEL, TOOL_DEFAULTS, HEADLESS_DEFAULTS, GIT_BOT_IDENTITY, fetchModelSpecs } from './constants.js';
+import { checkForUpdate, getUpdateBanner, performUpdate } from './update-checker.js';
 import { loadConfig, saveConfig, isConfigured, DEFAULT_LIMITS, THINKING_MODES } from './settings.js';
-import { getModeDescription, PERMISSION_MODES, setSandboxRoot } from './sandbox.js';
+import { getModeDescription, PERMISSION_MODES, setSandboxRoot, checkScopedPermission, getScopedPermissionRules } from './sandbox.js';
 import { buildProjectIndex, indexToContext } from './project-index.js';
 import { collectGitInfo, gitInfoToContext } from './git-context.js';
 import { loadMemory, autoDetectConventions, saveMemory, memoryToContext, addNote, detectCorrection } from './project-memory.js';
-import { discoverPlugins, getPluginTools, pluginsSummary } from './plugins.js';
+import { discoverPlugins, getPluginTools, pluginsSummary, installPlugin, uninstallPlugin, listInstalledPlugins, enablePlugin, disablePlugin } from './plugins.js';
 import { createRouterConfig, getRouterStatus } from './model-router.js';
 import { loadCustomCommands, expandCommand, commandsSummary } from './commands.js';
 import { hooksSummary } from './hooks.js';
 import { spawnSubAgent, pickCheapestModel } from './sub-agent.js';
 import { createCheckpoint, undoLastCheckpoint, listCheckpoints } from './git-undo.js';
 import { loadScopedRules, rulesToContext } from './scoped-rules.js';
+import { loadSkills, skillsSummary, getSkillByTrigger, getSkillContent } from './skills.js';
+import { AgentRegistry } from './agent-registry.js';
+import { createWorktree, listWorktrees, removeWorktree, cleanupStaleWorktrees } from './worktree.js';
+import { sendNotification, getTerminalType } from './terminal-notify.js';
 logger.setLevel('silent');
 setSandboxRoot(process.cwd());
 // Suppress noisy React 19 development-mode reconciler warnings that leak to stderr
 const _origConsoleError = console.error;
 console.error = (...args) => {
-    if (typeof args[0] === 'string' && args[0] === 'Warning: Encountered two children with the same key, `%s`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.')
+    if (typeof args[0] === 'string' && args[0].startsWith('Warning:') && args[0].includes('same key'))
         return;
     _origConsoleError(...args);
 };
@@ -55,10 +61,21 @@ const allTools = [...defaultTools, ...extraTools, ...webTools, ...advancedTools,
 import { EventEmitter } from 'node:events';
 const confirmEmitter = new EventEmitter();
 let pendingConfirm = null;
-const confirmToolCall = async (toolName, args) => new Promise((resolve) => {
-    pendingConfirm = { resolve, toolName, args };
-    confirmEmitter.emit('pending');
-});
+const alwaysAllowedTools = new Set();
+const recentDenials = [];
+const confirmToolCall = async (toolName, args) => {
+    if (alwaysAllowedTools.has(toolName))
+        return true;
+    const scoped = checkScopedPermission(toolName, args);
+    if (scoped === 'allow')
+        return true;
+    if (scoped === 'deny')
+        return false;
+    return new Promise((resolve) => {
+        pendingConfirm = { resolve, toolName, args };
+        confirmEmitter.emit('pending');
+    });
+};
 // ─── Agent (deferred until config is ready) ───
 let baseInstructions = DEFAULT_INSTRUCTIONS;
 let agent = null;
@@ -67,11 +84,12 @@ let projectIndex = null;
 let loadedPlugins = [];
 let projectMemory = null;
 let customCommands = [];
+let loadedSkills = [];
 async function buildEnhancedInstructions() {
     let instructions = baseInstructions;
     const cwd = process.cwd();
     try {
-        const gitInfo = collectGitInfo(cwd);
+        const gitInfo = await collectGitInfo(cwd);
         if (gitInfo.isRepo)
             instructions += '\n\n' + gitInfoToContext(gitInfo);
     }
@@ -151,7 +169,10 @@ function initAgent(config) {
     });
     loadCustomCommands(process.cwd()).then((cmds) => {
         customCommands = cmds;
-    }).catch(() => { });
+    }).catch((err) => { logger.warn('Failed to load custom commands', { error: err.message }); });
+    loadSkills(process.cwd()).then((skills) => {
+        loadedSkills = skills;
+    }).catch((err) => { logger.warn('Failed to load skills', { error: err.message }); });
     return agent;
 }
 // ─── Helpers ───
@@ -202,6 +223,43 @@ const Banner = memo(function Banner() {
 function sanitizeInput(v) {
     return v.replace(/\[20[01]~/g, '').replace(/[\x00-\x08\x0b\x0c\x0e-\x1f]/g, '');
 }
+async function tryPasteImage() {
+    const platform = os.platform();
+    const tmpFile = path.join(os.tmpdir(), `scalix-paste-${Date.now()}.png`);
+    try {
+        if (platform === 'darwin') {
+            try {
+                execSync(`pngpaste ${tmpFile}`, { stdio: 'pipe', timeout: 3000 });
+            }
+            catch {
+                const hasImage = execSync(`osascript -e 'clipboard info' 2>/dev/null | grep -q 'TIFF\\|PNG\\|JPEG' && echo yes || echo no`, { encoding: 'utf-8', timeout: 3000 }).trim();
+                if (hasImage !== 'yes')
+                    return null;
+                execSync(`osascript -e 'set imgData to (the clipboard as «class PNGf»)' -e 'set fp to open for access POSIX file "${tmpFile}" with write permission' -e 'write imgData to fp' -e 'close access fp'`, { stdio: 'pipe', timeout: 5000 });
+            }
+        }
+        else {
+            execSync(`xclip -selection clipboard -t image/png -o > ${tmpFile}`, { stdio: 'pipe', timeout: 3000 });
+        }
+        const { readFileSync, unlinkSync } = await import('node:fs');
+        const data = readFileSync(tmpFile);
+        try {
+            unlinkSync(tmpFile);
+        }
+        catch { }
+        if (data.length < 8)
+            return null;
+        return `data:image/png;base64,${data.toString('base64')}`;
+    }
+    catch {
+        try {
+            const { unlinkSync } = await import('node:fs');
+            unlinkSync(tmpFile);
+        }
+        catch { }
+        return null;
+    }
+}
 function LongTextInput({ value, onChange, onSubmit, placeholder, maxVisible = 80 }) {
     const valueRef = useRef(value);
     useEffect(() => { valueRef.current = value; }, [value]);
@@ -300,7 +358,7 @@ function SetupScreen({ onComplete, existingConfig }) {
                                                 if (result.length > 0) {
                                                     setFetchedModels(result.map((m) => ({ id: m.id, name: m.name })));
                                                 }
-                                            }).catch(() => { }).finally(() => {
+                                            }).catch((err) => { logger.warn('Failed to fetch model specs', { error: err.message }); }).finally(() => {
                                                 setFetchingModels(false);
                                                 setStep('models');
                                             });
@@ -375,6 +433,8 @@ function SetupScreen({ onComplete, existingConfig }) {
                                                 limits,
                                                 permissionMode: existingConfig?.permissionMode || 'default',
                                                 thinkingMode: existingConfig?.thinkingMode || 'off',
+                                                security: existingConfig?.security || {},
+                                                injectionDetection: existingConfig?.injectionDetection || { enabled: true, sensitivity: 'medium' },
                                             };
                                             saveConfig(newConfig).then(() => {
                                                 onComplete(newConfig);
@@ -383,7 +443,7 @@ function SetupScreen({ onComplete, existingConfig }) {
                                             });
                                         }, placeholder: String(DEFAULT_LIMITS.maxContextTokens) })] })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, italic: true, children: [stepNumber > 1 ? 'Backspace (empty) to go back \u2022 ' : '', "ESC to quit"] }) })] })] }));
 }
-const StatusBar = memo(function StatusBar({ status, model, toolCount, thinkStart, tokens, mode }) {
+const StatusBar = memo(function StatusBar({ status, model, toolCount, thinkStart, tokens, mode, contextPercent, rateLimitWarn }) {
     const { cols } = useTermSize();
     const [elapsedStr, setElapsedStr] = useState('');
     useEffect(() => {
@@ -398,15 +458,21 @@ const StatusBar = memo(function StatusBar({ status, model, toolCount, thinkStart
     const modeColor = mode === 'yolo' ? 'red' : mode === 'auto' ? 'yellow' : mode === 'plan' ? 'blue' : 'green';
     const statusIcon = status === 'thinking' ? '\u25D4' : status === 'error' ? '\u2718' : '\u25CF';
     const statusColor = status === 'thinking' ? 'yellow' : status === 'error' ? 'red' : 'green';
+    const activeAgents = AgentRegistry.getInstance().listActive().length;
     const leftParts = [];
     leftParts.push(shortModel(model));
     if (tokens > 0)
         leftParts.push(`${formatTokens(tokens)} tok`);
     leftParts.push(`${toolCount} tools`);
+    if (activeAgents > 0)
+        leftParts.push(`${activeAgents} agent${activeAgents > 1 ? 's' : ''}`);
+    if (contextPercent > 50)
+        leftParts.push(`ctx ${contextPercent}%`);
     const leftText = leftParts.join(' \u00B7 ');
-    const rightLen = mode.length + VERSION.length + 6 + (elapsedStr ? elapsedStr.length + 3 : 0);
+    const warnText = rateLimitWarn ? ' \u26A0 Rate limited' : '';
+    const rightLen = mode.length + VERSION.length + 6 + (elapsedStr ? elapsedStr.length + 3 : 0) + warnText.length;
     const gap = Math.max(cols - leftText.length - rightLen - 8, 2);
-    return (_jsxs(Box, { paddingX: 2, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: statusColor, children: statusIcon }), _jsx(Text, { dimColor: true, children: leftText })] }), _jsx(Text, { children: ' '.repeat(gap) }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { color: modeColor, bold: true, children: mode }), elapsedStr ? _jsxs(Text, { dimColor: true, children: ['\u00B7', " ", elapsedStr] }) : null, _jsxs(Text, { dimColor: true, children: ['\u00B7', " v", VERSION] })] })] }));
+    return (_jsxs(Box, { paddingX: 2, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: statusColor, children: statusIcon }), _jsx(Text, { dimColor: true, children: leftText })] }), _jsx(Text, { children: ' '.repeat(gap) }), _jsxs(Box, { gap: 1, children: [rateLimitWarn && _jsxs(Text, { color: "red", bold: true, children: ['\u26A0', " Rate limited"] }), _jsx(Text, { color: modeColor, bold: true, children: mode }), elapsedStr ? _jsxs(Text, { dimColor: true, children: ['\u00B7', " ", elapsedStr] }) : null, _jsxs(Text, { dimColor: true, children: ['\u00B7', " v", VERSION] })] })] }));
 });
 const WelcomeScreen = memo(function WelcomeScreen() {
     return (_jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 0, children: [_jsx(Text, { dimColor: true, children: "  Type a message or use /help for commands. Press Esc to exit." }), _jsxs(Box, { marginTop: 0, paddingLeft: 2, gap: 1, flexWrap: "wrap", children: [_jsx(Text, { dimColor: true, children: "Tools:" }), ['shell', 'read', 'write', 'edit', 'search', 'find', 'git', 'web', 'tree'].map((t) => (_jsx(Text, { dimColor: true, bold: true, children: t }, t)))] })] }));
@@ -449,6 +515,12 @@ const ToolResultMessage = memo(function ToolResultMessage({ name, result }) {
 const ToolBlockedMessage = memo(function ToolBlockedMessage({ text }) {
     return (_jsxs(Box, { paddingLeft: 3, paddingRight: 2, gap: 1, children: [_jsx(Text, { color: "red", children: '\u25CF' }), _jsx(Text, { color: "red", children: text })] }));
 });
+const ToolGroupMessage = memo(function ToolGroupMessage({ count, children, collapsed }) {
+    if (collapsed || !children) {
+        return (_jsxs(Box, { paddingLeft: 3, paddingRight: 2, gap: 1, marginTop: 1, children: [_jsx(Text, { color: "cyan", children: '○' }), _jsxs(Text, { dimColor: true, children: ["Ran ", count, " tools"] }), _jsx(Text, { dimColor: true, italic: true, children: "(Ctrl+O to expand)" })] }));
+    }
+    return (_jsx(Box, { flexDirection: "column", children: children.map(child => _jsx(RenderItem, { item: child }, child.id)) }));
+});
 const DIFF_MAX_LINES = 60;
 const DiffMessage = memo(function DiffMessage({ text, meta }) {
     const allLines = text.split('\n');
@@ -484,6 +556,7 @@ const RenderItem = memo(function RenderItem({ item }) {
         case 'tool-call': return _jsx(ToolCallMessage, { name: item.meta ?? '', args: item.text });
         case 'tool-result': return _jsx(ToolResultMessage, { name: item.meta ?? '', result: item.text });
         case 'tool-blocked': return _jsx(ToolBlockedMessage, { text: item.text });
+        case 'tool-group': return _jsx(ToolGroupMessage, { count: item.children?.length ?? 0, children: item.children, collapsed: item.collapsed });
         case 'diff': return _jsx(DiffMessage, { text: item.text, meta: item.meta });
         case 'system': return _jsx(SystemMessage, { text: item.text });
     }
@@ -510,18 +583,43 @@ const StreamingArea = memo(function StreamingArea({ text, reasoning, model, maxL
     return (_jsxs(Box, { flexDirection: "column", paddingLeft: 3, paddingRight: 2, marginTop: 1, children: [displayReasoning.length > 0 && (_jsx(Box, { paddingLeft: 0, marginBottom: 0, children: _jsxs(Text, { color: "magenta", dimColor: true, italic: true, wrap: "wrap", children: ['\u2502', " ", displayReasoning] }) })), displayText.length > 0 ? (_jsxs(Text, { wrap: "wrap", children: [renderMarkdown(displayText), _jsx(Text, { color: "magentaBright", children: '\u258E' })] })) : displayReasoning.length === 0 ? (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "magentaBright", children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { dimColor: true, children: ["Thinking", model ? ` (${model})` : '', "..."] })] })) : null] }));
 });
 function ConfirmPrompt({ toolName, args, onRespond, onScrollUp, onScrollDown }) {
+    const { cols } = useTermSize();
     useInput((ch, key) => {
-        if (ch.toLowerCase() === 'y')
+        if (ch.toLowerCase() === 'a')
+            onRespond(true, true);
+        else if (ch.toLowerCase() === 'y')
             onRespond(true);
         else if (ch.toLowerCase() === 'n' || key.escape)
             onRespond(false);
-        else if (key.pageUp || (key.upArrow && key.shift))
-            onScrollUp?.();
-        else if (key.pageDown || (key.downArrow && key.shift))
-            onScrollDown?.();
+        else if (key.pageUp)
+            onScrollUp?.(15);
+        else if (key.upArrow && key.shift)
+            onScrollUp?.(5);
+        else if (key.pageDown)
+            onScrollDown?.(15);
+        else if (key.downArrow && key.shift)
+            onScrollDown?.(5);
     });
-    const preview = typeof args === 'string' ? args : JSON.stringify(args, null, 2);
-    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, marginX: 0, paddingY: 0, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "yellow", children: '\u25CB' }), _jsx(Text, { color: "yellow", bold: true, children: toolName }), _jsx(Text, { dimColor: true, children: truncate(preview, 80) })] }), _jsxs(Box, { gap: 2, paddingLeft: 3, children: [_jsx(Text, { color: "green", bold: true, children: "(y)" }), _jsx(Text, { dimColor: true, children: "allow" }), _jsx(Text, { color: "red", bold: true, children: "(n)" }), _jsx(Text, { dimColor: true, children: "deny" })] })] }));
+    let parsed = {};
+    try {
+        parsed = typeof args === 'string' ? JSON.parse(args) : args ?? {};
+    }
+    catch {
+        parsed = {};
+    }
+    const isCommand = toolName === 'run_command';
+    const isWrite = toolName === 'write_file' || toolName === 'edit_file' || toolName === 'notebook_edit';
+    const isGit = toolName === 'git_commit';
+    const highlight = parsed.command ?? parsed.filePath ?? parsed.file_path ?? parsed.notebook_path ?? parsed.message ?? null;
+    const highlightLabel = isCommand ? 'Command' : isGit ? 'Message' : isWrite ? 'File' : 'Args';
+    const highlightStr = highlight ? String(highlight) : null;
+    const extraFields = Object.entries(parsed).filter(([k]) => !['command', 'filePath', 'file_path', 'notebook_path', 'message', 'content'].includes(k));
+    const boxWidth = Math.min(cols - 2, 80);
+    const border = '\u2500'.repeat(boxWidth - 2);
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { color: "yellow", children: ['\u250C', border, '\u2510'] }), _jsxs(Text, { color: "yellow", children: ['\u2502', " ", _jsxs(Text, { color: "yellow", bold: true, children: ['\u26A0', " Permission Required"] }), _jsx(Text, { children: ' '.repeat(Math.max(0, boxWidth - 24)) }), '\u2502'] }), _jsxs(Text, { color: "yellow", children: ['\u2502', " ", _jsx(Text, { dimColor: true, children: "Tool:" }), " ", _jsx(Text, { color: "cyan", bold: true, children: toolName }), _jsx(Text, { children: ' '.repeat(Math.max(0, boxWidth - 9 - toolName.length)) }), '\u2502'] }), highlightStr && (_jsxs(Text, { color: "yellow", children: ['\u2502', " ", _jsxs(Text, { dimColor: true, children: [highlightLabel, ":"] }), " ", _jsx(Text, { color: "white", bold: true, children: truncate(highlightStr, boxWidth - highlightLabel.length - 6) }), _jsx(Text, { children: ' '.repeat(Math.max(0, boxWidth - highlightLabel.length - 4 - Math.min(highlightStr.length, boxWidth - highlightLabel.length - 6))) }), '\u2502'] })), extraFields.slice(0, 3).map(([k, v]) => {
+                const val = truncate(String(v), boxWidth - k.length - 6);
+                return (_jsxs(Text, { color: "yellow", children: ['\u2502', " ", _jsxs(Text, { dimColor: true, children: [k, ":"] }), " ", _jsx(Text, { children: val }), _jsx(Text, { children: ' '.repeat(Math.max(0, boxWidth - k.length - 4 - val.length)) }), '\u2502'] }, k));
+            }), _jsxs(Text, { color: "yellow", children: ['\u251C', border, '\u2524'] }), _jsxs(Text, { color: "yellow", children: ['\u2502', " ", _jsx(Text, { color: "green", bold: true, children: "[Y]" }), _jsx(Text, { children: " Allow  " }), _jsx(Text, { color: "cyan", bold: true, children: "[A]" }), _jsx(Text, { children: " Always  " }), _jsx(Text, { color: "red", bold: true, children: "[N]" }), _jsx(Text, { children: " Deny  " }), _jsx(Text, { dimColor: true, children: "ESC deny" }), _jsx(Text, { children: ' '.repeat(Math.max(0, boxWidth - 42)) }), '\u2502'] }), _jsxs(Text, { color: "yellow", children: ['\u2514', border, '\u2518'] })] }));
 }
 function ModelPicker({ currentModels, onSelect, onCancel }) {
     const [customInput, setCustomInput] = useState('');
@@ -607,7 +705,7 @@ function SettingsEditor({ onSave, onClose }) {
     const [selectedKey, setSelectedKey] = useState(null);
     const [editValue, setEditValue] = useState('');
     const [currentConfig, setCurrentConfig] = useState(null);
-    const reload = useCallback(() => { loadConfig().then(setCurrentConfig).catch(() => { }); }, []);
+    const reload = useCallback(() => { loadConfig().then(setCurrentConfig).catch((err) => { logger.warn('Failed to load config', { error: err.message }); }); }, []);
     useEffect(() => { reload(); }, [reload]);
     useInput((_ch, key) => {
         if (key.escape) {
@@ -707,7 +805,7 @@ function SettingsEditor({ onSave, onClose }) {
                     }
                 } })] }));
 }
-const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, onClear, onScrollUp, onScrollDown, onHeightChange }) {
+const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, onClear, onScrollUp, onScrollDown, onHeightChange, onToggleToolGroups, onImagePaste }) {
     const { exit } = useApp();
     const { cols } = useTermSize();
     const line = useMemo(() => '\u2500'.repeat(Math.max(cols - 6, 20)), [cols]);
@@ -718,7 +816,11 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
     const [history, setHistory] = useState([]);
     const [historyIndex, setHistoryIndex] = useState(-1);
     const savedInput = useRef('');
+    const [searchMode, setSearchMode] = useState(false);
+    const [searchQuery, setSearchQuery] = useState('');
+    const ctrlXPending = useRef(false);
     const valueRef = useRef('');
+    const [imageChips, setImageChips] = useState([]);
     const onChange = useCallback((v) => {
         setValue(v);
         valueRef.current = v;
@@ -788,6 +890,88 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
             onChange('');
             return;
         }
+        // ── Alt+Enter / Meta+Enter: insert newline ──
+        if (key.return && key.meta && !disabled) {
+            onChange(val + '\n');
+            return;
+        }
+        // ── Ctrl+X Ctrl+E: open external editor ──
+        if (ch === 'x' && key.ctrl && !disabled) {
+            ctrlXPending.current = true;
+            setTimeout(() => { ctrlXPending.current = false; }, 1000);
+            return;
+        }
+        if (ch === 'e' && key.ctrl && ctrlXPending.current && !disabled) {
+            ctrlXPending.current = false;
+            const editor = process.env.EDITOR || process.env.VISUAL || 'vi';
+            const tmpFile = path.join(os.tmpdir(), `scalix-input-${Date.now()}.txt`);
+            import('node:fs').then(async (fs) => {
+                fs.writeFileSync(tmpFile, val);
+                const { execSync } = await import('node:child_process');
+                try {
+                    execSync(`${editor} ${tmpFile}`, { stdio: 'inherit' });
+                    const edited = fs.readFileSync(tmpFile, 'utf-8');
+                    onChange(edited.trimEnd());
+                }
+                catch { /* editor exited with error */ }
+                try {
+                    fs.unlinkSync(tmpFile);
+                }
+                catch { /* cleanup */ }
+            });
+            return;
+        }
+        // ── Ctrl+O: toggle collapsed tool groups ──
+        if (ch === 'o' && key.ctrl) {
+            onToggleToolGroups?.();
+            return;
+        }
+        // ── Ctrl+R: reverse history search ──
+        if (ch === 'r' && key.ctrl && !disabled) {
+            if (searchMode) {
+                setSearchMode(false);
+                setSearchQuery('');
+            }
+            else {
+                setSearchMode(true);
+                setSearchQuery('');
+            }
+            return;
+        }
+        // ── Search mode input handling ──
+        if (searchMode && !disabled) {
+            if (key.return) {
+                // Accept found match
+                setSearchMode(false);
+                return;
+            }
+            if (key.escape) {
+                setSearchMode(false);
+                setSearchQuery('');
+                return;
+            }
+            if (key.backspace || key.delete) {
+                const newQ = searchQuery.slice(0, -1);
+                setSearchQuery(newQ);
+                const match = history.slice().reverse().find(h => h.toLowerCase().includes(newQ.toLowerCase()));
+                if (match) {
+                    setValue(match);
+                    valueRef.current = match;
+                }
+                return;
+            }
+            if (!key.ctrl && !key.meta && !key.tab && ch.length > 0) {
+                const newQ = searchQuery + ch;
+                setSearchQuery(newQ);
+                const match = history.slice().reverse().find(h => h.toLowerCase().includes(newQ.toLowerCase()));
+                if (match) {
+                    setValue(match);
+                    valueRef.current = match;
+                }
+                return;
+            }
+            return;
+        }
         // ── Ctrl+S: stash / restore prompt ──
         if (ch === 's' && key.ctrl && !disabled) {
             if (val.length > 0) {
@@ -800,6 +984,16 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
             }
             return;
         }
+        // ── Ctrl+V: paste image from clipboard ──
+        if (ch === 'v' && key.ctrl && !disabled) {
+            tryPasteImage().then(dataUrl => {
+                if (dataUrl) {
+                    setImageChips(prev => [...prev, dataUrl]);
+                    onImagePaste?.(dataUrl);
+                }
+            }).catch(() => { });
+            return;
+        }
         // ── Tab: autocomplete slash commands ──
         if (key.tab && !disabled && val.startsWith('/') && !val.includes(' ')) {
             const cmdNames = commands.map((c) => c.cmd);
@@ -833,12 +1027,20 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
             return;
         }
         // ── Scroll ──
-        if (key.pageUp || (key.upArrow && key.shift)) {
-            onScrollUp();
+        if (key.pageUp) {
+            onScrollUp(15);
+            return;
+        }
+        if (key.upArrow && key.shift) {
+            onScrollUp(5);
+            return;
+        }
+        if (key.pageDown) {
+            onScrollDown(15);
             return;
         }
-        if (key.pageDown || (key.downArrow && key.shift)) {
-            onScrollDown();
+        if (key.downArrow && key.shift) {
+            onScrollDown(5);
             return;
         }
         // ── History navigation ──
@@ -880,6 +1082,8 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
         { cmd: '/copy', desc: 'Copy last response to clipboard' },
         { cmd: '/save', desc: 'Save current session' },
         { cmd: '/load', desc: 'Resume a saved session' },
+        { cmd: '/resume', desc: 'Resume from crash recovery or saved session' },
+        { cmd: '/fork', desc: 'Fork conversation from a point in history' },
         { cmd: '/export', desc: 'Export conversation as text' },
         { cmd: '/index', desc: 'Scan & index project files' },
         { cmd: '/init', desc: 'Initialize project config (SCALIX.md)' },
@@ -894,10 +1098,13 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
         { cmd: '/mcp', desc: 'Add MCP server' },
         { cmd: '/setup', desc: 'Reconfigure API key, URL & models' },
         { cmd: '/settings', desc: 'View & configure limits' },
+        { cmd: '/permissions', desc: 'View permission rules & recent denials' },
         { cmd: '/shortcuts', desc: 'Keyboard shortcuts' },
         { cmd: '/hooks', desc: 'Show lifecycle hooks' },
         { cmd: '/commands', desc: 'Show custom commands' },
+        { cmd: '/skills', desc: 'List available skills' },
         { cmd: '/delegate', desc: 'Run task with sub-agent' },
+        { cmd: '/agents', desc: 'Show active agents & usage' },
         { cmd: '/checkpoint', desc: 'Create git checkpoint' },
         { cmd: '/undo', desc: 'Undo last checkpoint' },
         { cmd: '/checkpoints', desc: 'List recent checkpoints' },
@@ -905,6 +1112,9 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
         { cmd: '/review', desc: 'AI code review of current changes' },
         { cmd: '/watch', desc: 'Run command, auto-fix on failure' },
         { cmd: '/create', desc: 'Scaffold a new project' },
+        { cmd: '/worktree', desc: 'Manage git worktrees for isolated work' },
+        { cmd: '/plugin', desc: 'Install/enable/disable/uninstall plugins' },
+        { cmd: '/notify', desc: 'Test terminal notification' },
         { cmd: '/exit', desc: 'Save & exit' },
         ...customCommands.map((c) => ({ cmd: `/${c.name}`, desc: c.description })),
     ], [customCommands]);
@@ -913,18 +1123,37 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
     const filteredCommands = showCommandPicker
         ? commands.filter((c) => c.cmd.startsWith(prefix))
         : [];
-    const pickerActive = showCommandPicker && filteredCommands.length > 0;
+    // @-mention file typeahead
+    const atMatch = value.match(/@(\S*)$/);
+    const atQuery = atMatch?.[1]?.toLowerCase() ?? '';
+    const showFilePicker = !disabled && !!atMatch && projectIndex;
+    const filteredFiles = useMemo(() => {
+        if (!showFilePicker || !projectIndex)
+            return [];
+        const q = atQuery;
+        return projectIndex.files
+            .map(f => f.relativePath)
+            .filter(p => {
+            if (!q)
+                return true;
+            const name = p.split('/').pop()?.toLowerCase() ?? '';
+            return name.includes(q) || p.toLowerCase().includes(q);
+        })
+            .slice(0, 10);
+    }, [showFilePicker, atQuery]);
+    const pickerActive = (showCommandPicker && filteredCommands.length > 0) || (showFilePicker && filteredFiles.length > 0);
     useEffect(() => {
         if (!onHeightChange)
             return;
         let h = 3; // separator + input row + padding
+        const pickerCount = showCommandPicker ? filteredCommands.length : filteredFiles.length;
         if (pickerActive)
-            h += Math.min(filteredCommands.length, 10) + 2; // items + header + footer
+            h += Math.min(pickerCount, 10) + 2;
         if (stash.length > 0 && !disabled)
             h += 1;
         onHeightChange(h);
-    }, [pickerActive, filteredCommands.length, stash.length, disabled, onHeightChange]);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { paddingX: 2, children: _jsx(Text, { dimColor: true, children: line }) }), pickerActive && (_jsxs(Box, { flexDirection: "column", paddingX: 3, marginX: 0, paddingY: 0, children: [_jsxs(Box, { gap: 1, marginBottom: 0, children: [_jsx(Text, { dimColor: true, bold: true, children: "Commands" }), _jsxs(Text, { dimColor: true, children: ["(", filteredCommands.length, ")"] })] }), _jsx(SelectInput, { items: filteredCommands.map((c) => ({
+    }, [pickerActive, filteredCommands.length, filteredFiles.length, stash.length, disabled, onHeightChange, showCommandPicker]);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { paddingX: 2, children: _jsx(Text, { dimColor: true, children: line }) }), showCommandPicker && filteredCommands.length > 0 && (_jsxs(Box, { flexDirection: "column", paddingX: 3, marginX: 0, paddingY: 0, children: [_jsxs(Box, { gap: 1, marginBottom: 0, children: [_jsx(Text, { dimColor: true, bold: true, children: "Commands" }), _jsxs(Text, { dimColor: true, children: ["(", filteredCommands.length, ")"] })] }), _jsx(SelectInput, { items: filteredCommands.map((c) => ({
                             label: `${c.cmd.padEnd(16)} ${c.desc}`,
                             value: c.cmd,
                         })), isFocused: true, onSelect: (item) => {
@@ -936,7 +1165,14 @@ const InputSection = memo(function InputSection({ onSubmit, disabled, onAbort, o
                                 onChange('');
                                 handleSubmit(item.value);
                             }
-                        }, limit: 10 }), _jsxs(Text, { dimColor: true, italic: true, children: ['↑↓', " navigate ", '•', " Enter select ", '•', " keep typing to filter"] })] })), stash.length > 0 && !disabled && (_jsxs(Box, { paddingX: 3, children: [_jsxs(Text, { color: "magenta", dimColor: true, children: ['⚑', " Stashed: ", truncate(stash, 40), " "] }), _jsx(Text, { dimColor: true, children: "(Ctrl+S to restore)" })] })), _jsx(Box, { paddingX: 2, children: disabled ? (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: "magentaBright", children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { dimColor: true, children: "Working..." }), _jsx(Spacer, {}), _jsx(Text, { dimColor: true, children: "^C interrupt" })] })) : (_jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { flexShrink: 0, width: 2, children: _jsx(Text, { color: "magentaBright", bold: true, children: '❯' }) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { value: value, onChange: onChange, onSubmit: handleSubmit, placeholder: "Type a message...", showCursor: true, focus: !disabled && !pickerActive }) })] })) })] }));
+                        }, limit: 10 }), _jsxs(Text, { dimColor: true, italic: true, children: ['↑↓', " navigate ", '•', " Enter select ", '•', " keep typing to filter"] })] })), showFilePicker && filteredFiles.length > 0 && !showCommandPicker && (_jsxs(Box, { flexDirection: "column", paddingX: 3, marginX: 0, paddingY: 0, children: [_jsxs(Box, { gap: 1, marginBottom: 0, children: [_jsx(Text, { dimColor: true, bold: true, children: "Files" }), _jsxs(Text, { dimColor: true, children: ["(", filteredFiles.length, ")"] })] }), _jsx(SelectInput, { items: filteredFiles.map((f) => ({
+                            label: f,
+                            value: f,
+                        })), isFocused: true, onSelect: (item) => {
+                            // Replace @query with the selected file path
+                            const newValue = value.replace(/@\S*$/, '@' + item.value + ' ');
+                            onChange(newValue);
+                        }, limit: 10 }), _jsxs(Text, { dimColor: true, italic: true, children: ['↑↓', " navigate ", '•', " Enter select ", '•', " keep typing to filter"] })] })), searchMode && (_jsxs(Box, { paddingX: 3, children: [_jsxs(Text, { color: "cyan", dimColor: true, children: ['🔍', " reverse-i-search: "] }), _jsx(Text, { color: "cyan", bold: true, children: searchQuery || '' }), _jsx(Text, { dimColor: true, children: " (Enter to select, Esc to cancel)" })] })), imageChips.length > 0 && !disabled && (_jsxs(Box, { paddingX: 3, gap: 1, children: [imageChips.map((_, i) => (_jsxs(Text, { color: "blue", bold: true, children: ["[Image #", i + 1, "]"] }, i))), _jsxs(Text, { dimColor: true, children: ["(", imageChips.length, " pasted)"] })] })), stash.length > 0 && !disabled && !searchMode && (_jsxs(Box, { paddingX: 3, children: [_jsxs(Text, { color: "magenta", dimColor: true, children: ['⚑', " Stashed: ", truncate(stash, 40), " "] }), _jsx(Text, { dimColor: true, children: "(Ctrl+S to restore)" })] })), _jsx(Box, { paddingX: 2, children: _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { flexShrink: 0, width: 2, children: disabled ? (_jsx(Text, { color: "magentaBright", children: _jsx(Spinner, { type: "dots" }) })) : (_jsx(Text, { color: "magentaBright", bold: true, children: '❯' })) }), _jsx(Box, { flexGrow: 1, children: _jsx(TextInput, { value: value, onChange: onChange, onSubmit: handleSubmit, placeholder: disabled ? 'Queue a message... (sent after current task)' : 'Type a message...', showCursor: true, focus: !pickerActive }) }), disabled && (_jsx(Box, { flexShrink: 0, children: _jsx(Text, { dimColor: true, children: " ^C interrupt" }) }))] }) })] }));
 });
 // ─── App ───
 function estimateLines(item, cols) {
@@ -956,12 +1192,14 @@ function estimateLines(item, cols) {
             return totalLines + markdownExpansion + 2; // marginTop=1 + padding
         }
         case 'error': return totalLines + 2;
-        case 'tool-call': return 2; // single row + marginTop=1
-        case 'tool-result': return 1;
+        case 'tool-call': return 2;
+        case 'tool-result': return Math.max(1, totalLines);
         case 'tool-blocked': return 1;
-        case 'diff': return lines.length + 2; // header + each diff line + footer
-        case 'system': return 1;
+        case 'tool-group': return item.collapsed ? 2 : (item.children?.length ?? 0) * 2;
+        case 'diff': return lines.length + 2;
+        case 'system': return Math.max(1, totalLines);
     }
+    return totalLines;
 }
 function useScrollableItems(items, availableHeight, cols, isLoading, streamLineCount = 0) {
     const [scrollOffset, setScrollOffset] = useState(0);
@@ -977,7 +1215,7 @@ function useScrollableItems(items, availableHeight, cols, isLoading, streamLineC
         if (isLoading && autoScroll.current)
             setScrollOffset(0);
     }, [isLoading]);
-    const scrollUp = useCallback((amount = 3) => {
+    const scrollUp = useCallback((amount = 5) => {
         setScrollOffset((prev) => {
             const maxOffset = Math.max(items.length - 1, 0);
             const next = Math.min(prev + amount, maxOffset);
@@ -985,7 +1223,7 @@ function useScrollableItems(items, availableHeight, cols, isLoading, streamLineC
             return next;
         });
     }, [items.length]);
-    const scrollDown = useCallback((amount = 3) => {
+    const scrollDown = useCallback((amount = 5) => {
         setScrollOffset((prev) => {
             const next = Math.max(prev - amount, 0);
             if (next === 0)
@@ -1026,17 +1264,21 @@ function App({ config }) {
     const [thinkStart, setThinkStart] = useState(null);
     const [showBanner, setShowBanner] = useState(true);
     const [totalTokens, setTotalTokens] = useState(0);
+    const [contextPercent, setContextPercent] = useState(0);
+    const [rateLimitWarn, setRateLimitWarn] = useState(false);
     const [sessionList, setSessionList] = useState(null);
     const [showSetup, setShowSetup] = useState(false);
     const [currentMode, setCurrentMode] = useState(agent?.getPermissionMode() ?? 'default');
     const [selectingMode, setSelectingMode] = useState(false);
     const [editingSettings, setEditingSettings] = useState(false);
+    const [agentVersion, setAgentVersion] = useState(0);
     const counter = useRef(0);
     const showBannerRef = useRef(true);
     const modelsRef = useRef(models);
     useEffect(() => { modelsRef.current = models; }, [models]);
     const nextId = () => ++counter.current;
     const MAX_DISPLAY_ITEMS = 2000;
+    const TOOL_GROUP_THRESHOLD = 3;
     const add = useCallback((kind, text, meta, hint) => {
         setItems((prev) => {
             const next = [...prev, { id: nextId(), kind, text, meta, hint }];
@@ -1047,6 +1289,29 @@ function App({ config }) {
             setShowBanner(false);
         }
     }, []);
+    const collapseToolGroups = useCallback(() => {
+        setItems(prev => {
+            const isToolItem = (k) => k === 'tool-call' || k === 'tool-result';
+            let i = prev.length - 1;
+            while (i >= 0 && isToolItem(prev[i].kind))
+                i--;
+            const toolStart = i + 1;
+            const toolItems = prev.slice(toolStart);
+            if (toolItems.length < TOOL_GROUP_THRESHOLD)
+                return prev;
+            const group = {
+                id: nextId(),
+                kind: 'tool-group',
+                text: `Ran ${Math.ceil(toolItems.length / 2)} tools`,
+                children: toolItems,
+                collapsed: true,
+            };
+            return [...prev.slice(0, toolStart), group];
+        });
+    }, []);
+    const toggleToolGroups = useCallback(() => {
+        setItems(prev => prev.map(item => item.kind === 'tool-group' ? { ...item, collapsed: !item.collapsed } : item));
+    }, []);
     // Register agent event handlers ONCE
     useEffect(() => {
         const onThinkingStart = () => {
@@ -1098,9 +1363,18 @@ function App({ config }) {
             streamBuffer = '';
             setStreamText('');
             setReasoningText('');
+            collapseToolGroups();
             if (full.trim()) {
                 add('assistant', full);
             }
+            // Auto-save session after each assistant turn
+            if (agent) {
+                const msgs = agent.getMessages();
+                if (msgs.length > 0) {
+                    saveCrashState(sessionId, msgs, modelsRef.current[0] || 'unknown', costTracker.getState())
+                        .catch(() => { });
+                }
+            }
         };
         let reasoningBuffer = '';
         let reasoningFlushTimer = null;
@@ -1170,6 +1444,8 @@ function App({ config }) {
             const lower = reason?.toLowerCase() || '';
             if (lower.includes('rate limit') || lower.includes('429')) {
                 hint = 'Rate limited. Try /model to switch models, or wait a moment.';
+                setRateLimitWarn(true);
+                setTimeout(() => setRateLimitWarn(false), 120_000);
             }
             else if (lower.includes('auth') || lower.includes('401') || lower.includes('api key')) {
                 hint = 'Authentication failed. Run /setup to reconfigure your API key.';
@@ -1189,6 +1465,7 @@ function App({ config }) {
             add('system', `Context compressed: ${formatTokens(info.saved)} tokens saved (${formatTokens(info.before)} \u2192 ${formatTokens(info.after)})`);
         };
         const onContextUsage = (info) => {
+            setContextPercent(info.percentage);
             if (info.percentage > 80) {
                 add('system', `Context usage: ${info.percentage}% (${formatTokens(info.tokens)}/${formatTokens(info.maxTokens)} tokens)`);
             }
@@ -1235,7 +1512,41 @@ function App({ config }) {
             currentAgent.off('context:compress', onContextCompress);
             currentAgent.off('context:usage', onContextUsage);
         };
+    }, [add, agentVersion]);
+    // Crash recovery: check for recoverable session on startup
+    useEffect(() => {
+        loadCrashState().then(state => {
+            if (state && state.messages.length > 0 && agent) {
+                add('system', `Recoverable session found (${state.messages.length} messages). Use /resume to restore.`);
+            }
+        }).catch(() => { });
     }, [add]);
+    // Idle session nudge: suggest /clear after 75+ minutes of inactivity
+    const lastActivityRef = useRef(Date.now());
+    const idleNudgedRef = useRef(false);
+    useEffect(() => {
+        const IDLE_THRESHOLD_MS = 75 * 60_000; // 75 minutes
+        const timer = setInterval(() => {
+            const idle = Date.now() - lastActivityRef.current;
+            if (idle >= IDLE_THRESHOLD_MS && !idleNudgedRef.current && agent && agent.getMessages().length > 10) {
+                idleNudgedRef.current = true;
+                add('system', 'Session idle for 75+ minutes. Consider /clear to optimize token usage, or /compact to compress context.');
+            }
+        }, 60_000);
+        return () => clearInterval(timer);
+    }, [add]);
+    // Terminal notification on task completion
+    useEffect(() => {
+        if (!agent)
+            return;
+        const onStreamEnd = () => {
+            if (!document.hasFocus?.() || process.env.SCALIX_NOTIFY !== '0') {
+                sendNotification('Scalix', 'Task complete');
+            }
+        };
+        agent.on('stream:end', onStreamEnd);
+        return () => { agent.off('stream:end', onStreamEnd); };
+    }, [agentVersion]);
     // Confirmation bridge (event-driven)
     useEffect(() => {
         const onPending = () => {
@@ -1246,8 +1557,24 @@ function App({ config }) {
         confirmEmitter.on('pending', onPending);
         return () => { confirmEmitter.off('pending', onPending); };
     }, [confirmInfo]);
-    const handleConfirm = useCallback((ok) => {
+    useEffect(() => {
+        const banner = getUpdateBanner();
+        if (banner)
+            add('system', banner);
+    }, [add]);
+    const handleConfirm = useCallback((ok, always) => {
         if (pendingConfirm) {
+            if (ok && always)
+                alwaysAllowedTools.add(pendingConfirm.toolName);
+            if (!ok) {
+                recentDenials.push({
+                    toolName: pendingConfirm.toolName,
+                    args: JSON.stringify(pendingConfirm.args).slice(0, 100),
+                    timestamp: Date.now(),
+                });
+                if (recentDenials.length > 20)
+                    recentDenials.shift();
+            }
             pendingConfirm.resolve(ok);
             pendingConfirm = null;
         }
@@ -1285,6 +1612,7 @@ function App({ config }) {
                 '  /checkpoint   \u2014 create git checkpoint',
                 '  /undo         \u2014 undo last checkpoint',
                 '  /checkpoints  \u2014 list recent checkpoints',
+                '  /worktree     \u2014 manage git worktrees (list/create/remove/cleanup)',
                 '  /git          \u2014 show git context',
                 '',
                 'Project:',
@@ -1295,15 +1623,19 @@ function App({ config }) {
                 '  /watch <cmd>  \u2014 run command, auto-fix on failure',
                 '  /create <d>   \u2014 scaffold a new project',
                 '  /delegate <t> \u2014 run task with sub-agent',
+                '  /agents       \u2014 show active agents & usage',
                 '',
                 'Tools & Config:',
                 '  /copy         \u2014 copy last response to clipboard',
                 '  /status       \u2014 show version, model & connection info',
+                '  /update       \u2014 check for and install updates',
                 '  /doctor       \u2014 diagnose installation',
                 '  /settings     \u2014 view & configure limits',
                 '  /setup        \u2014 reconfigure API key, URL & models',
                 '  /mcp <l> <u>  \u2014 add MCP server',
                 '  /plugins      \u2014 show loaded plugins',
+                '  /plugin       \u2014 install/enable/disable/uninstall plugins',
+                '  /notify       \u2014 test terminal notification',
                 '  /router       \u2014 show model routing status',
                 '  /replay       \u2014 show session timeline',
                 '  /hooks        \u2014 show lifecycle hooks',
@@ -1331,7 +1663,7 @@ function App({ config }) {
             if (msgs.length > 0) {
                 saveSession(sessionId, msgs, models[0] || 'unknown', undefined, costTracker.getState()).then((meta) => {
                     add('system', `Auto-saved: ${meta.name}`);
-                }).catch(() => { });
+                }).catch((err) => { logger.warn('Failed to auto-save session', { error: err.message }); });
             }
             agent.clearHistory();
             setItems([]);
@@ -1345,6 +1677,8 @@ function App({ config }) {
             setShowBanner(true);
             costTracker.reset();
             setTotalTokens(0);
+            setContextPercent(0);
+            setRateLimitWarn(false);
             sessionId = generateSessionId();
             return true;
         }
@@ -1397,7 +1731,35 @@ function App({ config }) {
             });
             return true;
         }
-        if (cmd === '/load') {
+        if (cmd === '/load' || cmd === '/resume') {
+            if (cmd === '/resume') {
+                loadCrashState().then(async (state) => {
+                    if (state && state.messages.length > 0 && agent) {
+                        agent.loadMessages(state.messages);
+                        sessionId = state.sessionId;
+                        if (state.costState) {
+                            costTracker.restore(state.costState);
+                            setTotalTokens(state.costState.totalTokens);
+                        }
+                        add('system', `Resumed session with ${state.messages.length} messages.`);
+                        showBannerRef.current = false;
+                        setShowBanner(false);
+                        await clearCrashState();
+                    }
+                    else {
+                        const sessions = await listSessions();
+                        if (sessions.length === 0) {
+                            add('system', 'No saved sessions or crash recovery data found.');
+                        }
+                        else {
+                            setSessionList(sessions);
+                        }
+                    }
+                }).catch(() => {
+                    add('system', 'Failed to load crash recovery data.');
+                });
+                return true;
+            }
             listSessions().then((sessions) => {
                 if (sessions.length === 0) {
                     add('system', 'No saved sessions found.');
@@ -1408,20 +1770,43 @@ function App({ config }) {
             });
             return true;
         }
+        if (cmd === '/fork') {
+            const pointStr = text.split(' ')[1];
+            const point = pointStr ? parseInt(pointStr, 10) : agent?.getMessages().length;
+            if (!point || point <= 0) {
+                add('system', 'Usage: /fork [message_number] — fork conversation from a specific point');
+                return true;
+            }
+            forkSession(sessionId, point).then(({ id, meta }) => {
+                add('system', `Forked to new session: ${meta.name} (${id.slice(0, 8)})`);
+                agent.loadMessages(agent.getMessages().slice(0, point));
+                sessionId = id;
+            }).catch((err) => {
+                add('error', `Fork failed: ${err.message}`);
+            });
+            return true;
+        }
         if (cmd === '/shortcuts') {
             const shortcuts = [
                 'Ctrl+C \u2014 interrupt agent / clear input / double-press to quit',
                 'Ctrl+D \u2014 exit (when input is empty)',
                 'Ctrl+L \u2014 clear screen & conversation',
+                'Ctrl+O \u2014 toggle collapsed tool groups',
                 'Ctrl+U \u2014 clear entire input line',
                 'Ctrl+W \u2014 delete last word',
                 'Ctrl+K \u2014 delete to end of line',
                 'Ctrl+S \u2014 stash / restore current prompt',
+                'Ctrl+V \u2014 paste image from clipboard',
+                'Ctrl+R \u2014 reverse history search',
+                'Ctrl+X Ctrl+E \u2014 open in external editor ($EDITOR)',
+                'Alt+Enter \u2014 insert newline (multiline)',
                 'Tab \u2014 autocomplete slash commands',
                 '\u2191/\u2193 \u2014 navigate input history',
-                'Shift+\u2191 / PageUp \u2014 scroll chat up',
-                'Shift+\u2193 / PageDown \u2014 scroll chat down',
-                'Y/N \u2014 confirm or deny tool execution',
+                'Shift+\u2191 \u2014 scroll up (5 items)',
+                'Shift+\u2193 \u2014 scroll down (5 items)',
+                'PageUp \u2014 scroll up fast (15 items)',
+                'PageDown \u2014 scroll down fast (15 items)',
+                'Y/A/N \u2014 allow / always allow / deny tool execution',
                 'Esc \u2014 quit',
                 '',
                 'Copy \u2014 Cmd+C (Mac) / Ctrl+Shift+C (Linux)',
@@ -1433,6 +1818,32 @@ function App({ config }) {
             shortcuts.forEach((s) => add('system', s));
             return true;
         }
+        if (cmd === '/permissions') {
+            add('system', `Permission Mode: ${currentMode.toUpperCase()} — ${getModeDescription(currentMode)}`);
+            if (alwaysAllowedTools.size > 0) {
+                add('system', `Always Allowed (session): ${[...alwaysAllowedTools].join(', ')}`);
+            }
+            const scopedRules = getScopedPermissionRules();
+            if (scopedRules.length > 0) {
+                add('system', 'Scoped Rules:');
+                scopedRules.forEach(r => {
+                    const spec = r.prefix ? `${r.tool}(${r.prefix}*)` : r.tool;
+                    add('system', `  ${r.action === 'allow' ? '✓' : '✗'} ${spec}${r.regex ? ` [regex: ${r.regex}]` : ''}`);
+                });
+            }
+            if (recentDenials.length > 0) {
+                add('system', 'Recent Denials:');
+                const recent = recentDenials.slice(-10);
+                recent.forEach(d => {
+                    const ago = Math.round((Date.now() - d.timestamp) / 1000);
+                    add('system', `  ✗ ${d.toolName} (${ago}s ago) ${d.args}`);
+                });
+            }
+            else {
+                add('system', 'No recent denials.');
+            }
+            return true;
+        }
         if (cmd === '/settings') {
             setEditingSettings(true);
             return true;
@@ -1449,7 +1860,7 @@ function App({ config }) {
                 loadConfig().then(cfg => {
                     cfg.permissionMode = arg;
                     saveConfig(cfg);
-                }).catch(() => { });
+                }).catch((err) => { logger.warn('Failed to save config', { error: err.message }); });
                 add('system', `Mode: ${arg.toUpperCase()} \u2014 ${getModeDescription(arg)}`);
             }
             else {
@@ -1464,7 +1875,7 @@ function App({ config }) {
                 loadConfig().then(cfg => {
                     cfg.thinkingMode = arg;
                     saveConfig(cfg);
-                }).catch(() => { });
+                }).catch((err) => { logger.warn('Failed to save config', { error: err.message }); });
                 add('system', `Thinking: ${arg.toUpperCase()}${arg === 'off' ? '' : ' \u2014 model will reason before responding'}`);
             }
             else {
@@ -1510,14 +1921,15 @@ function App({ config }) {
             return true;
         }
         if (cmd === '/git') {
-            const gitInfo = collectGitInfo(process.cwd());
-            if (!gitInfo.isRepo) {
-                add('system', 'Not a git repository.');
-            }
-            else {
-                const lines = gitInfoToContext(gitInfo).split('\n');
-                lines.forEach((l) => add('system', l));
-            }
+            collectGitInfo(process.cwd()).then((gitInfo) => {
+                if (!gitInfo.isRepo) {
+                    add('system', 'Not a git repository.');
+                }
+                else {
+                    const lines = gitInfoToContext(gitInfo).split('\n');
+                    lines.forEach((l) => add('system', l));
+                }
+            }).catch(() => { add('system', 'Failed to collect git info.'); });
             return true;
         }
         if (cmd === '/plugins') {
@@ -1574,6 +1986,10 @@ function App({ config }) {
             commandsSummary(customCommands).split('\n').forEach((l) => add('system', l));
             return true;
         }
+        if (cmd === '/skills') {
+            skillsSummary(loadedSkills).split('\n').forEach((l) => add('system', l));
+            return true;
+        }
         if (cmd === '/delegate') {
             const prompt = text.slice(10).trim();
             if (!prompt) {
@@ -1597,6 +2013,23 @@ function App({ config }) {
             });
             return true;
         }
+        if (cmd === '/agents') {
+            const registry = AgentRegistry.getInstance();
+            const summary = registry.getUsageSummary();
+            const tree = registry.getAgentTree();
+            const lines = [
+                `Active: ${summary.activeCount} | Completed: ${summary.completedCount} | Failed: ${summary.failedCount}`,
+                `Total tokens: ${summary.totalTokens.toLocaleString()}`,
+            ];
+            if (tree && tree !== '(no agents)') {
+                lines.push('', 'Agent tree:', tree);
+            }
+            else {
+                lines.push('', 'No agents have been spawned yet.');
+            }
+            lines.forEach(l => add('system', l));
+            return true;
+        }
         if (cmd === '/checkpoint') {
             const label = text.slice(12).trim() || undefined;
             createCheckpoint(process.cwd(), label).then((hash) => {
@@ -1624,6 +2057,130 @@ function App({ config }) {
             }).catch(() => add('error', 'Failed to list checkpoints.'));
             return true;
         }
+        if (cmd === '/worktree') {
+            const subArgs = text.slice(10).trim().split(/\s+/);
+            const subCmd = subArgs[0] || 'list';
+            const cwd = process.cwd();
+            if (subCmd === 'list' || subCmd === 'ls') {
+                listWorktrees(cwd).then(wts => {
+                    if (wts.length === 0)
+                        add('system', 'No active worktrees.');
+                    else {
+                        add('system', `${wts.length} worktree(s):`);
+                        wts.forEach(wt => add('system', `  ${wt.branch} → ${wt.path}`));
+                    }
+                }).catch(err => add('error', `Failed to list worktrees: ${err.message}`));
+            }
+            else if (subCmd === 'create' || subCmd === 'new') {
+                const name = subArgs[1] || `work-${Date.now().toString(36)}`;
+                createWorktree(name, cwd).then(wt => {
+                    add('system', `Worktree created: ${wt.branch} → ${wt.path}`);
+                    add('system', `cd ${wt.path} to work in isolation`);
+                }).catch(err => add('error', `Failed to create worktree: ${err.message}`));
+            }
+            else if (subCmd === 'remove' || subCmd === 'rm') {
+                const branchOrId = subArgs[1];
+                if (!branchOrId) {
+                    add('system', 'Usage: /worktree remove <branch-or-agent-id>');
+                    return true;
+                }
+                listWorktrees(cwd).then(wts => {
+                    const wt = wts.find(w => w.branch.includes(branchOrId) || w.agentId.includes(branchOrId));
+                    if (!wt) {
+                        add('error', `Worktree not found: ${branchOrId}`);
+                        return;
+                    }
+                    removeWorktree(wt, cwd).then(() => {
+                        add('system', `Worktree removed: ${wt.branch}`);
+                    }).catch(err => add('error', `Failed to remove: ${err.message}`));
+                }).catch(err => add('error', `Failed: ${err.message}`));
+            }
+            else if (subCmd === 'cleanup') {
+                cleanupStaleWorktrees(cwd).then(count => {
+                    add('system', count > 0 ? `Cleaned up ${count} stale worktree(s).` : 'No stale worktrees found.');
+                }).catch(err => add('error', `Cleanup failed: ${err.message}`));
+            }
+            else {
+                add('system', 'Usage: /worktree [list|create <name>|remove <branch>|cleanup]');
+            }
+            return true;
+        }
+        if (cmd === '/plugin') {
+            const subArgs = text.slice(8).trim().split(/\s+/);
+            const subCmd = subArgs[0] || 'list';
+            const cwd = process.cwd();
+            if (subCmd === 'list' || subCmd === 'ls') {
+                listInstalledPlugins(cwd).then(plugins => {
+                    if (plugins.length === 0) {
+                        add('system', 'No plugins installed. Use /plugin install <source> to add one.');
+                    }
+                    else {
+                        add('system', `${plugins.length} plugin(s) installed:`);
+                        plugins.forEach(p => {
+                            const status = p.enabled ? 'enabled' : 'disabled';
+                            add('system', `  ${p.name} v${p.version} [${status}]`);
+                        });
+                    }
+                }).catch(err => add('error', `Failed to list plugins: ${err.message}`));
+            }
+            else if (subCmd === 'install') {
+                const source = subArgs[1];
+                if (!source) {
+                    add('system', 'Usage: /plugin install <path-or-git-url>');
+                    return true;
+                }
+                add('system', `Installing plugin from ${source}...`);
+                installPlugin(cwd, source).then(result => {
+                    if (result) {
+                        add('system', `Plugin installed: ${result.name} v${result.version}`);
+                        add('system', 'Restart session to load new plugin tools.');
+                    }
+                    else {
+                        add('system', 'Plugin already installed.');
+                    }
+                }).catch(err => add('error', `Install failed: ${err.message}`));
+            }
+            else if (subCmd === 'uninstall' || subCmd === 'remove') {
+                const name = subArgs[1];
+                if (!name) {
+                    add('system', 'Usage: /plugin uninstall <name>');
+                    return true;
+                }
+                uninstallPlugin(cwd, name).then(ok => {
+                    add(ok ? 'system' : 'error', ok ? `Plugin uninstalled: ${name}` : `Plugin not found: ${name}`);
+                }).catch(err => add('error', `Uninstall failed: ${err.message}`));
+            }
+            else if (subCmd === 'enable') {
+                const name = subArgs[1];
+                if (!name) {
+                    add('system', 'Usage: /plugin enable <name>');
+                    return true;
+                }
+                enablePlugin(cwd, name).then(ok => {
+                    add(ok ? 'system' : 'error', ok ? `Plugin enabled: ${name}` : `Plugin not found or already enabled: ${name}`);
+                }).catch(err => add('error', `Enable failed: ${err.message}`));
+            }
+            else if (subCmd === 'disable') {
+                const name = subArgs[1];
+                if (!name) {
+                    add('system', 'Usage: /plugin disable <name>');
+                    return true;
+                }
+                disablePlugin(cwd, name).then(ok => {
+                    add(ok ? 'system' : 'error', ok ? `Plugin disabled: ${name}` : `Plugin not found: ${name}`);
+                }).catch(err => add('error', `Disable failed: ${err.message}`));
+            }
+            else {
+                add('system', 'Usage: /plugin [list|install <source>|uninstall <name>|enable <name>|disable <name>]');
+            }
+            return true;
+        }
+        if (cmd === '/notify') {
+            const message = text.slice(8).trim() || 'Test notification from Scalix';
+            sendNotification('Scalix', message);
+            add('system', `Notification sent (terminal: ${getTerminalType()})`);
+            return true;
+        }
         if (cmd === '/commit') {
             setIsLoading(true);
             setStatus('thinking');
@@ -1662,7 +2219,8 @@ function App({ config }) {
                     }
                     add('system', `Commit message: ${cleanMsg}`);
                     try {
-                        const result = execFileSync('git', ['commit', '-m', cleanMsg], { encoding: 'utf-8', timeout: TOOL_DEFAULTS.gitTimeoutMs, cwd: process.cwd() }).trim();
+                        const fullMsg = cleanMsg + `\n\nCo-Authored-By: ${GIT_BOT_IDENTITY.name} <${GIT_BOT_IDENTITY.email}>`;
+                        const result = execFileSync('git', ['commit', '-m', fullMsg], { encoding: 'utf-8', timeout: TOOL_DEFAULTS.gitTimeoutMs, cwd: process.cwd() }).trim();
                         add('system', result);
                     }
                     catch (e) {
@@ -1871,6 +2429,32 @@ function App({ config }) {
             add('system', `Messages: ${msgCount}`);
             add('system', `Session: ${sessionId}`);
             add('system', `CWD: ${process.cwd()}`);
+            const updateBanner = getUpdateBanner();
+            if (updateBanner)
+                add('system', updateBanner);
+            return true;
+        }
+        if (cmd === '/update') {
+            add('system', 'Checking for updates...');
+            checkForUpdate().then((info) => {
+                if (info && info.updateAvailable) {
+                    add('system', `New version available: ${info.current} → ${info.latest}`);
+                    add('system', 'Installing update...');
+                    performUpdate().then(({ success, output }) => {
+                        if (success) {
+                            add('system', `Updated successfully. Restart Scalix to use v${info.latest}.`);
+                        }
+                        else {
+                            add('system', `Update failed: ${output}\nTry manually: npm install -g scalix@latest`);
+                        }
+                    });
+                }
+                else {
+                    add('system', `Scalix v${VERSION} is up to date.`);
+                }
+            }).catch(() => {
+                add('system', 'Failed to check for updates. Try: npm install -g scalix@latest');
+            });
             return true;
         }
         if (cmd === '/context') {
@@ -1919,7 +2503,7 @@ function App({ config }) {
         if (cmd === '/exit' || cmd === '/quit') {
             const msgs = agent.getMessages();
             if (msgs.length > 0) {
-                saveSession(sessionId, msgs, models[0] || 'unknown', undefined, costTracker.getState()).catch(() => { }).finally(() => process.exit(0));
+                saveSession(sessionId, msgs, models[0] || 'unknown', undefined, costTracker.getState()).catch((err) => { logger.warn('Failed to save session on exit', { error: err.message }); }).finally(() => process.exit(0));
             }
             else {
                 process.exit(0);
@@ -1932,7 +2516,7 @@ function App({ config }) {
             loadConfig().then(cfg => {
                 cfg.permissionMode = 'plan';
                 saveConfig(cfg);
-            }).catch(() => { });
+            }).catch((err) => { logger.warn('Failed to save config', { error: err.message }); });
             add('system', `Mode: PLAN — ${getModeDescription('plan')}`);
             return true;
         }
@@ -2016,10 +2600,26 @@ function App({ config }) {
     const isLoadingRef = useRef(false);
     useEffect(() => { isLoadingRef.current = isLoading; }, [isLoading]);
     const multilineRef = useRef([]);
+    const messageQueueRef = useRef([]);
+    const pendingImagesRef = useRef([]);
     const handleSubmit = useCallback(async (text) => {
         const trimmed = text.trim();
-        if (!trimmed || isLoadingRef.current)
+        if (!trimmed)
+            return;
+        // Reset idle nudge on any user activity
+        lastActivityRef.current = Date.now();
+        idleNudgedRef.current = false;
+        // Allow /mode even while the agent is working
+        if (isLoadingRef.current && trimmed.startsWith('/mode')) {
+            handleCommand(trimmed);
+            return;
+        }
+        // Queue messages while agent is working
+        if (isLoadingRef.current) {
+            messageQueueRef.current.push(trimmed);
+            add('system', `Queued (${messageQueueRef.current.length}): ${truncate(trimmed, 60)}`);
             return;
+        }
         if (trimmed.endsWith('\\')) {
             if (multilineRef.current.length >= 50) {
                 add('system', 'Multiline limit reached (50 lines). Sending now.');
@@ -2041,6 +2641,11 @@ function App({ config }) {
         }
         if (finalText.startsWith('/') && handleCommand(finalText))
             return;
+        const triggeredSkill = getSkillByTrigger(loadedSkills, finalText);
+        if (triggeredSkill) {
+            finalText = `${getSkillContent(triggeredSkill, 'full')}\n\n---\nUser request: ${finalText}`;
+            add('system', `Skill activated: ${triggeredSkill.name}`);
+        }
         if (finalText.startsWith('!')) {
             const shellCmd = finalText.slice(1).trim();
             if (!shellCmd)
@@ -2062,14 +2667,21 @@ function App({ config }) {
         }
         const correction = detectCorrection(finalText);
         if (correction) {
-            addNote(process.cwd(), `[correction] ${correction}`).catch(() => { });
+            addNote(process.cwd(), `[correction] ${correction}`).catch((err) => { logger.warn('Failed to save correction note', { error: err.message }); });
+        }
+        const images = pendingImagesRef.current.length > 0 ? [...pendingImagesRef.current] : undefined;
+        if (images) {
+            add('user', `${finalText} [${images.length} image${images.length > 1 ? 's' : ''} attached]`);
         }
-        add('user', finalText);
+        else {
+            add('user', finalText);
+        }
+        pendingImagesRef.current = [];
         setIsLoading(true);
         setStatus('thinking');
         setThinkStart(Date.now());
         try {
-            const result = await agent.send(finalText);
+            const result = await agent.send(finalText, images);
             if (!result || !result.trim()) {
                 add('system', 'Agent returned no response.');
             }
@@ -2078,6 +2690,24 @@ function App({ config }) {
             add('error', e.message || 'Unknown error');
         }
         finally {
+            // Process queued messages sequentially
+            while (messageQueueRef.current.length > 0) {
+                const next = messageQueueRef.current.shift();
+                const remaining = messageQueueRef.current.length;
+                if (remaining > 0)
+                    add('system', `${remaining} more queued`);
+                add('user', next);
+                setStatus('thinking');
+                setThinkStart(Date.now());
+                try {
+                    const qResult = await agent.send(next);
+                    if (!qResult || !qResult.trim())
+                        add('system', 'Agent returned no response.');
+                }
+                catch (e) {
+                    add('error', e.message || 'Unknown error');
+                }
+            }
             setIsLoading(false);
             setStatus('ready');
             setThinkStart(null);
@@ -2087,6 +2717,7 @@ function App({ config }) {
         setSessionList(null);
         setIsLoading(true);
         setStatus('thinking');
+        setThinkStart(Date.now());
         loadSession(session.id).then((data) => {
             agent.loadMessages(data.messages);
             sessionId = session.id;
@@ -2112,6 +2743,7 @@ function App({ config }) {
         }).finally(() => {
             setIsLoading(false);
             setStatus('ready');
+            setThinkStart(null);
         });
     }, [add]);
     const handleAbort = useCallback(() => {
@@ -2131,7 +2763,7 @@ function App({ config }) {
     const handleClearScreen = useCallback(() => {
         const msgs = agent.getMessages();
         if (msgs.length > 0) {
-            saveSession(sessionId, msgs, models[0] || 'unknown', undefined, costTracker.getState()).catch(() => { });
+            saveSession(sessionId, msgs, models[0] || 'unknown', undefined, costTracker.getState()).catch((err) => { logger.warn('Failed to save session on clear', { error: err.message }); });
         }
         agent.clearHistory();
         setItems([]);
@@ -2139,6 +2771,8 @@ function App({ config }) {
         setShowBanner(true);
         costTracker.reset();
         setTotalTokens(0);
+        setContextPercent(0);
+        setRateLimitWarn(false);
         sessionId = generateSessionId();
     }, [models]);
     const handleSetupDone = useCallback((newConfig) => {
@@ -2146,6 +2780,7 @@ function App({ config }) {
         try {
             initAgent(newConfig);
             setModels(agent.getModels());
+            setAgentVersion(v => v + 1);
             add('system', 'Configuration updated. Agent reinitialized.');
         }
         catch (err) {
@@ -2157,8 +2792,18 @@ function App({ config }) {
     const bannerHeight = showBanner ? 5 : 0;
     const statusBarHeight = 1;
     const bottomHeight = useMemo(() => {
-        if (confirmInfo)
-            return 5;
+        if (confirmInfo) {
+            let parsed = {};
+            try {
+                parsed = typeof confirmInfo.args === 'string' ? JSON.parse(confirmInfo.args) : confirmInfo.args ?? {};
+            }
+            catch {
+                parsed = {};
+            }
+            const extraCount = Math.min(Object.keys(parsed).filter(k => !['command', 'filePath', 'file_path', 'notebook_path', 'message', 'content'].includes(k)).length, 3);
+            const hasHighlight = !!(parsed.command ?? parsed.filePath ?? parsed.file_path ?? parsed.notebook_path ?? parsed.message);
+            return 5 + (hasHighlight ? 1 : 0) + extraCount;
+        }
         if (selectingModel)
             return 6 + Math.min(models.length + 2, 12);
         if (selectingMode)
@@ -2178,7 +2823,7 @@ function App({ config }) {
         const reasonLines = reasoningText ? (reasoningText.match(/\n/g) || []).length + 1 : 0;
         return textLines + reasonLines;
     }, [isLoading, streamText, reasoningText]);
-    const { visibleItems, scrollUp, scrollDown, scrollToBottom, isAtBottom, } = useScrollableItems(items, chatHeight, cols, isLoading, streamLineCount);
+    const { visibleItems, scrollUp, scrollDown, scrollToBottom, isAtBottom, isAtTop, } = useScrollableItems(items, chatHeight, cols, isLoading, streamLineCount);
     const scrollToBottomRef = useRef(scrollToBottom);
     scrollToBottomRef.current = scrollToBottom;
     const handleSubmitRef = useRef(handleSubmit);
@@ -2190,14 +2835,14 @@ function App({ config }) {
     if (showSetup) {
         return _jsx(SetupScreen, { onComplete: handleSetupDone, existingConfig: config });
     }
-    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: rows, children: [showBanner && _jsx(Banner, {}), _jsx(StatusBar, { status: status, model: models[0] || 'no model', toolCount: allTools.length + pluginTools.length, thinkStart: thinkStart, tokens: totalTokens, mode: currentMode }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 6, overflowY: "hidden", children: [showBanner && !isLoading && _jsx(WelcomeScreen, {}), visibleItems.map((item) => _jsx(RenderItem, { item: item }, item.id)), isLoading && _jsx(StreamingArea, { text: streamText, reasoning: reasoningText, model: shortModel(models[0] || '') }), !isAtBottom && (_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { dimColor: true, children: [" ", '\u2193', " more below ", '\u2014', " Shift+Down "] }) }))] }), _jsx(Box, { flexShrink: 0, flexDirection: "column", children: confirmInfo ? (_jsx(ConfirmPrompt, { toolName: confirmInfo.toolName, args: confirmInfo.args, onRespond: handleConfirm, onScrollUp: scrollUp, onScrollDown: scrollDown })) : selectingModel ? (_jsx(ModelPicker, { currentModels: models, onSelect: (v) => {
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: rows, children: [showBanner && _jsx(Banner, {}), _jsx(StatusBar, { status: status, model: models[0] || 'no model', toolCount: allTools.length + pluginTools.length, thinkStart: thinkStart, tokens: totalTokens, mode: currentMode, contextPercent: contextPercent, rateLimitWarn: rateLimitWarn }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, flexShrink: 1, minHeight: 6, overflowY: "hidden", children: [showBanner && !isLoading && _jsx(WelcomeScreen, {}), !isAtTop && !showBanner && (_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { dimColor: true, children: [" ", '\u2191', " more above ", '\u2014', " Shift+Up "] }) })), visibleItems.map((item) => _jsx(RenderItem, { item: item }, item.id)), isLoading && _jsx(StreamingArea, { text: streamText, reasoning: reasoningText, model: shortModel(models[0] || '') }), !isAtBottom && (_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { dimColor: true, children: [" ", '\u2193', " more below ", '\u2014', " Shift+Down "] }) }))] }), _jsx(Box, { flexShrink: 0, flexDirection: "column", children: confirmInfo ? (_jsx(ConfirmPrompt, { toolName: confirmInfo.toolName, args: confirmInfo.args, onRespond: handleConfirm, onScrollUp: scrollUp, onScrollDown: scrollDown })) : selectingModel ? (_jsx(ModelPicker, { currentModels: models, onSelect: (v) => {
                         agent.setModel(v);
                         setModels([v]);
                         setSelectingModel(false);
                         loadConfig().then(cfg => {
                             cfg.models = [v];
                             saveConfig(cfg);
-                        }).catch(() => { });
+                        }).catch((err) => { logger.warn('Failed to save config', { error: err.message }); });
                         add('system', `Model switched to ${shortModel(v)}`);
                     }, onCancel: () => setSelectingModel(false) })) : selectingMode ? (_jsx(ModePicker, { currentMode: currentMode, onSelect: (mode) => {
                         agent.setPermissionMode(mode);
@@ -2206,7 +2851,7 @@ function App({ config }) {
                         loadConfig().then(cfg => {
                             cfg.permissionMode = mode;
                             saveConfig(cfg);
-                        }).catch(() => { });
+                        }).catch((err) => { logger.warn('Failed to save config', { error: err.message }); });
                         add('system', `Mode: ${mode.toUpperCase()} \u2014 ${getModeDescription(mode)}`);
                     }, onCancel: () => setSelectingMode(false) })) : editingSettings ? (_jsx(SettingsEditor, { onSave: (key, value) => {
                         loadConfig().then((c) => {
@@ -2232,7 +2877,7 @@ function App({ config }) {
                         }).catch(() => {
                             add('error', 'Failed to load config.');
                         });
-                    }, onClose: () => setEditingSettings(false) })) : sessionList ? (_jsx(SessionPicker, { sessions: sessionList, onSelect: handleSessionSelect, onCancel: () => setSessionList(null) })) : (_jsx(InputSection, { onSubmit: handleInputSubmit, disabled: isLoading, onAbort: handleAbort, onClear: handleClearScreen, onScrollUp: scrollUp, onScrollDown: scrollDown, onHeightChange: handleInputHeightChange })) })] }));
+                    }, onClose: () => setEditingSettings(false) })) : sessionList ? (_jsx(SessionPicker, { sessions: sessionList, onSelect: handleSessionSelect, onCancel: () => setSessionList(null) })) : (_jsx(InputSection, { onSubmit: handleInputSubmit, disabled: isLoading, onAbort: handleAbort, onClear: handleClearScreen, onScrollUp: scrollUp, onScrollDown: scrollDown, onHeightChange: handleInputHeightChange, onToggleToolGroups: toggleToolGroups, onImagePaste: (dataUrl) => { pendingImagesRef.current.push(dataUrl); } })) })] }));
 }
 // ─── Root (config loading + setup gate) ───
 function Root() {
@@ -2247,7 +2892,10 @@ function Root() {
             setConfig(c);
             if (isConfigured(c)) {
                 // Fetch model specs from API in background (uses user-defined/built-in as fallback)
-                fetchModelSpecs(c.baseUrl, c.apiKey).catch(() => { });
+                fetchModelSpecs(c.baseUrl, c.apiKey).catch((err) => { logger.warn('Failed to fetch model specs', { error: err.message }); });
+                if (!process.env.NO_UPDATE_NOTIFIER && !c.disableUpdateCheck) {
+                    checkForUpdate().catch(() => { });
+                }
                 try {
                     initAgent(c);
                     setReady(true);
@@ -2257,7 +2905,7 @@ function Root() {
                 }
             }
         }).catch(() => {
-            setConfig({ apiKey: '', baseUrl: DEFAULT_BASE_URL, models: [...DEFAULT_MODELS], customModels: {}, limits: { ...DEFAULT_LIMITS }, permissionMode: 'default', thinkingMode: 'off' });
+            setConfig({ apiKey: '', baseUrl: DEFAULT_BASE_URL, models: [...DEFAULT_MODELS], customModels: {}, limits: { ...DEFAULT_LIMITS }, permissionMode: 'default', thinkingMode: 'off', security: {}, injectionDetection: { enabled: true, sensitivity: 'medium' } });
         });
     }, []);
     const handleSetupComplete = useCallback((c) => {
@@ -2324,6 +2972,6 @@ function _restoreTerminal() {
     _origWrite('\x1b[?25h'); // show cursor
 }
 process.on('exit', _restoreTerminal);
-process.on('SIGINT', () => { _restoreTerminal(); process.exit(0); });
-process.on('SIGTERM', () => { _restoreTerminal(); process.exit(0); });
+process.on('SIGINT', () => { _restoreTerminal(); closeBrowser().finally(() => process.exit(0)); });
+process.on('SIGTERM', () => { _restoreTerminal(); closeBrowser().finally(() => process.exit(0)); });
 render(_jsx(Root, {}), { exitOnCtrlC: false, patchConsole: false });