codeep 1.2.11 → 1.2.12

package/dist/app.js

@@ -1,1501 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from 'react';
-import { Box, Text, useApp, useInput, useStdout } from 'ink';
-import clipboardy from 'clipboardy';
-import { logger } from './utils/logger.js';
-import { Logo, IntroAnimation } from './components/Logo.js';
-import { Loading } from './components/Loading.js';
-import { getCodeBlock, clearCodeBlocks } from './components/Message.js';
-import { ChatInput } from './components/Input.js';
-import { Help } from './components/Help.js';
-import { Status } from './components/Status.js';
-import { Login } from './components/Login.js';
-import { Sessions } from './components/Sessions.js';
-import { SessionPicker } from './components/SessionPicker.js';
-import { LogoutPicker } from './components/LogoutPicker.js';
-import { Settings } from './components/Settings.js';
-import { ProjectPermission } from './components/ProjectPermission.js';
-import { Search } from './components/Search.js';
-import { Export } from './components/Export.js';
-import { MessageList } from './components/MessageList.js';
-import { chat } from './api/index.js';
-import { config, loadApiKey, loadAllApiKeys, PROTOCOLS, LANGUAGES, autoSaveSession, startNewSession, getCurrentSessionId, renameSession, deleteSession, hasReadPermission, hasWritePermission, setProjectPermission, setProvider, getCurrentProvider, getModelsForCurrentProvider, PROVIDERS } from './config/index.js';
-import { getProviderList } from './config/providers.js';
-import { isProjectDirectory, getProjectContext, detectFilePaths, readProjectFile, parseFileChanges, writeProjectFile, deleteProjectFile, getProjectTip } from './utils/project.js';
-import { logStartup, setLogProjectPath } from './utils/logger.js';
-import { searchMessages } from './utils/search.js';
-import { exportMessages, saveExport } from './utils/export.js';
-import { checkForUpdates, formatVersionInfo, getCurrentVersion } from './utils/update.js';
-import { getGitDiff, getGitStatus, suggestCommitMessage, formatDiffForDisplay } from './utils/git.js';
-import { validateInput } from './utils/validation.js';
-import { checkApiRateLimit, checkCommandRateLimit } from './utils/ratelimit.js';
-import { runAgent, formatAgentResult, undoLastAction, undoAllActions, getRecentSessions } from './utils/agent.js';
-import { autoCommitAgentChanges } from './utils/git.js';
-import { saveContext, loadContext, clearContext, mergeContext } from './utils/context.js';
-import { performCodeReview, formatReviewResult } from './utils/codeReview.js';
-import { learnFromProject, addCustomRule, getLearningStatus } from './utils/learning.js';
-import { getAllSkills, findSkill, formatSkillsList, formatSkillHelp, generateSkillPrompt, saveCustomSkill, deleteCustomSkill, parseSkillChain, parseSkillArgs, searchSkills, trackSkillUsage, getSkillStats } from './utils/skills.js';
-import { AgentActions } from './components/AgentActions.js';
-import { createActionLog } from './utils/tools.js';
-import { scanProject, saveProjectIntelligence, loadProjectIntelligence, generateContextFromIntelligence } from './utils/projectIntelligence.js';
-export const App = () => {
-    const { exit } = useApp();
-    const { stdout } = useStdout();
-    // Start with 'chat' screen, will switch to login if needed after loading API key
-    const [screen, setScreen] = useState('chat');
-    const [messages, setMessages] = useState([]);
-    const [inputHistory, setInputHistory] = useState([]);
-    const [isLoading, setIsLoading] = useState(false);
-    const [streamingContent, setStreamingContent] = useState('');
-    const [notification, setNotification] = useState('');
-    const [notificationDuration, setNotificationDuration] = useState(3000);
-    const [abortController, setAbortController] = useState(null);
-    const [sessionId, setSessionId] = useState(getCurrentSessionId());
-    const [showIntro, setShowIntro] = useState(true);
-    const [clearInputTrigger, setClearInputTrigger] = useState(0);
-    // Project context
-    const [projectPath] = useState(process.cwd());
-    // Log application startup and set project path for logging
-    useEffect(() => {
-        logStartup('1.0.0');
-        setLogProjectPath(projectPath);
-    }, [projectPath]);
-    const [projectContext, setProjectContext] = useState(null);
-    const [hasProjectAccess, setHasProjectAccess] = useState(false);
-    const [hasWriteAccess, setHasWriteAccess] = useState(false);
-    const [permissionChecked, setPermissionChecked] = useState(false);
-    const [isInProject, setIsInProject] = useState(false);
-    // Load previous session on startup (after intro)
-    const [sessionLoaded, setSessionLoaded] = useState(false);
-    // Search state
-    const [searchResults, setSearchResults] = useState([]);
-    const [searchTerm, setSearchTerm] = useState('');
-    const [exportFormat, setExportFormat] = useState('md');
-    // Removed pagination state - terminal handles scrolling natively
-    // Update check state
-    const [updateInfo, setUpdateInfo] = useState(null);
-    // File changes prompt state
-    const [pendingFileChanges, setPendingFileChanges] = useState([]);
-    // Agent mode state
-    const [isAgentRunning, setIsAgentRunning] = useState(false);
-    const [agentIteration, setAgentIteration] = useState(0);
-    const [agentActions, setAgentActions] = useState([]);
-    const [agentThinking, setAgentThinking] = useState('');
-    const [agentResult, setAgentResult] = useState(null);
-    const [agentDryRun, setAgentDryRun] = useState(false);
-    const [agentStreamingContent, setAgentStreamingContent] = useState(''); // Live action log in chat
-    // Load API keys for ALL providers on startup and check if current provider is configured
-    useEffect(() => {
-        loadAllApiKeys().then(() => {
-            // After loading all keys, check if current provider has an API key
-            return loadApiKey();
-        }).then(key => {
-            if (!key || key.length === 0) {
-                setScreen('login');
-            }
-            // else: stay on chat screen (default)
-        }).catch(() => {
-            setScreen('login');
-        });
-    }, []);
-    // Check folder permission after intro
-    useEffect(() => {
-        if (!showIntro && !permissionChecked && screen !== 'login') {
-            const isProject = isProjectDirectory(projectPath);
-            setIsInProject(isProject);
-            const hasRead = hasReadPermission(projectPath);
-            if (hasRead) {
-                // Already has permission, load context
-                setHasProjectAccess(true);
-                const hasWrite = hasWritePermission(projectPath);
-                setHasWriteAccess(hasWrite);
-                const ctx = getProjectContext(projectPath);
-                if (ctx) {
-                    ctx.hasWriteAccess = hasWrite;
-                }
-                setProjectContext(ctx);
-                setPermissionChecked(true);
-                // Warn user if Agent Mode is ON but only read permission exists
-                const agentMode = config.get('agentMode');
-                if (agentMode === 'on' && !hasWrite) {
-                    setTimeout(() => {
-                        setNotificationDuration(8000);
-                        setNotification('⚠️  Agent Mode ON: Needs write permission. Use /grant to enable or /agent for manual mode.');
-                    }, 500);
-                }
-            }
-            else {
-                // Need to ask for permission
-                setScreen('permission');
-                setPermissionChecked(true);
-            }
-        }
-    }, [showIntro, permissionChecked, projectPath, screen]);
-    // Show session picker after permission is handled (instead of auto-loading)
-    useEffect(() => {
-        if (!showIntro && permissionChecked && !sessionLoaded && screen !== 'permission' && screen !== 'login') {
-            // If we already have messages (e.g., from a previous action), skip picker
-            if (messages.length > 0) {
-                setSessionLoaded(true);
-                return;
-            }
-            // Show session picker instead of auto-loading
-            setScreen('session-picker');
-        }
-    }, [showIntro, permissionChecked, sessionLoaded, screen, messages.length]);
-    // Check for updates on startup (once per session, after intro)
-    useEffect(() => {
-        if (!showIntro && sessionLoaded && !updateInfo) {
-            checkForUpdates()
-                .then((info) => {
-                setUpdateInfo(info);
-                if (info.hasUpdate) {
-                    setNotification(`Update available: ${info.current} → ${info.latest}. Type /update for info.`);
-                }
-            })
-                .catch(() => {
-                // Silent fail - update check is non-critical
-            });
-        }
-    }, [showIntro, sessionLoaded, updateInfo]);
-    // Clear notification after delay
-    useEffect(() => {
-        if (notification) {
-            const timer = setTimeout(() => setNotification(''), notificationDuration);
-            return () => clearTimeout(timer);
-        }
-    }, [notification, notificationDuration]);
-    // Handle keyboard shortcuts
-    useInput((input, key) => {
-        // Ctrl+L to clear chat (F5 doesn't work reliably in all terminals)
-        if (key.ctrl && input === 'l') {
-            if (!isLoading && screen === 'chat') {
-                // Clear terminal screen
-                stdout?.write('\x1b[2J\x1b[H');
-                setMessages([]);
-                clearCodeBlocks();
-                setAgentResult(null);
-                setAgentActions([]);
-                const newSessId = startNewSession();
-                setSessionId(newSessId);
-                setClearInputTrigger(prev => prev + 1); // Trigger input clear
-                notify('Chat cleared, new session started');
-            }
-            return; // Prevent further processing
-        }
-        // Escape to cancel agent or request
-        if (key.escape && isAgentRunning) {
-            abortController?.abort();
-            return;
-        }
-        // Escape to cancel request
-        if (key.escape && isLoading) {
-            abortController?.abort();
-            setIsLoading(false);
-            setAbortController(null);
-            setClearInputTrigger(prev => prev + 1); // Clear input after cancel
-            // Save partial response if there is any
-            if (streamingContent && streamingContent.trim().length > 0) {
-                const partialMessage = {
-                    role: 'assistant',
-                    content: streamingContent.trim() + '\n\n*(Response cancelled - partial)*',
-                };
-                setMessages(prev => [...prev, partialMessage]);
-                setStreamingContent('');
-                notify('Request cancelled - partial response saved');
-            }
-            else {
-                // No content yet, remove the user message
-                setMessages(prev => prev.slice(0, -1));
-                setStreamingContent('');
-                notify('Request cancelled');
-            }
-        }
-        // Escape to close modals
-        if (key.escape && screen !== 'chat' && screen !== 'login') {
-            setScreen('chat');
-        }
-        // Handle file changes prompt (Y/n)
-        if (pendingFileChanges.length > 0 && !isLoading) {
-            if (input.toLowerCase() === 'y' || key.return) {
-                // Apply changes
-                let applied = 0;
-                for (const change of pendingFileChanges) {
-                    let result;
-                    if (change.action === 'delete') {
-                        result = deleteProjectFile(change.path);
-                    }
-                    else {
-                        result = writeProjectFile(change.path, change.content);
-                    }
-                    if (result.success) {
-                        applied++;
-                    }
-                    else {
-                        notify(`Error: ${result.error || 'Failed to apply change'}`);
-                    }
-                }
-                notify(`Applied ${applied}/${pendingFileChanges.length} file change(s)`);
-                setPendingFileChanges([]);
-                return;
-            }
-            if (input.toLowerCase() === 'n' || key.escape) {
-                // Reject changes
-                notify('File changes rejected');
-                setPendingFileChanges([]);
-                return;
-            }
-        }
-    });
-    const notify = useCallback((msg, duration = 3000) => {
-        setNotificationDuration(duration);
-        setNotification(msg);
-    }, []);
-    // Start agent execution
-    const startAgent = useCallback(async (prompt, dryRun = false) => {
-        if (!projectContext) {
-            notify('Agent mode requires project context. Run in a project directory.');
-            return;
-        }
-        if (!hasWriteAccess && !dryRun) {
-            notify('Agent mode requires write access. Grant permission first or use /agent-dry');
-            return;
-        }
-        // Reset agent state
-        setIsAgentRunning(true);
-        setAgentIteration(0);
-        setAgentActions([]);
-        setAgentThinking('');
-        setAgentResult(null);
-        setAgentDryRun(dryRun);
-        setAgentStreamingContent(''); // Reset streaming content
-        // Add user message
-        const userMessage = {
-            role: 'user',
-            content: dryRun ? `[DRY RUN] ${prompt}` : `[AGENT] ${prompt}`
-        };
-        setMessages(prev => [...prev, userMessage]);
-        const controller = new AbortController();
-        setAbortController(controller);
-        try {
-            const result = await runAgent(prompt, projectContext, {
-                // Use config values - no hardcoded limits
-                dryRun,
-                onIteration: (iteration, message) => {
-                    setAgentIteration(iteration);
-                },
-                onToolCall: (tool) => {
-                    // Create action log with content for live code preview
-                    // For write/edit actions, include content immediately so it shows while agent works
-                    const toolName = tool.tool.toLowerCase().replace(/-/g, '_');
-                    let details;
-                    if (toolName === 'write_file' && tool.parameters.content) {
-                        details = tool.parameters.content;
-                    }
-                    else if (toolName === 'edit_file' && tool.parameters.new_text) {
-                        details = tool.parameters.new_text;
-                    }
-                    const actionLog = {
-                        type: toolName === 'write_file' ? 'write' :
-                            toolName === 'edit_file' ? 'edit' :
-                                toolName === 'read_file' ? 'read' :
-                                    toolName === 'delete_file' ? 'delete' :
-                                        toolName === 'execute_command' ? 'command' :
-                                            toolName === 'search_code' ? 'search' :
-                                                toolName === 'list_files' ? 'list' :
-                                                    toolName === 'create_directory' ? 'mkdir' :
-                                                        toolName === 'fetch_url' ? 'fetch' : 'command',
-                        target: tool.parameters.path ||
-                            tool.parameters.command ||
-                            tool.parameters.pattern ||
-                            tool.parameters.url || 'unknown',
-                        result: 'success', // Will be updated by onToolResult
-                        details,
-                        timestamp: Date.now(),
-                    };
-                    setAgentActions(prev => [...prev, actionLog]);
-                },
-                onToolResult: (result, toolCall) => {
-                    // Replace the last action with the complete one
-                    const actionLog = createActionLog(toolCall, result);
-                    setAgentActions(prev => {
-                        const updated = [...prev];
-                        if (updated.length > 0) {
-                            updated[updated.length - 1] = actionLog;
-                        }
-                        return updated;
-                    });
-                    // Actions are now displayed via AgentActions component with Static
-                },
-                onThinking: (text) => {
-                    // Strip <think> and <tool_call> tags from thinking text
-                    const cleanText = text
-                        .replace(/<think>[\s\S]*?<\/think>/gi, '')
-                        .replace(/<tool_call>[\s\S]*?<\/tool_call>/gi, '')
-                        .replace(/<toolcall>[\s\S]*?<\/toolcall>/gi, '')
-                        .trim();
-                    if (cleanText) {
-                        setAgentThinking(prev => prev + cleanText);
-                    }
-                },
-                abortSignal: controller.signal,
-            });
-            setAgentResult(result);
-            // Build action statistics
-            const stats = {
-                iterations: result.iterations,
-                created: result.actions.filter(a => a.type === 'write' && a.result === 'success').length,
-                edited: result.actions.filter(a => a.type === 'edit' && a.result === 'success').length,
-                deleted: result.actions.filter(a => a.type === 'delete' && a.result === 'success').length,
-                commands: result.actions.filter(a => a.type === 'command' && a.result === 'success').length,
-                reads: result.actions.filter(a => a.type === 'read').length,
-                errors: result.actions.filter(a => a.result === 'error').length,
-            };
-            // Add agent summary as assistant message
-            const summaryMessage = {
-                role: 'assistant',
-                content: result.finalResponse || formatAgentResult(result),
-            };
-            setMessages(prev => [...prev, summaryMessage]);
-            // Auto-save session
-            autoSaveSession([...messages, userMessage, summaryMessage], projectPath);
-            if (result.success) {
-                notify(`Agent completed: ${result.actions.length} action(s)`);
-            }
-            else if (result.aborted) {
-                notify('Agent stopped by user');
-            }
-            else {
-                notify(`Agent failed: ${result.error}`);
-            }
-        }
-        catch (error) {
-            const err = error;
-            notify(`Agent error: ${err.message}`);
-        }
-        finally {
-            setIsAgentRunning(false);
-            setAbortController(null);
-            setAgentThinking('');
-        }
-    }, [projectContext, hasWriteAccess, messages, projectPath, notify]);
-    const handleSubmit = async (input) => {
-        logger.debug(`[handleSubmit] Called with input, current messages.length: ${messages.length}`);
-        // Clear previous agent result when user sends new message
-        if (agentResult) {
-            setAgentResult(null);
-            setAgentActions([]);
-        }
-        // Validate input
-        const validation = validateInput(input);
-        if (!validation.valid) {
-            notify(`Invalid input: ${validation.error}`);
-            return;
-        }
-        // Use sanitized input
-        const sanitizedInput = validation.sanitized || input;
-        // Add to input history (limit to last 100 entries to prevent memory leak)
-        const MAX_HISTORY = 100;
-        setInputHistory(h => [...h.slice(-(MAX_HISTORY - 1)), sanitizedInput]);
-        // Check for commands
-        if (sanitizedInput.startsWith('/')) {
-            // Rate limit commands
-            const commandLimit = checkCommandRateLimit();
-            if (!commandLimit.allowed) {
-                notify(commandLimit.message || 'Too many commands');
-                return;
-            }
-            handleCommand(sanitizedInput);
-            return;
-        }
-        // Rate limit API calls
-        const apiLimit = checkApiRateLimit();
-        if (!apiLimit.allowed) {
-            notify(apiLimit.message || 'Rate limit exceeded');
-            return;
-        }
-        // Auto-agent mode: if enabled and we have write access, use agent
-        const agentMode = config.get('agentMode');
-        logger.debug(`[handleSubmit] agentMode=${agentMode}, hasWriteAccess=${hasWriteAccess}, hasProjectContext=${!!projectContext}, isInProject=${isInProject}`);
-        if (agentMode === 'on') {
-            if (!hasWriteAccess) {
-                notify('⚠️  Agent Mode ON: Needs write permission. Use /grant to enable.', 8000);
-            }
-            else if (!projectContext) {
-                notify('⚠️  Agent Mode ON: Needs permission. Use /grant to allow folder access.', 8000);
-            }
-            else {
-                notify('✓ Using agent mode (change in /settings)');
-                startAgent(sanitizedInput, false);
-                return;
-            }
-        }
-        // Auto-detect file paths and enrich message
-        let enrichedInput = sanitizedInput;
-        if (hasProjectAccess) {
-            const detectedPaths = detectFilePaths(sanitizedInput, projectPath);
-            if (detectedPaths.length > 0) {
-                const fileContents = [];
-                for (const filePath of detectedPaths) {
-                    const file = readProjectFile(filePath);
-                    if (file) {
-                        const ext = filePath.split('.').pop() || '';
-                        fileContents.push(`\n\n--- File: ${filePath} ---\n\`\`\`${ext}\n${file.content}\n\`\`\``);
-                        if (file.truncated) {
-                            notify(`Note: ${filePath} was truncated (too large)`);
-                        }
-                    }
-                }
-                if (fileContents.length > 0) {
-                    enrichedInput = input + fileContents.join('');
-                    notify(`Attached ${fileContents.length} file(s)`);
-                }
-            }
-        }
-        // Regular message
-        const userMessage = { role: 'user', content: enrichedInput };
-        // Display sanitized input to user, but send enriched
-        const displayMessage = { role: 'user', content: sanitizedInput };
-        // Create updated messages array with user message
-        const messagesWithUser = [...messages, displayMessage];
-        logger.debug(`[handleSubmit] Current messages: ${messages.length}`);
-        logger.debug(`[handleSubmit] Messages with user: ${messagesWithUser.length}`);
-        setMessages(messagesWithUser);
-        setIsLoading(true);
-        setStreamingContent('');
-        const controller = new AbortController();
-        setAbortController(controller);
-        try {
-            // Clean agent markers from history to prevent model confusion
-            // When switching from agent to manual mode, history may contain [AGENT] prefixes
-            const cleanedHistory = messages.map(msg => {
-                if (msg.role === 'user' && (msg.content.startsWith('[AGENT] ') || msg.content.startsWith('[DRY RUN] '))) {
-                    return {
-                        ...msg,
-                        content: msg.content.replace(/^\[(AGENT|DRY RUN)\] /, ''),
-                    };
-                }
-                return msg;
-            });
-            logger.debug(`[handleSubmit] Calling chat API with messages.length: ${cleanedHistory.length}`);
-            const response = await chat(enrichedInput, cleanedHistory, // Send cleaned conversation history WITHOUT the user message we just added
-            (chunk) => {
-                // Don't update streaming content if request was aborted
-                if (!controller.signal.aborted) {
-                    setStreamingContent(c => c + chunk);
-                }
-            }, undefined, projectContext, controller.signal);
-            logger.debug(`[handleSubmit] Response received, length: ${response?.length || 0}`);
-            logger.debug(`[handleSubmit] Controller aborted? ${controller.signal.aborted}`);
-            // Check if request was aborted before updating messages
-            if (!controller.signal.aborted) {
-                const finalMessages = [...messagesWithUser, { role: 'assistant', content: response }];
-                logger.debug(`[handleSubmit] Final messages array length: ${finalMessages.length}`);
-                setMessages(finalMessages);
-                // Check for file changes in response if write access enabled
-                if (hasWriteAccess && response) {
-                    const fileChanges = parseFileChanges(response);
-                    if (fileChanges.length > 0) {
-                        setPendingFileChanges(fileChanges);
-                    }
-                }
-                // Auto-save session
-                autoSaveSession(finalMessages, projectPath);
-            }
-            else {
-                // Revert to messages without user input on abort
-                setMessages(messages);
-            }
-        }
-        catch (error) {
-            // Revert to messages without user input on error
-            setMessages(messages);
-            // Don't show error if request was aborted by user
-            const err = error;
-            const isAborted = err.name === 'AbortError' ||
-                err.message?.includes('aborted') ||
-                err.message?.includes('abort') ||
-                controller.signal.aborted;
-            if (!isAborted) {
-                notify(`Error: ${err.message || 'Unknown error'}`);
-            }
-        }
-        finally {
-            setIsLoading(false);
-            setStreamingContent('');
-            setAbortController(null);
-        }
-    };
-    const handleCommand = (cmd) => {
-        const parts = cmd.split(' ');
-        const command = parts[0].toLowerCase();
-        const args = parts.slice(1);
-        switch (command) {
-            case '/exit':
-            case '/quit':
-                exit();
-                break;
-            case '/help':
-                setScreen('help');
-                break;
-            case '/status':
-                setScreen('status');
-                break;
-            case '/version': {
-                const version = getCurrentVersion();
-                const provider = getCurrentProvider();
-                const providers = getProviderList();
-                const providerInfo = providers.find(p => p.id === provider.id);
-                const providerName = providerInfo?.name || 'Unknown';
-                notify(`Codeep v${version} • Provider: ${providerName} • Model: ${config.get('model')}`);
-                break;
-            }
-            case '/update': {
-                // Check for updates
-                notify('Checking for updates...');
-                checkForUpdates()
-                    .then((info) => {
-                    setUpdateInfo(info);
-                    const message = formatVersionInfo(info);
-                    // Split into multiple notifications for better display
-                    message.split('\n').forEach((line, i) => {
-                        setTimeout(() => notify(line), i * 100);
-                    });
-                })
-                    .catch(() => {
-                    notify('Failed to check for updates. Please try again later.');
-                });
-                break;
-            }
-            case '/clear':
-                setMessages([]);
-                clearCodeBlocks();
-                const newId = startNewSession();
-                setSessionId(newId);
-                notify('Chat cleared, new session started');
-                break;
-            case '/model': {
-                const models = getModelsForCurrentProvider();
-                if (args[0] && models[args[0]]) {
-                    config.set('model', args[0]);
-                    notify(`Model: ${args[0]}`);
-                }
-                else {
-                    setScreen('model');
-                }
-                break;
-            }
-            case '/provider':
-                if (args[0] && PROVIDERS[args[0].toLowerCase()]) {
-                    if (setProvider(args[0].toLowerCase())) {
-                        notify(`Provider: ${getCurrentProvider().name}`);
-                    }
-                }
-                else {
-                    setScreen('provider');
-                }
-                break;
-            case '/protocol':
-                if (args[0] && PROTOCOLS[args[0].toLowerCase()]) {
-                    config.set('protocol', args[0].toLowerCase());
-                    notify(`Protocol: ${args[0]}`);
-                }
-                else {
-                    setScreen('protocol');
-                }
-                break;
-            case '/sessions':
-                // Handle /sessions delete
-                if (args[0]?.toLowerCase() === 'delete') {
-                    if (args[1]) {
-                        // Delete specific session by name
-                        const sessionName = args.slice(1).join(' ');
-                        if (deleteSession(sessionName, projectPath)) {
-                            notify(`Deleted: ${sessionName}`);
-                        }
-                        else {
-                            notify(`Session not found: ${sessionName}`);
-                        }
-                    }
-                    else {
-                        // Open delete picker
-                        setScreen('sessions-delete');
-                    }
-                }
-                else {
-                    setScreen('sessions');
-                }
-                break;
-            case '/settings':
-                setScreen('settings');
-                break;
-            case '/grant': {
-                // Always open permission dialog to allow users to manage permissions
-                setScreen('permission');
-                break;
-            }
-            case '/login':
-                setScreen('login');
-                break;
-            case '/lang':
-            case '/language':
-                if (args[0] && LANGUAGES[args[0].toLowerCase()]) {
-                    config.set('language', args[0].toLowerCase());
-                    notify(`Language: ${LANGUAGES[args[0].toLowerCase()]}`);
-                }
-                else {
-                    setScreen('language');
-                }
-                break;
-            case '/logout':
-                setScreen('logout');
-                break;
-            case '/rename': {
-                const newName = args.join(' ').trim();
-                if (!newName) {
-                    notify('Usage: /rename <new-name>');
-                    break;
-                }
-                // Validate name (no special characters that could cause file issues)
-                if (!/^[\w\s-]+$/.test(newName)) {
-                    notify('Invalid name. Use only letters, numbers, spaces, and hyphens.');
-                    break;
-                }
-                const currentId = getCurrentSessionId();
-                if (renameSession(currentId, newName, projectPath)) {
-                    setSessionId(newName);
-                    notify(`Session renamed to: ${newName}`);
-                }
-                else {
-                    notify('Failed to rename session');
-                }
-                break;
-            }
-            case '/apply': {
-                // Apply file changes from last AI response
-                if (!hasWriteAccess) {
-                    notify('Write access not granted. Enable it in project permissions.');
-                    break;
-                }
-                const lastMessage = messages[messages.length - 1];
-                if (!lastMessage || lastMessage.role !== 'assistant') {
-                    notify('No AI response to apply changes from.');
-                    break;
-                }
-                const fileChanges = parseFileChanges(lastMessage.content);
-                if (fileChanges.length === 0) {
-                    notify('No file changes found in last response.');
-                    break;
-                }
-                // Apply all changes
-                let successCount = 0;
-                let errorCount = 0;
-                for (const change of fileChanges) {
-                    const result = writeProjectFile(change.path, change.content);
-                    if (result.success) {
-                        successCount++;
-                    }
-                    else {
-                        errorCount++;
-                        notify(`Failed to write ${change.path}: ${result.error}`);
-                    }
-                }
-                if (successCount > 0) {
-                    notify(`Applied ${successCount} file change(s)${errorCount > 0 ? `, ${errorCount} failed` : ''}`);
-                }
-                break;
-            }
-            case '/search': {
-                const term = args.join(' ').trim();
-                if (!term) {
-                    notify('Usage: /search <term>');
-                    break;
-                }
-                if (messages.length === 0) {
-                    notify('No messages to search');
-                    break;
-                }
-                const results = searchMessages(messages, term);
-                setSearchResults(results);
-                setSearchTerm(term);
-                setScreen('search');
-                break;
-            }
-            case '/export': {
-                if (messages.length === 0) {
-                    notify('No messages to export');
-                    break;
-                }
-                setScreen('export');
-                break;
-            }
-            case '/diff': {
-                const staged = args.includes('--staged') || args.includes('-s');
-                const result = getGitDiff(staged, projectPath);
-                if (!result.success) {
-                    notify(result.error || 'Failed to get diff');
-                    break;
-                }
-                if (!result.diff) {
-                    notify(staged ? 'No staged changes' : 'No unstaged changes');
-                    break;
-                }
-                // Add a clean user message first
-                const userMessage = {
-                    role: 'user',
-                    content: `/diff ${staged ? '--staged' : ''}\nRequesting review of ${staged ? 'staged' : 'unstaged'} changes`,
-                };
-                setMessages(prev => [...prev, userMessage]);
-                // Format and send to AI with full diff in background
-                const diffPreview = formatDiffForDisplay(result.diff, 100);
-                const aiPrompt = `Review this git diff:\n\n\`\`\`diff\n${diffPreview}\n\`\`\`\n\nPlease provide feedback and suggestions.`;
-                // Send to AI without adding another user message
-                setIsLoading(true);
-                setStreamingContent('');
-                const controller = new AbortController();
-                setAbortController(controller);
-                (async () => {
-                    try {
-                        const response = await chat(aiPrompt, messages, (chunk) => {
-                            if (!controller.signal.aborted) {
-                                setStreamingContent(c => c + chunk);
-                            }
-                        }, undefined, projectContext, controller.signal);
-                        if (!controller.signal.aborted) {
-                            const finalMessages = [...messages, userMessage, { role: 'assistant', content: response }];
-                            setMessages(finalMessages);
-                            autoSaveSession(finalMessages, projectPath);
-                        }
-                    }
-                    catch (error) {
-                        const err = error;
-                        const isAborted = err.name === 'AbortError' ||
-                            err.message?.includes('aborted') ||
-                            err.message?.includes('abort') ||
-                            controller.signal.aborted;
-                        if (!isAborted) {
-                            notify(`Error: ${err.message || 'Unknown error'}`);
-                        }
-                    }
-                    finally {
-                        setIsLoading(false);
-                        setStreamingContent('');
-                        setAbortController(null);
-                    }
-                })();
-                break;
-            }
-            case '/commit': {
-                const status = getGitStatus(projectPath);
-                if (!status.isRepo) {
-                    notify('Not a git repository');
-                    break;
-                }
-                const diff = getGitDiff(true, projectPath); // Get staged diff
-                if (!diff.success || !diff.diff) {
-                    notify('No staged changes. Use `git add` first.');
-                    break;
-                }
-                // Ask AI to generate commit message
-                const suggestion = suggestCommitMessage(diff.diff);
-                const commitPrompt = `Generate a conventional commit message for these changes:\n\n\`\`\`diff\n${formatDiffForDisplay(diff.diff, 50)}\n\`\`\`\n\nSuggested: "${suggestion}"\n\nProvide an improved commit message following conventional commits format.`;
-                notify('Generating commit message...');
-                handleSubmit(commitPrompt);
-                break;
-            }
-            case '/copy': {
-                // Copy code block to clipboard
-                const blockIndex = args[0] ? parseInt(args[0], 10) : -1;
-                const code = getCodeBlock(blockIndex);
-                if (code) {
-                    try {
-                        clipboardy.writeSync(code);
-                        notify(`Code block ${blockIndex === -1 ? '(last)' : `[${blockIndex}]`} copied to clipboard`);
-                    }
-                    catch {
-                        notify('Failed to copy to clipboard');
-                    }
-                }
-                else {
-                    notify('No code block found');
-                }
-                break;
-            }
-            case '/agent': {
-                const prompt = args.join(' ').trim();
-                if (!prompt) {
-                    notify('Usage: /agent <task description>');
-                    break;
-                }
-                if (isAgentRunning) {
-                    notify('Agent is already running. Press Escape to stop it first.');
-                    break;
-                }
-                startAgent(prompt, false);
-                break;
-            }
-            case '/agent-dry': {
-                const prompt = args.join(' ').trim();
-                if (!prompt) {
-                    notify('Usage: /agent-dry <task description>');
-                    break;
-                }
-                if (isAgentRunning) {
-                    notify('Agent is already running. Press Escape to stop it first.');
-                    break;
-                }
-                startAgent(prompt, true);
-                break;
-            }
-            case '/agent-stop': {
-                if (!isAgentRunning) {
-                    notify('No agent is running');
-                    break;
-                }
-                abortController?.abort();
-                notify('Stopping agent...');
-                break;
-            }
-            case '/undo': {
-                const result = undoLastAction();
-                if (result.success) {
-                    notify(`Undo: ${result.message}`);
-                }
-                else {
-                    notify(`Cannot undo: ${result.message}`);
-                }
-                break;
-            }
-            case '/undo-all': {
-                const result = undoAllActions();
-                if (result.success) {
-                    notify(`Undone ${result.results.length} action(s)`);
-                }
-                else {
-                    notify(result.results.join('\n'));
-                }
-                break;
-            }
-            case '/history': {
-                const sessions = getRecentSessions(5);
-                if (sessions.length === 0) {
-                    notify('No agent history');
-                }
-                else {
-                    const formatted = sessions.map(s => {
-                        const date = new Date(s.startTime).toLocaleString();
-                        return `${date}: ${s.prompt.slice(0, 40)}... (${s.actions.length} actions)`;
-                    }).join('\n');
-                    notify(`Recent agent sessions:\n${formatted}`);
-                }
-                break;
-            }
-            case '/changes': {
-                // Show all file changes from current agent session
-                if (agentActions.length === 0) {
-                    notify('No changes in current session. Run an agent task first.');
-                }
-                else {
-                    // Filter to only file changes
-                    const fileChanges = agentActions.filter(a => ['write', 'edit', 'delete', 'mkdir'].includes(a.type) &&
-                        a.result === 'success');
-                    if (fileChanges.length === 0) {
-                        notify('No file changes in current session.');
-                    }
-                    else {
-                        // Format changes for display
-                        const writes = fileChanges.filter(a => a.type === 'write');
-                        const edits = fileChanges.filter(a => a.type === 'edit');
-                        const deletes = fileChanges.filter(a => a.type === 'delete');
-                        const mkdirs = fileChanges.filter(a => a.type === 'mkdir');
-                        let changesText = '# Session Changes\n\n';
-                        if (writes.length > 0) {
-                            changesText += `## Created (${writes.length})\n`;
-                            writes.forEach(w => changesText += `+ ${w.target}\n`);
-                            changesText += '\n';
-                        }
-                        if (edits.length > 0) {
-                            changesText += `## Modified (${edits.length})\n`;
-                            edits.forEach(e => changesText += `~ ${e.target}\n`);
-                            changesText += '\n';
-                        }
-                        if (deletes.length > 0) {
-                            changesText += `## Deleted (${deletes.length})\n`;
-                            deletes.forEach(d => changesText += `- ${d.target}\n`);
-                            changesText += '\n';
-                        }
-                        if (mkdirs.length > 0) {
-                            changesText += `## Directories (${mkdirs.length})\n`;
-                            mkdirs.forEach(m => changesText += `+ ${m.target}/\n`);
-                        }
-                        setMessages(prev => [...prev, {
-                                role: 'assistant',
-                                content: changesText,
-                            }]);
-                    }
-                }
-                break;
-            }
-            case '/git-commit': {
-                if (!projectContext) {
-                    notify('No project context');
-                    break;
-                }
-                const commitResult = autoCommitAgentChanges(args.join(' ') || 'Agent changes', [], projectContext.root);
-                if (commitResult.success) {
-                    notify(`Committed: ${commitResult.hash}`);
-                }
-                else {
-                    notify(`Commit failed: ${commitResult.error}`);
-                }
-                break;
-            }
-            case '/context-save': {
-                if (!projectContext) {
-                    notify('No project context');
-                    break;
-                }
-                const saved = saveContext(projectContext.root, messages);
-                notify(saved ? 'Context saved' : 'Failed to save context');
-                break;
-            }
-            case '/context-load': {
-                if (!projectContext) {
-                    notify('No project context');
-                    break;
-                }
-                const loaded = loadContext(projectContext.root);
-                if (loaded) {
-                    setMessages(mergeContext(loaded, []));
-                    notify(`Loaded context with ${loaded.messages.length} messages`);
-                }
-                else {
-                    notify('No saved context for this project');
-                }
-                break;
-            }
-            case '/context-clear': {
-                if (!projectContext) {
-                    notify('No project context');
-                    break;
-                }
-                clearContext(projectContext.root);
-                notify('Context cleared');
-                break;
-            }
-            case '/review': {
-                if (!projectContext) {
-                    notify('No project context');
-                    break;
-                }
-                const reviewFiles = args.length > 0 ? args : undefined;
-                const reviewResult = performCodeReview(projectContext, reviewFiles);
-                const formatted = formatReviewResult(reviewResult);
-                setMessages(prev => [...prev, {
-                        role: 'assistant',
-                        content: formatted,
-                    }]);
-                break;
-            }
-            case '/scan': {
-                if (!projectContext) {
-                    notify('No project context');
-                    break;
-                }
-                // Check for subcommands
-                if (args[0] === 'status') {
-                    const intel = loadProjectIntelligence(projectContext.root);
-                    if (intel) {
-                        const age = Math.round((Date.now() - new Date(intel.scannedAt).getTime()) / (1000 * 60 * 60));
-                        notify(`Last scan: ${age}h ago | ${intel.structure.totalFiles} files | ${intel.type}`);
-                    }
-                    else {
-                        notify('No scan data. Run /scan to analyze project.');
-                    }
-                    break;
-                }
-                if (args[0] === 'clear') {
-                    // Clear cached intelligence
-                    const intelPath = `${projectContext.root}/.codeep/intelligence.json`;
-                    try {
-                        const fs = require('fs');
-                        if (fs.existsSync(intelPath)) {
-                            fs.unlinkSync(intelPath);
-                            notify('Project intelligence cleared');
-                        }
-                        else {
-                            notify('No cached intelligence to clear');
-                        }
-                    }
-                    catch {
-                        notify('Failed to clear intelligence');
-                    }
-                    break;
-                }
-                // Run full scan
-                notify('Scanning project...');
-                scanProject(projectContext.root).then(intelligence => {
-                    saveProjectIntelligence(projectContext.root, intelligence);
-                    // Generate and display summary
-                    const context = generateContextFromIntelligence(intelligence);
-                    setMessages(prev => [...prev, {
-                            role: 'assistant',
-                            content: `# Project Scan Complete\n\n${context}\n\n---\n*Saved to .codeep/intelligence.json*`,
-                        }]);
-                    notify(`Scanned: ${intelligence.structure.totalFiles} files, ${intelligence.structure.totalDirectories} dirs`);
-                }).catch(error => {
-                    notify('Scan failed: ' + error.message);
-                });
-                break;
-            }
-            case '/learn': {
-                if (!projectContext) {
-                    notify('No project context');
-                    break;
-                }
-                if (args[0] === 'status') {
-                    const status = getLearningStatus(projectContext.root);
-                    notify(status);
-                }
-                else if (args[0] === 'rule' && args.length > 1) {
-                    const rule = args.slice(1).join(' ');
-                    addCustomRule(rule, projectContext.root);
-                    notify(`Added rule: ${rule}`);
-                }
-                else {
-                    // Trigger learning from project files
-                    const prefs = learnFromProject(projectContext.root, projectContext.keyFiles);
-                    notify(`Learned from ${prefs.sampleCount} files. Use /learn status to see preferences.`);
-                }
-                break;
-            }
-            case '/skills': {
-                // Show all available skills, search, or stats
-                if (args[0] === 'stats') {
-                    // Show skill usage statistics
-                    const stats = getSkillStats();
-                    const statsMessage = `# Skill Usage Statistics
-
-- **Total skill executions:** ${stats.totalUsage}
-- **Unique skills used:** ${stats.uniqueSkills}
-- **Success rate:** ${stats.successRate}%`;
-                    setMessages(prev => [...prev, {
-                            role: 'assistant',
-                            content: statsMessage,
-                        }]);
-                }
-                else if (args.length > 0) {
-                    // Search skills
-                    const query = args.join(' ');
-                    const results = searchSkills(query);
-                    if (results.length === 0) {
-                        notify(`No skills found matching: ${query}`);
-                    }
-                    else {
-                        const formatted = formatSkillsList(results);
-                        setMessages(prev => [...prev, {
-                                role: 'assistant',
-                                content: `# Search Results for "${query}"\n\n${formatted}`,
-                            }]);
-                    }
-                }
-                else {
-                    const skills = getAllSkills();
-                    const formatted = formatSkillsList(skills);
-                    setMessages(prev => [...prev, {
-                            role: 'assistant',
-                            content: formatted,
-                        }]);
-                }
-                break;
-            }
-            case '/skill': {
-                // Execute or show info about a specific skill
-                if (args.length === 0) {
-                    notify('Usage: /skill <name> [args] or /skills to list all');
-                    break;
-                }
-                const skillName = args[0];
-                const skillArgs = args.slice(1).join(' ');
-                // Special subcommands
-                if (skillName === 'create' && args.length > 1) {
-                    // Create a new custom skill template
-                    const newSkillName = args[1];
-                    const template = {
-                        name: newSkillName,
-                        description: 'Add description here',
-                        shortcut: '',
-                        category: 'custom',
-                        steps: [
-                            { type: 'prompt', content: 'Add your prompt here' },
-                        ],
-                    };
-                    try {
-                        saveCustomSkill(template);
-                        notify(`Created skill template: ~/.codeep/skills/${newSkillName}.json\nEdit it to customize.`);
-                    }
-                    catch (e) {
-                        notify(`Failed to create skill: ${e.message}`);
-                    }
-                    break;
-                }
-                if (skillName === 'delete' && args.length > 1) {
-                    const toDelete = args[1];
-                    if (deleteCustomSkill(toDelete)) {
-                        notify(`Deleted skill: ${toDelete}`);
-                    }
-                    else {
-                        notify(`Skill not found or is built-in: ${toDelete}`);
-                    }
-                    break;
-                }
-                if (skillName === 'help' && args.length > 1) {
-                    const helpSkill = findSkill(args[1]);
-                    if (helpSkill) {
-                        const help = formatSkillHelp(helpSkill);
-                        setMessages(prev => [...prev, { role: 'assistant', content: help }]);
-                    }
-                    else {
-                        notify(`Skill not found: ${args[1]}`);
-                    }
-                    break;
-                }
-                // Find and execute skill
-                const skill = findSkill(skillName);
-                if (!skill) {
-                    notify(`Skill not found: ${skillName}. Use /skills to list all.`);
-                    break;
-                }
-                // Parse parameters
-                const params = parseSkillArgs(skillArgs, skill);
-                // Check required parameters
-                if (skill.parameters) {
-                    for (const param of skill.parameters) {
-                        if (param.required && !params[param.name]) {
-                            notify(`Missing required parameter: ${param.name}. Usage: /skill ${skill.name} <${param.name}>`);
-                            break;
-                        }
-                    }
-                }
-                // Check requirements
-                if (skill.requiresWriteAccess && !hasWriteAccess) {
-                    notify(`Skill "${skill.name}" requires write access. Grant permission first.`);
-                    break;
-                }
-                if (skill.requiresGit) {
-                    const status = getGitStatus(projectPath);
-                    if (!status.isRepo) {
-                        notify(`Skill "${skill.name}" requires a git repository.`);
-                        break;
-                    }
-                }
-                // Execute skill based on step types
-                const hasAgentStep = skill.steps.some(s => s.type === 'agent');
-                // Track skill usage
-                trackSkillUsage(skill.name);
-                if (hasAgentStep && projectContext) {
-                    // Use agent mode for skills with agent steps
-                    const prompt = generateSkillPrompt(skill, projectContext, skillArgs, params);
-                    startAgent(prompt, false);
-                }
-                else if (projectContext) {
-                    // Use regular chat for prompt-only skills
-                    const prompt = generateSkillPrompt(skill, projectContext, skillArgs, params);
-                    handleSubmit(prompt);
-                }
-                else {
-                    notify('Skill requires project context');
-                }
-                break;
-            }
-            default: {
-                // Check for skill chaining (e.g., /commit+push)
-                const commandWithoutSlash = command.slice(1);
-                const chain = parseSkillChain(commandWithoutSlash);
-                if (chain) {
-                    // Execute skill chain
-                    if (!projectContext) {
-                        notify('Skill chain requires project context');
-                        break;
-                    }
-                    // Build combined prompt for all skills in chain
-                    const chainPrompt = [];
-                    chainPrompt.push('# Skill Chain');
-                    chainPrompt.push(`Execute the following skills in order. Stop if any fails.`);
-                    chainPrompt.push('');
-                    for (const skillName of chain.skills) {
-                        const skill = findSkill(skillName);
-                        if (!skill)
-                            continue;
-                        // Check requirements
-                        if (skill.requiresWriteAccess && !hasWriteAccess) {
-                            notify(`Skill chain requires write access (${skill.name})`);
-                            break;
-                        }
-                        if (skill.requiresGit) {
-                            const status = getGitStatus(projectPath);
-                            if (!status.isRepo) {
-                                notify(`Skill chain requires git repository (${skill.name})`);
-                                break;
-                            }
-                        }
-                        chainPrompt.push(`## Step: ${skill.name}`);
-                        chainPrompt.push(skill.description);
-                        for (const step of skill.steps) {
-                            if (step.type === 'prompt' || step.type === 'agent') {
-                                chainPrompt.push(step.content);
-                            }
-                        }
-                        chainPrompt.push('');
-                    }
-                    // Track all skills in chain
-                    for (const skillName of chain.skills) {
-                        trackSkillUsage(skillName);
-                    }
-                    // Execute chain as agent
-                    const fullPrompt = chainPrompt.join('\n');
-                    startAgent(fullPrompt, false);
-                    break;
-                }
-                // Check if it's a skill shortcut (e.g., /c for commit)
-                const skillByShortcut = findSkill(commandWithoutSlash);
-                if (skillByShortcut) {
-                    const skillArgs = args.join(' ');
-                    const params = parseSkillArgs(skillArgs, skillByShortcut);
-                    // Check required parameters
-                    if (skillByShortcut.parameters) {
-                        let missingParam = false;
-                        for (const param of skillByShortcut.parameters) {
-                            if (param.required && !params[param.name]) {
-                                notify(`Missing required parameter: ${param.name}. Usage: /${skillByShortcut.name} <${param.name}>`);
-                                missingParam = true;
-                                break;
-                            }
-                        }
-                        if (missingParam)
-                            break;
-                    }
-                    // Check requirements
-                    if (skillByShortcut.requiresWriteAccess && !hasWriteAccess) {
-                        notify(`Skill "${skillByShortcut.name}" requires write access.`);
-                        break;
-                    }
-                    if (skillByShortcut.requiresGit) {
-                        const status = getGitStatus(projectPath);
-                        if (!status.isRepo) {
-                            notify(`Skill "${skillByShortcut.name}" requires a git repository.`);
-                            break;
-                        }
-                    }
-                    const hasAgentStep = skillByShortcut.steps.some(s => s.type === 'agent');
-                    // Track skill usage
-                    trackSkillUsage(skillByShortcut.name);
-                    if (hasAgentStep && projectContext) {
-                        const prompt = generateSkillPrompt(skillByShortcut, projectContext, skillArgs, params);
-                        startAgent(prompt, false);
-                    }
-                    else if (projectContext) {
-                        const prompt = generateSkillPrompt(skillByShortcut, projectContext, skillArgs, params);
-                        handleSubmit(prompt);
-                    }
-                    else {
-                        notify('Skill requires project context');
-                    }
-                }
-                else {
-                    notify(`Unknown command: ${command}`);
-                }
-            }
-        }
-    };
-    const handleLogin = () => {
-        setScreen('chat');
-        notify('Logged in successfully!');
-    };
-    const handleSessionLoad = (history, name) => {
-        setMessages(history);
-        setScreen('chat');
-        notify(`Loaded: ${name}`);
-    };
-    const handlePermissionComplete = (granted, permanent, writeGranted = false) => {
-        if (granted) {
-            setHasProjectAccess(true);
-            setHasWriteAccess(writeGranted);
-            const ctx = getProjectContext(projectPath);
-            if (ctx) {
-                ctx.hasWriteAccess = writeGranted;
-            }
-            setProjectContext(ctx);
-            if (permanent) {
-                // Save permission to local .codeep/config.json
-                setProjectPermission(projectPath, true, writeGranted);
-            }
-            // Show project tip with type and suggested commands
-            const tip = getProjectTip(projectPath);
-            if (tip) {
-                notify(tip, 5000);
-            }
-            else {
-                notify(writeGranted ? 'Project access granted (read + write)' : 'Project access granted (read-only)');
-            }
-            // Warn user if Agent Mode is ON but write access was not granted
-            const agentMode = config.get('agentMode');
-            if (agentMode === 'on' && !writeGranted) {
-                setTimeout(() => {
-                    notify('⚠️  Agent Mode ON: Needs write permission to work. Use /grant to enable or /agent for manual mode.', 8000);
-                }, 100);
-            }
-        }
-        else {
-            notify('Project access denied');
-            // Warn user if Agent Mode is ON but access was denied
-            const agentMode = config.get('agentMode');
-            if (agentMode === 'on') {
-                setTimeout(() => {
-                    notify('⚠️  Agent Mode ON: Permission denied. Use /grant to try again or /agent for manual mode.', 8000);
-                }, 100);
-            }
-        }
-        setScreen('chat');
-    };
-    // Render based on screen
-    // Show intro only once on first load (not when messages are cleared)
-    if (showIntro && screen === 'chat' && messages.length === 0 && !sessionLoaded) {
-        return (_jsx(Box, { flexDirection: "column", alignItems: "center", justifyContent: "center", children: _jsx(IntroAnimation, { onComplete: () => setShowIntro(false) }) }));
-    }
-    if (screen === 'login') {
-        return _jsx(Login, { onLogin: handleLogin, onCancel: () => setScreen('chat') });
-    }
-    if (screen === 'permission') {
-        return (_jsx(ProjectPermission, { projectPath: projectPath, onComplete: handlePermissionComplete }));
-    }
-    if (screen === 'session-picker') {
-        return (_jsx(SessionPicker, { projectPath: projectPath, onSelect: (loadedMessages, sessionName) => {
-                setMessages(loadedMessages);
-                setSessionId(sessionName);
-                setSessionLoaded(true);
-                setScreen('chat');
-                setNotification(`Loaded: ${sessionName}`);
-            }, onNewSession: () => {
-                setSessionLoaded(true);
-                setScreen('chat');
-            } }));
-    }
-    // Helper to check if we're showing an inline menu
-    const isInlineMenu = ['help', 'status', 'settings', 'sessions', 'sessions-delete',
-        'logout', 'search', 'export', 'model', 'provider', 'protocol', 'language'].includes(screen);
-    return (_jsxs(Box, { flexDirection: "column", children: [messages.length === 0 && !isLoading && _jsx(Logo, {}), messages.length === 0 && !isLoading && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { children: ["Connected to ", _jsx(Text, { color: "#f02a30", children: config.get('model') }), ". Type ", _jsx(Text, { color: "#f02a30", children: "/help" }), " for commands."] }) }), _jsx(Text, { children: " " }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "cyan", bold: true, children: "Welcome to Codeep - Your AI Coding Assistant" }) }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", paddingX: 2, children: [_jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Ask questions about your code or request implementations"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Use ", _jsxs(Text, { color: "cyan", children: ["/agent ", '<task>'] }), " for autonomous task execution"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Type ", _jsx(Text, { color: "cyan", children: "/diff" }), " to review changes, ", _jsx(Text, { color: "cyan", children: "/commit" }), " to generate commit messages"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Configure settings with ", _jsx(Text, { color: "cyan", children: "/settings" }), " - enable Agent Mode for auto-execution"] })] }), _jsx(Text, { children: " " }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "gray", children: "Start typing your message or use a command to begin..." }) }), _jsx(Text, { children: " " })] })), _jsx(MessageList, { messages: messages, streamingContent: streamingContent }, sessionId), isLoading && !isAgentRunning && _jsx(Loading, { isStreaming: !!streamingContent }), isAgentRunning && (_jsx(AgentActions, { actions: agentActions, isRunning: isAgentRunning, currentStep: agentIteration, dryRun: agentDryRun })), pendingFileChanges.length > 0 && !isLoading && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, marginY: 1, children: [_jsxs(Text, { color: "#f02a30", bold: true, children: ["\u2713 Detected ", pendingFileChanges.length, " file change(s):"] }), pendingFileChanges.map((change, i) => {
-                        const actionColor = change.action === 'delete' ? 'red' : change.action === 'edit' ? 'yellow' : 'green';
-                        const actionLabel = change.action === 'delete' ? 'DELETE' : change.action === 'edit' ? 'EDIT' : 'CREATE';
-                        return (_jsxs(Text, { children: ["\u2022 ", _jsxs(Text, { color: actionColor, children: ["[", actionLabel, "]"] }), " ", change.path, change.action !== 'delete' && change.content.includes('\n') && ` (${change.content.split('\n').length} lines)`] }, i));
-                    }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Apply changes? ", _jsx(Text, { color: "#f02a30", bold: true, children: "[Y/n]" })] }), _jsx(Text, { color: "cyan", children: "Press Y to apply, N or Esc to reject" })] })), notification && (_jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "cyan", children: notification }) })), !isInlineMenu && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", children: '─'.repeat(Math.max(20, stdout?.columns || 80)) }), _jsx(Box, { paddingX: 1, children: _jsx(ChatInput, { onSubmit: handleSubmit, disabled: isLoading || isAgentRunning || pendingFileChanges.length > 0, history: inputHistory, clearTrigger: clearInputTrigger }) }), _jsx(Text, { color: "#f02a30", children: '─'.repeat(Math.max(20, stdout?.columns || 80)) })] })), isInlineMenu && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", children: '─'.repeat(stdout?.columns || 80) }), screen === 'help' && _jsx(Help, { projectPath: projectPath }), screen === 'status' && _jsx(Status, {}), screen === 'settings' && (_jsx(Settings, { onClose: () => setScreen('chat'), notify: notify, hasWriteAccess: hasWriteAccess, hasProjectContext: !!projectContext })), screen === 'sessions' && (_jsx(Sessions, { history: messages, onLoad: handleSessionLoad, onClose: () => setScreen('chat'), projectPath: projectPath })), screen === 'sessions-delete' && (_jsx(Sessions, { history: messages, onLoad: handleSessionLoad, onClose: () => setScreen('chat'), onDelete: (name) => {
-                            notify(`Deleted: ${name}`);
-                            setScreen('chat');
-                        }, deleteMode: true, projectPath: projectPath })), screen === 'logout' && (_jsx(LogoutPicker, { onLogout: (providerId) => {
-                            notify(`Logged out from ${providerId}`);
-                            if (providerId === config.get('provider')) {
-                                setMessages([]);
-                                setScreen('login');
-                            }
-                            else {
-                                setScreen('chat');
-                            }
-                        }, onLogoutAll: () => {
-                            notify('Logged out from all providers');
-                            setMessages([]);
-                            setScreen('login');
-                        }, onCancel: () => setScreen('chat') })), screen === 'search' && (_jsx(Search, { results: searchResults, searchTerm: searchTerm, onClose: () => setScreen('chat'), onSelectMessage: (index) => {
-                            notify(`Message #${index + 1}`);
-                        } })), screen === 'export' && (_jsx(Export, { onExport: (format) => {
-                            const content = exportMessages(messages, {
-                                format,
-                                sessionName: sessionId || 'chat',
-                            });
-                            const result = saveExport(content, format, process.cwd(), sessionId || undefined);
-                            if (result.success) {
-                                notify(`Exported to ${result.filePath}`);
-                            }
-                            else {
-                                notify(`Export failed: ${result.error}`);
-                            }
-                            setScreen('chat');
-                        }, onCancel: () => setScreen('chat') })), screen === 'model' && _jsx(ModelSelect, { onClose: () => setScreen('chat'), notify: notify }), screen === 'provider' && _jsx(ProviderSelect, { onClose: () => setScreen('chat'), notify: notify }), screen === 'protocol' && _jsx(ProtocolSelect, { onClose: () => setScreen('chat'), notify: notify }), screen === 'language' && _jsx(LanguageSelect, { onClose: () => setScreen('chat'), notify: notify }), _jsx(Text, { color: "gray", children: "Press Escape to close" })] })), !isInlineMenu && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Ctrl+V" }), _jsx(Text, { children: " Paste  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Ctrl+L" }), _jsx(Text, { children: " Clear  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Esc" }), _jsx(Text, { children: " Cancel  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "\u2191\u2193" }), _jsx(Text, { children: " History  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "/help" }), _jsx(Text, { children: " Commands" })] }) }), _jsx(Box, { children: config.get('agentMode') === 'on' ? (hasWriteAccess && projectContext ? (_jsx(Text, { color: "green", children: "Agent: ON \u2713" })) : (_jsx(Text, { color: "yellow", children: "Agent: ON (no permission - use /grant)" }))) : (_jsx(Text, { color: "cyan", children: "Agent: Manual (use /agent)" })) })] }))] }, "chat-screen"));
-};
-// Model selection component
-const ModelSelect = ({ onClose, notify }) => {
-    const [selected, setSelected] = useState(0);
-    const models = Object.entries(getModelsForCurrentProvider());
-    const provider = getCurrentProvider();
-    useInput((input, key) => {
-        if (key.escape)
-            onClose();
-        if (key.upArrow)
-            setSelected(s => Math.max(0, s - 1));
-        if (key.downArrow)
-            setSelected(s => Math.min(models.length - 1, s + 1));
-        if (key.return) {
-            config.set('model', models[selected][0]);
-            notify(`Model: ${models[selected][0]}`);
-            onClose();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Select Model" }), _jsxs(Text, { children: ["Provider: ", provider.name] }), _jsx(Text, { children: " " }), models.map(([key, desc], i) => (_jsxs(Text, { children: [i === selected ? _jsx(Text, { color: "#f02a30", children: "\u25B8 " }) : '  ', _jsx(Text, { color: i === selected ? '#f02a30' : undefined, children: key }), _jsxs(Text, { children: [" - ", desc] }), key === config.get('model') && _jsx(Text, { color: "green", children: " \u25CF" })] }, key))), _jsx(Text, { children: " " }), _jsx(Text, { children: "Enter to select, Escape to close" })] }));
-};
-// Provider selection component
-const ProviderSelect = ({ onClose, notify }) => {
-    const [selected, setSelected] = useState(0);
-    const providers = getProviderList();
-    const currentProvider = getCurrentProvider();
-    useInput((input, key) => {
-        if (key.escape)
-            onClose();
-        if (key.upArrow)
-            setSelected(s => Math.max(0, s - 1));
-        if (key.downArrow)
-            setSelected(s => Math.min(providers.length - 1, s + 1));
-        if (key.return) {
-            setProvider(providers[selected].id);
-            notify(`Provider: ${providers[selected].name}`);
-            onClose();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Select AI Provider" }), _jsx(Text, { children: " " }), providers.map((provider, i) => (_jsxs(Text, { children: [i === selected ? _jsx(Text, { color: "#f02a30", children: "\u25B8 " }) : '  ', _jsx(Text, { color: i === selected ? '#f02a30' : undefined, children: provider.name }), _jsxs(Text, { children: [" - ", provider.description] }), provider.id === currentProvider.id && _jsx(Text, { color: "green", children: " \u25CF" })] }, provider.id))), _jsx(Text, { children: " " }), _jsx(Text, { children: "Enter to select, Escape to close" }), _jsx(Text, { color: "#f02a30", children: "Note: You may need to /login with a new API key" })] }));
-};
-// Protocol selection component
-const ProtocolSelect = ({ onClose, notify }) => {
-    const [selected, setSelected] = useState(0);
-    const protocols = Object.entries(PROTOCOLS);
-    useInput((input, key) => {
-        if (key.escape)
-            onClose();
-        if (key.upArrow)
-            setSelected(s => Math.max(0, s - 1));
-        if (key.downArrow)
-            setSelected(s => Math.min(protocols.length - 1, s + 1));
-        if (key.return) {
-            config.set('protocol', protocols[selected][0]);
-            notify(`Protocol: ${protocols[selected][0]}`);
-            onClose();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Select Protocol" }), _jsx(Text, { children: " " }), protocols.map(([key, desc], i) => (_jsxs(Text, { children: [i === selected ? _jsx(Text, { color: "#f02a30", children: "\u25B8 " }) : '  ', _jsx(Text, { color: i === selected ? '#f02a30' : undefined, children: key }), _jsxs(Text, { children: [" - ", desc] }), key === config.get('protocol') && _jsx(Text, { color: "green", children: " \u25CF" })] }, key))), _jsx(Text, { children: " " }), _jsx(Text, { children: "Enter to select, Escape to close" })] }));
-};
-// Language selection component
-const LanguageSelect = ({ onClose, notify }) => {
-    const [selected, setSelected] = useState(0);
-    const languages = Object.entries(LANGUAGES);
-    useInput((input, key) => {
-        if (key.escape)
-            onClose();
-        if (key.upArrow)
-            setSelected(s => Math.max(0, s - 1));
-        if (key.downArrow)
-            setSelected(s => Math.min(languages.length - 1, s + 1));
-        if (key.return) {
-            config.set('language', languages[selected][0]);
-            notify(`Language: ${languages[selected][1]}`);
-            onClose();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Select Response Language" }), _jsx(Text, { children: " " }), languages.map(([key, name], i) => (_jsxs(Text, { children: [i === selected ? _jsx(Text, { color: "#f02a30", children: "\u25B8 " }) : '  ', _jsx(Text, { color: i === selected ? '#f02a30' : undefined, children: name }), key === config.get('language') && _jsx(Text, { color: "green", children: " \u25CF" })] }, key))), _jsx(Text, { children: " " }), _jsx(Text, { children: "Enter to select, Escape to close" })] }));
-};