codeep 1.0.0

package/dist/components/AgentProgress.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Agent progress display component
+ */
+import React from 'react';
+import { ActionLog } from '../utils/tools';
+interface AgentProgressProps {
+    isRunning: boolean;
+    iteration: number;
+    maxIterations: number;
+    actions: ActionLog[];
+    currentThinking?: string;
+    dryRun?: boolean;
+}
+export declare const AgentProgress: React.FC<AgentProgressProps>;
+/**
+ * Agent summary component - shown when agent completes
+ */
+interface AgentSummaryProps {
+    success: boolean;
+    iterations: number;
+    actions: ActionLog[];
+    error?: string;
+    aborted?: boolean;
+}
+export declare const AgentSummary: React.FC<AgentSummaryProps>;
+/**
+ * Changes list component - for /changes command
+ */
+interface ChangesListProps {
+    actions: ActionLog[];
+}
+export declare const ChangesList: React.FC<ChangesListProps>;
+export {};

package/dist/components/AgentProgress.js

@@ -0,0 +1,97 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Agent progress display component
+ */
+import { useState, useEffect } from 'react';
+import { Box, Text } from 'ink';
+// Spinner frames for animation (no emojis)
+const SPINNER_FRAMES = ['/', '-', '\\', '|'];
+export const AgentProgress = ({ isRunning, iteration, maxIterations, actions, currentThinking, dryRun, }) => {
+    const [spinnerFrame, setSpinnerFrame] = useState(0);
+    // Animate spinner when running
+    useEffect(() => {
+        if (!isRunning)
+            return;
+        const timer = setInterval(() => {
+            setSpinnerFrame(f => (f + 1) % SPINNER_FRAMES.length);
+        }, 150);
+        return () => clearInterval(timer);
+    }, [isRunning]);
+    // Don't show anything if not running and no actions
+    if (!isRunning && actions.length === 0) {
+        return null;
+    }
+    // Show last 8 actions
+    const recentActions = actions.slice(-8);
+    // Count file changes
+    const fileChanges = {
+        created: actions.filter(a => a.type === 'write' && a.result === 'success').length,
+        modified: actions.filter(a => a.type === 'edit' && a.result === 'success').length,
+        deleted: actions.filter(a => a.type === 'delete' && a.result === 'success').length,
+    };
+    const totalFileChanges = fileChanges.created + fileChanges.modified + fileChanges.deleted;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: dryRun ? 'yellow' : '#f02a30', padding: 1, marginY: 1, children: [_jsx(Box, { children: isRunning ? (_jsxs(_Fragment, { children: [_jsxs(Text, { color: dryRun ? 'yellow' : '#f02a30', children: ["[", SPINNER_FRAMES[spinnerFrame], "]"] }), _jsxs(Text, { color: dryRun ? 'yellow' : '#f02a30', bold: true, children: [' ', dryRun ? 'DRY RUN' : 'AGENT', ' '] }), _jsx(Text, { color: "gray", children: "|" }), _jsxs(Text, { color: "cyan", children: [" step ", iteration] }), _jsx(Text, { color: "gray", children: " | " }), _jsxs(Text, { color: "white", children: [actions.length, " actions"] })] })) : (_jsxs(_Fragment, { children: [_jsx(Text, { color: "green", bold: true, children: "[DONE] " }), _jsx(Text, { children: "Agent completed" }), _jsx(Text, { color: "gray", children: " | " }), _jsxs(Text, { color: "white", children: [actions.length, " actions"] })] })) }), _jsx(Text, { color: "gray", children: '─'.repeat(50) }), recentActions.length > 0 && (_jsx(Box, { flexDirection: "column", children: recentActions.map((action, i) => (_jsx(ActionItem, { action: action }, i))) })), isRunning && totalFileChanges > 0 && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Changes: " }), fileChanges.created > 0 && _jsxs(Text, { color: "green", children: ["+", fileChanges.created, " "] }), fileChanges.modified > 0 && _jsxs(Text, { color: "yellow", children: ["~", fileChanges.modified, " "] }), fileChanges.deleted > 0 && _jsxs(Text, { color: "red", children: ["-", fileChanges.deleted] })] })), isRunning && currentThinking && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "gray", wrap: "truncate-end", children: ["> ", currentThinking.slice(0, 80), currentThinking.length > 80 ? '...' : ''] }) })), isRunning && (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: "gray", children: "Press " }), _jsx(Text, { color: "#f02a30", children: "Esc" }), _jsx(Text, { color: "gray", children: " to stop" })] })), !isRunning && totalFileChanges > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, children: "File Changes:" }), fileChanges.created > 0 && (_jsxs(Text, { color: "green", children: ["  + ", fileChanges.created, " file(s) created"] })), fileChanges.modified > 0 && (_jsxs(Text, { color: "yellow", children: ["  ~ ", fileChanges.modified, " file(s) modified"] })), fileChanges.deleted > 0 && (_jsxs(Text, { color: "red", children: ["  - ", fileChanges.deleted, " file(s) deleted"] }))] }))] }));
+};
+/**
+ * Single action item display
+ */
+const ActionItem = ({ action }) => {
+    const getStatusIndicator = () => {
+        switch (action.result) {
+            case 'success':
+                return _jsx(Text, { color: "green", children: "[ok]" });
+            case 'error':
+                return _jsx(Text, { color: "red", children: "[err]" });
+            default:
+                return _jsx(Text, { color: "yellow", children: "[..]" });
+        }
+    };
+    const getTypeInfo = () => {
+        switch (action.type) {
+            case 'read':
+                return { color: 'blue', label: 'READ' };
+            case 'write':
+                return { color: 'green', label: 'CREATE' };
+            case 'edit':
+                return { color: 'yellow', label: 'EDIT' };
+            case 'delete':
+                return { color: 'red', label: 'DELETE' };
+            case 'command':
+                return { color: 'magenta', label: 'EXEC' };
+            case 'search':
+                return { color: 'cyan', label: 'SEARCH' };
+            case 'list':
+                return { color: 'white', label: 'LIST' };
+            case 'mkdir':
+                return { color: 'blue', label: 'MKDIR' };
+            case 'fetch':
+                return { color: 'cyan', label: 'FETCH' };
+            default:
+                return { color: 'white', label: String(action.type).toUpperCase() };
+        }
+    };
+    const typeInfo = getTypeInfo();
+    return (_jsxs(Text, { children: [getStatusIndicator(), ' ', _jsx(Text, { color: typeInfo.color, children: typeInfo.label.padEnd(6) }), ' ', _jsxs(Text, { children: [action.target.slice(0, 40), action.target.length > 40 ? '...' : ''] })] }));
+};
+export const AgentSummary = ({ success, iterations, actions, error, aborted, }) => {
+    const filesWritten = actions.filter(a => a.type === 'write' && a.result === 'success');
+    const filesEdited = actions.filter(a => a.type === 'edit' && a.result === 'success');
+    const filesDeleted = actions.filter(a => a.type === 'delete' && a.result === 'success');
+    const dirsCreated = actions.filter(a => a.type === 'mkdir' && a.result === 'success');
+    const commandsRun = actions.filter(a => a.type === 'command' && a.result === 'success');
+    const errors = actions.filter(a => a.result === 'error');
+    const hasFileChanges = filesWritten.length > 0 || filesEdited.length > 0 ||
+        filesDeleted.length > 0 || dirsCreated.length > 0;
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: success ? 'green' : aborted ? 'yellow' : 'red', padding: 1, marginY: 1, children: [_jsxs(Box, { children: [success ? (_jsx(Text, { color: "green", bold: true, children: "[OK] Agent completed" })) : aborted ? (_jsx(Text, { color: "yellow", bold: true, children: "[--] Agent stopped" })) : (_jsx(Text, { color: "red", bold: true, children: "[!!] Agent failed" })), _jsxs(Text, { color: "gray", children: [" | ", iterations, " iterations | ", actions.length, " actions"] })] }), error && (_jsxs(Text, { color: "red", children: ["Error: ", error] })), hasFileChanges && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: '─'.repeat(40) }), _jsx(Text, { bold: true, children: "Changes:" }), filesWritten.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "green", children: ["+ Created (", filesWritten.length, "):"] }), filesWritten.map((f, i) => (_jsxs(Text, { color: "green", children: ["    ", f.target] }, i)))] })), filesEdited.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "yellow", children: ["~ Modified (", filesEdited.length, "):"] }), filesEdited.map((f, i) => (_jsxs(Text, { color: "yellow", children: ["    ", f.target] }, i)))] })), filesDeleted.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: "red", children: ["- Deleted (", filesDeleted.length, "):"] }), filesDeleted.map((f, i) => (_jsxs(Text, { color: "red", children: ["    ", f.target] }, i)))] })), dirsCreated.length > 0 && (_jsxs(Text, { color: "blue", children: ["+ ", dirsCreated.length, " director(ies) created"] }))] })), commandsRun.length > 0 && (_jsxs(Text, { color: "magenta", children: [commandsRun.length, " command(s) executed"] })), errors.length > 0 && (_jsxs(Text, { color: "red", children: [errors.length, " error(s) occurred"] }))] }));
+};
+export const ChangesList = ({ actions }) => {
+    const writes = actions.filter(a => a.type === 'write' && a.result === 'success');
+    const edits = actions.filter(a => a.type === 'edit' && a.result === 'success');
+    const deletes = actions.filter(a => a.type === 'delete' && a.result === 'success');
+    const mkdirs = actions.filter(a => a.type === 'mkdir' && a.result === 'success');
+    const totalChanges = writes.length + edits.length + deletes.length + mkdirs.length;
+    if (totalChanges === 0) {
+        return (_jsx(Box, { children: _jsx(Text, { color: "gray", children: "No file changes in current session" }) }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [_jsxs(Text, { color: "cyan", bold: true, children: ["Session Changes (", totalChanges, " total)"] }), _jsx(Text, { color: "gray", children: '─'.repeat(40) }), writes.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "green", bold: true, children: ["Created (", writes.length, "):"] }), writes.map((w, i) => (_jsxs(Text, { children: ["  + ", w.target] }, i)))] })), edits.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Modified (", edits.length, "):"] }), edits.map((e, i) => (_jsxs(Text, { children: ["  ~ ", e.target] }, i)))] })), deletes.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "red", bold: true, children: ["Deleted (", deletes.length, "):"] }), deletes.map((d, i) => (_jsxs(Text, { children: ["  - ", d.target] }, i)))] })), mkdirs.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "blue", bold: true, children: ["Directories (", mkdirs.length, "):"] }), mkdirs.map((m, i) => (_jsxs(Text, { children: ["  + ", m.target, "/"] }, i)))] }))] }));
+};

