@calliopelabs/cli 0.6.10 → 0.7.0

package/dist/ui-cli.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /**
  * Calliope CLI - Ink UI
  *
@@ -21,7 +21,7 @@ import { getSystemPrompt, DEFAULT_MODELS, MODE_CONFIG, RISK_CONFIG, supportsVisi
 import { getVersion, getLatestVersion, performUpgrade } from './version-check.js';
 import { getAvailableModels } from './model-detection.js';
 import { assessToolRisk, detectComplexity } from './risk.js';
-import { formatError } from './errors.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';
@@ -37,6 +37,14 @@ import { addToScope, removeFromScope, getScopeSummary, getScopeDetails, resetSco
 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);
+    }
+};
 class ErrorBoundary extends React.Component {
     constructor(props) {
         super(props);
@@ -120,7 +128,7 @@ function ThinkingDisplay({ state }) {
         }, 80);
         return () => clearInterval(timer);
     }, []);
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { children: [" ", state.status] }), state.iteration && 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, marginTop: 1, 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: "   ..." }))] }))] }));
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, 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, marginTop: 1, 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 }) {
@@ -133,6 +141,18 @@ function ProcessingIndicator({ label }) {
     }, []);
     return (_jsxs(Box, { marginY: 1, children: [_jsx(Text, { color: "cyan", children: SPINNER_FRAMES[frame] }), _jsxs(Text, { dimColor: true, children: [" ", label] })] }));
 }
+// Minimal indicator shown during streaming to show we're still receiving
+function StreamingIndicator() {
+    const [frame, setFrame] = useState(0);
+    const pulseFrames = ['·', '•', '●', '•'];
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame(f => (f + 1) % pulseFrames.length);
+        }, 200);
+        return () => clearInterval(timer);
+    }, []);
+    return (_jsxs(Box, { children: [_jsx(Text, { color: "green", children: pulseFrames[frame] }), _jsx(Text, { dimColor: true, children: " receiving..." })] }));
+}
 // ============================================================================
 // Message Components
 // ============================================================================
@@ -252,7 +272,7 @@ function UpgradePrompt({ currentVersion, latestVersion, onConfirm, 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, onProceed, onPlan, onCancel, }) {
+function ComplexityWarning({ reason, prompt, onProceed, onPlan, onCancel, }) {
     useInput((input, key) => {
         if (input === 'p' || input === 'P')
             onProceed();
@@ -261,7 +281,53 @@ function ComplexityWarning({ reason, onProceed, onPlan, onCancel, }) {
         else if (key.escape || input === 'c' || input === 'C')
             onCancel();
     });
-    return (_jsxs(Box, { flexDirection: "column", marginY: 1, borderStyle: "round", borderColor: "yellow", paddingX: 1, children: [_jsx(Text, { color: "yellow", bold: true, children: "\uD83D\uDD0D Complex Operation Detected" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: reason }), _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" })] })] }));
+    // 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) => {
@@ -296,6 +362,14 @@ function ToolConfirmation({ toolCall, riskLevel, reason, onConfirm, onDeny }) {
     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: "  Shift+Enter    Send directly (interrupt)" }), _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)
 // ============================================================================
@@ -341,6 +415,15 @@ const SLASH_COMMANDS = [
     '/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'];
@@ -410,7 +493,9 @@ function getPathCompletions(partial, cwd) {
 // ============================================================================
 // Input Components
 // ============================================================================
-function ChatInput({ value, onChange, onSubmit, onEscape, onCycleMode, disabled, isProcessing, queuedCount, onQueueMessage, cwd, suggestions, onSuggestionsChange, onNavigateHistory, }) {
+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();
     // Handle ALL keyboard input here - single source of input handling
     useInput((input, key) => {
@@ -436,11 +521,70 @@ function ChatInput({ value, onChange, onSubmit, onEscape, onCycleMode, disabled,
             }
             if (key.ctrl && input === 'u') {
                 onChange('');
+                onSetEditingQueueIndex?.(null); // Clear editing state
+                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);
+                    onChange(queuedMessages[idx]);
+                }
+                else if (editingQueueIndex > 0) {
+                    // Move to previous message
+                    const idx = editingQueueIndex - 1;
+                    onSetEditingQueueIndex?.(idx);
+                    onChange(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);
+                    onChange(queuedMessages[idx]);
+                }
+                else {
+                    // At the end, clear to new input
+                    onSetEditingQueueIndex?.(null);
+                    onChange('');
+                }
                 return;
             }
-            // Enter queues the message
-            if (key.return && value.trim() && onQueueMessage) {
-                onQueueMessage(value.trim());
+            // Alt+Enter or Ctrl+Enter to insert newline (multiline input)
+            if (key.return && (key.meta || key.ctrl)) {
+                onChange(value + '\n');
+                return;
+            }
+            // Shift+Enter sends directly (interrupts current operation)
+            if (key.return && key.shift && value.trim() && onDirectSend) {
+                onDirectSend(value.trim());
+                onSetEditingQueueIndex?.(null);
+                onChange('');
+                return;
+            }
+            // Enter queues or updates the message
+            if (key.return && value.trim()) {
+                if (editingQueueIndex !== null && editingQueueIndex !== undefined && onEditQueuedMessage) {
+                    // Update existing queued message
+                    onEditQueuedMessage(editingQueueIndex, value.trim());
+                    onSetEditingQueueIndex?.(null);
+                    onChange('');
+                }
+                else if (onQueueMessage) {
+                    // Add new queued message
+                    onQueueMessage(value.trim());
+                    onChange('');
+                }
+                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);
                 onChange('');
                 return;
             }
@@ -455,6 +599,11 @@ function ChatInput({ value, onChange, onSubmit, onEscape, onCycleMode, disabled,
             onCycleMode();
             return;
         }
+        // Alt+Enter or Ctrl+Enter to insert newline (multiline input)
+        if (key.return && (key.meta || key.ctrl)) {
+            onChange(value + '\n');
+            return;
+        }
         // Enter to submit
         if (key.return) {
             if (value.trim()) {
@@ -500,10 +649,20 @@ function ChatInput({ value, onChange, onSubmit, onEscape, onCycleMode, disabled,
                 }
                 return;
             }
-            // Slash command completion
+            // Slash command completion with smart suggestions
             if (value.startsWith('/')) {
+                // Use smart suggestions if context is available
+                const smartMatches = getSmartCommandSuggestions({
+                    input: value,
+                    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 = value.toLowerCase();
-                const matches = SLASH_COMMANDS.filter(cmdName => cmdName.startsWith(partial) && cmdName !== partial);
+                const matches = smartMatches.length > 0 ? smartMatches : SLASH_COMMANDS.filter(cmdName => cmdName.startsWith(partial) && cmdName !== partial);
                 if (matches.length === 1) {
                     onChange(matches[0] + ' ');
                     onSuggestionsChange?.([]);
@@ -543,7 +702,10 @@ function ChatInput({ value, onChange, onSubmit, onEscape, onCycleMode, disabled,
     });
     // Determine prompt style based on state
     const promptColor = disabled ? 'gray' : isProcessing ? 'yellow' : 'cyan';
-    const promptText = isProcessing ? 'queue>' : 'calliope>';
+    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 && (_jsx(Box, { children: _jsxs(Text, { color: "yellow", children: ["\uD83D\uDCE8 ", queuedCount, " message", queuedCount > 1 ? 's' : '', " queued (will be sent after current task)"] }) })), _jsxs(Box, { children: [_jsxs(Text, { color: promptColor, children: [promptText, " "] }), _jsx(Text, { children: value }), _jsx(Text, { color: promptColor, children: "\u258C" })] })] }));
 }
 // Context window limits by model (approximate)
@@ -570,6 +732,142 @@ function getContextLimit(model) {
     }
     return CONTEXT_LIMITS.default;
 }
+// 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(model, tokens, addMessage) {
+    const limit = getContextLimit(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)}`;
@@ -599,6 +897,16 @@ function TerminalChat() {
     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);
@@ -671,6 +979,7 @@ function TerminalChat() {
     // Message queue for human-in-the-loop feedback during processing
     const [queuedMessages, setQueuedMessages] = useState([]);
     const [queueInput, setQueueInput] = useState('');
+    const [editingQueueIndex, setEditingQueueIndex] = useState(null);
     const undoStack = useRef([]);
     const redoStack = useRef([]);
     const MAX_UNDO_HISTORY = 10;
@@ -765,6 +1074,15 @@ function TerminalChat() {
             setMemoryLoaded(true);
             // Execute session start hooks
             hooks.executeHooks('session-start', {}).catch(() => { });
+            // 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),
+                })));
+            }
         }
     }, [memoryLoaded]);
     // Derived values
@@ -779,6 +1097,19 @@ function TerminalChat() {
                 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+/);
@@ -827,12 +1158,19 @@ function TerminalChat() {
   /bookmark [name]         - Create bookmark at current point
   /bookmark list           - List all bookmarks
   /bookmark goto <n>       - Jump to bookmark
-  /queue [show|clear]      - Manage queued messages
+  /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, Shift+Enter send directly
 Auto-route: ${autoRoute ? 'ON' : 'OFF'}${moduleAgtermEnabled ? '\nAGTerm: ON (spawn_agent, check_agent tools available)' : ''}`);
                 break;
             case '/provider':
@@ -912,6 +1250,7 @@ Auto-route: ${autoRoute ? 'ON' : 'OFF'}${moduleAgtermEnabled ? '\nAGTerm: ON (sp
                 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
@@ -1737,8 +2076,25 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                         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>|list]');
+                    addMessage('system', 'Usage: /todo [add <task>|done <id>|work <id>|clear|list]');
                 }
                 break;
             }
@@ -1765,8 +2121,27 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                         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>]');
+                    addMessage('system', 'Usage: /plans [list|view <id>|rerun <id>]');
                 }
                 break;
             }
@@ -1895,6 +2270,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                         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() }];
@@ -1917,6 +2293,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                     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}`);
                     }
@@ -2025,11 +2402,126 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                         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', 'Usage: /queue [show|clear]\n\nTip: Type while agent is processing to queue follow-up messages.');
+                    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);
@@ -2058,8 +2550,44 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                 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('');
@@ -2111,7 +2639,9 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                         maxIterations,
                     });
                 };
+                debugLog('chat', 'WAITING for LLM response', `iteration=${i + 1}`);
                 const response = await chat(provider, llmMessages.current, getTools(moduleAgtermEnabled), 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);
@@ -2205,6 +2735,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                                 maxIterations,
                             });
                             // 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;
@@ -2216,6 +2747,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                                     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;
@@ -2247,6 +2779,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                         }
                         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 || '...');
@@ -2270,7 +2803,9 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                                         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,
@@ -2302,6 +2837,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                 addMessage('assistant', response.content);
                 setStreamingResponse('');
                 setContextTokens(estimateContextTokens());
+                checkAndWarnContextLimit(actualModel, estimateContextTokens(), addMessage);
                 // Auto-continue if response was truncated due to length
                 if (response.finishReason === 'length') {
                     addMessage('system', '(auto-continuing...)');
@@ -2314,9 +2850,32 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
             catch (error) {
                 setThinkingState(null);
                 setStreamingResponse('');
-                addMessage('error', formatError(error));
+                // 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
-                break;
+                // 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)
@@ -2326,6 +2885,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
         // Update context tokens after agent run
         setContextTokens(estimateContextTokens());
         // Process any queued messages (human-in-the-loop feedback)
+        debugLog('runAgent', 'EXIT loop', `queued=${queuedMessages.length}`);
         if (queuedMessages.length > 0) {
             const queued = [...queuedMessages];
             setQueuedMessages([]); // Clear the queue
@@ -2336,10 +2896,20 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
             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(() => {
-                runAgent(followUp);
+                debugLog('runAgent', 'RECURSIVE call starting');
+                setIsProcessing(true);
+                runAgent(followUp).finally(() => {
+                    setIsProcessing(false);
+                    setThinkingState(null);
+                    setStreamingResponse('');
+                    setEditingQueueIndex(null);
+                });
             }, 100);
         }
+        debugLog('runAgent', 'RETURN');
     }, [provider, model, addMessage, mode, estimateContextTokens, queuedMessages]);
     // Ralph Wiggum loop - runs prompt repeatedly until completion promise or max iterations
     const runLoop = useCallback(async (prompt, maxIter, completionPromise) => {
@@ -2492,8 +3062,48 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
             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]);
     // Render
-    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(MessageHistory, { messages: messages }), streamingResponse && (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [_jsx(Text, { color: "cyan", children: "\u2727 Calliope:" }), _jsx(Text, { children: " " }), streamingResponse.split('\n').map((line, i) => (_jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "\u2502" }), " ", line] }, i))), _jsx(Text, { color: "blue", children: "\u2502" }), _jsx(Text, { color: "cyan", children: "\u258C" })] })), isProcessing && thinkingState && !streamingResponse && _jsx(ThinkingDisplay, { state: thinkingState }), isProcessing && !thinkingState && !streamingResponse && _jsx(ProcessingIndicator, { label: "Processing..." }), modalMode === 'model' && availableModels.length > 0 && (_jsx(ModelSelector, { models: availableModels, onSelect: handleModelSelect, onCancel: handleModalCancel })), modalMode === 'upgrade' && latestVersion && (_jsx(UpgradePrompt, { currentVersion: getVersion(), latestVersion: latestVersion, onConfirm: handleUpgradeConfirm, onCancel: handleModalCancel })), modalMode === 'session-resume' && previousSession && (_jsx(SessionResumePrompt, { session: previousSession, onResume: () => {
+    return (_jsxs(Box, { flexDirection: "column", width: width, children: [_jsx(MessageHistory, { messages: messages }), streamingResponse && (_jsxs(Box, { flexDirection: "column", marginTop: 1, marginBottom: 1, children: [_jsx(Text, { color: "cyan", children: "\u2727 Calliope:" }), _jsx(Text, { children: " " }), streamingResponse.split('\n').map((line, i) => (_jsxs(Text, { children: [_jsx(Text, { color: "blue", children: "\u2502" }), " ", line] }, i))), _jsx(Text, { color: "blue", children: "\u2502" }), _jsx(Text, { color: "cyan", children: "\u258C" })] })), isProcessing && thinkingState && !streamingResponse && _jsx(ThinkingDisplay, { state: thinkingState }), isProcessing && !thinkingState && !streamingResponse && _jsx(ProcessingIndicator, { label: "Waiting for response..." }), isProcessing && streamingResponse && _jsx(StreamingIndicator, {}), 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] }) })), modalMode === 'model' && availableModels.length > 0 && (_jsx(ModelSelector, { models: availableModels, onSelect: handleModelSelect, 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) {
@@ -2514,7 +3124,7 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                     addMessage('system', '✓ Starting fresh session');
                     setModalMode('none');
                     setPreviousSession(null);
-                } })), modalMode === 'complexity-warning' && pendingComplexPrompt && (_jsx(ComplexityWarning, { reason: pendingComplexPrompt.complexity.reason || 'Complex operation detected', onProceed: async () => {
+                } })), 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);
@@ -2543,10 +3153,12 @@ Example: /loop "Build a REST API" --max-iterations 50 --completion-promise "DONE
                     setModalMode('none');
                     setPendingComplexPrompt(null);
                     addMessage('system', 'Operation cancelled.');
-                } })), _jsx(ChatInput, { value: input, onChange: handleInputChange, onSubmit: handleSubmit, onEscape: exit, onCycleMode: cycleMode, disabled: isModalActive, isProcessing: isProcessing, queuedCount: queuedMessages.length, onQueueMessage: (msg) => {
+                } })), 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 ? '...' : ''}"`);
-                }, cwd: process.cwd(), suggestions: suggestions, onSuggestionsChange: setSuggestions, onNavigateHistory: navigateHistory }), _jsx(StatusBar, { provider: actualProvider, model: actualModel, mode: mode, stats: stats, contextTokens: contextTokens })] }));
+                }, onEditQueuedMessage: handleEditQueuedMessage, onSetEditingQueueIndex: setEditingQueueIndex, onDirectSend: handleDirectSend, cwd: process.cwd(), suggestions: suggestions, onSuggestionsChange: setSuggestions, onNavigateHistory: navigateHistory, 
+                // Smart suggestions context
+                currentMode: mode, contextPercentage: Math.round((contextTokens / getContextLimit(actualModel)) * 100), recentCommands: recentCommands, hasGitRepo: hasGitRepo }), _jsx(StatusBar, { provider: actualProvider, model: actualModel, mode: mode, stats: stats, contextTokens: contextTokens })] }));
 }
 // ============================================================================
 // App Wrapper & Entry Point