scalix 1.1.0 → 1.2.0

package/dist/cli.js

@@ -6,6 +6,7 @@ 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';
@@ -21,23 +22,26 @@ 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
@@ -57,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;
@@ -69,6 +84,7 @@ let projectIndex = null;
 let loadedPlugins = [];
 let projectMemory = null;
 let customCommands = [];
+let loadedSkills = [];
 async function buildEnhancedInstructions() {
     let instructions = baseInstructions;
     const cwd = process.cwd();
@@ -154,6 +170,9 @@ function initAgent(config) {
     loadCustomCommands(process.cwd()).then((cmds) => {
         customCommands = cmds;
     }).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 ───
@@ -204,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]);
@@ -387,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(() => {
@@ -410,10 +466,13 @@ const StatusBar = memo(function StatusBar({ status, model, toolCount, thinkStart
     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)))] })] }));
@@ -456,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');
@@ -491,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 });
     }
@@ -519,14 +585,20 @@ const StreamingArea = memo(function StreamingArea({ text, reasoning, model, maxL
 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);
     });
     let parsed = {};
     try {
@@ -547,7 +619,7 @@ function ConfirmPrompt({ toolName, args, onRespond, onScrollUp, onScrollDown })
     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: "red", bold: true, children: "[N]" }), _jsx(Text, { children: " Deny  " }), _jsx(Text, { dimColor: true, children: "ESC to deny" }), _jsx(Text, { children: ' '.repeat(Math.max(0, boxWidth - 33)) }), '\u2502'] }), _jsxs(Text, { color: "yellow", children: ['\u2514', border, '\u2518'] })] }));
+            }), _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('');
@@ -733,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]);
@@ -744,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;
@@ -814,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) {
@@ -826,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);
@@ -859,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.pageDown || (key.downArrow && key.shift)) {
-            onScrollDown();
+        if (key.upArrow && key.shift) {
+            onScrollUp(5);
+            return;
+        }
+        if (key.pageDown) {
+            onScrollDown(15);
+            return;
+        }
+        if (key.downArrow && key.shift) {
+            onScrollDown(5);
             return;
         }
         // ── History navigation ──
@@ -906,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)' },
@@ -920,9 +1098,11 @@ 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' },
@@ -932,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]);
@@ -940,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) => {
@@ -963,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: _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" }) }))] }) })] }));
+                        }, 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) {
@@ -983,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);
@@ -1004,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);
@@ -1012,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)
@@ -1053,6 +1264,8 @@ 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');
@@ -1065,6 +1278,7 @@ function App({ config }) {
     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 }];
@@ -1075,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 = () => {
@@ -1126,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;
@@ -1198,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.';
@@ -1217,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)`);
             }
@@ -1264,6 +1513,40 @@ function App({ config }) {
             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 = () => {
@@ -1279,8 +1562,19 @@ function App({ config }) {
         if (banner)
             add('system', banner);
     }, [add]);
-    const handleConfirm = useCallback((ok) => {
+    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;
         }
@@ -1318,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:',
@@ -1339,6 +1634,8 @@ function App({ config }) {
                 '  /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',
@@ -1380,6 +1677,8 @@ function App({ config }) {
             setShowBanner(true);
             costTracker.reset();
             setTotalTokens(0);
+            setContextPercent(0);
+            setRateLimitWarn(false);
             sessionId = generateSessionId();
             return true;
         }
@@ -1432,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.');
@@ -1443,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)',
@@ -1468,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;
@@ -1610,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) {
@@ -1677,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');
@@ -1715,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) {
@@ -2096,10 +2601,14 @@ function App({ config }) {
     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)
             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);
@@ -2132,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)
@@ -2155,12 +2669,19 @@ function App({ config }) {
         if (correction) {
             addNote(process.cwd(), `[correction] ${correction}`).catch((err) => { logger.warn('Failed to save correction note', { error: err.message }); });
         }
-        add('user', finalText);
+        const images = pendingImagesRef.current.length > 0 ? [...pendingImagesRef.current] : undefined;
+        if (images) {
+            add('user', `${finalText} [${images.length} image${images.length > 1 ? 's' : ''} attached]`);
+        }
+        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.');
             }
@@ -2250,6 +2771,8 @@ function App({ config }) {
         setShowBanner(true);
         costTracker.reset();
         setTotalTokens(0);
+        setContextPercent(0);
+        setRateLimitWarn(false);
         sessionId = generateSessionId();
     }, [models]);
     const handleSetupDone = useCallback((newConfig) => {
@@ -2300,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);
@@ -2312,7 +2835,7 @@ 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);
@@ -2354,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() {