package/dist/components/Export.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ExportFormat } from '../utils/export';
+interface ExportProps {
+    onExport: (format: ExportFormat) => void;
+    onCancel: () => void;
+}
+export declare const Export: React.FC<ExportProps>;
+export {};

package/dist/components/Export.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Box, Text, useInput } from 'ink';
+export const Export = ({ onExport, onCancel }) => {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const formats = [
+        { id: 'md', name: 'Markdown', description: 'Formatted with headers and separators' },
+        { id: 'json', name: 'JSON', description: 'Structured data format' },
+        { id: 'txt', name: 'Plain Text', description: 'Simple text format' },
+    ];
+    useInput((input, key) => {
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : formats.length - 1));
+        }
+        if (key.downArrow) {
+            setSelectedIndex((prev) => (prev < formats.length - 1 ? prev + 1 : 0));
+        }
+        if (key.return) {
+            onExport(formats[selectedIndex].id);
+        }
+    });
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "green", padding: 1, children: [_jsx(Text, { color: "green", bold: true, children: "Export Chat" }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Select export format:" }), _jsx(Text, { children: " " }), formats.map((format, index) => (_jsx(Box, { flexDirection: "column", children: _jsxs(Text, { children: [selectedIndex === index ? '› ' : '  ', _jsx(Text, { color: selectedIndex === index ? 'green' : 'white', bold: selectedIndex === index, children: format.name }), _jsxs(Text, { children: [" - ", format.description] })] }) }, format.id))), _jsx(Text, { children: " " }), _jsx(Text, { children: "\u2191/\u2193 Navigate \u2022 Enter Export \u2022 Esc Cancel" })] }));
+};

package/dist/components/Help.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Help: React.FC;

package/dist/components/Help.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Text, Box } from 'ink';
+export const Help = () => (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Commands" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/help" }), "              - Show this help"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/status" }), "            - Show current status"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/version" }), "           - Show version info"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/update" }), "            - Check for updates"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/model" }), "             - Switch model"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/protocol" }), "          - Switch API protocol"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/provider" }), "          - Switch API provider"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/lang" }), "              - Set response language"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/settings" }), "          - Adjust temp, tokens, timeout, rate limits"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/sessions" }), "          - Save/load chat sessions"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/sessions delete" }), " ", '<name>', " - Delete a session"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/rename" }), " ", '<name>', "     - Rename current session"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/search" }), " ", '<term>', "    - Search through messages (e.g. /search error)"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/export" }), "            - Export chat to MD/JSON/TXT format"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/diff" }), " [--staged]    - Review git changes with AI"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/commit" }), "            - Generate commit message from staged changes"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/apply" }), "             - Apply file changes from AI response"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/copy" }), " [n]           - Copy code block [n] to clipboard"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/agent" }), " ", '<task>', "      - Start autonomous agent for task"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/agent-dry" }), " ", '<task>', "  - Preview agent actions (no changes)"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/agent-stop" }), "        - Stop running agent"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/clear" }), "             - Clear chat history"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/login" }), "             - Login with different key"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/logout" }), "            - Logout and clear key"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/exit" }), "              - Quit application"] }), _jsx(Text, { children: " " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Shortcuts" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2191/\u2193" }), "     - Navigate input history or command suggestions"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Tab" }), "      - Autocomplete selected command"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Ctrl+L" }), "  - Clear chat (same as /clear)"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Escape" }), "  - Cancel request"] }), _jsx(Text, { children: " " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Code Blocks" }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Code blocks are numbered [0], [1], etc." }), _jsxs(Text, { children: ["Use ", _jsx(Text, { color: "#f02a30", children: "/copy" }), " to copy last block, ", _jsx(Text, { color: "#f02a30", children: "/copy 0" }), " for first"] }), _jsx(Text, { children: " " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Project Context" }), _jsx(Text, { children: " " }), _jsx(Text, { children: "When started in a project directory, Codeep can:" }), _jsx(Text, { children: "  \u2022 Auto-detect file paths in your messages" }), _jsx(Text, { children: "  \u2022 Attach file contents automatically" }), _jsx(Text, { children: "  \u2022 Understand your project structure" }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Examples:" }), _jsxs(Text, { children: ["  ", _jsx(Text, { children: "\"check src/app.tsx\"" }), " - reads and analyzes file"] }), _jsxs(Text, { children: ["  ", _jsx(Text, { children: "\"what does package.json contain\"" }), " - shows file"] }), _jsxs(Text, { children: ["  ", _jsx(Text, { children: "\"improve error handling\"" }), " - AI knows project"] }), _jsx(Text, { children: " " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Agent Mode" }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Use /agent for autonomous task execution:" }), _jsx(Text, { children: "  \u2022 Creates, edits, deletes files automatically" }), _jsx(Text, { children: "  \u2022 Runs shell commands (npm, git, etc.)" }), _jsx(Text, { children: "  \u2022 Loops until task is complete" }), _jsx(Text, { children: "  \u2022 Shows progress and all actions taken" }), _jsx(Text, { children: " " }), _jsx(Text, { children: "Examples:" }), _jsxs(Text, { children: ["  ", _jsx(Text, { color: "#f02a30", children: "/agent" }), " \"add error handling to api.ts\""] }), _jsxs(Text, { children: ["  ", _jsx(Text, { color: "#f02a30", children: "/agent" }), " \"run tests and fix failures\""] }), _jsxs(Text, { children: ["  ", _jsx(Text, { color: "#f02a30", children: "/agent" }), " \"create a new React component for user profile\""] }), _jsxs(Text, { children: ["  ", _jsx(Text, { color: "#f02a30", children: "/agent-dry" }), " \"refactor utils folder\" - preview only"] })] }));

