@calliopelabs/cli 0.8.20 → 2.0.2

package/dist/ui-cli.js

@@ -1,3730 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * Calliope CLI - Ink UI
- *
- * Component hierarchy inspired by Claude Code:
- * App
- * └── TerminalChat (main hub)
- *     ├── MessageHistory (Static for messages)
- *     │   └── MessageItem (formatted messages)
- *     ├── ProcessingIndicator (animated spinner)
- *     ├── ChatInput (input line)
- *     └── StatusBar (footer)
- */
-import React, { useState, useCallback, useRef, useEffect } from 'react';
-import { render, Box, Text, useInput, useApp, useStdout, Static } from 'ink';
-import * as fs from 'fs';
-import * as path from 'path';
-import * as config from './config.js';
-import { chat, getAvailableProviders, selectProvider, needsSummarization, estimateContextUsage } from './providers.js';
-import { executeTool, getTools } from './tools.js';
-import { getSystemPrompt, DEFAULT_MODELS, MODE_CONFIG, RISK_CONFIG, supportsVision, calculateCost } from './types.js';
-import { getVersion, getLatestVersion, performUpgrade } from './version-check.js';
-import { getAvailableModels, getModelContextLimit, preWarmModelCache } from './model-detection.js';
-import { assessToolRisk, detectComplexity } from './risk.js';
-import { formatError, classifyError } from './errors.js';
-import * as storage from './storage.js';
-import { parseFileReferences, processFilesForMessage, formatFileInfo } from './files.js';
-import { renderMarkdown } from './markdown.js';
-import * as mcp from './mcp.js';
-import * as skills from './skills.js';
-import * as memory from './memory.js';
-import * as hooks from './hooks.js';
-import * as modelRouter from './model-router.js';
-import * as summarization from './summarization.js';
-import { requiresConfirmation } from './risk.js';
-import { executeParallel, getParallelizationStats } from './parallel-tools.js';
-import { addToScope, removeFromScope, getScopeSummary, getScopeDetails, resetScope } from './scope.js';
-import { getAgentStatusReport } from './agterm/index.js';
-// Module-level state for agterm mode
-let moduleAgtermEnabled = false;
-// Debug logging for flow control issues
-let debugEnabled = process.env.CALLIOPE_DEBUG === '1';
-const debugLog = (label, ...args) => {
-    if (debugEnabled) {
-        const timestamp = new Date().toISOString().split('T')[1].slice(0, 12);
-        console.error(`[${timestamp}] ${label}:`, ...args);
-    }
-};
-/**
- * Log error to persistent file for debugging
- */
-function logErrorToFile(error, componentStack) {
-    try {
-        const errorLogPath = path.join(process.env.HOME || process.env.USERPROFILE || '/tmp', '.calliope-cli', 'errors.log');
-        const errorLogDir = path.dirname(errorLogPath);
-        // Ensure directory exists
-        if (!fs.existsSync(errorLogDir)) {
-            fs.mkdirSync(errorLogDir, { recursive: true });
-        }
-        const logEntry = {
-            timestamp: new Date().toISOString(),
-            error: error?.message || 'Unknown error',
-            stack: error?.stack || '',
-            componentStack,
-            nodeVersion: process.version,
-            platform: process.platform,
-        };
-        const logLine = JSON.stringify(logEntry) + '\n';
-        // Append to log file (create if doesn't exist)
-        fs.appendFileSync(errorLogPath, logLine, 'utf-8');
-        // Rotate log if too large (> 1MB)
-        const stats = fs.statSync(errorLogPath);
-        if (stats.size > 1024 * 1024) {
-            const backupPath = errorLogPath + '.old';
-            if (fs.existsSync(backupPath)) {
-                fs.unlinkSync(backupPath);
-            }
-            fs.renameSync(errorLogPath, backupPath);
-        }
-    }
-    catch {
-        // Silently fail if we can't write to log file
-    }
-}
-class ErrorBoundary extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false, error: null, errorInfo: '' };
-    }
-    static getDerivedStateFromError(error) {
-        return { hasError: true, error };
-    }
-    componentDidCatch(error, errorInfo) {
-        // Log error details
-        const info = errorInfo.componentStack || '';
-        this.setState({ errorInfo: info });
-        // Log to console
-        console.error('Calliope Error:', error);
-        console.error('Component Stack:', info);
-        // Log to persistent file for debugging
-        logErrorToFile(error, info);
-    }
-    handleRetry = () => {
-        this.setState({ hasError: false, error: null, errorInfo: '' });
-        this.props.onReset?.();
-    };
-    render() {
-        if (this.state.hasError) {
-            return _jsx(ErrorFallback, { error: this.state.error, errorInfo: this.state.errorInfo, onRetry: this.handleRetry });
-        }
-        return this.props.children;
-    }
-}
-function ErrorFallback({ error, errorInfo, onRetry }) {
-    const { exit } = useApp();
-    useInput((input, key) => {
-        if (input === 'r' || input === 'R') {
-            onRetry();
-        }
-        else if (input === 'q' || input === 'Q' || key.escape) {
-            exit();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { color: "red", bold: true, children: "\u26A0\uFE0F  Calliope encountered an error" }) }), _jsxs(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "round", borderColor: "red", padding: 1, children: [_jsx(Text, { color: "red", children: error?.message || 'Unknown error' }), error?.name && error.name !== 'Error' && (_jsxs(Text, { dimColor: true, children: ["Type: ", error.name] }))] }), errorInfo && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { dimColor: true, children: "Component trace:" }), _jsx(Text, { dimColor: true, children: errorInfo.split('\n').slice(0, 5).join('\n') })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "[R]" }), _jsx(Text, { children: "etry  " }), _jsx(Text, { color: "cyan", children: "[Q]" }), _jsx(Text, { children: "uit" })] }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "If this persists, try: calliope --legacy" }) })] }));
-}
-// ============================================================================
-// Constants
-// ============================================================================
-const BANNER_LINES = [
-    ' ██████╗ █████╗ ██╗     ██╗     ██╗ ██████╗ ██████╗ ███████╗',
-    '██╔════╝██╔══██╗██║     ██║     ██║██╔═══██╗██╔══██╗██╔════╝',
-    '██║     ███████║██║     ██║     ██║██║   ██║██████╔╝█████╗  ',
-    '██║     ██╔══██║██║     ██║     ██║██║   ██║██╔═══╝ ██╔══╝  ',
-    '╚██████╗██║  ██║███████╗███████╗██║╚██████╔╝██║     ███████╗',
-    ' ╚═════╝╚═╝  ╚═╝╚══════╝╚══════╝╚═╝ ╚═════╝ ╚═╝     ╚══════╝',
-];
-const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-const TOOL_ICONS = {
-    shell: '⚡',
-    read_file: '📄',
-    write_file: '✍️',
-    list_files: '📁',
-    think: '💭',
-    execute_code: '▶️',
-    web_search: '🔍',
-    git: '🔀',
-    mermaid: '📊',
-    // AGTerm tools
-    spawn_agent: '🤖',
-    check_agent: '📋',
-    list_agents: '📊',
-    cancel_agent: '🛑',
-};
-// ============================================================================
-// Utility Components
-// ============================================================================
-function Separator() {
-    const { stdout } = useStdout();
-    const width = stdout?.columns || 80;
-    return _jsx(Text, { dimColor: true, children: '─'.repeat(width) });
-}
-function ThinkingDisplay({ state }) {
-    const [frame, setFrame] = useState(0);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setFrame(f => (f + 1) % SPINNER_FRAMES.length);
-        }, 80);
-        return () => clearInterval(timer);
-    }, []);
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { children: [" ", state.status] }), state.iteration != null && state.maxIterations && (_jsxs(Text, { dimColor: true, children: [" (", state.iteration, "/", state.maxIterations, ")"] }))] }), state.detail && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["\u21B3 ", state.detail] }) })), state.thinking && (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsx(Text, { color: "magenta", children: "\uD83D\uDCAD Thinking:" }), state.thinking.split('\n').slice(0, 5).map((line, i) => (_jsxs(Text, { dimColor: true, children: ["   ", line.substring(0, 80)] }, i))), state.thinking.split('\n').length > 5 && (_jsx(Text, { dimColor: true, children: "   ..." }))] }))] }));
-}
-// Legacy simple indicator for non-agent operations
-function ProcessingIndicator({ label }) {
-    const [frame, setFrame] = useState(0);
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setFrame(f => (f + 1) % SPINNER_FRAMES.length);
-        }, 80);
-        return () => clearInterval(timer);
-    }, []);
-    return (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { dimColor: true, children: [" ", label] })] }));
-}
-// Indicator shown during streaming to show current activity
-function StreamingIndicator({ activity }) {
-    const [frame, setFrame] = useState(0);
-    const [elapsed, setElapsed] = useState(0);
-    const pulseFrames = ['·', '•', '●', '•'];
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setFrame(f => (f + 1) % pulseFrames.length);
-            if (activity) {
-                setElapsed(Math.floor((Date.now() - activity.startTime) / 1000));
-            }
-        }, 200);
-        return () => clearInterval(timer);
-    }, [activity]);
-    if (activity) {
-        const elapsedStr = elapsed > 0 ? ` (${elapsed}s)` : '';
-        return (_jsx(Box, { flexDirection: "column", children: _jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: pulseFrames[frame] }), _jsxs(Text, { children: [" ", activity.action] }), activity.target && _jsxs(Text, { dimColor: true, children: [" ", activity.target] }), _jsx(Text, { dimColor: true, children: elapsedStr })] }) }));
-    }
-    return (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: pulseFrames[frame] }), _jsx(Text, { dimColor: true, children: " receiving..." })] }));
-}
-function MessageItem({ msg, collapse }) {
-    // Determine if this tool should be collapsed
-    const shouldCollapseThisTool = collapse?.collapseTools &&
-        collapse.toolDisplayLimit > 0 &&
-        collapse.toolIndex !== undefined &&
-        collapse.totalTools !== undefined &&
-        (collapse.totalTools - collapse.toolIndex) > collapse.toolDisplayLimit;
-    switch (msg.type) {
-        case 'user':
-            return (_jsx(Box, { flexDirection: "column", marginTop: 1, children: _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "\u203A" }), " ", msg.content] }) }));
-        case 'assistant': {
-            // Render markdown with syntax highlighting
-            const rendered = renderMarkdown(msg.content);
-            // Collapse consecutive blank lines to single blank line
-            const lines = rendered.split('\n').reduce((acc, line, i, arr) => {
-                // Skip if this is a blank line following another blank line
-                if (line === '' && acc.length > 0 && acc[acc.length - 1] === '') {
-                    return acc;
-                }
-                acc.push(line);
-                return acc;
-            }, []);
-            return (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [_jsx(Text, { color: "cyan", children: "\u2727 Calliope:" }), lines.map((line, i) => (_jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "\u2502" }), " ", line] }, i)))] }));
-        }
-        case 'tool': {
-            const isToolCall = msg.content.startsWith('⚡');
-            const isThinkTool = msg.content.includes('💭') || msg.content.startsWith('Perfect!') || msg.content.startsWith('Let me');
-            // Check if this is a think tool that should be collapsed
-            if (collapse?.collapseThinking && isThinkTool && !isToolCall) {
-                const preview = msg.content.substring(0, 50).replace(/\n/g, ' ');
-                return (_jsxs(Text, { dimColor: true, children: ["\u2570\u2500 \uD83D\uDCAD ", _jsxs(Text, { italic: true, children: [preview, "..."] })] }));
-            }
-            // Check if this tool should be collapsed (based on toolDisplayLimit)
-            if (shouldCollapseThisTool || (collapse?.collapseTools && !isToolCall)) {
-                // Show collapsed single-line version
-                const firstLine = msg.content.split('\n')[0].substring(0, 60);
-                return (_jsxs(Text, { dimColor: true, children: ["\u2570\u2500 \u25B8 ", firstLine, msg.content.length > 60 ? '...' : ''] }));
-            }
-            if (isToolCall) {
-                const match = msg.content.match(/^⚡ (\w+): (.*)$/);
-                if (match) {
-                    const [, toolName, preview] = match;
-                    const icon = TOOL_ICONS[toolName] || '⚙️';
-                    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "\u256D\u2500" }), " ", icon, " ", _jsx(Text, { color: "yellow", children: toolName })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "\u2502" }), "  ", _jsx(Text, { dimColor: true, children: preview })] })] }));
-                }
-            }
-            // Check for diff output from write_file
-            const isDiff = msg.content.startsWith('DIFF:');
-            if (isDiff) {
-                const lines = msg.content.split('\n');
-                const header = lines[0];
-                const isNewFile = header.includes('NEW_FILE:');
-                const filePath = isNewFile
-                    ? header.replace('DIFF:NEW_FILE:', '')
-                    : header.replace('DIFF:', '');
-                // Find summary line (starts with ⎿)
-                const summaryLine = lines.find(l => l.startsWith('⎿'));
-                const diffStartIdx = summaryLine ? lines.indexOf(summaryLine) + 1 : 1;
-                const diffLines = lines.slice(diffStartIdx, diffStartIdx + 12);
-                const hasMore = lines.length > diffStartIdx + 12;
-                // Claude Code style diff display
-                const action = isNewFile ? 'Write' : 'Update';
-                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: action }), _jsx(Text, { dimColor: true, children: "(" }), _jsx(Text, { children: filePath }), _jsx(Text, { dimColor: true, children: ")" })] }), summaryLine && (_jsxs(Text, { children: ["  ", _jsx(Text, { dimColor: true, children: summaryLine })] })), diffLines.map((line, i) => {
-                            // Check for line number format: "  123 +  content" or "  123 -  content"
-                            const lineNumMatch = line.match(/^(\s*\d+)\s*([+-])\s{2}(.*)$/);
-                            if (lineNumMatch) {
-                                const [, lineNum, prefix, content] = lineNumMatch;
-                                const color = prefix === '+' ? 'green' : 'red';
-                                return (_jsxs(Text, { children: [_jsxs(Text, { dimColor: true, children: ["      ", lineNum] }), _jsxs(Text, { color: color, children: [" ", prefix] }), _jsxs(Text, { color: color, children: ["  ", content.substring(0, 70)] })] }, i));
-                            }
-                            // Context line with line number: "  123    content"
-                            const contextMatch = line.match(/^(\s*\d+)\s{4}(.*)$/);
-                            if (contextMatch) {
-                                const [, lineNum, content] = contextMatch;
-                                return (_jsx(Text, { children: _jsxs(Text, { dimColor: true, children: ["      ", lineNum, "    ", content.substring(0, 70)] }) }, i));
-                            }
-                            // Fallback for old format or other lines
-                            let color;
-                            if (line.includes(' + ') || line.startsWith('+ '))
-                                color = 'green';
-                            else if (line.includes(' - ') || line.startsWith('- '))
-                                color = 'red';
-                            return (_jsx(Text, { children: _jsxs(Text, { color: color, children: ["      ", line.substring(0, 80)] }) }, i));
-                        }), hasMore && _jsx(Text, { dimColor: true, children: "      ..." })] }));
-            }
-            // Regular tool result with enhanced status detection
-            const allLines = msg.content.split('\n');
-            const lines = allLines.slice(0, 5);
-            const totalLines = allLines.length;
-            const hasMore = totalLines > 5;
-            // Enhanced status detection
-            const lowerContent = msg.content.toLowerCase();
-            const hasError = lowerContent.includes('error') ||
-                lowerContent.includes('failed') ||
-                lowerContent.includes('permission denied') ||
-                lowerContent.includes('not found') ||
-                lowerContent.includes('exception');
-            const hasWarning = lowerContent.includes('warning') ||
-                lowerContent.includes('deprecated') ||
-                lowerContent.includes('caution');
-            // Determine status icon and color
-            let statusIcon = '✓';
-            let statusColor = 'green';
-            if (hasError) {
-                statusIcon = '✗';
-                statusColor = 'red';
-            }
-            else if (hasWarning) {
-                statusIcon = '⚠';
-                statusColor = 'yellow';
-            }
-            return (_jsxs(Box, { flexDirection: "column", children: [lines.map((line, i) => (_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "\u2502" }), "  ", _jsx(Text, { dimColor: true, children: line.substring(0, 100) })] }, i))), hasMore && _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "\u2502" }), "  ", _jsxs(Text, { dimColor: true, children: ["... (", totalLines - 5, " more lines)"] })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "\u2570\u2500" }), " ", _jsx(Text, { color: statusColor, children: statusIcon })] })] }));
-        }
-        case 'system':
-            return _jsx(Text, { color: "yellow", children: msg.content });
-        case 'error':
-            return _jsxs(Text, { color: "red", children: ["\u2717 ", msg.content] });
-        default:
-            return _jsx(Text, { children: msg.content });
-    }
-}
-function MessageHistory({ messages, collapseSettings }) {
-    // Count tool messages for toolDisplayLimit calculation
-    const toolMessages = messages.filter(m => m.type === 'tool');
-    const totalTools = toolMessages.length;
-    // Track tool index
-    let toolIndex = 0;
-    return (_jsx(Static, { items: messages, children: (msg) => {
-            // For tool messages, pass index for collapse calculation
-            const msgCollapseSettings = msg.type === 'tool'
-                ? { ...collapseSettings, toolIndex: toolIndex++, totalTools }
-                : collapseSettings;
-            return (_jsx(Box, { children: _jsx(MessageItem, { msg: msg, collapse: msgCollapseSettings }) }, msg.id));
-        } }));
-}
-// ============================================================================
-// Modal Components
-// ============================================================================
-function ModelSelector({ models, onSelect, onCancel }) {
-    const [index, setIndex] = useState(0);
-    const pageSize = 10;
-    const start = Math.max(0, Math.min(index - Math.floor(pageSize / 2), models.length - pageSize));
-    const visible = models.slice(start, start + pageSize);
-    useInput((input, key) => {
-        if (key.upArrow)
-            setIndex(i => Math.max(0, i - 1));
-        else if (key.downArrow)
-            setIndex(i => Math.min(models.length - 1, i + 1));
-        else if (key.return)
-            onSelect(models[index].id);
-        else if (key.escape || input === 'q')
-            onCancel();
-    });
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", children: "Select model (\u2191/\u2193 navigate, Enter select, Esc cancel):" }), visible.map((model, i) => {
-                const globalIndex = start + i;
-                const isSelected = globalIndex === index;
-                const name = model.name || model.id;
-                const displayName = name.length > 50 ? name.slice(0, 47) + '...' : name;
-                return (_jsxs(Text, { color: isSelected ? 'cyan' : undefined, bold: isSelected, children: [isSelected ? '❯ ' : '  ', displayName] }, model.id));
-            }), models.length > pageSize && (_jsxs(Text, { dimColor: true, children: ["  (", index + 1, "/", models.length, ")"] }))] }));
-}
-function SessionSelector({ sessions, onSelect, onDelete, onCancel }) {
-    const [index, setIndex] = useState(0);
-    const pageSize = 5;
-    // Keep selection visible - scroll window to follow selection
-    const start = Math.max(0, Math.min(index - pageSize + 1, sessions.length - pageSize));
-    const end = Math.min(start + pageSize, sessions.length);
-    const visible = sessions.slice(start, end);
-    const hasMore = sessions.length > pageSize;
-    const hasAbove = start > 0;
-    const hasBelow = end < sessions.length;
-    useInput((input, key) => {
-        if (key.upArrow)
-            setIndex(i => Math.max(0, i - 1));
-        else if (key.downArrow)
-            setIndex(i => Math.min(sessions.length - 1, i + 1));
-        else if (key.return && sessions.length > 0)
-            onSelect(sessions[index]);
-        else if ((key.backspace || key.delete) && sessions.length > 0)
-            onDelete(sessions[index]);
-        else if (key.escape || input === 'q')
-            onCancel();
-    });
-    const formatTimeAgo = (dateStr) => {
-        const diff = Date.now() - new Date(dateStr).getTime();
-        const hours = Math.floor(diff / (1000 * 60 * 60));
-        const days = Math.floor(hours / 24);
-        if (days > 0)
-            return `${days}d ago`;
-        if (hours > 0)
-            return `${hours}h ago`;
-        const minutes = Math.floor(diff / (1000 * 60));
-        return `${minutes}m ago`;
-    };
-    if (sessions.length === 0) {
-        return (_jsx(Box, { flexDirection: "column", marginY: 1, children: _jsx(Text, { dimColor: true, children: "No sessions found. Press Esc to close." }) }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Text, { color: "yellow", children: "Sessions (\u2191/\u2193, Enter load, Del delete, Esc cancel):" }), hasMore && hasAbove && _jsx(Text, { dimColor: true, children: "  \u2191 more" }), visible.map((session, i) => {
-                const globalIndex = start + i;
-                const isSelected = globalIndex === index;
-                const timeAgo = formatTimeAgo(session.lastAccessedAt);
-                const name = session.projectName.length > 30 ? session.projectName.slice(0, 27) + '...' : session.projectName;
-                return (_jsxs(Text, { color: isSelected ? 'cyan' : undefined, bold: isSelected, children: [isSelected ? '❯ ' : '  ', name, " ", _jsxs(Text, { dimColor: true, children: ["(", timeAgo, ", ", session.messageCount, " msgs)"] })] }, session.id));
-            }), hasMore && hasBelow && _jsx(Text, { dimColor: true, children: "  \u2193 more" }), hasMore && _jsxs(Text, { dimColor: true, children: ["  ", index + 1, "/", sessions.length] })] }));
-}
-function UpgradePrompt({ currentVersion, latestVersion, onConfirm, onCancel }) {
-    useInput((input, key) => {
-        if (input === 'y' || input === 'Y')
-            onConfirm();
-        else if (input === 'n' || input === 'N' || key.escape)
-            onCancel();
-    });
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Text, { color: "yellow", children: ["Update available: v", currentVersion, " \u2192 ", _jsxs(Text, { color: "green", children: ["v", latestVersion] })] }), _jsxs(Text, { children: ["Upgrade now? ", _jsx(Text, { color: "cyan", children: "(y/N)" })] })] }));
-}
-function ComplexityWarning({ reason, prompt, onProceed, onPlan, onCancel, }) {
-    useInput((input, key) => {
-        if (input === 'p' || input === 'P')
-            onProceed();
-        else if (input === 'l' || input === 'L')
-            onPlan();
-        else if (key.escape || input === 'c' || input === 'C')
-            onCancel();
-    });
-    // Analyze the prompt for operation preview
-    const analysis = React.useMemo(() => {
-        if (!prompt)
-            return null;
-        const lower = prompt.toLowerCase();
-        const cwd = process.cwd();
-        // Parse file references
-        const fileRefs = parseFileReferences(prompt, cwd);
-        // Detect operation types
-        const operations = [];
-        if (lower.includes('delete') || lower.includes('remove') || lower.includes('rm ')) {
-            operations.push('Delete files');
-        }
-        if (lower.includes('create') || lower.includes('add') || lower.includes('new ')) {
-            operations.push('Create files');
-        }
-        if (lower.includes('modify') || lower.includes('change') || lower.includes('update') || lower.includes('edit')) {
-            operations.push('Modify files');
-        }
-        if (lower.includes('refactor') || lower.includes('restructure') || lower.includes('reorganize')) {
-            operations.push('Refactor code');
-        }
-        if (lower.includes('install') || lower.includes('npm') || lower.includes('yarn') || lower.includes('pip')) {
-            operations.push('Install packages');
-        }
-        if (lower.includes('git ') || lower.includes('commit') || lower.includes('push') || lower.includes('merge')) {
-            operations.push('Git operations');
-        }
-        if (lower.includes('test') || lower.includes('build') || lower.includes('compile')) {
-            operations.push('Build/Test');
-        }
-        // Estimate risk level based on keywords
-        let riskLevel = 'medium';
-        if (lower.includes('delete') || lower.includes('remove') || lower.includes('force') || lower.includes('--hard')) {
-            riskLevel = 'high';
-        }
-        else if (lower.includes('read') || lower.includes('show') || lower.includes('list') || lower.includes('find')) {
-            riskLevel = 'low';
-        }
-        return {
-            files: fileRefs.files,
-            operations,
-            riskLevel,
-        };
-    }, [prompt]);
-    const riskColors = { low: 'green', medium: 'yellow', high: 'red' };
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: "\uD83D\uDD0D Operation Preview" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: reason }), analysis && (_jsxs(_Fragment, { children: [_jsx(Text, { children: " " }), analysis.operations.length > 0 && (_jsxs(Text, { children: ["Operations: ", _jsx(Text, { color: "cyan", children: analysis.operations.join(', ') })] })), analysis.files.length > 0 && (_jsxs(Text, { children: ["Files referenced: ", _jsx(Text, { color: "cyan", children: analysis.files.length }), analysis.files.length <= 3 && (_jsxs(Text, { dimColor: true, children: [" (", analysis.files.map(f => f.split('/').pop()).join(', '), ")"] }))] })), _jsxs(Text, { children: ["Risk level: ", _jsx(Text, { color: riskColors[analysis.riskLevel], children: analysis.riskLevel.toUpperCase() })] })] })), _jsx(Text, { children: " " }), _jsx(Text, { children: "This operation may affect multiple files or require careful planning." }), _jsx(Text, { children: " " }), _jsx(Text, { color: "cyan", children: "How would you like to proceed?" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "green", children: "[P]" }), _jsx(Text, { children: "roceed directly  " }), _jsx(Text, { color: "yellow", children: "[L]" }), _jsx(Text, { children: "et me plan first  " }), _jsx(Text, { color: "red", children: "[C]" }), _jsx(Text, { children: "ancel" })] })] }));
-}
-function SessionResumePrompt({ session, onResume, onNew, }) {
-    useInput((input, key) => {
-        if (input === 'r' || input === 'R')
-            onResume();
-        else if (input === 'n' || input === 'N' || key.escape)
-            onNew();
-    });
-    const timeAgo = (() => {
-        const diff = Date.now() - new Date(session.lastAccessedAt).getTime();
-        const hours = Math.floor(diff / (1000 * 60 * 60));
-        const days = Math.floor(hours / 24);
-        if (days > 0)
-            return `${days} day${days > 1 ? 's' : ''} ago`;
-        if (hours > 0)
-            return `${hours} hour${hours > 1 ? 's' : ''} ago`;
-        const minutes = Math.floor(diff / (1000 * 60));
-        return `${minutes} minute${minutes > 1 ? 's' : ''} ago`;
-    })();
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, borderStyle: "round", borderColor: "cyan", paddingX: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "\uD83D\uDCC2 Previous Session Found" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Project: ", _jsx(Text, { color: "yellow", children: session.projectName })] }), _jsxs(Text, { children: ["Last active: ", _jsx(Text, { dimColor: true, children: timeAgo })] }), _jsxs(Text, { children: ["Messages: ", _jsx(Text, { dimColor: true, children: session.messageCount })] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "[R]" }), "esume session  ", _jsx(Text, { color: "cyan", children: "[N]" }), "ew session"] })] }));
-}
-function ToolConfirmation({ toolCall, riskLevel, reason, onConfirm, onDeny }) {
-    useInput((input, key) => {
-        if (input === 'y' || input === 'Y')
-            onConfirm();
-        else if (input === 'n' || input === 'N' || key.escape)
-            onDeny();
-    });
-    const args = toolCall.arguments;
-    const preview = String(args.command || args.path || args.operation || '...');
-    const riskColor = riskLevel === 'critical' ? 'red' : 'yellow';
-    const riskIcon = riskLevel === 'critical' ? '⚠️' : '⚡';
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, borderStyle: "round", borderColor: riskColor, paddingX: 1, children: [_jsxs(Text, { color: riskColor, bold: true, children: [riskIcon, " ", riskLevel.toUpperCase(), " RISK OPERATION"] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Tool: ", _jsx(Text, { color: "cyan", children: toolCall.name })] }), _jsxs(Text, { children: ["Command: ", _jsx(Text, { dimColor: true, children: preview.substring(0, 60) })] }), _jsxs(Text, { children: ["Reason: ", _jsx(Text, { dimColor: true, children: reason })] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Execute this operation? ", _jsx(Text, { color: "cyan", children: "(y/N)" })] })] }));
-}
-// Keybindings modal component
-function KeybindingsModal({ onClose }) {
-    useInput((input, key) => {
-        if (key.escape || key.return || input === 'q')
-            onClose();
-    });
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: "\u2328\uFE0F  Keyboard Shortcuts" }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, color: "yellow", children: "General:" }), _jsx(Text, { children: "  Enter          Submit message" }), _jsx(Text, { children: "  Alt/Ctrl+Enter Insert newline (multiline)" }), _jsx(Text, { children: "  Shift+Tab      Cycle modes (plan/hybrid/work)" }), _jsx(Text, { children: "  Esc            Cancel operation / show hint" }), _jsx(Text, { children: "  Ctrl+C         Exit" }), _jsx(Text, { children: "  \u2191/\u2193            Navigate input history" }), _jsx(Text, { children: "  Tab            Auto-complete commands/paths" }), _jsx(Text, { children: "  Ctrl+U         Clear input line" }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, color: "yellow", children: "During Processing (queue mode):" }), _jsx(Text, { children: "  Enter          Queue message for later" }), _jsx(Text, { children: "  !message       Send directly (interrupt agent)" }), _jsx(Text, { children: "  \u2191/\u2193            Edit queued messages" }), _jsx(Text, { children: "  Ctrl+D         Delete queued message" }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, color: "yellow", children: "Quick Commands:" }), _jsx(Text, { children: "  /keys          This help" }), _jsx(Text, { children: "  /work          Switch to work mode" }), _jsx(Text, { children: "  /plan          Switch to plan mode" }), _jsx(Text, { children: "  /flush         Force-process queue" }), _jsx(Text, { children: "  /unstick       Reset stuck state" }), _jsx(Text, { children: "  /debug on/off  Toggle debug mode" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Press any key to close..." })] }));
-}
-// ============================================================================
-// Slash Commands (for tab completion)
-// ============================================================================
-const SLASH_COMMANDS = [
-    '/help', '/h',
-    '/mode', '/m',
-    '/provider', '/p',
-    '/model',
-    '/models',
-    '/route',
-    '/persona',
-    '/todo',
-    '/plans',
-    '/session',
-    '/sessions',
-    '/history',
-    '/context',
-    '/summarize',
-    '/clear', '/c',
-    '/copy',
-    '/export',
-    '/edit',
-    '/undo',
-    '/redo',
-    '/confirm',
-    '/profile',
-    '/mcp',
-    '/skills',
-    '/memory',
-    '/project',
-    '/find',
-    '/branch',
-    '/theme',
-    '/hooks',
-    '/search',
-    '/status', '/s',
-    '/config',
-    '/set',
-    '/layout',
-    '/density',
-    '/collapse',
-    '/scope',
-    '/add-dir',
-    '/remove-dir',
-    '/agents',
-    '/upgrade',
-    '/loop',
-    '/cancel-loop',
-    '/exit',
-    '/keys',
-    '/?',
-    '/queue',
-    '/flush',
-    '/debug',
-    '/unstick',
-    '/work',
-    '/plan',
-    '/resume',
-];
-// Commands that take a path argument (for file tab completion)
-const PATH_COMMANDS = ['/add-dir', '/remove-dir', '/export', '/find'];
-/**
- * Get file/directory completions for a partial path
- */
-function getPathCompletions(partial, cwd) {
-    try {
-        // fs and path are imported at the top of the file
-        // Handle empty or relative paths
-        let searchDir;
-        let prefix;
-        if (!partial || partial === '') {
-            searchDir = cwd;
-            prefix = '';
-        }
-        else if (partial.startsWith('/')) {
-            // Absolute path
-            const lastSlash = partial.lastIndexOf('/');
-            searchDir = partial.substring(0, lastSlash) || '/';
-            prefix = partial.substring(lastSlash + 1);
-        }
-        else if (partial.startsWith('~')) {
-            // Home directory
-            const home = process.env.HOME || '/tmp';
-            const expanded = partial.replace('~', home);
-            const lastSlash = expanded.lastIndexOf('/');
-            searchDir = expanded.substring(0, lastSlash) || home;
-            prefix = expanded.substring(lastSlash + 1);
-        }
-        else {
-            // Relative path
-            const lastSlash = partial.lastIndexOf('/');
-            if (lastSlash === -1) {
-                searchDir = cwd;
-                prefix = partial;
-            }
-            else {
-                searchDir = path.join(cwd, partial.substring(0, lastSlash));
-                prefix = partial.substring(lastSlash + 1);
-            }
-        }
-        if (!fs.existsSync(searchDir))
-            return [];
-        const entries = fs.readdirSync(searchDir, { withFileTypes: true });
-        const matches = [];
-        for (const entry of entries) {
-            if (entry.name.startsWith('.') && !prefix.startsWith('.'))
-                continue; // Skip hidden unless typing hidden
-            if (prefix && !entry.name.toLowerCase().startsWith(prefix.toLowerCase()))
-                continue;
-            const fullPath = path.join(searchDir, entry.name);
-            const displayPath = partial.startsWith('/')
-                ? fullPath
-                : partial.startsWith('~')
-                    ? fullPath.replace(process.env.HOME || '', '~')
-                    : path.relative(cwd, fullPath) || entry.name;
-            matches.push(entry.isDirectory() ? displayPath + '/' : displayPath);
-        }
-        return matches.sort().slice(0, 10); // Limit to 10 suggestions
-    }
-    catch {
-        return [];
-    }
-}
-// ============================================================================
-// Input Components
-// ============================================================================
-function ChatInput({ value, onChange, onSubmit, onEscape, onCycleMode, disabled, isProcessing, queuedCount, queuedMessages, editingQueueIndex, onQueueMessage, onEditQueuedMessage, onSetEditingQueueIndex, onDirectSend, cwd, suggestions, onSuggestionsChange, onNavigateHistory, 
-// Smart suggestion context
-currentMode, contextPercentage, recentCommands, hasGitRepo, }) {
-    const workingDir = cwd || process.cwd();
-    // Debug logging (set CALLIOPE_DEBUG=1 to enable) - use async to avoid input lag
-    const debug = process.env.CALLIOPE_DEBUG === '1';
-    const log = debug
-        ? (msg) => fs.appendFile('/tmp/calliope-debug.log', `${new Date().toISOString()} [input] ${msg}\n`, () => { })
-        : () => { };
-    // CRITICAL FIX: Use refs to track the current value and cursor position
-    // This prevents stale closure issues when typing rapidly before React re-renders
-    const valueRef = React.useRef(value);
-    const cursorRef = React.useRef(value.length); // Cursor position (0 = start, length = end)
-    const internalChangeRef = React.useRef(false); // Track if change was from typing
-    // Sync refs when prop changes (from external sources like history navigation)
-    React.useEffect(() => {
-        // Only reset cursor if change was external (not from our own typing)
-        if (!internalChangeRef.current) {
-            valueRef.current = value;
-            cursorRef.current = value.length; // Move cursor to end on external change
-        }
-        internalChangeRef.current = false;
-    }, [value]);
-    // Helper to update value - updates ref IMMEDIATELY, then notifies parent
-    const updateValue = (newValue, newCursor) => {
-        valueRef.current = newValue; // Update ref synchronously
-        cursorRef.current = newCursor ?? newValue.length; // Default cursor to end
-        internalChangeRef.current = true; // Mark as internal change
-        onChange(newValue); // Then notify parent (may batch)
-    };
-    // Force re-render for cursor position changes (cursor is visual only)
-    const [, forceRender] = React.useState(0);
-    const updateCursor = (pos) => {
-        cursorRef.current = Math.max(0, Math.min(pos, valueRef.current.length));
-        forceRender(n => n + 1);
-    };
-    // Handle ALL keyboard input here - single source of input handling
-    useInput((input, key) => {
-        const currentValue = valueRef.current;
-        log(`key: "${input}" ${JSON.stringify(key)} val="${currentValue}" disabled=${disabled}`);
-        // ESC to exit (always works)
-        if (key.escape) {
-            log('-> escape');
-            onEscape();
-            return;
-        }
-        // Ctrl+C to exit (always works)
-        if (key.ctrl && input === 'c') {
-            onEscape();
-            return;
-        }
-        // When fully disabled (modal), ignore all input
-        if (disabled) {
-            return;
-        }
-        // When processing, queue messages instead of submitting directly
-        if (isProcessing) {
-            // Ensure cursor is valid
-            let cursor = cursorRef.current;
-            if (cursor > currentValue.length)
-                cursor = currentValue.length;
-            if (cursor < 0)
-                cursor = 0;
-            // Left/right arrow for cursor movement
-            if (key.leftArrow) {
-                updateCursor(cursor - 1);
-                return;
-            }
-            if (key.rightArrow) {
-                updateCursor(cursor + 1);
-                return;
-            }
-            // Backspace - support multiple variants including Mac delete key
-            const isBackspace = key.backspace || key.delete || (key.ctrl && input === 'h') || input === '\x7f' || input === '\b';
-            if (isBackspace) {
-                if (cursor > 0) {
-                    const newValue = currentValue.slice(0, cursor - 1) + currentValue.slice(cursor);
-                    updateValue(newValue, cursor - 1);
-                }
-                else if (currentValue.length > 0) {
-                    updateValue(currentValue.slice(0, -1), currentValue.length - 1);
-                }
-                return;
-            }
-            if (key.ctrl && input === 'u') {
-                updateValue('');
-                onSetEditingQueueIndex?.(null); // Clear editing state
-                return;
-            }
-            // Ctrl+A to go to start, Ctrl+E to go to end
-            if (key.ctrl && input === 'a') {
-                updateCursor(0);
-                return;
-            }
-            if (key.ctrl && input === 'e') {
-                updateCursor(currentValue.length);
-                return;
-            }
-            // Up/Down arrows to navigate queued messages for editing
-            if (key.upArrow && queuedMessages && queuedMessages.length > 0) {
-                if (editingQueueIndex === null || editingQueueIndex === undefined) {
-                    // Start editing the last queued message
-                    const idx = queuedMessages.length - 1;
-                    onSetEditingQueueIndex?.(idx);
-                    updateValue(queuedMessages[idx]);
-                }
-                else if (editingQueueIndex > 0) {
-                    // Move to previous message
-                    const idx = editingQueueIndex - 1;
-                    onSetEditingQueueIndex?.(idx);
-                    updateValue(queuedMessages[idx]);
-                }
-                return;
-            }
-            if (key.downArrow && queuedMessages && editingQueueIndex !== null && editingQueueIndex !== undefined) {
-                if (editingQueueIndex < queuedMessages.length - 1) {
-                    // Move to next message
-                    const idx = editingQueueIndex + 1;
-                    onSetEditingQueueIndex?.(idx);
-                    updateValue(queuedMessages[idx]);
-                }
-                else {
-                    // At the end, clear to new input
-                    onSetEditingQueueIndex?.(null);
-                    updateValue('');
-                }
-                return;
-            }
-            // Alt+Enter or Ctrl+Enter to insert newline (multiline input)
-            if (key.return && (key.meta || key.ctrl)) {
-                updateValue(currentValue + '\n');
-                return;
-            }
-            // Shift+Enter sends directly (interrupts current operation)
-            // Note: Many terminals don't distinguish Shift+Enter from Enter
-            // Use ! prefix as reliable alternative: "!message" sends immediately
-            if (key.return && key.shift && currentValue.trim() && onDirectSend) {
-                onDirectSend(currentValue.trim());
-                onSetEditingQueueIndex?.(null);
-                updateValue('');
-                return;
-            }
-            // ! prefix sends directly: "!fix this now" interrupts and sends
-            if (key.return && currentValue.trim().startsWith('!') && onDirectSend) {
-                const msg = currentValue.trim().slice(1).trim(); // Remove ! prefix
-                if (msg) {
-                    onDirectSend(msg);
-                    onSetEditingQueueIndex?.(null);
-                    updateValue('');
-                    return;
-                }
-            }
-            // Enter queues or updates the message
-            if (key.return && currentValue.trim()) {
-                if (editingQueueIndex !== null && editingQueueIndex !== undefined && onEditQueuedMessage) {
-                    // Update existing queued message
-                    onEditQueuedMessage(editingQueueIndex, currentValue.trim());
-                    onSetEditingQueueIndex?.(null);
-                    updateValue('');
-                }
-                else if (onQueueMessage) {
-                    // Add new queued message
-                    onQueueMessage(currentValue.trim());
-                    updateValue('');
-                }
-                return;
-            }
-            // Ctrl+D to delete currently editing queued message
-            if (key.ctrl && input === 'd' && editingQueueIndex !== null && editingQueueIndex !== undefined && onEditQueuedMessage) {
-                onEditQueuedMessage(editingQueueIndex, ''); // Empty string signals deletion
-                onSetEditingQueueIndex?.(null);
-                updateValue('');
-                return;
-            }
-            // Regular input - insert at cursor position
-            if (input && !key.ctrl && !key.meta && !key.tab) {
-                const cursor = cursorRef.current;
-                const newValue = currentValue.slice(0, cursor) + input + currentValue.slice(cursor);
-                updateValue(newValue, cursor + input.length);
-            }
-            return;
-        }
-        // Shift+Tab to cycle mode
-        if (key.shift && key.tab) {
-            onCycleMode();
-            return;
-        }
-        // Alt+Enter or Ctrl+Enter to insert newline (multiline input)
-        if (key.return && (key.meta || key.ctrl)) {
-            updateValue(currentValue + '\n');
-            return;
-        }
-        // Enter to submit
-        if (key.return) {
-            if (currentValue.trim()) {
-                onSubmit(currentValue);
-            }
-            return;
-        }
-        // Cursor movement with arrow keys
-        // Ensure cursor is valid (might be out of sync)
-        let cursor = cursorRef.current;
-        if (cursor > currentValue.length)
-            cursor = currentValue.length;
-        if (cursor < 0)
-            cursor = 0;
-        if (key.leftArrow) {
-            updateCursor(cursor - 1);
-            return;
-        }
-        if (key.rightArrow) {
-            updateCursor(cursor + 1);
-            return;
-        }
-        // Backspace deletes character before cursor (or from end if cursor is 0 but there's text)
-        // Support multiple backspace variants:
-        // - key.backspace (Ink's detection)
-        // - key.delete (Mac delete key is often detected as this)
-        // - Ctrl+H (ASCII backspace control code)
-        // - \x7f DEL char (Mac delete key raw)
-        // - \b BS char (traditional backspace)
-        const isBackspace = key.backspace || key.delete || (key.ctrl && input === 'h') || input === '\x7f' || input === '\b';
-        if (isBackspace) {
-            if (cursor > 0) {
-                const newValue = currentValue.slice(0, cursor - 1) + currentValue.slice(cursor);
-                updateValue(newValue, cursor - 1);
-            }
-            else if (currentValue.length > 0) {
-                // Fallback: delete from end if cursor is somehow at 0
-                updateValue(currentValue.slice(0, -1), currentValue.length - 1);
-            }
-            return;
-        }
-        // Ctrl+U to clear line
-        if (key.ctrl && input === 'u') {
-            updateValue('');
-            return;
-        }
-        // Ctrl+A to go to start, Ctrl+E to go to end
-        if (key.ctrl && input === 'a') {
-            updateCursor(0);
-            return;
-        }
-        if (key.ctrl && input === 'e') {
-            updateCursor(currentValue.length);
-            return;
-        }
-        // Tab completion for slash commands and paths
-        if (key.tab && !key.shift) {
-            // Check if we're completing a path after a path command
-            const parts = currentValue.split(/\s+/);
-            const cmd = parts[0]?.toLowerCase();
-            if (PATH_COMMANDS.includes(cmd) && parts.length >= 1) {
-                // Path completion
-                const pathPart = parts.slice(1).join(' ');
-                const completions = getPathCompletions(pathPart, workingDir);
-                if (completions.length === 1) {
-                    updateValue(`${cmd} ${completions[0]}`);
-                    onSuggestionsChange?.([]);
-                }
-                else if (completions.length > 1) {
-                    // Find common prefix
-                    let commonPrefix = completions[0];
-                    for (const comp of completions) {
-                        while (!comp.startsWith(commonPrefix)) {
-                            commonPrefix = commonPrefix.slice(0, -1);
-                        }
-                    }
-                    if (commonPrefix.length > pathPart.length) {
-                        updateValue(`${cmd} ${commonPrefix}`);
-                    }
-                    onSuggestionsChange?.(completions);
-                }
-                return;
-            }
-            // Slash command completion with smart suggestions
-            if (currentValue.startsWith('/')) {
-                // Use smart suggestions if context is available
-                const smartMatches = getSmartCommandSuggestions({
-                    input: currentValue,
-                    hasGitRepo: hasGitRepo ?? false,
-                    contextPercentage: contextPercentage ?? 0,
-                    currentMode: currentMode ?? 'hybrid',
-                    recentCommands: recentCommands ?? [],
-                    isProcessing: isProcessing ?? false,
-                });
-                // Fall back to basic matching if smart suggestions didn't find anything
-                const partial = currentValue.toLowerCase();
-                const matches = smartMatches.length > 0 ? smartMatches : SLASH_COMMANDS.filter(cmdName => cmdName.startsWith(partial) && cmdName !== partial);
-                if (matches.length === 1) {
-                    updateValue(matches[0] + ' ');
-                    onSuggestionsChange?.([]);
-                }
-                else if (matches.length > 1) {
-                    let commonPrefix = matches[0];
-                    for (const match of matches) {
-                        while (!match.startsWith(commonPrefix)) {
-                            commonPrefix = commonPrefix.slice(0, -1);
-                        }
-                    }
-                    if (commonPrefix.length > currentValue.length) {
-                        updateValue(commonPrefix);
-                    }
-                    onSuggestionsChange?.(matches);
-                }
-                return;
-            }
-        }
-        // Up/down arrows for history navigation
-        if (key.upArrow && onNavigateHistory) {
-            onNavigateHistory('up');
-            return;
-        }
-        if (key.downArrow && onNavigateHistory) {
-            onNavigateHistory('down');
-            return;
-        }
-        // Ignore other control keys, meta, and tab
-        if (key.ctrl || key.meta || key.tab) {
-            return;
-        }
-        // Regular character input - insert at cursor position
-        if (input) {
-            const cursorPos = cursorRef.current;
-            const newValue = currentValue.slice(0, cursorPos) + input + currentValue.slice(cursorPos);
-            log(`-> char "${input}": "${currentValue}" -> "${newValue}" cursor=${cursorPos}`);
-            updateValue(newValue, cursorPos + input.length);
-        }
-    }, { isActive: !disabled });
-    // Determine prompt style based on state
-    const promptColor = disabled ? 'gray' : isProcessing ? 'yellow' : 'cyan';
-    const isEditing = editingQueueIndex !== null && editingQueueIndex !== undefined;
-    const promptText = isProcessing
-        ? (isEditing ? `edit[${editingQueueIndex + 1}]>` : 'queue>')
-        : 'calliope>';
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Separator, {}), suggestions && suggestions.length > 0 && (_jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Tab: " }), _jsx(Text, { color: "cyan", children: suggestions.slice(0, 5).join('  ') }), suggestions.length > 5 && _jsxs(Text, { dimColor: true, children: ["  (+", suggestions.length - 5, " more)"] })] })), (queuedCount ?? 0) > 0 && (_jsxs(Box, { children: [_jsxs(Text, { color: "yellow", children: ["\uD83D\uDCE8 ", queuedCount, " queued"] }), _jsx(Text, { dimColor: true, children: " | !msg to send now" })] })), _jsxs(Box, { children: [_jsxs(Text, { color: promptColor, children: [promptText, " "] }), _jsx(Text, { children: value.slice(0, cursorRef.current) }), _jsx(Text, { color: promptColor, children: "\u258C" }), _jsx(Text, { children: value.slice(cursorRef.current) })] })] }));
-}
-// Module-level state for context tracking (persists across renders)
-const contextState = {
-    lastLevel: 'healthy',
-    warningCounts: { healthy: 0, caution: 0, warning: 0, critical: 0, emergency: 0 },
-    lastWarningTime: 0,
-};
-function getContextLevel(percentage) {
-    if (percentage >= 98)
-        return 'emergency';
-    if (percentage >= 95)
-        return 'critical';
-    if (percentage >= 85)
-        return 'warning';
-    if (percentage >= 70)
-        return 'caution';
-    return 'healthy';
-}
-function getContextLevelIndex(level) {
-    const order = ['healthy', 'caution', 'warning', 'critical', 'emergency'];
-    return order.indexOf(level);
-}
-function shouldShowContextWarning(level) {
-    if (level === 'healthy')
-        return false;
-    const now = Date.now();
-    const timeSinceLastWarning = now - contextState.lastWarningTime;
-    const minInterval = level === 'emergency' ? 30000 : 60000; // 30s for emergency, 60s otherwise
-    // Always warn on level increase
-    if (getContextLevelIndex(level) > getContextLevelIndex(contextState.lastLevel)) {
-        return true;
-    }
-    // Warn again if enough time has passed and we're at critical/emergency
-    if ((level === 'critical' || level === 'emergency') && timeSinceLastWarning > minInterval) {
-        return true;
-    }
-    return false;
-}
-function checkAndWarnContextLimit(provider, model, tokens, addMessage) {
-    const limit = getModelContextLimit(provider, model);
-    const percentage = (tokens / limit) * 100;
-    const level = getContextLevel(percentage);
-    const used = Math.round(tokens / 1000);
-    const limitK = Math.round(limit / 1000);
-    if (!shouldShowContextWarning(level))
-        return;
-    // Update state
-    contextState.lastLevel = level;
-    contextState.warningCounts[level]++;
-    contextState.lastWarningTime = Date.now();
-    // Generate warning message based on level
-    let message;
-    switch (level) {
-        case 'emergency':
-            message = `\x1b[31m\x1b[1m🚨 EMERGENCY: Context at ${Math.round(percentage)}% (${used}K/${limitK}K)\x1b[0m
-\x1b[31m   Responses WILL be truncated. Take action NOW:\x1b[0m
-\x1b[2m   /summarize compact - Auto-compress (recommended)
-   /clear - Fresh start
-   /branch new "save" - Save and branch\x1b[0m`;
-            break;
-        case 'critical':
-            message = `\x1b[31m🔴 CRITICAL: Context at ${Math.round(percentage)}% (${used}K/${limitK}K)\x1b[0m
-\x1b[2m   Approaching limits. Action recommended:
-   /summarize compact | /clear | shorter messages\x1b[0m`;
-            break;
-        case 'warning':
-            message = `\x1b[33m⚠️  WARNING: Context at ${Math.round(percentage)}% (${used}K/${limitK}K)\x1b[0m
-\x1b[2m   Consider: /summarize compact | /clear\x1b[0m`;
-            break;
-        case 'caution':
-            message = `\x1b[36m💡 Context at ${Math.round(percentage)}% (${used}K/${limitK}K)\x1b[0m
-\x1b[2m   Monitor usage. /context summary for details\x1b[0m`;
-            break;
-        default:
-            return;
-    }
-    console.log(message + '\n');
-    // Also add to UI messages if callback provided (for critical+)
-    if (addMessage && (level === 'critical' || level === 'emergency')) {
-        const uiMessage = level === 'emergency'
-            ? `🚨 EMERGENCY: Context at ${Math.round(percentage)}% - responses will be truncated! Use /summarize compact NOW`
-            : `🔴 Context at ${Math.round(percentage)}% - consider /summarize compact`;
-        addMessage('system', uiMessage);
-    }
-}
-function resetContextWarnings() {
-    contextState.lastLevel = 'healthy';
-    contextState.warningCounts = { healthy: 0, caution: 0, warning: 0, critical: 0, emergency: 0 };
-    contextState.lastWarningTime = 0;
-}
-function getSmartCommandSuggestions(ctx) {
-    const { input, hasGitRepo, contextPercentage, currentMode, recentCommands } = ctx;
-    if (!input.startsWith('/'))
-        return [];
-    const suggestions = [];
-    const inputLower = input.toLowerCase();
-    // All available commands for matching
-    const allCommands = [
-        '/help', '/clear', '/exit', '/quit',
-        '/mode', '/work', '/plan',
-        '/provider', '/model', '/models', '/config',
-        '/scope', '/add-dir', '/remove-dir', '/find',
-        '/summarize', '/context', '/cost', '/session',
-        '/debug', '/keys', '/unstick', '/flush',
-        '/branch', '/branches', '/switch',
-        '/save', '/load', '/sessions',
-        '/git', '/run', '/set', '/confirm',
-    ];
-    // Context-aware prioritization
-    const prioritized = [];
-    // High context? Suggest compaction commands first
-    if (contextPercentage > 70) {
-        prioritized.push('/summarize compact', '/clear', '/branch new');
-    }
-    // Mode-specific suggestions
-    if (currentMode === 'plan') {
-        prioritized.push('/mode hybrid', '/work');
-    }
-    else if (currentMode === 'work') {
-        prioritized.push('/mode hybrid', '/plan');
-    }
-    // Git repo? Suggest git commands
-    if (hasGitRepo) {
-        prioritized.push('/git status', '/git diff', '/git add', '/git commit');
-    }
-    // Add recent commands (deduplicated)
-    for (const cmd of recentCommands.slice(-5)) {
-        if (cmd.startsWith('/') && !prioritized.includes(cmd)) {
-            prioritized.push(cmd);
-        }
-    }
-    // Filter by what user is typing
-    const matchingPrioritized = prioritized.filter(cmd => cmd.toLowerCase().startsWith(inputLower));
-    const matchingAll = allCommands.filter(cmd => cmd.toLowerCase().startsWith(inputLower) && !matchingPrioritized.includes(cmd));
-    suggestions.push(...matchingPrioritized, ...matchingAll);
-    return suggestions.slice(0, 6);
-}
-function StatusBar({ provider, model, stats, mode, contextTokens, }) {
-    const formatTokens = (n) => n >= 1000 ? `${(n / 1000).toFixed(1)}K` : String(n);
-    const formatCost = (c) => c < 0.01 ? '<$0.01' : `$${c.toFixed(2)}`;
-    const displayModel = model.length > 25 ? model.slice(0, 22) + '...' : model;
-    const modeConfig = MODE_CONFIG[mode];
-    // Context usage indicator - uses model's actual context length from API
-    const contextLimit = getModelContextLimit(provider, model);
-    const contextPct = Math.min(100, Math.round((contextTokens / contextLimit) * 100));
-    const contextColor = contextPct > 80 ? 'red' : contextPct > 50 ? 'yellow' : 'green';
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Separator, {}), _jsxs(Text, { dimColor: true, children: [modeConfig.icon, " ", modeConfig.label, ' │ ', provider, ":", displayModel, ' │ ', _jsxs(Text, { color: contextColor, children: [formatTokens(contextTokens), "/", formatTokens(contextLimit)] }), ' │ ', formatTokens(stats.inputTokens + stats.outputTokens), " used", ' │ ', formatCost(stats.cost), ' │ ', _jsx(Text, { dimColor: true, children: "Esc: exit" })] })] }));
-}
-// ============================================================================
-// Main Chat Component
-// ============================================================================
-function TerminalChat() {
-    const { exit } = useApp();
-    const { stdout } = useStdout();
-    const width = stdout?.columns || 80;
-    // Core state
-    const [input, setInput] = useState('');
-    const [suggestions, setSuggestions] = useState([]);
-    const [messages, setMessages] = useState([]);
-    const [isProcessing, setIsProcessing] = useState(false);
-    const [thinkingState, setThinkingState] = useState(null);
-    const [streamingResponse, setStreamingResponse] = useState('');
-    const [activityState, setActivityState] = useState(null);
-    // Input history for up/down arrow navigation
-    const [inputHistory, setInputHistory] = useState([]);
-    const [historyIndex, setHistoryIndex] = useState(-1);
-    const [savedInput, setSavedInput] = useState(''); // Save current input when navigating
-    // Smart suggestions context
-    const [hasGitRepo] = useState(() => {
-        try {
-            return fs.existsSync('.git') || fs.existsSync('../.git');
-        }
-        catch {
-            return false;
-        }
-    });
-    const recentCommands = React.useMemo(() => inputHistory.filter(cmd => cmd.startsWith('/')).slice(-10), [inputHistory]);
-    // Clear suggestions when input changes significantly
-    const handleInputChange = useCallback((newValue) => {
-        setInput(newValue);
-        // Clear suggestions if user clears input or submits
-        if (!newValue || !newValue.startsWith('/')) {
-            setSuggestions([]);
-        }
-        // Reset history navigation when user types
-        setHistoryIndex(-1);
-    }, []);
-    // Navigate input history
-    const navigateHistory = useCallback((direction) => {
-        if (inputHistory.length === 0)
-            return;
-        if (direction === 'up') {
-            if (historyIndex === -1) {
-                // Save current input before navigating
-                setSavedInput(input);
-                setHistoryIndex(inputHistory.length - 1);
-                setInput(inputHistory[inputHistory.length - 1]);
-            }
-            else if (historyIndex > 0) {
-                setHistoryIndex(historyIndex - 1);
-                setInput(inputHistory[historyIndex - 1]);
-            }
-        }
-        else {
-            if (historyIndex === -1)
-                return;
-            if (historyIndex < inputHistory.length - 1) {
-                setHistoryIndex(historyIndex + 1);
-                setInput(inputHistory[historyIndex + 1]);
-            }
-            else {
-                // Return to saved input
-                setHistoryIndex(-1);
-                setInput(savedInput);
-            }
-        }
-    }, [inputHistory, historyIndex, input, savedInput]);
-    // Add to history when submitting
-    const addToHistory = useCallback((value) => {
-        if (value.trim() && (inputHistory.length === 0 || inputHistory[inputHistory.length - 1] !== value)) {
-            setInputHistory(prev => [...prev.slice(-100), value]); // Keep last 100 entries
-        }
-        setHistoryIndex(-1);
-        setSavedInput('');
-    }, [inputHistory]);
-    // Config state
-    // Use lazy initializers to avoid calling config.get() on every render
-    const [provider, setProvider] = useState(() => config.get('defaultProvider'));
-    const [model, setModel] = useState(() => config.get('defaultModel'));
-    const [persona, setPersona] = useState(() => config.get('persona'));
-    const [mode, setMode] = useState('hybrid'); // Default to hybrid mode
-    const [confirmMode, setConfirmMode] = useState(true); // Require confirmation for risky ops
-    const [layout, setLayout] = useState(() => config.get('layout') || 'response-bottom');
-    const [density, setDensity] = useState(() => config.get('density') || 'normal');
-    const [collapseSettings, setCollapseSettings] = useState(() => ({
-        collapseTools: config.get('collapseTools') ?? false,
-        collapseThinking: config.get('collapseThinking') ?? false,
-        toolDisplayLimit: config.get('toolDisplayLimit') ?? 0,
-    }));
-    // Modal state
-    const [modalMode, setModalMode] = useState('none');
-    const [pendingComplexPrompt, setPendingComplexPrompt] = useState(null);
-    const [previousSession, setPreviousSession] = useState(null);
-    const [pendingToolCall, setPendingToolCall] = useState(null);
-    const [availableModels, setAvailableModels] = useState([]);
-    const [availableSessions, setAvailableSessions] = useState([]);
-    const [latestVersion, setLatestVersion] = useState(null);
-    // Stats
-    const [stats, setStats] = useState({
-        inputTokens: 0,
-        outputTokens: 0,
-        cost: 0,
-        messageCount: 0,
-    });
-    const [contextTokens, setContextTokens] = useState(0);
-    // Message queue for human-in-the-loop feedback during processing
-    const [queuedMessages, setQueuedMessages] = useState([]);
-    const queuedMessagesRef = useRef([]); // Ref to avoid stale closure in runAgent
-    const [queueInput, setQueueInput] = useState('');
-    const [editingQueueIndex, setEditingQueueIndex] = useState(null);
-    // Keep ref in sync with state
-    useEffect(() => {
-        queuedMessagesRef.current = queuedMessages;
-    }, [queuedMessages]);
-    const undoStack = useRef([]);
-    const redoStack = useRef([]);
-    const MAX_UNDO_HISTORY = 10;
-    const [bookmarks, setBookmarks] = useState([]);
-    const [templates, setTemplates] = useState([]);
-    // Save state before changes (call before modifying messages)
-    const saveUndoState = useCallback(() => {
-        undoStack.current.push({
-            messages: [...messages],
-            llmMessages: [...llmMessages.current],
-            timestamp: new Date(),
-        });
-        // Limit stack size
-        if (undoStack.current.length > MAX_UNDO_HISTORY) {
-            undoStack.current.shift();
-        }
-        // Clear redo stack on new action
-        redoStack.current = [];
-    }, [messages]);
-    // LLM conversation history
-    const llmMessages = useRef([
-        { role: 'system', content: getSystemPrompt(persona) }
-    ]);
-    // Estimate context tokens (rough: ~4 chars per token)
-    const estimateContextTokens = useCallback(() => {
-        let chars = 0;
-        for (const msg of llmMessages.current) {
-            if (typeof msg.content === 'string') {
-                chars += msg.content.length;
-            }
-            else if (Array.isArray(msg.content)) {
-                for (const block of msg.content) {
-                    if (block.type === 'text') {
-                        chars += block.text.length;
-                    }
-                    else if (block.type === 'image') {
-                        chars += 1000; // Images count as ~250 tokens
-                    }
-                }
-            }
-        }
-        return Math.round(chars / 4);
-    }, []);
-    // Session state
-    const sessionRef = useRef(null);
-    const [autoRoute, setAutoRoute] = useState(false); // Auto model routing
-    const [memoryLoaded, setMemoryLoaded] = useState(false);
-    // Ralph Wiggum loop state
-    const [loopActive, setLoopActive] = useState(false);
-    const [loopPrompt, setLoopPrompt] = useState('');
-    const [loopMaxIterations, setLoopMaxIterations] = useState(100);
-    const [loopCompletionPromise, setLoopCompletionPromise] = useState();
-    const [loopIteration, setLoopIteration] = useState(0);
-    const loopCancelledRef = useRef(false);
-    // Initialize session and load memory on mount
-    useEffect(() => {
-        const cwd = process.cwd();
-        // Check for existing session with messages
-        const existingSessions = storage.listSessions(5);
-        const recentSession = existingSessions.find(s => s.projectPath === cwd &&
-            s.messageCount > 0 &&
-            Date.now() - new Date(s.lastAccessedAt).getTime() < 24 * 60 * 60 * 1000 // Within 24 hours
-        );
-        if (recentSession && !sessionRef.current) {
-            // Offer to resume
-            setPreviousSession({
-                projectName: recentSession.projectName,
-                lastAccessedAt: recentSession.lastAccessedAt,
-                messageCount: recentSession.messageCount,
-            });
-            setModalMode('session-resume');
-        }
-        const session = storage.getOrCreateSession(cwd);
-        sessionRef.current = session;
-        // Load memory context into system prompt
-        if (!memoryLoaded) {
-            const cwd = process.cwd();
-            const memoryContext = memory.buildMemoryContext(cwd);
-            if (memoryContext.trim()) {
-                // Append memory context to system prompt
-                const currentSystem = llmMessages.current[0];
-                if (currentSystem && currentSystem.role === 'system') {
-                    const systemContent = typeof currentSystem.content === 'string'
-                        ? currentSystem.content
-                        : '';
-                    llmMessages.current[0] = {
-                        role: 'system',
-                        content: systemContent + '\n\n--- Project Context ---\n' + memoryContext,
-                    };
-                }
-            }
-            setMemoryLoaded(true);
-            // Execute session start hooks
-            hooks.executeHooks('session-start', {}).catch((err) => {
-                debugLog('hooks', 'session-start hook failed:', err instanceof Error ? err.message : err);
-            });
-            // Load templates from storage
-            const savedTemplates = storage.getTemplates();
-            if (savedTemplates.length > 0) {
-                setTemplates(savedTemplates.map(t => ({
-                    name: t.name,
-                    prompt: t.prompt,
-                    createdAt: new Date(t.createdAt),
-                })));
-            }
-            // Pre-warm model cache in background for faster model switching
-            preWarmModelCache().catch((err) => {
-                debugLog('cache', 'model cache pre-warm failed:', err instanceof Error ? err.message : err);
-            });
-        }
-    }, [memoryLoaded]);
-    // Derived values
-    const actualProvider = selectProvider(provider);
-    const actualModel = model || DEFAULT_MODELS[actualProvider];
-    const isModalActive = modalMode !== 'none';
-    // Add message helper
-    const addMessage = useCallback((type, content) => {
-        setMessages(prev => [...prev, {
-                id: `${Date.now()}-${Math.random().toString(36).slice(2)}`,
-                type,
-                content
-            }]);
-        // Persist user and assistant messages to storage for session history
-        if (type === 'user' || type === 'assistant') {
-            storage.addChatMessage({ role: type, content });
-        }
-    }, []);
-    // Handler to edit or delete a queued message
-    const handleEditQueuedMessage = useCallback((index, newMsg) => {
-        if (newMsg === '') {
-            // Delete the message
-            setQueuedMessages(prev => prev.filter((_, i) => i !== index));
-            addMessage('system', `🗑️ Deleted queued message #${index + 1}`);
-        }
-        else {
-            // Update the message
-            setQueuedMessages(prev => prev.map((msg, i) => i === index ? newMsg : msg));
-            addMessage('system', `✏️ Updated queued message #${index + 1}`);
-        }
-    }, [addMessage]);
-    // Handle slash commands
-    const handleCommand = useCallback(async (cmd) => {
-        const parts = cmd.split(/\s+/);
-        const command = parts[0].toLowerCase();
-        switch (command) {
-            case '/help':
-            case '/h':
-                addMessage('system', `Commands:
-  /mode [plan|hybrid|work] - Switch modes (Shift+Tab to cycle)
-  /provider [name]         - Switch AI provider
-  /model [name]            - Switch model
-  /route [on|off|test]     - Auto model routing by complexity
-  /persona [name]          - Switch personality
-  /todo [add|done|list]    - Manage TODOs
-  /plans [list|view]       - View plan history
-  /session [list|info]     - Session management
-  /history [search]        - Chat history
-  /context [load|summary]  - Context management
-  /summarize [context|compact] - Summarize/compact context
-  /clear                   - Clear conversation
-  /copy                    - Copy last response to clipboard
-  /export [file.md]        - Export conversation to markdown
-  /edit                    - Edit and resend last message
-  /undo                    - Undo last action (up to 10 steps)
-  /redo                    - Redo undone action
-  /confirm [on|off]        - Toggle risky op confirmation
-  /profile [name|save|del] - Switch/save/delete profiles
-  /mcp [add|remove|tools]  - Manage MCP servers
-  /skills [add|remove]     - Manage agent skills
-  /memory [init|add|show]  - Project memory (CALLIOPE.md)
-  /project [init|show|run] - Project config (.calliope)
-  /find <pattern>          - Fuzzy file search
-  /branch [new|switch]     - Conversation branches
-  /theme [name|list]       - Color themes
-  /hooks [list|add]        - Pre/post tool hooks
-  /search <query>          - Search conversation
-  /status                  - Show status
-  /config                  - Show config
-  /layout [name]           - Switch UI layout (classic/split/etc)
-  /density [normal|compact] - Set display density
-  /collapse [tools|all|off] - Collapse/expand tool output
-  /upgrade                 - Check for updates
-  /agents                  - Show sub-agent status (--agterm mode)
-  /scope [details|reset]   - Show/manage file access scope
-  /add-dir <path>          - Add directory to allowed scope
-  /remove-dir <path>       - Remove directory from scope
-  /template [save|use|del] - Manage prompt templates
-  /cost                    - Show cost tracking summary
-  /bookmark [name]         - Create bookmark at current point
-  /bookmark list           - List all bookmarks
-  /bookmark goto <n>       - Jump to bookmark
-  /queue [show|clear|flush] - Manage queued messages
-  /flush                   - Force-process queued msgs (unstick)
-  /debug [on|off]          - Show state / toggle debug logging
-  /unstick                 - Emergency reset of processing state
-  /work                    - Quick switch to work mode
-  /plan                    - Quick switch to plan mode
-  /keys or /?              - Show keyboard shortcuts
-  /resume [n]              - Resume previous session (load n messages)
-  /exit                    - Exit
-
-File references: @filename, ./path, /absolute/path
-Modes: 📋 Plan | 🔄 Hybrid | 🔧 Work
-Queue: ↑/↓ edit, Ctrl+D delete, !msg to send directly
-Auto-route: ${autoRoute ? 'ON' : 'OFF'}${moduleAgtermEnabled ? '\nAGTerm: ON (spawn_agent, check_agent tools available)' : ''}`);
-                break;
-            case '/provider':
-            case '/p':
-                if (parts[1]) {
-                    const p = parts[1].toLowerCase();
-                    setProvider(p);
-                    addMessage('system', `Provider: ${selectProvider(p)}`);
-                }
-                else {
-                    addMessage('system', `Provider: ${actualProvider} | Available: ${getAvailableProviders().join(', ')}`);
-                }
-                break;
-            case '/model':
-            case '/m':
-                if (parts[1]) {
-                    setModel(parts[1]);
-                    addMessage('system', `Model: ${parts[1]}`);
-                }
-                else {
-                    addMessage('system', `Discovering models for ${actualProvider}...`);
-                    try {
-                        const models = await getAvailableModels(actualProvider);
-                        if (models.length > 0) {
-                            setAvailableModels(models);
-                            setModalMode('model');
-                        }
-                        else {
-                            addMessage('error', 'No models found');
-                        }
-                    }
-                    catch (e) {
-                        addMessage('error', `Failed to fetch models: ${e instanceof Error ? e.message : String(e)}`);
-                    }
-                }
-                break;
-            case '/models':
-                addMessage('system', `Discovering models for ${actualProvider}...`);
-                try {
-                    const models = await getAvailableModels(actualProvider);
-                    if (models.length > 0) {
-                        setAvailableModels(models);
-                        setModalMode('model');
-                    }
-                    else {
-                        addMessage('error', 'No models found');
-                    }
-                }
-                catch (e) {
-                    addMessage('error', `Failed to fetch models: ${e instanceof Error ? e.message : String(e)}`);
-                }
-                break;
-            case '/mode':
-                if (parts[1] && ['plan', 'hybrid', 'work'].includes(parts[1])) {
-                    const m = parts[1];
-                    setMode(m);
-                    addMessage('system', `Mode: ${MODE_CONFIG[m].icon} ${MODE_CONFIG[m].label} - ${MODE_CONFIG[m].description}`);
-                }
-                else {
-                    const currentConfig = MODE_CONFIG[mode];
-                    addMessage('system', `Mode: ${currentConfig.icon} ${currentConfig.label}\nOptions: plan (📋), hybrid (🔄), work (🔧)\nUse Shift+Tab to cycle`);
-                }
-                break;
-            case '/persona':
-                if (parts[1] && ['calliope', 'professional', 'minimal'].includes(parts[1])) {
-                    const p = parts[1];
-                    setPersona(p);
-                    llmMessages.current = [{ role: 'system', content: getSystemPrompt(p) }];
-                    addMessage('system', `Persona: ${p}`);
-                }
-                else {
-                    addMessage('system', `Persona: ${persona} | Options: calliope, professional, minimal`);
-                }
-                break;
-            case '/clear':
-            case '/c':
-                setMessages([]);
-                llmMessages.current = [{ role: 'system', content: getSystemPrompt(persona) }];
-                setStats({ inputTokens: 0, outputTokens: 0, cost: 0, messageCount: 0 });
-                resetContextWarnings(); // Reset context warning state
-                break;
-            case '/copy': {
-                // Copy last assistant response to clipboard
-                const lastAssistant = [...messages].reverse().find(m => m.type === 'assistant');
-                if (lastAssistant) {
-                    try {
-                        const { execSync } = await import('child_process');
-                        // Try different clipboard commands based on platform
-                        const content = lastAssistant.content;
-                        if (process.platform === 'darwin') {
-                            execSync('pbcopy', { input: content });
-                        }
-                        else if (process.platform === 'win32') {
-                            execSync('clip', { input: content });
-                        }
-                        else {
-                            // Linux - try xclip, xsel, or wl-copy
-                            try {
-                                execSync('xclip -selection clipboard', { input: content });
-                            }
-                            catch {
-                                try {
-                                    execSync('xsel --clipboard --input', { input: content });
-                                }
-                                catch {
-                                    execSync('wl-copy', { input: content });
-                                }
-                            }
-                        }
-                        addMessage('system', '✓ Copied to clipboard');
-                    }
-                    catch (e) {
-                        addMessage('error', `Clipboard not available: ${e instanceof Error ? e.message : String(e)}`);
-                    }
-                }
-                else {
-                    addMessage('system', 'No assistant message to copy');
-                }
-                break;
-            }
-            case '/export': {
-                // Export conversation to markdown
-                const filename = parts[1] || `calliope-export-${Date.now()}.md`;
-                const fs = await import('fs');
-                const path = await import('path');
-                let markdown = `# Calliope Conversation Export\n\n`;
-                markdown += `**Date:** ${new Date().toLocaleString()}\n`;
-                markdown += `**Provider:** ${actualProvider}\n`;
-                markdown += `**Model:** ${actualModel}\n\n---\n\n`;
-                for (const msg of messages) {
-                    if (msg.type === 'user') {
-                        markdown += `## 👤 User\n\n${msg.content}\n\n`;
-                    }
-                    else if (msg.type === 'assistant') {
-                        markdown += `## 🤖 Assistant\n\n${msg.content}\n\n`;
-                    }
-                    else if (msg.type === 'tool') {
-                        markdown += `> 🔧 Tool: ${msg.content}\n\n`;
-                    }
-                    else if (msg.type === 'system') {
-                        markdown += `> ℹ️ ${msg.content}\n\n`;
-                    }
-                    else if (msg.type === 'error') {
-                        markdown += `> ⚠️ Error: ${msg.content}\n\n`;
-                    }
-                }
-                const filepath = path.resolve(process.cwd(), filename);
-                fs.writeFileSync(filepath, markdown);
-                addMessage('system', `✓ Exported to ${filename}`);
-                break;
-            }
-            case '/edit': {
-                // Edit last user message
-                const lastUserIdx = [...messages].reverse().findIndex(m => m.type === 'user');
-                if (lastUserIdx >= 0) {
-                    const lastUser = messages[messages.length - 1 - lastUserIdx];
-                    setInput(lastUser.content);
-                    addMessage('system', 'Edit the message above and press Enter to resend');
-                }
-                else {
-                    addMessage('system', 'No user message to edit');
-                }
-                break;
-            }
-            case '/undo': {
-                if (undoStack.current.length === 0) {
-                    addMessage('system', 'Nothing to undo.');
-                    break;
-                }
-                // Save current state to redo stack
-                redoStack.current.push({
-                    messages: [...messages],
-                    llmMessages: [...llmMessages.current],
-                    timestamp: new Date(),
-                });
-                // Restore previous state
-                const prevState = undoStack.current.pop();
-                setMessages(prevState.messages);
-                llmMessages.current = prevState.llmMessages;
-                setContextTokens(estimateContextTokens());
-                addMessage('system', `✓ Undone (${undoStack.current.length} more available)`);
-                break;
-            }
-            case '/redo': {
-                if (redoStack.current.length === 0) {
-                    addMessage('system', 'Nothing to redo.');
-                    break;
-                }
-                // Save current state to undo stack
-                undoStack.current.push({
-                    messages: [...messages],
-                    llmMessages: [...llmMessages.current],
-                    timestamp: new Date(),
-                });
-                // Restore redo state
-                const redoState = redoStack.current.pop();
-                setMessages(redoState.messages);
-                llmMessages.current = redoState.llmMessages;
-                setContextTokens(estimateContextTokens());
-                addMessage('system', `✓ Redone (${redoStack.current.length} more available)`);
-                break;
-            }
-            case '/status':
-            case '/s':
-                addMessage('system', `${actualProvider}:${actualModel} | ${stats.messageCount} msgs | ${stats.inputTokens + stats.outputTokens} tokens`);
-                break;
-            case '/config':
-                addMessage('system', `Config: ${config.getConfigPath()}\nProviders: ${config.getConfiguredProviders().join(', ') || 'none'}\nmaxIterations: ${config.get('maxIterations')}`);
-                break;
-            case '/agents':
-                if (!moduleAgtermEnabled) {
-                    addMessage('system', 'AGTerm mode not enabled. Start with --agterm flag to unlock multi-agent features.');
-                }
-                else {
-                    addMessage('system', getAgentStatusReport());
-                }
-                break;
-            case '/set': {
-                // /set <key> <value>
-                const key = parts[1];
-                const value = parts.slice(2).join(' ');
-                if (!key || !value) {
-                    addMessage('system', `Usage: /set <key> <value>
-Available keys:
-  maxIterations <number>  - Max agent iterations (current: ${config.get('maxIterations')})
-  persona <name>          - calliope, professional, minimal
-  fancyOutput <bool>      - true/false`);
-                    break;
-                }
-                try {
-                    if (key === 'maxIterations') {
-                        const num = parseInt(value, 10);
-                        if (isNaN(num) || num < 1 || num > 10000) {
-                            addMessage('error', 'maxIterations must be 1-10000');
-                            break;
-                        }
-                        config.set('maxIterations', num);
-                        addMessage('system', `✓ maxIterations set to ${num}`);
-                    }
-                    else if (key === 'persona') {
-                        if (!['calliope', 'professional', 'minimal'].includes(value)) {
-                            addMessage('error', 'persona must be: calliope, professional, or minimal');
-                            break;
-                        }
-                        config.set('persona', value);
-                        setPersona(value);
-                        addMessage('system', `✓ persona set to ${value}`);
-                    }
-                    else if (key === 'fancyOutput') {
-                        const bool = value === 'true';
-                        config.set('fancyOutput', bool);
-                        addMessage('system', `✓ fancyOutput set to ${bool}`);
-                    }
-                    else {
-                        addMessage('error', `Unknown config key: ${key}`);
-                    }
-                }
-                catch (err) {
-                    addMessage('error', `Failed to set ${key}: ${err instanceof Error ? err.message : String(err)}`);
-                }
-                break;
-            }
-            case '/setup':
-                addMessage('system', 'Run `calliope --setup` to reconfigure.');
-                break;
-            case '/layout': {
-                // /layout [classic|response-top|response-bottom|split]
-                const layoutArg = parts[1];
-                if (!layoutArg) {
-                    addMessage('system', `Current layout: ${layout}
-
-Available layouts:
-  classic        - Everything in chronological order
-  response-top   - Calliope response at top, tools below
-  response-bottom - Tools at top, response at bottom (default)
-  split          - Side by side: tools left, response right
-
-Usage: /layout <name>`);
-                    break;
-                }
-                const validLayouts = ['classic', 'response-top', 'response-bottom', 'split'];
-                if (!validLayouts.includes(layoutArg)) {
-                    addMessage('error', `Invalid layout. Choose: ${validLayouts.join(', ')}`);
-                    break;
-                }
-                config.set('layout', layoutArg);
-                setLayout(layoutArg);
-                addMessage('system', `✓ Layout set to: ${layoutArg}`);
-                break;
-            }
-            case '/density': {
-                // /density [normal|compact]
-                const densityArg = parts[1];
-                if (!densityArg) {
-                    addMessage('system', `Current density: ${density}
-
-Available densities:
-  normal  - Standard spacing
-  compact - Reduced whitespace for more info
-
-Usage: /density <normal|compact>`);
-                    break;
-                }
-                const validDensities = ['normal', 'compact'];
-                if (!validDensities.includes(densityArg)) {
-                    addMessage('error', `Invalid density. Choose: normal, compact`);
-                    break;
-                }
-                config.set('density', densityArg);
-                setDensity(densityArg);
-                addMessage('system', `✓ Density set to: ${densityArg}`);
-                break;
-            }
-            case '/collapse': {
-                // /collapse [tools|thinking|all|off] [limit N]
-                const subCmd = parts[1];
-                if (!subCmd) {
-                    addMessage('system', `Collapse settings:
-  collapseTools: ${collapseSettings.collapseTools}
-  collapseThinking: ${collapseSettings.collapseThinking}
-  toolDisplayLimit: ${collapseSettings.toolDisplayLimit} (0 = all expanded)
-
-Usage:
-  /collapse tools      - Toggle tool output collapsing
-  /collapse thinking   - Toggle thinking block collapsing
-  /collapse all        - Collapse both tools and thinking
-  /collapse off        - Expand everything
-  /collapse limit <N>  - Show last N tools expanded (0 = all)`);
-                    break;
-                }
-                if (subCmd === 'tools') {
-                    const newVal = !collapseSettings.collapseTools;
-                    config.set('collapseTools', newVal);
-                    setCollapseSettings(prev => ({ ...prev, collapseTools: newVal }));
-                    addMessage('system', `✓ collapseTools set to ${newVal}`);
-                }
-                else if (subCmd === 'thinking') {
-                    const newVal = !collapseSettings.collapseThinking;
-                    config.set('collapseThinking', newVal);
-                    setCollapseSettings(prev => ({ ...prev, collapseThinking: newVal }));
-                    addMessage('system', `✓ collapseThinking set to ${newVal}`);
-                }
-                else if (subCmd === 'all') {
-                    config.set('collapseTools', true);
-                    config.set('collapseThinking', true);
-                    setCollapseSettings(prev => ({ ...prev, collapseTools: true, collapseThinking: true }));
-                    addMessage('system', '✓ Collapsing tools and thinking');
-                }
-                else if (subCmd === 'off') {
-                    config.set('collapseTools', false);
-                    config.set('collapseThinking', false);
-                    setCollapseSettings(prev => ({ ...prev, collapseTools: false, collapseThinking: false }));
-                    addMessage('system', '✓ Expanding all output');
-                }
-                else if (subCmd === 'limit') {
-                    const limit = parseInt(parts[2], 10);
-                    if (isNaN(limit) || limit < 0 || limit > 100) {
-                        addMessage('error', 'Limit must be 0-100');
-                        break;
-                    }
-                    config.set('toolDisplayLimit', limit);
-                    setCollapseSettings(prev => ({ ...prev, toolDisplayLimit: limit }));
-                    addMessage('system', `✓ toolDisplayLimit set to ${limit}`);
-                }
-                else {
-                    addMessage('error', 'Unknown collapse option. Use: tools, thinking, all, off, or limit <N>');
-                }
-                break;
-            }
-            case '/loop': {
-                // Parse /loop "<prompt>" [--max-iterations N] [--completion-promise "text"]
-                const loopArgs = parts.slice(1).join(' ');
-                const maxIterMatch = loopArgs.match(/--max-iterations\s+(\d+)/);
-                const completionMatch = loopArgs.match(/--completion-promise\s+"([^"]+)"/);
-                let prompt = loopArgs
-                    .replace(/--max-iterations\s+\d+/, '')
-                    .replace(/--completion-promise\s+"[^"]+"/, '')
-                    .trim();
-                // Handle quoted prompt
-                const quotedMatch = prompt.match(/^"([^"]+)"$/);
-                if (quotedMatch)
-                    prompt = quotedMatch[1];
-                if (!prompt) {
-                    addMessage('system', `Usage: /loop "<prompt>" [--max-iterations N] [--completion-promise "text"]
-Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE"`);
-                    break;
-                }
-                // Start the loop
-                setLoopActive(true);
-                setLoopPrompt(prompt);
-                setLoopMaxIterations(maxIterMatch ? parseInt(maxIterMatch[1], 10) : 100);
-                setLoopCompletionPromise(completionMatch ? completionMatch[1] : undefined);
-                setLoopIteration(0);
-                loopCancelledRef.current = false;
-                addMessage('system', `🔄 Ralph Wiggum Loop Started
-  Prompt: "${prompt.substring(0, 50)}${prompt.length > 50 ? '...' : ''}"
-  Max iterations: ${maxIterMatch ? maxIterMatch[1] : '100'}
-  ${completionMatch ? `Completion promise: "${completionMatch[1]}"` : 'No completion promise (runs until max iterations)'}
-  Use /cancel-loop to stop`);
-                // Start the loop execution (non-blocking)
-                runLoop(prompt, maxIterMatch ? parseInt(maxIterMatch[1], 10) : 100, completionMatch?.[1]);
-                break;
-            }
-            case '/cancel-loop':
-            case '/stop':
-                if (loopActive) {
-                    loopCancelledRef.current = true;
-                    setLoopActive(false);
-                    addMessage('system', '🛑 Loop cancelled');
-                }
-                else {
-                    addMessage('system', 'No active loop to cancel');
-                }
-                break;
-            case '/confirm':
-                if (parts[1] === 'on') {
-                    setConfirmMode(true);
-                    addMessage('system', '✓ Confirmation mode ON - will ask before risky operations');
-                }
-                else if (parts[1] === 'off') {
-                    setConfirmMode(false);
-                    addMessage('system', '⚠️ Confirmation mode OFF - risky operations will auto-execute');
-                }
-                else {
-                    addMessage('system', `Confirm mode: ${confirmMode ? 'ON' : 'OFF'}\nUsage: /confirm [on|off]`);
-                }
-                break;
-            case '/profile': {
-                const subCmd = parts[1];
-                if (subCmd === 'list' || !subCmd) {
-                    const profiles = config.listProfiles();
-                    const active = config.getActiveProfile();
-                    const list = profiles.map(p => {
-                        const marker = p.name === active ? '→ ' : '  ';
-                        const tag = p.builtin ? '(built-in)' : '(custom)';
-                        return `${marker}${p.name}: ${p.profile.provider}/${p.profile.model || 'default'} ${tag}`;
-                    }).join('\n');
-                    addMessage('system', `Profiles:\n${list}\n\nUsage: /profile <name> | /profile save <name>`);
-                }
-                else if (subCmd === 'save' && parts[2]) {
-                    const name = parts[2];
-                    config.saveProfile(name, {
-                        provider: provider,
-                        model: model,
-                        persona: persona,
-                        confirmMode: confirmMode,
-                    });
-                    addMessage('system', `✓ Saved profile: ${name}`);
-                }
-                else if (subCmd === 'delete' && parts[2]) {
-                    const name = parts[2];
-                    if (config.deleteProfile(name)) {
-                        addMessage('system', `✓ Deleted profile: ${name}`);
-                    }
-                    else {
-                        addMessage('error', `Cannot delete profile: ${name} (built-in or not found)`);
-                    }
-                }
-                else {
-                    // Load profile
-                    const profile = config.getProfile(subCmd);
-                    if (profile) {
-                        setProvider(profile.provider);
-                        if (profile.model)
-                            setModel(profile.model);
-                        setPersona(profile.persona);
-                        if (profile.confirmMode !== undefined)
-                            setConfirmMode(profile.confirmMode);
-                        config.setActiveProfile(subCmd);
-                        addMessage('system', `✓ Loaded profile: ${subCmd} (${profile.provider}/${profile.model || 'default'})`);
-                    }
-                    else {
-                        addMessage('error', `Profile not found: ${subCmd}\nBuilt-in: fast, smart, cheap, local`);
-                    }
-                }
-                break;
-            }
-            case '/mcp': {
-                const subCmd = parts[1];
-                if (subCmd === 'list' || !subCmd) {
-                    const servers = mcp.listServers();
-                    if (servers.length === 0) {
-                        addMessage('system', 'No MCP servers registered.\n\nUsage:\n  /mcp add <url>  - Register MCP server\n  /mcp remove <id> - Remove server');
-                    }
-                    else {
-                        const list = servers.map(s => {
-                            const status = s.status === 'connected' ? '🟢' : s.status === 'error' ? '🔴' : '⚪';
-                            return `${status} ${s.name} (${s.tools.length} tools)\n   ${s.url}`;
-                        }).join('\n\n');
-                        addMessage('system', `MCP Servers:\n\n${list}`);
-                    }
-                }
-                else if (subCmd === 'add' && parts[2]) {
-                    const url = parts[2];
-                    addMessage('system', `Registering MCP server: ${url}...`);
-                    try {
-                        const server = await mcp.registerServer(url);
-                        addMessage('system', `✓ Registered: ${server.name} (${server.tools.length} tools)`);
-                    }
-                    catch (e) {
-                        addMessage('error', `Failed to register: ${e instanceof Error ? e.message : String(e)}`);
-                    }
-                }
-                else if ((subCmd === 'remove' || subCmd === 'rm') && parts[2]) {
-                    if (mcp.unregisterServer(parts[2])) {
-                        addMessage('system', '✓ Server removed');
-                    }
-                    else {
-                        addMessage('error', 'Server not found');
-                    }
-                }
-                else if (subCmd === 'refresh') {
-                    const servers = mcp.listServers();
-                    let connected = 0;
-                    for (const s of servers) {
-                        const updated = await mcp.refreshServer(s.id);
-                        if (updated?.status === 'connected')
-                            connected++;
-                    }
-                    addMessage('system', `Refreshed ${servers.length} servers (${connected} connected)`);
-                }
-                else if (subCmd === 'tools') {
-                    const tools = mcp.getMCPTools();
-                    if (tools.length === 0) {
-                        addMessage('system', 'No MCP tools available. Add servers with /mcp add <url>');
-                    }
-                    else {
-                        const list = tools.map(t => `• ${t.name}\n  ${t.description}`).join('\n\n');
-                        addMessage('system', `MCP Tools:\n\n${list}`);
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /mcp [list|add <url>|remove <id>|refresh|tools]');
-                }
-                break;
-            }
-            case '/skills': {
-                const subCmd = parts[1];
-                if (subCmd === 'list' || !subCmd) {
-                    const allSkills = skills.getSkills();
-                    if (allSkills.length === 0) {
-                        addMessage('system', 'No skills installed.\n\nUsage:\n  /skills add <name>     - Install from agentskills.io\n  /skills add <github-url> - Install from GitHub\n  /skills add <path>     - Install from local directory');
-                    }
-                    else {
-                        const list = allSkills.map(s => {
-                            const src = s.source === 'github' ? '(GitHub)' : s.source === 'registry' ? '(agentskills.io)' : '(local)';
-                            return `• ${s.metadata.name} ${src}\n  ${s.metadata.description.substring(0, 80)}...`;
-                        }).join('\n\n');
-                        addMessage('system', `Installed Skills:\n\n${list}`);
-                    }
-                }
-                else if (subCmd === 'add' && parts[2]) {
-                    const source = parts[2];
-                    addMessage('system', `Installing skill: ${source}...`);
-                    try {
-                        let skill;
-                        if (source.startsWith('http')) {
-                            skill = await skills.installFromGithub(source);
-                        }
-                        else if (fs.existsSync(source)) {
-                            skill = skills.installLocalSkill(source);
-                        }
-                        else {
-                            skill = await skills.installFromRegistry(source);
-                        }
-                        if (skill) {
-                            addMessage('system', `✓ Installed: ${skill.metadata.name}`);
-                        }
-                        else {
-                            addMessage('error', 'Failed to install skill');
-                        }
-                    }
-                    catch (e) {
-                        addMessage('error', `Failed: ${e instanceof Error ? e.message : String(e)}`);
-                    }
-                }
-                else if ((subCmd === 'remove' || subCmd === 'rm') && parts[2]) {
-                    if (skills.uninstallSkill(parts[2])) {
-                        addMessage('system', '✓ Skill removed');
-                    }
-                    else {
-                        addMessage('error', 'Skill not found');
-                    }
-                }
-                else if (subCmd === 'info' && parts[2]) {
-                    const skill = skills.getSkill(parts[2]);
-                    if (skill) {
-                        let info = `# ${skill.metadata.name}\n\n`;
-                        info += `${skill.metadata.description}\n\n`;
-                        if (skill.metadata.compatibility)
-                            info += `Compatibility: ${skill.metadata.compatibility}\n`;
-                        if (skill.metadata.license)
-                            info += `License: ${skill.metadata.license}\n`;
-                        if (skill.sourceUrl)
-                            info += `Source: ${skill.sourceUrl}\n`;
-                        addMessage('system', info);
-                    }
-                    else {
-                        addMessage('error', 'Skill not found');
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /skills [list|add <source>|remove <name>|info <name>]');
-                }
-                break;
-            }
-            case '/memory': {
-                const memory = await import('./memory.js');
-                const subCmd = parts[1];
-                const cwd = process.cwd();
-                if (subCmd === 'init') {
-                    const memPath = memory.initProjectMemory(cwd);
-                    addMessage('system', `Created: ${memPath}\nEdit the file to add context and preferences.`);
-                }
-                else if (subCmd === 'show' || !subCmd) {
-                    const memPath = memory.findProjectMemory(cwd);
-                    if (!memPath) {
-                        addMessage('system', 'No CALLIOPE.md found.\nRun /memory init to create one.');
-                    }
-                    else {
-                        const mem = memory.loadMemory(memPath);
-                        let info = `Memory: ${memPath}\n\n`;
-                        if (mem.context.length)
-                            info += `**Context:**\n${mem.context.map(c => `  - ${c}`).join('\n')}\n\n`;
-                        if (mem.preferences.length)
-                            info += `**Preferences:**\n${mem.preferences.map(p => `  - ${p}`).join('\n')}\n\n`;
-                        if (mem.history.length)
-                            info += `**History:**\n${mem.history.slice(-5).map(h => `  - ${h}`).join('\n')}\n`;
-                        addMessage('system', info);
-                    }
-                }
-                else if (subCmd === 'add' && parts[2]) {
-                    const type = parts[2];
-                    const content = parts.slice(3).join(' ');
-                    if (!content) {
-                        addMessage('error', 'Usage: /memory add <type> <content>');
-                    }
-                    else {
-                        let memPath = memory.findProjectMemory(cwd);
-                        if (!memPath) {
-                            memPath = memory.initProjectMemory(cwd);
-                        }
-                        memory.addMemoryEntry(memPath, {
-                            type,
-                            content,
-                            timestamp: new Date().toISOString().split('T')[0],
-                        });
-                        addMessage('system', `Added ${type}: ${content}`);
-                    }
-                }
-                else if (subCmd === 'remove' && parts[2]) {
-                    const type = parts[2];
-                    const content = parts.slice(3).join(' ');
-                    const memPath = memory.findProjectMemory(cwd);
-                    if (memPath && memory.removeMemoryEntry(memPath, type, content)) {
-                        addMessage('system', `Removed matching ${type}`);
-                    }
-                    else {
-                        addMessage('error', 'Entry not found');
-                    }
-                }
-                else if (subCmd === 'global') {
-                    const globalMem = memory.getGlobalMemory();
-                    let info = 'Global Memory:\n\n';
-                    if (globalMem.preferences.length)
-                        info += `**Preferences:**\n${globalMem.preferences.map(p => `  - ${p}`).join('\n')}\n`;
-                    if (globalMem.notes.length)
-                        info += `**Notes:**\n${globalMem.notes.map(n => `  - ${n}`).join('\n')}\n`;
-                    addMessage('system', info || 'No global memories yet.');
-                }
-                else {
-                    addMessage('system', 'Usage: /memory [init|show|add <type> <text>|remove <type> <text>|global]');
-                }
-                break;
-            }
-            case '/find': {
-                const fuzzy = await import('./fuzzy-search.js');
-                const query = parts.slice(1).join(' ');
-                if (!query) {
-                    addMessage('system', 'Usage: /find <pattern>\nFuzzy search for files');
-                }
-                else {
-                    const results = fuzzy.searchWithHighlight(process.cwd(), query, { maxResults: 20 });
-                    if (results.length === 0) {
-                        addMessage('system', 'No files found');
-                    }
-                    else {
-                        const list = results.map((r, i) => `${i + 1}. ${r.highlighted}`).join('\n');
-                        addMessage('system', `Found ${results.length} files:\n\n${list}`);
-                    }
-                }
-                break;
-            }
-            case '/branch': {
-                const branching = await import('./branching.js');
-                const subCmd = parts[1];
-                const sessionId = `session_${Date.now()}`; // Would use actual session ID
-                if (subCmd === 'list' || !subCmd) {
-                    const tree = branching.getBranchTree(sessionId);
-                    addMessage('system', `Branches:\n${tree}`);
-                }
-                else if (subCmd === 'new' && parts[2]) {
-                    const branch = branching.createBranch(sessionId, parts[2], llmMessages.current, parts.slice(3).join(' '));
-                    addMessage('system', `Created branch: ${branch.name}`);
-                }
-                else if (subCmd === 'switch' && parts[2]) {
-                    const msgs = branching.switchBranch(sessionId, parts[2], llmMessages.current);
-                    if (msgs) {
-                        llmMessages.current = msgs;
-                        addMessage('system', `Switched to branch: ${parts[2]}`);
-                    }
-                    else {
-                        addMessage('error', 'Branch not found');
-                    }
-                }
-                else if (subCmd === 'delete' && parts[2]) {
-                    if (branching.deleteBranch(sessionId, parts[2])) {
-                        addMessage('system', 'Branch deleted');
-                    }
-                    else {
-                        addMessage('error', 'Cannot delete branch');
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /branch [list|new <name>|switch <name>|delete <name>]');
-                }
-                break;
-            }
-            case '/theme': {
-                const themes = await import('./themes.js');
-                const subCmd = parts[1];
-                if (subCmd === 'list' || !subCmd) {
-                    const list = themes.listThemes();
-                    const current = themes.getCurrentThemeName();
-                    const formatted = list.map(t => {
-                        const marker = t.name === current ? ' *' : '';
-                        const custom = t.custom ? ' (custom)' : '';
-                        return `  ${t.name}${marker}${custom} - ${t.description || 'No description'}`;
-                    }).join('\n');
-                    addMessage('system', `Available themes:\n${formatted}`);
-                }
-                else if (themes.setCurrentTheme(subCmd)) {
-                    themes.clearThemeCache();
-                    addMessage('system', `Theme set to: ${subCmd}`);
-                }
-                else {
-                    addMessage('error', `Theme not found: ${subCmd}`);
-                }
-                break;
-            }
-            case '/hooks': {
-                const hooks = await import('./hooks.js');
-                const subCmd = parts[1];
-                if (subCmd === 'list' || !subCmd) {
-                    addMessage('system', hooks.listHooksFormatted());
-                }
-                else if (subCmd === 'add' && parts[2]) {
-                    const event = parts[2];
-                    const command = parts.slice(3).join(' ');
-                    if (!command) {
-                        addMessage('system', 'Usage: /hooks add <event> <command>');
-                    }
-                    else {
-                        hooks.addHook({ event, name: `Hook for ${event}`, command, enabled: true, async: false });
-                        addMessage('system', 'Hook added');
-                    }
-                }
-                else if (subCmd === 'init') {
-                    hooks.initDefaultHooks();
-                    addMessage('system', 'Default hooks initialized');
-                }
-                else {
-                    addMessage('system', 'Usage: /hooks [list|add <event> <command>|init]');
-                }
-                break;
-            }
-            case '/search': {
-                const query = parts.slice(1).join(' ');
-                if (!query) {
-                    addMessage('system', 'Usage: /search <query>\nSearch conversation history');
-                }
-                else {
-                    const lower = query.toLowerCase();
-                    const matches = messages.filter(m => m.content.toLowerCase().includes(lower));
-                    if (matches.length === 0) {
-                        addMessage('system', 'No matches found');
-                    }
-                    else {
-                        const results = matches.slice(-10).map(m => {
-                            const preview = m.content.slice(0, 100).replace(/\n/g, ' ');
-                            return `[${m.type}] ${preview}...`;
-                        }).join('\n\n');
-                        addMessage('system', `Found ${matches.length} matches:\n\n${results}`);
-                    }
-                }
-                break;
-            }
-            case '/project': {
-                const projectConfig = await import('./project-config.js');
-                const subCmd = parts[1];
-                const cwd = process.cwd();
-                if (subCmd === 'init') {
-                    const configPath = projectConfig.createProjectConfig(cwd);
-                    addMessage('system', `Created project config: ${configPath}\nEdit the file to customize settings.`);
-                }
-                else if (subCmd === 'show' || !subCmd) {
-                    const configPath = projectConfig.findProjectConfig(cwd);
-                    if (!configPath) {
-                        addMessage('system', 'No project config found.\nRun /project init to create one.');
-                    }
-                    else {
-                        const cfg = projectConfig.loadProjectConfig(configPath);
-                        if (cfg) {
-                            let info = `Config: ${configPath}\n\n`;
-                            if (cfg.project)
-                                info += `Project: ${cfg.project}\n`;
-                            if (cfg.provider)
-                                info += `Provider: ${cfg.provider}\n`;
-                            if (cfg.model)
-                                info += `Model: ${cfg.model}\n`;
-                            if (cfg.tech?.length)
-                                info += `Tech: ${cfg.tech.join(', ')}\n`;
-                            if (cfg.conventions?.length)
-                                info += `\nConventions:\n${cfg.conventions.map(c => `  - ${c}`).join('\n')}\n`;
-                            if (cfg.commands)
-                                info += `\nCommands: ${Object.keys(cfg.commands).join(', ')}\n`;
-                            addMessage('system', info);
-                        }
-                        else {
-                            addMessage('error', 'Failed to parse config');
-                        }
-                    }
-                }
-                else if (subCmd === 'run' && parts[2]) {
-                    const configPath = projectConfig.findProjectConfig(cwd);
-                    const cfg = configPath ? projectConfig.loadProjectConfig(configPath) : null;
-                    const cmdName = parts[2];
-                    if (cfg?.commands?.[cmdName]) {
-                        addMessage('system', `Running: ${cfg.commands[cmdName]}`);
-                        // Queue the command to run
-                        const { spawn } = await import('child_process');
-                        const proc = spawn('sh', ['-c', cfg.commands[cmdName]], { cwd, stdio: 'pipe' });
-                        let output = '';
-                        proc.stdout?.on('data', (d) => output += d.toString());
-                        proc.stderr?.on('data', (d) => output += d.toString());
-                        proc.on('close', (code) => {
-                            addMessage('system', `Exit ${code}\n${output}`);
-                        });
-                    }
-                    else {
-                        addMessage('error', `Command not found: ${cmdName}`);
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /project [init|show|run <cmd>]');
-                }
-                break;
-            }
-            case '/route':
-            case '/autoroute': {
-                if (parts[1] === 'on') {
-                    setAutoRoute(true);
-                    addMessage('system', '✓ Auto-routing ON - model selected based on task complexity');
-                }
-                else if (parts[1] === 'off') {
-                    setAutoRoute(false);
-                    addMessage('system', '✓ Auto-routing OFF - using fixed model');
-                }
-                else if (parts[1] === 'test' && parts[2]) {
-                    const testMsg = parts.slice(2).join(' ');
-                    const decision = modelRouter.routeRequest(testMsg, actualProvider);
-                    addMessage('system', `Route test: ${decision.tier} tier (${decision.complexity})\nModel: ${decision.model.model}\nReason: ${decision.reason}\nConfidence: ${Math.round(decision.confidence * 100)}%`);
-                }
-                else {
-                    const tiers = modelRouter.getAllTiers(actualProvider);
-                    addMessage('system', `Auto-route: ${autoRoute ? 'ON' : 'OFF'}\n\nModel tiers for ${actualProvider}:\n  fast: ${tiers.fast.model}\n  balanced: ${tiers.balanced.model}\n  smart: ${tiers.smart.model}\n\nUsage: /route [on|off|test <message>]`);
-                }
-                break;
-            }
-            case '/summarize': {
-                const subCmd = parts[1];
-                if (subCmd === 'context' || !subCmd) {
-                    const msgCount = llmMessages.current.length;
-                    if (msgCount < 5) {
-                        addMessage('system', 'Not enough messages to summarize.');
-                    }
-                    else {
-                        const summary = summarization.extractKeyInfo(llmMessages.current);
-                        let info = 'Context Summary:\n\n';
-                        if (summary.topics.length)
-                            info += `**Topics:** ${summary.topics.join(', ')}\n`;
-                        if (summary.decisions.length)
-                            info += `**Decisions:**\n${summary.decisions.map(d => `  - ${d}`).join('\n')}\n`;
-                        if (summary.actions.length)
-                            info += `**Actions:**\n${summary.actions.map(a => `  - ${a}`).join('\n')}\n`;
-                        if (summary.codeChanges.length)
-                            info += `**Code Changes:**\n${summary.codeChanges.slice(0, 5).map(c => `  - ${c}`).join('\n')}\n`;
-                        addMessage('system', info || 'No key information extracted.');
-                    }
-                }
-                else if (subCmd === 'compact') {
-                    // Summarize and compact the conversation
-                    const result = summarization.summarizeConversation(llmMessages.current, { maxTokens: 50000 });
-                    if (result.summarizedCount > 0) {
-                        llmMessages.current = result.messages;
-                        setContextTokens(estimateContextTokens());
-                        addMessage('system', `✓ Compacted ${result.summarizedCount} messages (${result.originalTokens} → ${result.reducedTokens} tokens)`);
-                    }
-                    else {
-                        addMessage('system', 'Context already within limits, no compaction needed.');
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /summarize [context|compact]');
-                }
-                break;
-            }
-            case '/upgrade':
-                addMessage('system', 'Checking for updates...');
-                try {
-                    const current = getVersion();
-                    const latest = await getLatestVersion();
-                    if (!latest) {
-                        addMessage('error', 'Could not check for updates');
-                        break;
-                    }
-                    const [cMaj, cMin, cPat] = current.split('.').map(Number);
-                    const [lMaj, lMin, lPat] = latest.split('.').map(Number);
-                    const hasUpdate = lMaj > cMaj || (lMaj === cMaj && lMin > cMin) || (lMaj === cMaj && lMin === cMin && lPat > cPat);
-                    if (hasUpdate) {
-                        setLatestVersion(latest);
-                        setModalMode('upgrade');
-                    }
-                    else {
-                        addMessage('system', `You're on the latest version (v${current})`);
-                    }
-                }
-                catch (e) {
-                    addMessage('error', `Failed to check for updates: ${e instanceof Error ? e.message : String(e)}`);
-                }
-                break;
-            case '/session':
-            case '/sessions':
-                if (parts[1] === 'list' || !parts[1]) {
-                    const sessions = storage.listSessions(20);
-                    if (sessions.length === 0) {
-                        addMessage('system', 'No previous sessions found.');
-                    }
-                    else {
-                        setAvailableSessions(sessions);
-                        setModalMode('sessions');
-                    }
-                }
-                else if (parts[1] === 'info') {
-                    const session = sessionRef.current;
-                    if (session) {
-                        addMessage('system', `Session: ${session.projectName}\nCreated: ${new Date(session.createdAt).toLocaleString()}\nMessages: ${session.messageCount}`);
-                    }
-                    else {
-                        addMessage('system', 'No active session.');
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /session [list|info] or just /sessions');
-                }
-                break;
-            case '/todo': {
-                const subCommand = parts[1];
-                if (subCommand === 'add' && parts.length > 2) {
-                    const content = parts.slice(2).join(' ');
-                    const isGlobal = content.includes('--global');
-                    const isHigh = content.includes('--priority') && content.includes('high');
-                    const cleanContent = content.replace(/--global|--priority\s*\w+/g, '').trim();
-                    const todo = storage.addTodo(cleanContent, {
-                        global: isGlobal,
-                        priority: isHigh ? 'high' : 'normal',
-                    });
-                    addMessage('system', `✓ TODO added (#${todo.id.slice(-4)}${isGlobal ? ', global' : ''})`);
-                }
-                else if (subCommand === 'done' && parts[2]) {
-                    const id = parts[2];
-                    const todos = [...storage.getSessionTodos(), ...storage.getGlobalTodos()];
-                    const todo = todos.find(t => t.id.endsWith(id) || t.id === id);
-                    if (todo) {
-                        storage.updateTodo(todo.id, { status: 'completed' });
-                        addMessage('system', `✓ TODO #${id} marked done`);
-                    }
-                    else {
-                        addMessage('error', `TODO #${id} not found`);
-                    }
-                }
-                else if (subCommand === 'list' || !subCommand) {
-                    const sessionTodos = storage.getSessionTodos();
-                    const globalTodos = storage.getGlobalTodos();
-                    const pending = [...sessionTodos, ...globalTodos].filter(t => t.status !== 'completed');
-                    const completed = [...sessionTodos, ...globalTodos].filter(t => t.status === 'completed').slice(-3);
-                    if (pending.length === 0 && completed.length === 0) {
-                        addMessage('system', 'No TODOs. Use /todo add <task> to create one.');
-                    }
-                    else {
-                        let output = '📋 TODOs:\n';
-                        if (pending.length > 0) {
-                            output += pending.map(t => `  ${t.priority === 'high' ? '!' : '□'} #${t.id.slice(-4)} ${t.content}`).join('\n');
-                        }
-                        if (completed.length > 0) {
-                            output += '\n\nCompleted:\n' + completed.map(t => `  ✓ #${t.id.slice(-4)} ${t.content}`).join('\n');
-                        }
-                        addMessage('system', output);
-                    }
-                }
-                else if (subCommand === 'work' && parts[2]) {
-                    const id = parts[2];
-                    const todos = [...storage.getSessionTodos(), ...storage.getGlobalTodos()];
-                    const todo = todos.find(t => t.id.endsWith(id) || t.id === id);
-                    if (todo) {
-                        storage.setActiveTodo(todo.id);
-                        storage.updateTodo(todo.id, { status: 'in_progress' });
-                        addMessage('system', `✓ Working on: ${todo.content}\n\nTip: I'll help you complete this task. Describe what you need.`);
-                    }
-                    else {
-                        addMessage('error', `TODO #${id} not found`);
-                    }
-                }
-                else if (subCommand === 'clear') {
-                    storage.setActiveTodo(null);
-                    addMessage('system', '✓ Active TODO cleared');
-                }
-                else {
-                    addMessage('system', 'Usage: /todo [add <task>|done <id>|work <id>|clear|list]');
-                }
-                break;
-            }
-            case '/plans': {
-                const subCommand = parts[1];
-                if (subCommand === 'list' || !subCommand) {
-                    const plans = storage.getPlans();
-                    if (plans.length === 0) {
-                        addMessage('system', 'No plans yet. Plans are created in hybrid mode.');
-                    }
-                    else {
-                        const list = plans.slice(0, 5).map(p => `${p.status === 'completed' ? '✓' : '○'} ${p.id.slice(-4)}: ${p.title}`).join('\n');
-                        addMessage('system', `📋 Plans:\n${list}`);
-                    }
-                }
-                else if (subCommand === 'view' && parts[2]) {
-                    const plans = storage.getPlans();
-                    const plan = plans.find(p => p.id.endsWith(parts[2]) || p.id === parts[2]);
-                    if (plan) {
-                        const phases = plan.phases.map(ph => `  ${ph.status === 'completed' ? '✓' : '○'} ${ph.name} (${ph.risk} risk)`).join('\n');
-                        addMessage('system', `Plan: ${plan.title}\nStatus: ${plan.status}\n\nPhases:\n${phases}`);
-                    }
-                    else {
-                        addMessage('error', `Plan #${parts[2]} not found`);
-                    }
-                }
-                else if (subCommand === 'rerun' && parts[2]) {
-                    const plans = storage.getPlans();
-                    const plan = plans.find(p => p.id.endsWith(parts[2]) || p.id === parts[2]);
-                    if (plan) {
-                        // Reset plan status and activate
-                        plan.status = 'in_progress';
-                        plan.phases.forEach(ph => ph.status = 'pending');
-                        storage.savePlan(plan);
-                        storage.setActivePlan(plan);
-                        // Generate prompt for re-execution
-                        const phaseList = plan.phases.map(ph => `- ${ph.name}`).join('\n');
-                        const prompt = `Please help me execute this plan:\n\n**${plan.title}**\n\nPhases:\n${phaseList}\n\nStart with the first phase.`;
-                        setInput(prompt);
-                        addMessage('system', `✓ Plan loaded: ${plan.title}\nPress Enter to start execution.`);
-                    }
-                    else {
-                        addMessage('error', `Plan #${parts[2]} not found`);
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /plans [list|view <id>|rerun <id>]');
-                }
-                break;
-            }
-            case '/history': {
-                const subCommand = parts[1];
-                if (subCommand === 'search' && parts[2]) {
-                    const query = parts.slice(2).join(' ');
-                    const results = storage.searchChatHistory(query);
-                    if (results.length === 0) {
-                        addMessage('system', `No matches for "${query}"`);
-                    }
-                    else {
-                        const list = results.slice(-5).map(m => `${new Date(m.timestamp).toLocaleTimeString()}: ${m.content.substring(0, 60)}...`).join('\n');
-                        addMessage('system', `🔍 Found ${results.length} matches:\n${list}`);
-                    }
-                }
-                else if (subCommand === 'clear') {
-                    addMessage('system', 'History is preserved per session. Start a new session for fresh history.');
-                }
-                else {
-                    const history = storage.getChatHistory(5);
-                    if (history.length === 0) {
-                        addMessage('system', 'No chat history yet.');
-                    }
-                    else {
-                        const list = history.map(m => `${m.role}: ${m.content.substring(0, 50)}...`).join('\n');
-                        addMessage('system', `Recent history:\n${list}\n\nUse /history search <query> to search.`);
-                    }
-                }
-                break;
-            }
-            case '/context': {
-                const subCommand = parts[1];
-                if (subCommand === 'load') {
-                    const limit = parseInt(parts[2]) || 20;
-                    const history = storage.getChatHistory(limit);
-                    if (history.length > 0) {
-                        // Load history into LLM context
-                        for (const msg of history) {
-                            if (msg.role === 'user' || msg.role === 'assistant') {
-                                llmMessages.current.push({
-                                    role: msg.role,
-                                    content: msg.content,
-                                });
-                            }
-                        }
-                        addMessage('system', `✓ Loaded ${history.length} messages into context`);
-                    }
-                    else {
-                        addMessage('system', 'No history to load.');
-                    }
-                }
-                else if (subCommand === 'summary' || !subCommand) {
-                    // Enhanced context summary with model limits
-                    const msgCount = llmMessages.current.length;
-                    const estTokens = estimateContextTokens();
-                    const modelLimit = getModelContextLimit(actualProvider, actualModel);
-                    const percentage = Math.round((estTokens / modelLimit) * 100);
-                    const formatK = (n) => n >= 1000 ? `${Math.round(n / 1000)}K` : String(n);
-                    let status = '🟢 Healthy';
-                    if (percentage > 90)
-                        status = '🔴 Critical';
-                    else if (percentage > 80)
-                        status = '🟡 Warning';
-                    else if (percentage > 60)
-                        status = '🟠 Caution';
-                    addMessage('system', `**Context Status: ${status}**
-
-**Usage:** ${formatK(estTokens)} / ${formatK(modelLimit)} tokens (${percentage}%)
-**Messages:** ${msgCount}
-**Provider:** ${actualProvider}
-**Model:** ${actualModel}
-
-**Commands:**
-  /summarize compact - Auto-compress context
-  /context load [n]  - Load n messages from history
-  /clear             - Start fresh`);
-                }
-                else {
-                    addMessage('system', 'Usage: /context [load [n]|summary]\n\nShow context status or load history.');
-                }
-                break;
-            }
-            case '/scope':
-            case '/dirs': {
-                const subCmd = parts[1];
-                if (subCmd === 'details' || subCmd === 'full') {
-                    addMessage('system', getScopeDetails());
-                }
-                else if (subCmd === 'reset') {
-                    resetScope(process.cwd());
-                    addMessage('system', '✓ Scope reset to current directory only');
-                }
-                else {
-                    addMessage('system', getScopeSummary());
-                }
-                break;
-            }
-            case '/add-dir': {
-                const dirPath = parts.slice(1).join(' ').replace(/^["']|["']$/g, '');
-                if (!dirPath) {
-                    addMessage('system', 'Usage: /add-dir <path>\n\nAdd a directory to the allowed scope.\nThe agent can only access files within scope.');
-                }
-                else {
-                    const result = addToScope(dirPath);
-                    if (result.success) {
-                        addMessage('system', `✓ ${result.message}`);
-                    }
-                    else {
-                        addMessage('error', result.message);
-                    }
-                }
-                break;
-            }
-            case '/remove-dir': {
-                const dirPath = parts.slice(1).join(' ').replace(/^["']|["']$/g, '');
-                if (!dirPath) {
-                    addMessage('system', 'Usage: /remove-dir <path>\n\nRemove a directory from the allowed scope.');
-                }
-                else {
-                    const result = removeFromScope(dirPath);
-                    if (result.success) {
-                        addMessage('system', `✓ ${result.message}`);
-                    }
-                    else {
-                        addMessage('error', result.message);
-                    }
-                }
-                break;
-            }
-            case '/template':
-            case '/t': {
-                const subCmd = parts[1];
-                if (subCmd === 'list' || !subCmd) {
-                    if (templates.length === 0) {
-                        addMessage('system', 'No templates saved.\n\nUsage:\n  /template save <name> <prompt>\n  /template use <name>\n  /template delete <name>');
-                    }
-                    else {
-                        const list = templates.map((t, i) => `  ${i + 1}. ${t.name}: "${t.prompt.substring(0, 50)}${t.prompt.length > 50 ? '...' : ''}"`).join('\n');
-                        addMessage('system', `Templates:\n${list}`);
-                    }
-                }
-                else if (subCmd === 'save' && parts[2]) {
-                    const name = parts[2];
-                    const prompt = parts.slice(3).join(' ').replace(/^["']|["']$/g, '');
-                    if (!prompt) {
-                        addMessage('error', 'Usage: /template save <name> "<prompt>"');
-                    }
-                    else {
-                        storage.saveTemplate(name, prompt);
-                        setTemplates(prev => {
-                            const filtered = prev.filter(t => t.name !== name);
-                            return [...filtered, { name, prompt, createdAt: new Date() }];
-                        });
-                        addMessage('system', `✓ Template saved: ${name}`);
-                    }
-                }
-                else if (subCmd === 'use' && parts[2]) {
-                    const name = parts[2];
-                    const template = templates.find(t => t.name === name);
-                    if (template) {
-                        setInput(template.prompt);
-                        addMessage('system', `✓ Template loaded: ${name} (press Enter to send)`);
-                    }
-                    else {
-                        addMessage('error', `Template not found: ${name}`);
-                    }
-                }
-                else if (subCmd === 'delete' && parts[2]) {
-                    const name = parts[2];
-                    const found = templates.find(t => t.name === name);
-                    if (found) {
-                        storage.deleteTemplate(name);
-                        setTemplates(prev => prev.filter(t => t.name !== name));
-                        addMessage('system', `✓ Template deleted: ${name}`);
-                    }
-                    else {
-                        addMessage('error', `Template not found: ${name}`);
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /template [list|save <name> <prompt>|use <name>|delete <name>]');
-                }
-                break;
-            }
-            case '/cost':
-            case '/costs': {
-                const subCmd = parts[1];
-                if (subCmd === 'reset') {
-                    storage.resetCosts();
-                    addMessage('system', '✓ Cost tracking reset');
-                }
-                else {
-                    addMessage('system', storage.getCostSummary());
-                }
-                break;
-            }
-            case '/bookmark':
-            case '/bm': {
-                const subCmd = parts[1];
-                if (!subCmd || subCmd === 'list') {
-                    // List bookmarks
-                    if (bookmarks.length === 0) {
-                        addMessage('system', 'No bookmarks. Use /bookmark "name" to create one.');
-                    }
-                    else {
-                        const list = bookmarks.map((b, i) => `  ${i + 1}. 🔖 ${b.name} (message #${b.messageIndex})`).join('\n');
-                        addMessage('system', `Bookmarks:\n${list}\n\nUse /bookmark goto <number> to jump.`);
-                    }
-                }
-                else if (subCmd === 'goto' && parts[2]) {
-                    const idx = parseInt(parts[2]) - 1;
-                    if (idx >= 0 && idx < bookmarks.length) {
-                        const bm = bookmarks[idx];
-                        // Save current state for undo
-                        saveUndoState();
-                        // Restore to bookmark point
-                        setMessages(messages.slice(0, bm.messageIndex + 1));
-                        llmMessages.current = llmMessages.current.slice(0, bm.llmMessageIndex + 1);
-                        setContextTokens(estimateContextTokens());
-                        addMessage('system', `✓ Jumped to bookmark: ${bm.name}`);
-                    }
-                    else {
-                        addMessage('error', `Invalid bookmark number. Use /bookmark list to see available.`);
-                    }
-                }
-                else if (subCmd === 'delete' && parts[2]) {
-                    const idx = parseInt(parts[2]) - 1;
-                    if (idx >= 0 && idx < bookmarks.length) {
-                        const removed = bookmarks[idx];
-                        setBookmarks(prev => prev.filter((_, i) => i !== idx));
-                        addMessage('system', `✓ Deleted bookmark: ${removed.name}`);
-                    }
-                    else {
-                        addMessage('error', 'Invalid bookmark number.');
-                    }
-                }
-                else {
-                    // Create bookmark with given name
-                    const name = parts.slice(1).join(' ').replace(/^["']|["']$/g, '');
-                    const bm = {
-                        id: `bm_${Date.now()}`,
-                        name,
-                        messageIndex: messages.length - 1,
-                        llmMessageIndex: llmMessages.current.length - 1,
-                        timestamp: new Date(),
-                    };
-                    setBookmarks(prev => [...prev, bm]);
-                    addMessage('system', `🔖 Bookmark created: "${name}"`);
-                }
-                break;
-            }
-            case '/queue':
-            case '/q': {
-                // /q is now queue, use /exit to quit
-                if (command === '/q' && !parts[1]) {
-                    // Just /q with no args shows queue
-                    if (queuedMessages.length === 0) {
-                        addMessage('system', 'No messages queued. Type while agent is processing to queue feedback.');
-                    }
-                    else {
-                        const list = queuedMessages.map((m, i) => `  ${i + 1}. ${m.substring(0, 60)}${m.length > 60 ? '...' : ''}`).join('\n');
-                        addMessage('system', `📨 Queued messages (${queuedMessages.length}):\n${list}\n\nUse /queue clear to remove all.`);
-                    }
-                    break;
-                }
-                const subCmd = parts[1];
-                if (subCmd === 'clear') {
-                    const count = queuedMessages.length;
-                    setQueuedMessages([]);
-                    addMessage('system', `✓ Cleared ${count} queued message${count !== 1 ? 's' : ''}`);
-                }
-                else if (subCmd === 'show' || !subCmd) {
-                    if (queuedMessages.length === 0) {
-                        addMessage('system', 'No messages queued.');
-                    }
-                    else {
-                        const list = queuedMessages.map((m, i) => `  ${i + 1}. ${m}`).join('\n');
-                        addMessage('system', `📨 Queued messages:\n${list}`);
-                    }
-                }
-                else if (subCmd === 'flush') {
-                    // Force-process queued messages even if stuck
-                    if (queuedMessages.length === 0) {
-                        addMessage('system', 'No messages to flush.');
-                    }
-                    else {
-                        const queued = [...queuedMessages];
-                        setQueuedMessages([]);
-                        setIsProcessing(false); // Force reset processing state
-                        setThinkingState(null);
-                        setStreamingResponse('');
-                        addMessage('system', `🔄 Flushing ${queued.length} queued message(s)...`);
-                        const followUp = queued.length === 1
-                            ? queued[0]
-                            : `[Multiple follow-up messages:]\n${queued.map((m, i) => `${i + 1}. ${m}`).join('\n')}`;
-                        setTimeout(() => {
-                            setIsProcessing(true);
-                            runAgent(followUp).finally(() => {
-                                setIsProcessing(false);
-                                setThinkingState(null);
-                                setStreamingResponse('');
-                            });
-                        }, 50);
-                    }
-                }
-                else {
-                    addMessage('system', 'Usage: /queue [show|clear|flush]\n\nTip: Type while agent is processing to queue follow-up messages.');
-                }
-                break;
-            }
-            case '/flush': {
-                // Shortcut for /queue flush - force-process queued messages
-                if (queuedMessages.length === 0) {
-                    addMessage('system', 'No messages to flush. Use /debug to see current state.');
-                }
-                else {
-                    const queued = [...queuedMessages];
-                    setQueuedMessages([]);
-                    setIsProcessing(false); // Force reset processing state
-                    setThinkingState(null);
-                    setStreamingResponse('');
-                    addMessage('system', `🔄 Flushing ${queued.length} queued message(s)...`);
-                    const followUp = queued.length === 1
-                        ? queued[0]
-                        : `[Multiple follow-up messages:]\n${queued.map((m, i) => `${i + 1}. ${m}`).join('\n')}`;
-                    setTimeout(() => {
-                        setIsProcessing(true);
-                        runAgent(followUp).finally(() => {
-                            setIsProcessing(false);
-                            setThinkingState(null);
-                            setStreamingResponse('');
-                        });
-                    }, 50);
-                }
-                break;
-            }
-            case '/debug': {
-                const subCmd = parts[1];
-                if (subCmd === 'on') {
-                    debugEnabled = true;
-                    addMessage('system', '🔍 Debug logging ON (output to stderr). Use /debug off to disable.');
-                }
-                else if (subCmd === 'off') {
-                    debugEnabled = false;
-                    addMessage('system', '🔍 Debug logging OFF');
-                }
-                else {
-                    // Show internal state for debugging stuck issues
-                    const debugInfo = [
-                        `isProcessing: ${isProcessing}`,
-                        `queuedMessages: ${queuedMessages.length}`,
-                        `modalMode: ${modalMode}`,
-                        `confirmMode: ${confirmMode}`,
-                        `loopActive: ${loopActive}`,
-                        `thinkingState: ${thinkingState ? JSON.stringify(thinkingState) : 'null'}`,
-                        `streamingResponse length: ${streamingResponse.length}`,
-                        `llmMessages count: ${llmMessages.current.length}`,
-                        `mode: ${mode}`,
-                        `debugEnabled: ${debugEnabled}`,
-                    ];
-                    addMessage('system', `🔍 Debug State:\n${debugInfo.join('\n')}\n\nUse /debug on|off to toggle logging.`);
-                }
-                break;
-            }
-            case '/unstick': {
-                // Emergency reset of processing state
-                setIsProcessing(false);
-                setThinkingState(null);
-                setStreamingResponse('');
-                setLoopActive(false);
-                setModalMode('none');
-                setPendingComplexPrompt(null);
-                // Also reset to hybrid mode if stuck in plan mode
-                if (mode === 'plan') {
-                    setMode('hybrid');
-                    addMessage('system', '🔧 Reset processing state + switched from plan to hybrid mode.');
-                }
-                else {
-                    addMessage('system', '🔧 Reset processing state. You can now submit new messages.');
-                }
-                break;
-            }
-            case '/keys':
-            case '/?': {
-                // Show keybindings modal
-                setModalMode('keys');
-                break;
-            }
-            case '/work': {
-                // Quick shortcut to enter work mode
-                setMode('work');
-                addMessage('system', `Mode: ${MODE_CONFIG['work'].icon} ${MODE_CONFIG['work'].label} - ${MODE_CONFIG['work'].description}`);
-                break;
-            }
-            case '/plan': {
-                // Quick shortcut to enter plan mode
-                setMode('plan');
-                addMessage('system', `Mode: ${MODE_CONFIG['plan'].icon} ${MODE_CONFIG['plan'].label} - ${MODE_CONFIG['plan'].description}`);
-                break;
-            }
-            case '/resume': {
-                // Resume previous session manually
-                const history = storage.getChatHistory(parseInt(parts[1]) || 20);
-                if (history.length === 0) {
-                    addMessage('system', 'No previous messages to resume.');
-                }
-                else {
-                    for (const msg of history) {
-                        if (msg.role === 'user' || msg.role === 'assistant') {
-                            llmMessages.current.push({
-                                role: msg.role,
-                                content: msg.content,
-                            });
-                        }
-                    }
-                    addMessage('system', `✓ Loaded ${history.length} messages from previous session`);
-                    setContextTokens(estimateContextTokens());
-                }
-                break;
-            }
-            case '/exit':
-            case '/quit':
-                exit();
-                break;
-            default:
-                addMessage('error', `Unknown command: ${command}. Type /help for help.`);
-        }
-    }, [actualProvider, actualModel, persona, stats, addMessage, exit]);
-    // Validate and repair message history to ensure tool_use always has tool_result
-    const validateAndRepairMessages = useCallback(() => {
-        const messages = llmMessages.current;
-        let repaired = false;
-        for (let i = 0; i < messages.length; i++) {
-            const msg = messages[i];
-            if (msg.role === 'assistant' && msg.toolCalls && msg.toolCalls.length > 0) {
-                // Check that each tool_use has a corresponding tool_result
-                for (const toolCall of msg.toolCalls) {
-                    const hasResult = messages.slice(i + 1).some(m => m.role === 'tool' && m.toolCallId === toolCall.id);
-                    if (!hasResult) {
-                        // Add a placeholder tool_result for the missing tool call
-                        debugLog('repair', 'Adding missing tool_result for', toolCall.id);
-                        // Find the right position to insert (right after this assistant message or after existing tool results)
-                        let insertPos = i + 1;
-                        while (insertPos < messages.length && messages[insertPos].role === 'tool') {
-                            insertPos++;
-                        }
-                        messages.splice(insertPos, 0, {
-                            role: 'tool',
-                            content: '[Error: Tool execution was interrupted. Please retry.]',
-                            toolCallId: toolCall.id,
-                        });
-                        repaired = true;
-                    }
-                }
-            }
-        }
-        if (repaired) {
-            addMessage('system', '🔧 Repaired corrupted message history (missing tool results).');
-        }
-        return repaired;
-    }, [addMessage]);
-    // Run agent with user prompt
-    const runAgent = useCallback(async (content) => {
-        debugLog('runAgent', 'ENTER', typeof content === 'string' ? content.substring(0, 50) : '[complex]');
-        // Validate message history before adding new content
-        validateAndRepairMessages();
-        llmMessages.current.push({ role: 'user', content });
-        setStats(s => ({ ...s, messageCount: s.messageCount + 1 }));
-        setStreamingResponse('');
-        // Auto-route to appropriate model based on task complexity
-        let effectiveModel = model;
-        if (autoRoute && typeof content === 'string') {
-            const routeDecision = modelRouter.routeRequest(content, provider, {
-                messageCount: stats.messageCount,
-                hasCode: content.includes('```') || /\.(ts|js|py|go|rs|java)/.test(content),
-            });
-            effectiveModel = routeDecision.model.model;
-            if (effectiveModel !== model) {
-                addMessage('system', `[Auto-route: ${routeDecision.tier} tier - ${routeDecision.reason}]`);
-            }
-        }
-        const maxIterations = config.get('maxIterations');
-        let completedNaturally = false;
-        // Check context limit and warn if approaching capacity
-        // Uses model's actual context length from API when available
-        let currentContextTokens = estimateContextTokens();
-        const modelLimit = getModelContextLimit(actualProvider, effectiveModel || actualModel);
-        let contextPercentage = (currentContextTokens / modelLimit) * 100;
-        // Auto-compact if we're over 95% capacity to prevent API errors
-        if (contextPercentage > 95) {
-            addMessage('system', `🔄 Context at ${Math.round(contextPercentage)}% - auto-compacting to prevent errors...`);
-            const result = summarization.summarizeConversation(llmMessages.current, {
-                maxTokens: Math.floor(modelLimit * 0.7), // Target 70% of limit after compaction
-                preserveRecent: 15,
-            });
-            if (result.summarizedCount > 0) {
-                llmMessages.current = result.messages;
-                currentContextTokens = estimateContextTokens();
-                contextPercentage = (currentContextTokens / modelLimit) * 100;
-                setContextTokens(currentContextTokens);
-                addMessage('system', `✓ Compacted ${result.summarizedCount} messages. Now at ${Math.round(contextPercentage)}% (${Math.round(currentContextTokens / 1000)}K/${Math.round(modelLimit / 1000)}K)`);
-            }
-            else {
-                // If compaction didn't help enough, warn user
-                if (contextPercentage > 98) {
-                    addMessage('error', `🚨 Context at ${Math.round(contextPercentage)}% - cannot proceed safely. Please use /clear or reduce message size.`);
-                    setIsProcessing(false);
-                    return;
-                }
-            }
-        }
-        else if (contextPercentage > 85) {
-            addMessage('system', `⚠️  Context at ${Math.round(contextPercentage)}% capacity (${Math.round(currentContextTokens / 1000)}K/${Math.round(modelLimit / 1000)}K tokens)
-   Consider: /summarize compact | /clear | shorter messages`);
-        }
-        for (let i = 0; i < maxIterations; i++) {
-            // Safety check at start of each iteration - context may have grown from tool results
-            if (i > 0) {
-                const iterContextTokens = estimateContextTokens();
-                const iterContextPercentage = (iterContextTokens / modelLimit) * 100;
-                if (iterContextPercentage > 95) {
-                    addMessage('system', `🔄 Context grew to ${Math.round(iterContextPercentage)}% - auto-compacting...`);
-                    const result = summarization.summarizeConversation(llmMessages.current, {
-                        maxTokens: Math.floor(modelLimit * 0.7),
-                        preserveRecent: 15,
-                    });
-                    if (result.summarizedCount > 0) {
-                        llmMessages.current = result.messages;
-                        setContextTokens(estimateContextTokens());
-                        addMessage('system', `✓ Compacted ${result.summarizedCount} messages during iteration ${i + 1}`);
-                    }
-                }
-            }
-            try {
-                // Update thinking state for LLM call
-                setThinkingState({
-                    status: i === 0 ? 'Analyzing request...' : 'Processing response...',
-                    detail: `Iteration ${i + 1}/${maxIterations}`,
-                    iteration: i + 1,
-                    maxIterations,
-                });
-                setActivityState({
-                    action: i === 0 ? 'Analyzing request' : 'Processing',
-                    target: `iteration ${i + 1}`,
-                    startTime: Date.now(),
-                });
-                // Streaming callback for final response
-                const onToken = (token) => {
-                    setThinkingState(null); // Clear thinking when streaming starts
-                    setStreamingResponse(prev => prev + token);
-                };
-                // Retry callback for error recovery
-                const onRetry = (attempt, error, delayMs) => {
-                    setThinkingState({
-                        status: `Retrying... (attempt ${attempt + 1})`,
-                        detail: `${error.message.substring(0, 40)}... Waiting ${Math.round(delayMs / 1000)}s`,
-                        iteration: i + 1,
-                        maxIterations,
-                    });
-                };
-                debugLog('chat', 'WAITING for LLM response', `iteration=${i + 1}`);
-                // Validate message history to prevent orphaned tool_result errors
-                let validatedMessages = summarization.validateMessageHistory(llmMessages.current);
-                if (validatedMessages.length !== llmMessages.current.length) {
-                    debugLog('chat', 'CLEANED orphaned tool results', `removed=${llmMessages.current.length - validatedMessages.length}`);
-                    llmMessages.current = validatedMessages;
-                }
-                // Pre-request summarization check - summarize BEFORE sending if context is too large
-                const tools = getTools(moduleAgtermEnabled);
-                const contextCheck = estimateContextUsage(provider, effectiveModel || DEFAULT_MODELS[provider], validatedMessages, tools);
-                debugLog('chat', 'CONTEXT CHECK', `estimated=${contextCheck.estimated}, limit=${contextCheck.limit}, percent=${contextCheck.percent}%`);
-                if (contextCheck.needsSummarization) {
-                    debugLog('chat', 'PRE-REQUEST SUMMARIZING', `estimated=${contextCheck.estimated} >= 80% of ${contextCheck.limit}`);
-                    const result = summarization.summarizeConversation(validatedMessages, { maxTokens: Math.floor(contextCheck.limit * 0.6) });
-                    if (result.summarizedCount > 0) {
-                        llmMessages.current = result.messages;
-                        validatedMessages = result.messages;
-                        debugLog('chat', 'PRE-SUMMARIZED', `removed=${result.summarizedCount} messages, reduced from ${result.originalTokens} to ${result.reducedTokens}`);
-                    }
-                }
-                const response = await chat(provider, validatedMessages, tools, effectiveModel, onToken, onRetry);
-                debugLog('chat', 'GOT response', `toolCalls=${response.toolCalls?.length ?? 0}`);
-                // Update token stats and cost
-                if (response.usage) {
-                    const usageCost = calculateCost(model || DEFAULT_MODELS[provider], response.usage.inputTokens, response.usage.outputTokens);
-                    setStats(s => ({
-                        ...s,
-                        inputTokens: s.inputTokens + response.usage.inputTokens,
-                        outputTokens: s.outputTokens + response.usage.outputTokens,
-                        cost: s.cost + usageCost,
-                    }));
-                    // Persist cost to storage
-                    storage.recordCost(usageCost, actualProvider, sessionRef.current?.id);
-                    // Auto-summarize if context is getting too full (85% threshold)
-                    if (needsSummarization(provider, model || DEFAULT_MODELS[provider], response.usage.inputTokens)) {
-                        debugLog('chat', 'AUTO-SUMMARIZING', `inputTokens=${response.usage.inputTokens}`);
-                        const result = summarization.summarizeConversation(llmMessages.current, { maxTokens: 100000 });
-                        if (result.summarizedCount > 0) {
-                            llmMessages.current = result.messages;
-                            debugLog('chat', 'SUMMARIZED', `removed=${result.summarizedCount} messages`);
-                        }
-                    }
-                }
-                // Handle tool calls with parallel execution support
-                if (response.toolCalls?.length) {
-                    llmMessages.current.push({
-                        role: 'assistant',
-                        content: response.content,
-                        toolCalls: response.toolCalls,
-                    });
-                    const preChecks = [];
-                    const executableTools = [];
-                    for (const toolCall of response.toolCalls) {
-                        const args = toolCall.arguments;
-                        const toolPreview = String(args.command || args.path || '...');
-                        const risk = assessToolRisk(toolCall);
-                        const riskConfig = RISK_CONFIG[risk.level];
-                        const riskDisplay = risk.level !== 'none' ? ` [${riskConfig.bar}]` : '';
-                        const preCheck = {
-                            toolCall,
-                            args,
-                            preview: toolPreview,
-                            risk,
-                            riskDisplay,
-                            blocked: false,
-                        };
-                        // Check blocking conditions
-                        if (mode === 'plan' && toolCall.name !== 'think') {
-                            preCheck.blocked = true;
-                            preCheck.blockReason = 'plan mode';
-                            preCheck.blockContent = '[Plan mode: Tool not executed. Describe what this would do.]';
-                            addMessage('tool', `📋 ${toolCall.name}: ${toolPreview}${riskDisplay} (plan mode - not executed)`);
-                        }
-                        else if (confirmMode && requiresConfirmation(risk, false) && toolCall.name !== 'think') {
-                            preCheck.blocked = true;
-                            preCheck.blockReason = 'confirmation required';
-                            preCheck.blockContent = `[Operation blocked - ${risk.level} risk: ${risk.reason}. User confirmation required.]`;
-                            const riskIcon = risk.level === 'critical' ? '🛑' : '⚠️';
-                            addMessage('tool', `${riskIcon} ${toolCall.name}: ${toolPreview}${riskDisplay}\n  → Requires confirmation (use /confirm off to disable)`);
-                        }
-                        else {
-                            // Check pre-tool hooks
-                            const preHookResult = await hooks.checkHooksAllow('pre-tool', {
-                                tool: toolCall.name,
-                                toolArgs: args,
-                            });
-                            if (!preHookResult.allowed) {
-                                preCheck.blocked = true;
-                                preCheck.blockReason = 'blocked by hook';
-                                preCheck.blockContent = `[Blocked by hook: ${preHookResult.reason}]`;
-                                addMessage('tool', `⚡ ${toolCall.name}: ${toolPreview}${riskDisplay}`);
-                                addMessage('tool', `🛑 Blocked by hook: ${preHookResult.reason}`);
-                            }
-                            else {
-                                // Tool can be executed
-                                executableTools.push(toolCall);
-                                addMessage('tool', `⚡ ${toolCall.name}: ${toolPreview}${riskDisplay}`);
-                            }
-                        }
-                        preChecks.push(preCheck);
-                        // Add blocked tool results to LLM messages
-                        if (preCheck.blocked) {
-                            llmMessages.current.push({
-                                role: 'tool',
-                                content: preCheck.blockContent,
-                                toolCallId: toolCall.id,
-                            });
-                        }
-                    }
-                    // ============================================================
-                    // Phase 2: Execute tools (parallel when beneficial)
-                    // ============================================================
-                    if (executableTools.length > 0) {
-                        const parallelStats = getParallelizationStats(executableTools);
-                        const useParallel = parallelStats.maxParallel > 1 && executableTools.length > 1;
-                        if (useParallel) {
-                            // Show parallelization info
-                            setThinkingState({
-                                status: `Executing ${executableTools.length} tools in parallel...`,
-                                detail: `${parallelStats.stages} stages, up to ${parallelStats.maxParallel}x speedup`,
-                                iteration: i + 1,
-                                maxIterations,
-                            });
-                            setActivityState({
-                                action: `Executing ${executableTools.length} tools`,
-                                target: 'in parallel',
-                                startTime: Date.now(),
-                            });
-                            // Execute in parallel using dependency-aware staging
-                            debugLog('tools', 'PARALLEL exec start', `count=${executableTools.length}`);
-                            const results = await executeParallel(executableTools, async (call) => {
-                                const result = await executeTool(call, process.cwd());
-                                return result.result;
-                            }, (completed, total, current) => {
-                                const args = current.arguments;
-                                const target = args.path || args.command?.substring(0, 30) || current.name;
-                                setActivityState({
-                                    action: `Running ${current.name}`,
-                                    target: target,
-                                    startTime: Date.now(),
-                                });
-                                setThinkingState({
-                                    status: `Executing tools... (${completed + 1}/${total})`,
-                                    detail: current.name,
-                                    iteration: i + 1,
-                                    maxIterations,
-                                });
-                            });
-                            debugLog('tools', 'PARALLEL exec done', `results=${results.length}`);
-                            // Process results sequentially for UI and LLM messages
-                            for (const result of results) {
-                                const toolCall = result.toolCall;
-                                const args = toolCall.arguments;
-                                // Execute post-tool hooks
-                                hooks.executeHooks('post-tool', {
-                                    tool: toolCall.name,
-                                    toolArgs: args,
-                                    toolResult: result.result,
-                                }).catch((err) => {
-                                    debugLog('hooks', `post-tool hook failed for ${toolCall.name}:`, err instanceof Error ? err.message : err);
-                                });
-                                // Display result
-                                if (toolCall.name === 'think') {
-                                    const thought = String(args.thought || '');
-                                    addMessage('tool', thought);
-                                }
-                                else if (result.error) {
-                                    addMessage('tool', `Error: ${result.error}`);
-                                }
-                                else {
-                                    const preview = result.result.split('\n').slice(0, 3).join('\n');
-                                    addMessage('tool', preview + (result.result.split('\n').length > 3 ? '\n...' : ''));
-                                }
-                                llmMessages.current.push({
-                                    role: 'tool',
-                                    content: result.error ? `Error: ${result.error}` : result.result,
-                                    toolCallId: toolCall.id,
-                                });
-                            }
-                        }
-                        else {
-                            // Sequential execution (single tool or dependencies prevent parallelization)
-                            debugLog('tools', 'SEQUENTIAL exec start', `count=${executableTools.length}`);
-                            for (const toolCall of executableTools) {
-                                const args = toolCall.arguments;
-                                const toolPreview = String(args.command || args.path || args.content?.toString().substring(0, 30) || '...');
-                                // Set activity state for streaming indicator
-                                const actionMap = {
-                                    read_file: 'Reading',
-                                    write_file: 'Writing',
-                                    edit_file: 'Editing',
-                                    bash: 'Running',
-                                    search: 'Searching',
-                                    glob: 'Finding',
-                                    think: 'Thinking',
-                                };
-                                const action = actionMap[toolCall.name] || `Executing ${toolCall.name}`;
-                                const target = toolCall.name === 'bash'
-                                    ? args.command?.substring(0, 40) + (args.command?.length > 40 ? '...' : '')
-                                    : toolCall.name === 'think'
-                                        ? undefined
-                                        : args.path || args.pattern;
-                                setActivityState({ action, target, startTime: Date.now() });
-                                // Special handling for think tool UI
-                                if (toolCall.name === 'think') {
-                                    const thought = String(args.thought || '');
-                                    setThinkingState({
-                                        status: 'Reasoning...',
-                                        detail: thought.substring(0, 60) + (thought.length > 60 ? '...' : ''),
-                                        thinking: thought,
-                                        iteration: i + 1,
-                                        maxIterations,
-                                    });
-                                }
-                                else {
-                                    setThinkingState({
-                                        status: `Executing ${toolCall.name}...`,
-                                        detail: toolPreview.substring(0, 60),
-                                        thinking: undefined,
-                                        iteration: i + 1,
-                                        maxIterations,
-                                    });
-                                }
-                                debugLog('tools', 'EXEC', toolCall.name, toolPreview.substring(0, 30));
-                                const result = await executeTool(toolCall, process.cwd());
-                                debugLog('tools', 'DONE', toolCall.name);
-                                // Execute post-tool hooks
-                                hooks.executeHooks('post-tool', {
-                                    tool: toolCall.name,
-                                    toolArgs: args,
-                                    toolResult: result.result,
-                                }).catch((err) => {
-                                    debugLog('hooks', `post-tool hook failed for ${toolCall.name}:`, err instanceof Error ? err.message : err);
-                                });
-                                // Display result
-                                if (toolCall.name === 'think') {
-                                    const thought = String(args.thought || '');
-                                    addMessage('tool', thought);
-                                }
-                                else {
-                                    const preview = result.result.split('\n').slice(0, 3).join('\n');
-                                    addMessage('tool', preview + (result.result.split('\n').length > 3 ? '\n...' : ''));
-                                }
-                                llmMessages.current.push({
-                                    role: 'tool',
-                                    content: result.result,
-                                    toolCallId: toolCall.id,
-                                });
-                            }
-                        }
-                    }
-                    continue;
-                }
-                // Final response - move streaming content to message history
-                setThinkingState(null);
-                llmMessages.current.push({ role: 'assistant', content: response.content });
-                addMessage('assistant', response.content);
-                setStreamingResponse('');
-                setContextTokens(estimateContextTokens());
-                checkAndWarnContextLimit(actualProvider, actualModel, estimateContextTokens(), addMessage);
-                // Auto-continue if response was truncated due to length
-                if (response.finishReason === 'length') {
-                    addMessage('system', '(auto-continuing...)');
-                    llmMessages.current.push({ role: 'user', content: 'Please continue where you left off.' });
-                    continue; // Loop again to get continuation
-                }
-                completedNaturally = true;
-                break;
-            }
-            catch (error) {
-                setThinkingState(null);
-                setActivityState(null);
-                setStreamingResponse('');
-                // Format error with provider context for better suggestions
-                const errorMsg = formatError(error, { provider: actualProvider });
-                addMessage('error', errorMsg);
-                // Classify error to provide additional recovery suggestions
-                const classified = classifyError(error);
-                const availableProviders = getAvailableProviders();
-                const otherProviders = availableProviders.filter(p => p !== actualProvider);
-                // Suggest alternatives based on error type
-                if (classified.category === 'rate_limit' || classified.category === 'server') {
-                    if (otherProviders.length > 0) {
-                        addMessage('system', `💡 Try switching providers: /provider ${otherProviders[0]} or /models to see alternatives`);
-                    }
-                }
-                else if (classified.category === 'timeout' || classified.category === 'network') {
-                    addMessage('system', `💡 Network issue detected. Check connection and try again, or use /provider to switch.`);
-                }
-                else if (classified.category === 'auth') {
-                    addMessage('system', `💡 Run 'calliope --setup' to reconfigure API keys.`);
-                }
-                completedNaturally = true; // Error counts as "done" - don't show iteration warning
-                // On error, clear queued messages to prevent infinite retry loop
-                if (queuedMessages.length > 0) {
-                    addMessage('system', `⚠️ Cleared ${queuedMessages.length} queued message(s) due to error. Use /clear to reset conversation.`);
-                    setQueuedMessages([]);
-                }
-                return; // Exit early on error - don't process queued messages
-            }
-        }
-        // Only show warning if we actually hit the iteration limit (not errors or natural completion)
-        if (!completedNaturally) {
-            addMessage('system', `⚠️ Reached ${maxIterations} iterations limit. Task may be incomplete. Adjust with /set maxIterations <number>.`);
-        }
-        // Update context tokens after agent run
-        setContextTokens(estimateContextTokens());
-        // Process any queued messages (human-in-the-loop feedback)
-        // CRITICAL: Use ref to get current value, not stale closure
-        const currentQueued = queuedMessagesRef.current;
-        debugLog('runAgent', 'EXIT loop', `queued=${currentQueued.length}`);
-        if (currentQueued.length > 0) {
-            const queued = [...currentQueued];
-            setQueuedMessages([]); // Clear the queue
-            queuedMessagesRef.current = []; // Also clear ref immediately
-            // Combine queued messages into a single follow-up
-            const followUp = queued.length === 1
-                ? queued[0]
-                : `[Multiple follow-up messages from user:]\n${queued.map((m, i) => `${i + 1}. ${m}`).join('\n')}`;
-            addMessage('system', `📨 Processing ${queued.length} queued message${queued.length > 1 ? 's' : ''}...`);
-            // Recursively run agent with follow-up
-            // Use setTimeout to avoid stack overflow and allow UI to update
-            // Note: handleSubmit's finally will set isProcessing=false, so we need to re-enable it
-            debugLog('runAgent', 'SCHEDULING recursive call for queued messages');
-            setTimeout(() => {
-                debugLog('runAgent', 'RECURSIVE call starting');
-                setIsProcessing(true);
-                runAgent(followUp).finally(() => {
-                    setIsProcessing(false);
-                    setThinkingState(null);
-                    setActivityState(null);
-                    setStreamingResponse('');
-                    setEditingQueueIndex(null);
-                });
-            }, 100);
-        }
-        debugLog('runAgent', 'RETURN');
-    }, [provider, model, addMessage, mode, estimateContextTokens]); // Note: queuedMessages accessed via ref
-    // Ralph Wiggum loop - runs prompt repeatedly until completion promise or max iterations
-    const runLoop = useCallback(async (prompt, maxIter, completionPromise) => {
-        setIsProcessing(true);
-        for (let i = 0; i < maxIter; i++) {
-            // Check if cancelled
-            if (loopCancelledRef.current) {
-                addMessage('system', '🛑 Loop cancelled by user');
-                break;
-            }
-            setLoopIteration(i + 1);
-            addMessage('system', `🔄 Loop iteration ${i + 1}/${maxIter}`);
-            // Add the loop prompt as user message
-            llmMessages.current.push({ role: 'user', content: prompt });
-            try {
-                // Run the agent
-                await runAgent(prompt);
-                // Check for completion promise in the last assistant message
-                if (completionPromise) {
-                    const lastMessage = llmMessages.current[llmMessages.current.length - 1];
-                    if (lastMessage?.role === 'assistant') {
-                        const content = typeof lastMessage.content === 'string'
-                            ? lastMessage.content
-                            : JSON.stringify(lastMessage.content);
-                        if (content.includes(completionPromise)) {
-                            addMessage('system', `🎉 Completion promise "${completionPromise}" detected! Loop finished.`);
-                            break;
-                        }
-                    }
-                }
-                // Check cancelled again after agent run
-                if (loopCancelledRef.current) {
-                    addMessage('system', '🛑 Loop cancelled by user');
-                    break;
-                }
-                // Small delay between iterations
-                await new Promise(r => setTimeout(r, 500));
-            }
-            catch (error) {
-                addMessage('error', `Loop error: ${error instanceof Error ? error.message : String(error)}`);
-                break;
-            }
-        }
-        // If we completed all iterations without hitting completion promise
-        if (!loopCancelledRef.current && !completionPromise) {
-            addMessage('system', `✅ Loop completed ${maxIter} iterations`);
-        }
-        setLoopActive(false);
-        setIsProcessing(false);
-    }, [runAgent, addMessage]);
-    // Handle input submission
-    const handleSubmit = useCallback(async (value) => {
-        const trimmed = value.trim();
-        if (!trimmed || isProcessing)
-            return;
-        // Add to history for up/down arrow navigation
-        addToHistory(trimmed);
-        setInput('');
-        if (trimmed.startsWith('/')) {
-            await handleCommand(trimmed);
-            return;
-        }
-        // In hybrid mode, check for complex operations
-        if (mode === 'hybrid') {
-            const complexity = detectComplexity(trimmed);
-            if (complexity.isComplex) {
-                setPendingComplexPrompt({ prompt: trimmed, complexity });
-                setModalMode('complexity-warning');
-                return;
-            }
-        }
-        // Save state for undo before modifying conversation
-        saveUndoState();
-        // Parse file references from input
-        const { text: cleanText, files } = parseFileReferences(trimmed, process.cwd());
-        // Show user message (with file info if any)
-        if (files.length > 0) {
-            const fileInfo = formatFileInfo(files);
-            addMessage('user', `${cleanText}\n📎 ${fileInfo}`);
-        }
-        else {
-            addMessage('user', trimmed);
-        }
-        setIsProcessing(true);
-        try {
-            // Build message content (with file/image support)
-            let messageContent;
-            if (files.length > 0) {
-                const visionSupported = supportsVision(provider, model);
-                const { content, warnings } = processFilesForMessage(cleanText || trimmed, files, visionSupported);
-                // Show any warnings about files
-                for (const warning of warnings) {
-                    addMessage('system', warning);
-                }
-                messageContent = content;
-            }
-            else {
-                messageContent = trimmed;
-            }
-            await runAgent(messageContent);
-        }
-        finally {
-            setIsProcessing(false);
-            setThinkingState(null);
-            setStreamingResponse('');
-        }
-    }, [isProcessing, handleCommand, runAgent, addMessage, provider, model, saveUndoState, addToHistory]);
-    // Modal handlers
-    const handleModelSelect = useCallback((selectedModel) => {
-        setModel(selectedModel);
-        addMessage('system', `Model: ${selectedModel}`);
-        setModalMode('none');
-        setAvailableModels([]);
-    }, [addMessage]);
-    const handleModalCancel = useCallback(() => {
-        setModalMode('none');
-        setAvailableModels([]);
-        setLatestVersion(null);
-    }, []);
-    const handleUpgradeConfirm = useCallback(async () => {
-        setModalMode('none');
-        addMessage('system', 'Upgrading...');
-        try {
-            const success = await performUpgrade();
-            if (success) {
-                addMessage('system', 'Upgrade complete! Restarting...');
-                const { spawn } = await import('child_process');
-                const child = spawn(process.argv[0], process.argv.slice(1), {
-                    stdio: 'inherit',
-                    detached: true,
-                });
-                child.unref();
-                process.exit(0);
-            }
-            else {
-                addMessage('error', 'Upgrade failed. Try: npm install -g @calliopelabs/cli@latest');
-            }
-        }
-        catch (e) {
-            addMessage('error', `Upgrade failed: ${e instanceof Error ? e.message : String(e)}`);
-        }
-        setLatestVersion(null);
-    }, [addMessage]);
-    // Cycle through modes
-    const cycleMode = useCallback(() => {
-        setMode(current => {
-            const modes = ['plan', 'hybrid', 'work'];
-            const idx = modes.indexOf(current);
-            const next = modes[(idx + 1) % modes.length];
-            return next;
-        });
-    }, []);
-    // Handle Escape key - cancel operation if processing, otherwise show hint
-    const handleEscape = useCallback(() => {
-        if (isProcessing) {
-            // Cancel current operation
-            setIsProcessing(false);
-            setThinkingState(null);
-            setStreamingResponse('');
-            setLoopActive(false);
-            setEditingQueueIndex(null);
-            addMessage('system', '⏹ Operation cancelled. Use /exit to quit.');
-        }
-        else if (modalMode !== 'none') {
-            // Close any open modal
-            setModalMode('none');
-            setPendingComplexPrompt(null);
-        }
-        else {
-            // Not processing - show hint instead of exiting
-            addMessage('system', '💡 Use /exit to quit, or Ctrl+C.');
-        }
-    }, [isProcessing, modalMode, addMessage]);
-    // Handle direct send (Shift+Enter) - interrupts current operation and sends immediately
-    const handleDirectSend = useCallback((msg) => {
-        // Stop current processing
-        setIsProcessing(false);
-        setThinkingState(null);
-        setStreamingResponse('');
-        setEditingQueueIndex(null);
-        // Show what happened
-        addMessage('system', '⚡ Direct send - interrupting current operation');
-        addMessage('user', msg);
-        // Start new agent run with this message
-        setIsProcessing(true);
-        runAgent(msg).finally(() => {
-            setIsProcessing(false);
-            setThinkingState(null);
-            setStreamingResponse('');
-            setEditingQueueIndex(null);
-        });
-    }, [addMessage, runAgent]);
-    // Streaming response component (reused across layouts)
-    const StreamingResponseBox = streamingResponse ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", children: "\u2727 Calliope:" }), streamingResponse.split('\n').map((line, i) => (_jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "\u2502" }), " ", line] }, i))), _jsx(Text, { color: "cyan", children: "\u258C" })] })) : null;
-    // Thinking/Processing indicator component
-    const ProcessingBox = (_jsxs(_Fragment, { children: [isProcessing && thinkingState && !streamingResponse && _jsx(ThinkingDisplay, { state: thinkingState }), isProcessing && !thinkingState && !streamingResponse && _jsx(ProcessingIndicator, { label: "Waiting for response..." }), isProcessing && streamingResponse && _jsx(StreamingIndicator, { activity: activityState ?? undefined })] }));
-    // Render based on layout
-    return (_jsxs(Box, { flexDirection: "column", width: width, children: [layout === 'split' && (_jsxs(Box, { flexDirection: "row", width: width, children: [_jsxs(Box, { flexDirection: "column", width: "50%", children: [_jsx(Text, { color: "yellow", dimColor: true, children: "\u2500 Tools \u2500" }), _jsx(MessageHistory, { messages: messages, collapseSettings: collapseSettings }), ProcessingBox] }), _jsxs(Box, { flexDirection: "column", width: "50%", borderStyle: "single", borderLeft: true, borderColor: "gray", children: [_jsx(Text, { color: "cyan", dimColor: true, children: "\u2500 Response \u2500" }), StreamingResponseBox] })] })), layout === 'classic' && (_jsxs(_Fragment, { children: [_jsx(MessageHistory, { messages: messages, collapseSettings: collapseSettings }), ProcessingBox, StreamingResponseBox] })), layout === 'response-top' && (_jsxs(_Fragment, { children: [StreamingResponseBox, _jsx(MessageHistory, { messages: messages, collapseSettings: collapseSettings }), ProcessingBox] })), layout === 'response-bottom' && (_jsxs(_Fragment, { children: [_jsx(MessageHistory, { messages: messages, collapseSettings: collapseSettings }), ProcessingBox, StreamingResponseBox] })), debugEnabled && (_jsx(Box, { marginY: 0, children: _jsxs(Text, { dimColor: true, children: ["[dbg] proc=", isProcessing ? 'Y' : 'N', " think=", thinkingState ? 'Y' : 'N', " stream=", streamingResponse.length, " mode=", mode, " queue=", queuedMessages.length, " activity=", activityState?.action || 'none'] }) })), modalMode === 'model' && availableModels.length > 0 && (_jsx(ModelSelector, { models: availableModels, onSelect: handleModelSelect, onCancel: handleModalCancel })), modalMode === 'sessions' && (_jsx(SessionSelector, { sessions: availableSessions, onSelect: (session) => {
-                    // Load history from selected session
-                    addMessage('system', `Loading session: ${session.projectName}...`);
-                    // Note: We can't easily switch sessions, but we can show the path
-                    addMessage('system', `Session path: ${session.projectPath}\nTo load this session, run calliope from that directory.`);
-                    setModalMode('none');
-                }, onDelete: (session) => {
-                    if (storage.deleteSession(session.id)) {
-                        addMessage('system', `🗑️ Deleted session: ${session.projectName}`);
-                        // Refresh the list
-                        setAvailableSessions(prev => prev.filter(s => s.id !== session.id));
-                    }
-                    else {
-                        addMessage('error', `Failed to delete session: ${session.projectName}`);
-                    }
-                }, onCancel: handleModalCancel })), modalMode === 'upgrade' && latestVersion && (_jsx(UpgradePrompt, { currentVersion: getVersion(), latestVersion: latestVersion, onConfirm: handleUpgradeConfirm, onCancel: handleModalCancel })), modalMode === 'session-resume' && previousSession && (_jsx(SessionResumePrompt, { session: previousSession, onResume: () => {
-                    // Load chat history into context
-                    const history = storage.getChatHistory(20);
-                    if (history.length > 0) {
-                        for (const msg of history) {
-                            if (msg.role === 'user' || msg.role === 'assistant') {
-                                llmMessages.current.push({
-                                    role: msg.role,
-                                    content: msg.content,
-                                });
-                            }
-                        }
-                        addMessage('system', `✓ Resumed session with ${history.length} messages loaded`);
-                        setContextTokens(estimateContextTokens());
-                    }
-                    setModalMode('none');
-                    setPreviousSession(null);
-                }, onNew: () => {
-                    addMessage('system', '✓ Starting fresh session');
-                    setModalMode('none');
-                    setPreviousSession(null);
-                } })), modalMode === 'complexity-warning' && pendingComplexPrompt && (_jsx(ComplexityWarning, { reason: pendingComplexPrompt.complexity.reason || 'Complex operation detected', prompt: typeof pendingComplexPrompt.prompt === 'string' ? pendingComplexPrompt.prompt : undefined, onProceed: async () => {
-                    setModalMode('none');
-                    const prompt = pendingComplexPrompt.prompt;
-                    setPendingComplexPrompt(null);
-                    // Proceed with execution
-                    saveUndoState();
-                    addMessage('user', typeof prompt === 'string' ? prompt : JSON.stringify(prompt));
-                    setIsProcessing(true);
-                    try {
-                        await runAgent(prompt);
-                    }
-                    finally {
-                        setIsProcessing(false);
-                    }
-                }, onPlan: () => {
-                    setModalMode('none');
-                    const prompt = pendingComplexPrompt.prompt;
-                    setPendingComplexPrompt(null);
-                    // Switch to plan mode and proceed
-                    setMode('plan');
-                    addMessage('system', '📋 Switched to Plan mode - I\'ll describe what I would do without executing.');
-                    saveUndoState();
-                    addMessage('user', typeof prompt === 'string' ? prompt : JSON.stringify(prompt));
-                    setIsProcessing(true);
-                    runAgent(prompt).finally(() => setIsProcessing(false));
-                }, onCancel: () => {
-                    setModalMode('none');
-                    setPendingComplexPrompt(null);
-                    addMessage('system', 'Operation cancelled.');
-                } })), modalMode === 'keys' && (_jsx(KeybindingsModal, { onClose: () => setModalMode('none') })), _jsx(ChatInput, { value: input, onChange: handleInputChange, onSubmit: handleSubmit, onEscape: handleEscape, onCycleMode: cycleMode, disabled: isModalActive, isProcessing: isProcessing, queuedCount: queuedMessages.length, queuedMessages: queuedMessages, editingQueueIndex: editingQueueIndex, onQueueMessage: (msg) => {
-                    setQueuedMessages(prev => [...prev, msg]);
-                    addMessage('system', `📨 Queued: "${msg.substring(0, 50)}${msg.length > 50 ? '...' : ''}"`);
-                }, onEditQueuedMessage: handleEditQueuedMessage, onSetEditingQueueIndex: setEditingQueueIndex, onDirectSend: handleDirectSend, cwd: process.cwd(), suggestions: suggestions, onSuggestionsChange: setSuggestions, onNavigateHistory: navigateHistory, 
-                // Smart suggestions context
-                currentMode: mode, contextPercentage: Math.round((contextTokens / getModelContextLimit(actualProvider, actualModel)) * 100), recentCommands: recentCommands, hasGitRepo: hasGitRepo }), _jsx(StatusBar, { provider: actualProvider, model: actualModel, mode: mode, stats: stats, contextTokens: contextTokens })] }));
-}
-// ============================================================================
-// App Wrapper & Entry Point
-// ============================================================================
-function App() {
-    const [resetKey, setResetKey] = React.useState(0);
-    const handleReset = React.useCallback(() => {
-        setResetKey(k => k + 1);
-    }, []);
-    return (_jsx(ErrorBoundary, { onReset: handleReset, children: _jsx(TerminalChat, {}, resetKey) }));
-}
-// Print banner before Ink takes over (stays fixed at top)
-function printBanner() {
-    const provider = selectProvider(config.get('defaultProvider'));
-    const model = config.get('defaultModel') || DEFAULT_MODELS[provider];
-    const cyan = '\x1b[36m';
-    const cyanBright = '\x1b[96m';
-    const dim = '\x1b[2m';
-    const reset = '\x1b[0m';
-    console.log();
-    console.log(`${cyanBright}${BANNER_LINES[0]}${reset}`);
-    console.log(`${cyanBright}${BANNER_LINES[1]}${reset}`);
-    console.log(`${cyan}${BANNER_LINES[2]}${reset}`);
-    console.log(`${cyan}${BANNER_LINES[3]}${reset}`);
-    console.log(`${cyanBright}${BANNER_LINES[4]}${reset}`);
-    console.log(`${cyan}${BANNER_LINES[5]}${reset}`);
-    console.log();
-    console.log(`${dim}        The Muse of Digital Eloquence${reset}`);
-    console.log();
-    console.log(`${dim}  v${getVersion()} | ${provider}:${model}${reset}`);
-    console.log(`${dim}  /help for commands | ESC to exit${reset}`);
-    console.log();
-}
-export async function startInkCLI(options = {}) {
-    // Set module-level agterm state
-    moduleAgtermEnabled = options.agtermEnabled ?? false;
-    // Print banner BEFORE Ink starts - it stays fixed at the top
-    printBanner();
-    const { waitUntilExit } = render(_jsx(App, {}), {
-        patchConsole: true, // Prevent console.log during session from mixing with Ink
-    });
-    await waitUntilExit();
-}
-//# sourceMappingURL=ui-cli.js.map