package/dist/components/Input.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface InputProps {
+    onSubmit: (value: string) => void;
+    disabled?: boolean;
+    history?: string[];
+    clearTrigger?: number;
+}
+export declare const ChatInput: React.FC<InputProps>;
+export {};

package/dist/components/Input.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useMemo, useEffect } from 'react';
+import { Text, Box, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+const COMMANDS = [
+    { cmd: '/help', desc: 'Show help' },
+    { cmd: '/status', desc: 'Show status' },
+    { cmd: '/version', desc: 'Show version' },
+    { cmd: '/update', desc: 'Check updates' },
+    { cmd: '/model', desc: 'Switch model' },
+    { cmd: '/protocol', desc: 'Switch protocol' },
+    { cmd: '/provider', desc: 'Switch provider' },
+    { cmd: '/lang', desc: 'Set language' },
+    { cmd: '/settings', desc: 'Adjust settings' },
+    { cmd: '/sessions', desc: 'Manage sessions' },
+    { cmd: '/sessions delete', desc: 'Delete session' },
+    { cmd: '/rename', desc: 'Rename session' },
+    { cmd: '/search', desc: 'Search history' },
+    { cmd: '/export', desc: 'Export chat' },
+    { cmd: '/diff', desc: 'Review git changes' },
+    { cmd: '/diff --staged', desc: 'Review staged changes' },
+    { cmd: '/commit', desc: 'Generate commit message' },
+    { cmd: '/apply', desc: 'Apply file changes' },
+    { cmd: '/copy', desc: 'Copy code block' },
+    { cmd: '/clear', desc: 'Clear chat' },
+    { cmd: '/login', desc: 'Change API key' },
+    { cmd: '/logout', desc: 'Logout' },
+    { cmd: '/exit', desc: 'Quit' },
+];
+export const ChatInput = ({ onSubmit, disabled, history = [], clearTrigger = 0 }) => {
+    const [value, setValue] = useState('');
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [isSelectingCommand, setIsSelectingCommand] = useState(false);
+    // Clear input when clearTrigger changes
+    useEffect(() => {
+        if (clearTrigger > 0) {
+            setValue('');
+            setSelectedIndex(0);
+            setIsSelectingCommand(false);
+        }
+    }, [clearTrigger]);
+    // Filter commands based on input
+    const suggestions = useMemo(() => {
+        if (!value.startsWith('/') || value.includes(' '))
+            return [];
+        return COMMANDS.filter(c => c.cmd.startsWith(value.toLowerCase()));
+    }, [value]);
+    // Reset selection when suggestions change
+    useEffect(() => {
+        if (suggestions.length > 0) {
+            setSelectedIndex(0);
+            setIsSelectingCommand(true);
+        }
+        else {
+            setIsSelectingCommand(false);
+        }
+    }, [suggestions.length]);
+    // Handle keyboard navigation for command suggestions
+    useInput((input, key) => {
+        if (disabled || suggestions.length === 0)
+            return;
+        // Navigate suggestions with up/down arrows
+        if (key.upArrow) {
+            setSelectedIndex(i => Math.max(0, i - 1));
+            return;
+        }
+        if (key.downArrow) {
+            setSelectedIndex(i => Math.min(suggestions.length - 1, i + 1));
+            return;
+        }
+        // Tab to autocomplete selected command
+        if (key.tab) {
+            setValue(suggestions[selectedIndex].cmd);
+            setIsSelectingCommand(false);
+            return;
+        }
+    }, { isActive: isSelectingCommand });
+    const handleChange = (newValue) => {
+        setValue(newValue);
+    };
+    const handleSubmit = (text) => {
+        if (text.trim() && !disabled) {
+            onSubmit(text.trim());
+            setValue('');
+            setIsSelectingCommand(false);
+        }
+    };
+    return (_jsxs(Box, { flexDirection: "column", children: [suggestions.length > 0 && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [suggestions.map((s, i) => (_jsxs(Text, { children: [i === selectedIndex ? _jsx(Text, { color: "#f02a30", children: "\u25B8 " }) : '  ', _jsx(Text, { color: i === selectedIndex ? '#f02a30' : undefined, bold: i === selectedIndex, children: s.cmd }), _jsxs(Text, { color: i === selectedIndex ? undefined : 'gray', children: [" - ", s.desc] })] }, s.cmd))), _jsxs(Text, { color: "gray", children: ["\u2191\u2193 Navigate \u2022 Tab Complete \u2022 ", suggestions.length, " ", suggestions.length === 1 ? 'command' : 'commands'] })] })), _jsxs(Box, { children: [_jsx(Text, { color: "#f02a30", bold: true, children: '> ' }), disabled ? (_jsx(Text, { children: "..." })) : (_jsx(TextInput, { value: value, onChange: handleChange, onSubmit: handleSubmit, placeholder: "Type a message or /command..." }))] })] }));
+};

package/dist/components/Loading.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface LoadingProps {
+    isStreaming?: boolean;
+}
+export declare const Loading: React.FC<LoadingProps>;
+export declare const InlineSpinner: React.FC<{
+    text?: string;
+}>;
+export {};

package/dist/components/Loading.js

@@ -0,0 +1,31 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Text, Box } from 'ink';
+// Spinner frames
+const SPINNER = ['⣾', '⣽', '⣻', '⢿', '⡿', '⣟', '⣯', '⣷'];
+export const Loading = ({ isStreaming = false }) => {
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        // Force re-render every 100ms to animate even when parent doesn't update
+        const timer = setInterval(() => {
+            setTick(t => t + 1);
+        }, 100);
+        return () => clearInterval(timer);
+    }, []);
+    const spinnerFrame = tick % SPINNER.length;
+    const dotsCount = (Math.floor(tick / 3) % 4); // 0, 1, 2, 3 dots cycling
+    const dots = '.'.repeat(dotsCount);
+    const message = isStreaming ? 'Writing' : 'Thinking';
+    return (_jsx(Box, { paddingLeft: 2, paddingY: 0, children: _jsxs(Text, { color: "#f02a30", bold: true, children: [SPINNER[spinnerFrame], " ", message, dots] }) }));
+};
+// Simple inline spinner for smaller spaces
+export const InlineSpinner = ({ text = 'Loading' }) => {
+    const [tick, setTick] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setTick(t => t + 1);
+        }, 80);
+        return () => clearInterval(timer);
+    }, []);
+    return (_jsxs(Text, { children: [_jsxs(Text, { color: "#f02a30", children: [SPINNER[tick % SPINNER.length], " "] }), _jsx(Text, { children: text })] }));
+};

package/dist/components/Login.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface LoginProps {
+    onLogin: () => void;
+    onCancel?: () => void;
+}
+export declare const Login: React.FC<LoginProps>;
+export {};

package/dist/components/Login.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Text, Box, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import open from 'open';
+import { setApiKey, setProvider } from '../config/index';
+import { validateApiKey } from '../api/index';
+import { Logo } from './Logo';
+import { getProviderList } from '../config/providers';
+const PROVIDER_URLS = {
+    'z.ai': 'https://z.ai/subscribe?ic=NXYNXZOV14',
+    'minimax': 'https://platform.minimax.io/subscribe/coding-plan?code=2lWvoWUhrp&source=link',
+};
+export const Login = ({ onLogin, onCancel }) => {
+    const [step, setStep] = useState('provider');
+    const [selectedProvider, setSelectedProvider] = useState(0);
+    const [apiKey, setApiKeyState] = useState('');
+    const [error, setError] = useState('');
+    const [validating, setValidating] = useState(false);
+    const providers = getProviderList();
+    const currentProvider = providers[selectedProvider];
+    // Handle keyboard input
+    useInput((input, key) => {
+        if (step === 'provider') {
+            if (key.upArrow) {
+                setSelectedProvider(i => Math.max(0, i - 1));
+            }
+            if (key.downArrow) {
+                setSelectedProvider(i => Math.min(providers.length - 1, i + 1));
+            }
+            if (key.return) {
+                setProvider(currentProvider.id);
+                setStep('apikey');
+            }
+            // Escape to cancel login
+            if (key.escape && onCancel) {
+                onCancel();
+            }
+        }
+        else if (step === 'apikey') {
+            // G key to open browser for API key
+            if ((input === 'g' || input === 'G') && apiKey === '') {
+                const url = PROVIDER_URLS[currentProvider.id];
+                if (url)
+                    open(url);
+            }
+            // Escape to go back to provider selection
+            if (key.escape) {
+                setStep('provider');
+                setError('');
+            }
+        }
+    });
+    const handleSubmit = async (key) => {
+        if (!key.trim()) {
+            setError('Please enter your API key');
+            return;
+        }
+        setValidating(true);
+        setError('');
+        const result = await validateApiKey(key, currentProvider.id);
+        if (result.valid) {
+            setApiKey(key, currentProvider.id);
+            onLogin();
+        }
+        else {
+            setError(result.error || 'Invalid API key');
+            setValidating(false);
+        }
+    };
+    // Provider selection screen
+    if (step === 'provider') {
+        return (_jsxs(Box, { flexDirection: "column", alignItems: "center", padding: 2, children: [_jsx(Logo, {}), _jsx(Text, { children: " " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Select AI Provider" }), _jsx(Text, { children: " " }), providers.map((provider, i) => (_jsxs(Text, { children: [i === selectedProvider ? _jsx(Text, { color: "#f02a30", children: "\u25B8 " }) : '  ', _jsx(Text, { color: i === selectedProvider ? '#f02a30' : undefined, bold: i === selectedProvider, children: provider.name }), _jsxs(Text, { children: [" - ", provider.description] })] }, provider.id))), _jsx(Text, { children: " " }), _jsx(Text, { children: "\u2191/\u2193 Navigate, Enter = Select, Esc = Cancel" })] }));
+    }
+    // API key input screen
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", padding: 2, children: [_jsx(Logo, {}), _jsx(Text, { children: " " }), _jsxs(Text, { color: "#f02a30", children: ["Enter your ", _jsx(Text, { bold: true, children: currentProvider.name }), " API key"] }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Press ", _jsx(Text, { color: "#f02a30", children: "G" }), " to get an API key, or paste your key below:"] }), _jsx(Text, { children: " " }), _jsxs(Box, { children: [_jsx(Text, { color: "#f02a30", children: "Key: " }), validating ? (_jsx(Text, { children: "Validating..." })) : (_jsx(TextInput, { value: apiKey, onChange: setApiKeyState, onSubmit: handleSubmit, mask: "*", placeholder: "Enter API key..." }))] }), error && (_jsx(Text, { color: "#f02a30", children: error })), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Enter = login, ", _jsx(Text, { color: "#f02a30", children: "G" }), " = get key, Esc = back, Ctrl+C = exit"] })] }));
+};

package/dist/components/Logo.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const LOGO = "\n \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557\n\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2554\u2550\u2550\u2588\u2588\u2557\n\u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\n\u2588\u2588\u2551     \u2588\u2588\u2551   \u2588\u2588\u2551\u2588\u2588\u2551  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2554\u2550\u2550\u255D  \u2588\u2588\u2554\u2550\u2550\u2550\u255D\n\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u255A\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2554\u255D\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2551\n \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u255D \u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u2550\u2550\u2550\u2550\u2550\u255D\u255A\u2550\u255D     ";
+export declare const Logo: React.FC;
+interface IntroProps {
+    onComplete: () => void;
+}
+export declare const IntroAnimation: React.FC<IntroProps>;
+export {};

package/dist/components/Logo.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Text, Box } from 'ink';
+export const LOGO = `
+ ██████╗ ██████╗ ██████╗ ███████╗███████╗██████╗
+██╔════╝██╔═══██╗██╔══██╗██╔════╝██╔════╝██╔══██╗
+██║     ██║   ██║██║  ██║█████╗  █████╗  ██████╔╝
+██║     ██║   ██║██║  ██║██╔══╝  ██╔══╝  ██╔═══╝
+╚██████╗╚██████╔╝██████╔╝███████╗███████╗██║
+ ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝╚══════╝╚═╝     `;
+// Static logo for after intro
+export const Logo = () => (_jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "#f02a30", bold: true, children: LOGO }), _jsx(Text, { color: "#f02a30", children: "Deep into Code." })] }));
+const GLITCH_CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&*<>?/;:[]=';
+export const IntroAnimation = ({ onComplete }) => {
+    const [phase, setPhase] = useState('init');
+    const [progress, setProgress] = useState(0);
+    useEffect(() => {
+        const delay = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+        const sequence = async () => {
+            // Phase 1: Initial Noise
+            setPhase('init');
+            // Run noise loop (similar to index.html's 10 steps of 50ms)
+            for (let i = 0; i < 10; i++) {
+                setProgress(Math.random()); // Trigger re-render
+                await delay(50);
+            }
+            // Phase 2: Unified Decryption
+            setPhase('decrypt');
+            const duration = 1500;
+            const startTime = Date.now();
+            const animate = () => {
+                const elapsed = Date.now() - startTime;
+                const p = Math.min(elapsed / duration, 1);
+                setProgress(p);
+                if (p < 1) {
+                    setTimeout(animate, 16); // ~60 FPS
+                }
+                else {
+                    // Phase 3: Done
+                    setPhase('done');
+                    // Short delay before firing complete
+                    setTimeout(() => onComplete(), 200);
+                }
+            };
+            animate();
+        };
+        sequence();
+    }, [onComplete]);
+    const getDecryptedText = () => {
+        const rawLines = LOGO.split('\n');
+        // Handle leading newline similar to index.html logic if needed
+        // index.html logic: const linesToRender = rawLines[0] === '' ? rawLines.slice(1) : rawLines;
+        const lines = rawLines[0] === '' ? rawLines.slice(1) : rawLines;
+        return lines.map((line) => {
+            let resultLine = '';
+            for (let charIndex = 0; charIndex < line.length; charIndex++) {
+                const char = line[charIndex];
+                let isDecrypted = false;
+                if (phase === 'init') {
+                    isDecrypted = false;
+                }
+                else if (phase === 'decrypt' || phase === 'done') {
+                    const threshold = line.length > 0 ? charIndex / line.length : 0;
+                    if (progress >= threshold - 0.1) {
+                        isDecrypted = Math.random() > 0.2;
+                    }
+                }
+                if (phase === 'done')
+                    isDecrypted = true;
+                if (char === ' ' && phase !== 'init') {
+                    resultLine += ' ';
+                }
+                else if (isDecrypted) {
+                    resultLine += char;
+                }
+                else {
+                    if (char === ' ' && Math.random() > 0.1) {
+                        resultLine += ' ';
+                    }
+                    else {
+                        resultLine += GLITCH_CHARS.charAt(Math.floor(Math.random() * GLITCH_CHARS.length));
+                    }
+                }
+            }
+            return resultLine;
+        }).join('\n');
+    };
+    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", children: [_jsx(Text, { color: "#f02a30", bold: true, children: getDecryptedText() }), phase === 'done' && (_jsx(Text, { color: "#f02a30", children: "Deep into Code." }))] }));
+};

package/dist/components/LogoutPicker.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface LogoutPickerProps {
+    onLogout: (providerId: string) => void;
+    onLogoutAll: () => void;
+    onCancel: () => void;
+}
+export declare const LogoutPicker: React.FC<LogoutPickerProps>;
+export {};

package/dist/components/LogoutPicker.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Text, Box, useInput } from 'ink';
+import { getConfiguredProviders, clearApiKey, getCurrentProvider } from '../config/index';
+export const LogoutPicker = ({ onLogout, onLogoutAll, onCancel }) => {
+    const providers = getConfiguredProviders();
+    const currentProvider = getCurrentProvider();
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    // Options: individual providers + "All" + "Cancel"
+    const options = [
+        ...providers.map(p => ({
+            type: 'provider',
+            id: p.id,
+            label: p.name,
+            isCurrent: p.id === currentProvider.id
+        })),
+        { type: 'all', id: 'all', label: 'Logout from all providers', isCurrent: false },
+        { type: 'cancel', id: 'cancel', label: 'Cancel', isCurrent: false },
+    ];
+    useInput((input, key) => {
+        if (key.escape) {
+            onCancel();
+            return;
+        }
+        if (key.upArrow) {
+            setSelectedIndex(i => Math.max(0, i - 1));
+        }
+        if (key.downArrow) {
+            setSelectedIndex(i => Math.min(options.length - 1, i + 1));
+        }
+        if (key.return) {
+            const selected = options[selectedIndex];
+            if (selected.type === 'provider') {
+                clearApiKey(selected.id);
+                onLogout(selected.id);
+            }
+            else if (selected.type === 'all') {
+                for (const p of providers) {
+                    clearApiKey(p.id);
+                }
+                onLogoutAll();
+            }
+            else {
+                onCancel();
+            }
+        }
+    });
+    if (providers.length === 0) {
+        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Text, { color: "yellow", children: "No providers configured." }), _jsx(Text, { color: "gray", children: "Press Escape to go back." })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: "cyan", children: "Select provider to logout:" }) }), _jsx(Box, { flexDirection: "column", marginBottom: 1, children: options.map((option, index) => {
+                    const isSelected = index === selectedIndex;
+                    const prefix = isSelected ? '→ ' : '  ';
+                    let color = isSelected ? 'green' : 'white';
+                    if (option.type === 'all')
+                        color = isSelected ? 'red' : 'yellow';
+                    if (option.type === 'cancel')
+                        color = isSelected ? 'blue' : 'gray';
+                    return (_jsxs(Box, { children: [_jsxs(Text, { color: color, bold: isSelected, children: [prefix, option.label] }), option.isCurrent && (_jsx(Text, { color: "cyan", children: " (current)" }))] }, option.id));
+                }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "\u2191\u2193 Navigate  Enter Select  Esc Cancel" }) })] }));
+};

package/dist/components/Message.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare function getCodeBlocks(): string[];
+export declare function clearCodeBlocks(): void;
+export declare function getCodeBlock(index: number): string | null;
+interface MessageProps {
+    role: 'user' | 'assistant' | 'system';
+    content: string;
+}
+export declare const MessageView: React.FC<MessageProps>;
+export {};