codeep 1.1.12 → 1.1.13

package/dist/renderer/components/Help.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Help screen component
+ */
+import { Screen } from '../Screen';
+export interface HelpCategory {
+    title: string;
+    items: Array<{
+        key: string;
+        description: string;
+    }>;
+}
+/**
+ * Codeep command help data
+ */
+export declare const helpCategories: HelpCategory[];
+/**
+ * Keyboard shortcuts
+ */
+export declare const keyboardShortcuts: {
+    key: string;
+    description: string;
+}[];
+/**
+ * Get total number of help pages
+ */
+export declare function getHelpTotalPages(screenHeight: number): number;
+/**
+ * Render full help screen
+ */
+export declare function renderHelpScreen(screen: Screen, page?: number): void;

package/dist/renderer/components/Help.js

@@ -0,0 +1,195 @@
+/**
+ * Help screen component
+ */
+import { fg, style } from '../ansi.js';
+// Primary color: #f02a30 (Codeep red)
+const PRIMARY_COLOR = fg.rgb(240, 42, 48);
+/**
+ * Codeep command help data
+ */
+export const helpCategories = [
+    {
+        title: 'General',
+        items: [
+            { key: '/help', description: 'Show this help' },
+            { key: '/status', description: 'Current status' },
+            { key: '/settings', description: 'Open settings' },
+            { key: '/version', description: 'Show version' },
+            { key: '/update', description: 'Check for updates' },
+            { key: '/clear', description: 'Clear chat' },
+            { key: '/exit', description: 'Quit application' },
+        ],
+    },
+    {
+        title: 'Sessions',
+        items: [
+            { key: '/sessions', description: 'List and load sessions' },
+            { key: '/new', description: 'Start new session' },
+            { key: '/rename <name>', description: 'Rename current session' },
+            { key: '/search <term>', description: 'Search chat history' },
+            { key: '/export [md|json|txt]', description: 'Export chat' },
+        ],
+    },
+    {
+        title: 'Agent Mode',
+        items: [
+            { key: '/agent <task>', description: 'Run agent with task' },
+            { key: '/agent-dry <task>', description: 'Dry run (no changes)' },
+            { key: '/stop', description: 'Stop running agent' },
+            { key: '/undo', description: 'Undo last agent action' },
+            { key: '/undo-all', description: 'Undo all agent actions' },
+            { key: '/history', description: 'Show agent history' },
+            { key: '/changes', description: 'Show session changes' },
+        ],
+    },
+    {
+        title: 'Git & Project',
+        items: [
+            { key: '/diff', description: 'Review git diff with AI' },
+            { key: '/diff --staged', description: 'Review staged changes' },
+            { key: '/commit (/c)', description: 'Generate commit message' },
+            { key: '/git-commit <msg>', description: 'Commit with message' },
+            { key: '/push (/p)', description: 'Git push' },
+            { key: '/pull', description: 'Git pull' },
+            { key: '/scan', description: 'Scan project structure' },
+            { key: '/review', description: 'Code review' },
+        ],
+    },
+    {
+        title: 'Code Operations',
+        items: [
+            { key: '/copy [n]', description: 'Copy code block to clipboard' },
+            { key: '/paste', description: 'Paste from clipboard' },
+            { key: '/apply', description: 'Apply file changes from AI' },
+        ],
+    },
+    {
+        title: 'Skills (Shortcuts)',
+        items: [
+            { key: '/test (/t)', description: 'Generate/run tests' },
+            { key: '/docs (/d)', description: 'Add documentation' },
+            { key: '/refactor (/r)', description: 'Improve code quality' },
+            { key: '/fix (/f)', description: 'Debug and fix issues' },
+            { key: '/explain (/e)', description: 'Explain code' },
+            { key: '/optimize (/o)', description: 'Optimize performance' },
+            { key: '/debug (/b)', description: 'Debug problems' },
+            { key: '/skills', description: 'List all skills' },
+        ],
+    },
+    {
+        title: 'Settings',
+        items: [
+            { key: '/provider', description: 'Change AI provider' },
+            { key: '/model', description: 'Change model' },
+            { key: '/protocol', description: 'Switch API protocol' },
+            { key: '/lang', description: 'Set response language' },
+            { key: '/grant', description: 'Grant write permission' },
+            { key: '/login', description: 'Login with API key' },
+            { key: '/logout', description: 'Logout from provider' },
+        ],
+    },
+    {
+        title: 'Context',
+        items: [
+            { key: '/context-save', description: 'Save conversation' },
+            { key: '/context-load', description: 'Load conversation' },
+            { key: '/context-clear', description: 'Clear saved context' },
+            { key: '/learn', description: 'Learn code preferences' },
+            { key: '/learn status', description: 'Show learned prefs' },
+            { key: '/learn rule <text>', description: 'Add custom rule' },
+        ],
+    },
+];
+/**
+ * Keyboard shortcuts
+ */
+export const keyboardShortcuts = [
+    { key: 'Enter', description: 'Send message' },
+    { key: 'Esc', description: 'Cancel/Close' },
+    { key: 'Ctrl+L', description: 'Clear screen' },
+    { key: 'Ctrl+C', description: 'Exit' },
+    { key: '↑/↓', description: 'Input history' },
+    { key: 'PgUp/PgDn', description: 'Scroll messages' },
+];
+/**
+ * Get total number of help pages
+ */
+export function getHelpTotalPages(screenHeight) {
+    const availableHeight = screenHeight - 5; // Account for title and footer
+    // Count all items
+    let itemCount = 0;
+    for (const category of helpCategories) {
+        itemCount += 2; // Empty line + category header
+        itemCount += category.items.length;
+    }
+    itemCount += 2; // Keyboard shortcuts header
+    itemCount += keyboardShortcuts.length;
+    return Math.max(1, Math.ceil(itemCount / availableHeight));
+}
+/**
+ * Render full help screen
+ */
+export function renderHelpScreen(screen, page = 0) {
+    const { width, height } = screen.getSize();
+    screen.clear();
+    // Title
+    const title = '═══ Codeep Help ═══';
+    const titleX = Math.floor((width - title.length) / 2);
+    screen.write(titleX, 0, title, PRIMARY_COLOR + style.bold);
+    // Calculate layout
+    const contentStartY = 2;
+    const contentEndY = height - 3;
+    const availableHeight = contentEndY - contentStartY;
+    // Collect all items with categories
+    const allItems = [];
+    for (const category of helpCategories) {
+        // Category header
+        allItems.push({ text: '', style: '' });
+        allItems.push({ text: `  ${category.title}`, style: fg.yellow + style.bold });
+        // Items
+        for (const item of category.items) {
+            const keyPadded = item.key.padEnd(20);
+            allItems.push({
+                text: `    ${keyPadded} ${item.description}`,
+                style: '',
+            });
+        }
+    }
+    // Add keyboard shortcuts section
+    allItems.push({ text: '', style: '' });
+    allItems.push({ text: '  Keyboard Shortcuts', style: fg.yellow + style.bold });
+    for (const shortcut of keyboardShortcuts) {
+        const keyPadded = shortcut.key.padEnd(12);
+        allItems.push({
+            text: `    ${keyPadded} ${shortcut.description}`,
+            style: '',
+        });
+    }
+    // Pagination
+    const totalPages = Math.ceil(allItems.length / availableHeight);
+    const startIndex = page * availableHeight;
+    const visibleItems = allItems.slice(startIndex, startIndex + availableHeight);
+    // Render items
+    for (let i = 0; i < visibleItems.length; i++) {
+        const item = visibleItems[i];
+        // Highlight command part (starts with /)
+        if (item.text.includes('/')) {
+            const match = item.text.match(/^(\s*)(\S+)(\s+)(.*)$/);
+            if (match) {
+                const [, indent, cmd, space, desc] = match;
+                screen.write(0, contentStartY + i, indent, '');
+                screen.write(indent.length, contentStartY + i, cmd, fg.green);
+                screen.write(indent.length + cmd.length, contentStartY + i, space + desc, fg.white);
+                continue;
+            }
+        }
+        screen.write(0, contentStartY + i, item.text, item.style || fg.white);
+    }
+    // Footer
+    const footerY = height - 1;
+    const pageInfo = totalPages > 1 ? `Page ${page + 1}/${totalPages} | ←→ Navigate | ` : '';
+    const footer = `${pageInfo}Esc Close`;
+    screen.write(2, footerY, footer, fg.gray);
+    screen.showCursor(false);
+    screen.fullRender();
+}

package/dist/renderer/components/Intro.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Intro animation component - matches Ink version style
+ */
+import { Screen } from '../Screen';
+/**
+ * Show intro animation with decrypt effect
+ */
+export declare function showIntro(screen: Screen, duration?: number): Promise<void>;
+/**
+ * Quick version without animation (for fast startup)
+ */
+export declare function showLogoStatic(screen: Screen): void;

package/dist/renderer/components/Intro.js

@@ -0,0 +1,128 @@
+/**
+ * Intro animation component - matches Ink version style
+ */
+import { fg, style } from '../ansi.js';
+// ASCII Logo (same as Ink version)
+const LOGO = [
+    ' ██████╗ ██████╗ ██████╗ ███████╗███████╗██████╗ ',
+    '██╔════╝██╔═══██╗██╔══██╗██╔════╝██╔════╝██╔══██╗',
+    '██║     ██║   ██║██║  ██║█████╗  █████╗  ██████╔╝',
+    '██║     ██║   ██║██║  ██║██╔══╝  ██╔══╝  ██╔═══╝ ',
+    '╚██████╗╚██████╔╝██████╔╝███████╗███████╗██║     ',
+    ' ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝╚══════╝╚═╝     ',
+];
+const TAGLINE = 'Deep into Code.';
+const GLITCH_CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ@#$%&*<>?/;:[]=';
+// Primary color: #f02a30 (Codeep red)
+const PRIMARY_COLOR = fg.rgb(240, 42, 48);
+/**
+ * Show intro animation with decrypt effect
+ */
+export async function showIntro(screen, duration = 1500) {
+    const { width, height } = screen.getSize();
+    // Calculate center position
+    const logoWidth = LOGO[0].length;
+    const logoHeight = LOGO.length;
+    const startX = Math.floor((width - logoWidth) / 2);
+    const startY = Math.floor((height - logoHeight) / 2) - 1;
+    screen.showCursor(false);
+    // Phase 1: Initial noise (500ms)
+    const noiseFrames = 10;
+    for (let frame = 0; frame < noiseFrames; frame++) {
+        screen.clear();
+        for (let i = 0; i < LOGO.length; i++) {
+            const noiseLine = generateNoiseLine(LOGO[i]);
+            screen.write(startX, startY + i, noiseLine, PRIMARY_COLOR + style.bold);
+        }
+        screen.fullRender();
+        await sleep(50);
+    }
+    // Phase 2: Decrypt animation (1000ms)
+    const decryptDuration = duration - 500;
+    const startTime = Date.now();
+    while (Date.now() - startTime < decryptDuration) {
+        const progress = (Date.now() - startTime) / decryptDuration;
+        screen.clear();
+        for (let i = 0; i < LOGO.length; i++) {
+            const decryptedLine = getDecryptedLine(LOGO[i], progress);
+            screen.write(startX, startY + i, decryptedLine, PRIMARY_COLOR + style.bold);
+        }
+        // Show tagline when mostly decrypted
+        if (progress > 0.7) {
+            const taglineX = Math.floor((width - TAGLINE.length) / 2);
+            screen.write(taglineX, startY + logoHeight + 1, TAGLINE, PRIMARY_COLOR);
+        }
+        screen.fullRender();
+        await sleep(16); // ~60 FPS
+    }
+    // Phase 3: Final state
+    screen.clear();
+    for (let i = 0; i < LOGO.length; i++) {
+        screen.write(startX, startY + i, LOGO[i], PRIMARY_COLOR + style.bold);
+    }
+    const taglineX = Math.floor((width - TAGLINE.length) / 2);
+    screen.write(taglineX, startY + logoHeight + 1, TAGLINE, PRIMARY_COLOR);
+    screen.fullRender();
+    await sleep(200);
+}
+/**
+ * Generate noise line (random glitch characters)
+ */
+function generateNoiseLine(original) {
+    let result = '';
+    for (const char of original) {
+        if (char === ' ' && Math.random() > 0.1) {
+            result += ' ';
+        }
+        else {
+            result += GLITCH_CHARS.charAt(Math.floor(Math.random() * GLITCH_CHARS.length));
+        }
+    }
+    return result;
+}
+/**
+ * Get partially decrypted line based on progress
+ */
+function getDecryptedLine(original, progress) {
+    let result = '';
+    for (let i = 0; i < original.length; i++) {
+        const char = original[i];
+        const threshold = original.length > 0 ? i / original.length : 0;
+        // Character is decrypted if progress is past its threshold (with some randomness)
+        const isDecrypted = progress >= threshold - 0.1 && Math.random() > 0.2;
+        if (char === ' ') {
+            result += ' ';
+        }
+        else if (isDecrypted || progress > 0.95) {
+            result += char;
+        }
+        else {
+            result += GLITCH_CHARS.charAt(Math.floor(Math.random() * GLITCH_CHARS.length));
+        }
+    }
+    return result;
+}
+/**
+ * Simple sleep helper
+ */
+function sleep(ms) {
+    return new Promise(resolve => setTimeout(resolve, ms));
+}
+/**
+ * Quick version without animation (for fast startup)
+ */
+export function showLogoStatic(screen) {
+    const { width, height } = screen.getSize();
+    const logoWidth = LOGO[0].length;
+    const logoHeight = LOGO.length;
+    const startX = Math.floor((width - logoWidth) / 2);
+    const startY = Math.floor((height - logoHeight) / 2) - 1;
+    screen.clear();
+    for (let i = 0; i < LOGO.length; i++) {
+        screen.write(startX, startY + i, LOGO[i], PRIMARY_COLOR + style.bold);
+    }
+    const taglineX = Math.floor((width - TAGLINE.length) / 2);
+    screen.write(taglineX, startY + logoHeight + 1, TAGLINE, PRIMARY_COLOR);
+    screen.showCursor(false);
+    screen.fullRender();
+}

package/dist/renderer/components/Login.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Login screen for API key setup
+ */
+import { Screen } from '../Screen';
+import { Input, KeyEvent } from '../Input';
+export interface LoginOptions {
+    onSubmit: (apiKey: string) => void;
+    onCancel: () => void;
+    providerName: string;
+    error?: string;
+}
+/**
+ * Login screen component
+ */
+export declare class LoginScreen {
+    private screen;
+    private input;
+    private editor;
+    private options;
+    private showKey;
+    constructor(screen: Screen, input: Input, options: LoginOptions);
+    /**
+     * Handle key event
+     * Returns true if handled, false to pass to parent
+     */
+    handleKey(event: KeyEvent): boolean;
+    /**
+     * Render login screen
+     */
+    render(): void;
+    /**
+     * Reset state
+     */
+    reset(): void;
+}
+/**
+ * Provider selection screen
+ */
+export declare function renderProviderSelect(screen: Screen, providers: Array<{
+    id: string;
+    name: string;
+}>, selectedIndex: number): void;

package/dist/renderer/components/Login.js

@@ -0,0 +1,178 @@
+/**
+ * Login screen for API key setup
+ */
+import { LineEditor } from '../Input.js';
+import { fg, style } from '../ansi.js';
+import { createBox, centerBox } from './Box.js';
+// Primary color: #f02a30 (Codeep red)
+const PRIMARY_COLOR = fg.rgb(240, 42, 48);
+const PRIMARY_BRIGHT = fg.rgb(255, 80, 85);
+/**
+ * Login screen component
+ */
+export class LoginScreen {
+    screen;
+    input;
+    editor;
+    options;
+    showKey = false;
+    constructor(screen, input, options) {
+        this.screen = screen;
+        this.input = input;
+        this.editor = new LineEditor();
+        this.options = options;
+    }
+    /**
+     * Handle key event
+     * Returns true if handled, false to pass to parent
+     */
+    handleKey(event) {
+        // Toggle visibility
+        if (event.ctrl && event.key === 't') {
+            this.showKey = !this.showKey;
+            this.render();
+            return true;
+        }
+        // Submit
+        if (event.key === 'enter') {
+            const value = this.editor.getValue().trim();
+            if (value) {
+                this.options.onSubmit(value);
+            }
+            return true;
+        }
+        // Cancel
+        if (event.key === 'escape') {
+            this.options.onCancel();
+            return true;
+        }
+        // Editor keys
+        if (this.editor.handleKey(event)) {
+            this.render();
+        }
+        return true;
+    }
+    /**
+     * Render login screen
+     */
+    render() {
+        const { width, height } = this.screen.getSize();
+        this.screen.clear();
+        // Title
+        const title = '═══ Codeep Setup ═══';
+        const titleX = Math.floor((width - title.length) / 2);
+        this.screen.write(titleX, 1, title, PRIMARY_COLOR + style.bold);
+        // Box dimensions
+        const boxWidth = Math.min(60, width - 4);
+        const boxHeight = 12;
+        const { x: boxX, y: boxY } = centerBox(width, height, boxWidth, boxHeight);
+        // Draw box
+        const boxLines = createBox({
+            x: boxX,
+            y: boxY,
+            width: boxWidth,
+            height: boxHeight,
+            style: 'rounded',
+            title: ` ${this.options.providerName} API Key `,
+            borderColor: PRIMARY_COLOR,
+            titleColor: PRIMARY_BRIGHT,
+        });
+        for (const line of boxLines) {
+            this.screen.writeLine(line.y, line.text, line.style);
+        }
+        // Content
+        const contentX = boxX + 3;
+        let contentY = boxY + 2;
+        // Instructions
+        this.screen.write(contentX, contentY, 'Enter your API key to get started:', fg.white);
+        contentY += 2;
+        // Input field
+        const inputValue = this.editor.getValue();
+        const maxInputWidth = boxWidth - 8;
+        let displayValue;
+        if (this.showKey) {
+            displayValue = inputValue.length > maxInputWidth
+                ? '...' + inputValue.slice(-(maxInputWidth - 3))
+                : inputValue;
+        }
+        else {
+            // Mask the key
+            displayValue = '*'.repeat(Math.min(inputValue.length, maxInputWidth));
+        }
+        // Input box
+        const inputBoxWidth = boxWidth - 6;
+        this.screen.write(contentX, contentY, '┌' + '─'.repeat(inputBoxWidth - 2) + '┐', fg.gray);
+        contentY++;
+        this.screen.write(contentX, contentY, '│ ' + displayValue.padEnd(inputBoxWidth - 4) + ' │', fg.gray);
+        const cursorX = contentX + 2 + Math.min(inputValue.length, maxInputWidth);
+        contentY++;
+        this.screen.write(contentX, contentY, '└' + '─'.repeat(inputBoxWidth - 2) + '┘', fg.gray);
+        contentY += 2;
+        // Error message
+        if (this.options.error) {
+            this.screen.write(contentX, contentY, this.options.error, fg.red);
+            contentY++;
+        }
+        // Help text
+        this.screen.write(contentX, contentY, 'Ctrl+T: Toggle visibility | Esc: Cancel', fg.gray);
+        // Footer
+        const footerY = height - 2;
+        this.screen.write(2, footerY, 'Get your API key from your provider\'s dashboard', fg.gray);
+        // Position cursor
+        this.screen.setCursor(cursorX, boxY + 5);
+        this.screen.showCursor(true);
+        this.screen.fullRender();
+    }
+    /**
+     * Reset state
+     */
+    reset() {
+        this.editor.clear();
+        this.showKey = false;
+    }
+}
+/**
+ * Provider selection screen
+ */
+export function renderProviderSelect(screen, providers, selectedIndex) {
+    const { width, height } = screen.getSize();
+    screen.clear();
+    // Title
+    const title = '═══ Codeep Setup ═══';
+    const titleX = Math.floor((width - title.length) / 2);
+    screen.write(titleX, 1, title, PRIMARY_COLOR + style.bold);
+    // Subtitle
+    const subtitle = 'Select your AI provider';
+    const subtitleX = Math.floor((width - subtitle.length) / 2);
+    screen.write(subtitleX, 3, subtitle, fg.white);
+    // Box
+    const boxWidth = Math.min(40, width - 4);
+    const boxHeight = providers.length + 4;
+    const { x: boxX, y: boxY } = centerBox(width, height, boxWidth, boxHeight);
+    const boxLines = createBox({
+        x: boxX,
+        y: boxY,
+        width: boxWidth,
+        height: boxHeight,
+        style: 'rounded',
+        borderColor: PRIMARY_COLOR,
+    });
+    for (const line of boxLines) {
+        screen.writeLine(line.y, line.text, line.style);
+    }
+    // Provider list
+    const contentX = boxX + 3;
+    let contentY = boxY + 2;
+    for (let i = 0; i < providers.length; i++) {
+        const provider = providers[i];
+        const isSelected = i === selectedIndex;
+        const prefix = isSelected ? '► ' : '  ';
+        const itemStyle = isSelected ? PRIMARY_BRIGHT + style.bold : fg.white;
+        screen.write(contentX, contentY + i, prefix + provider.name, itemStyle);
+    }
+    // Footer
+    const footerY = height - 2;
+    screen.write(2, footerY, '↑↓ Navigate | Enter Select', fg.gray);
+    screen.showCursor(false);
+    screen.fullRender();
+}

package/dist/renderer/components/Modal.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Modal overlay component
+ * Renders a box with content on top of existing screen
+ */
+import { Screen } from '../Screen';
+import { BoxStyle } from './Box';
+export interface ModalOptions {
+    title: string;
+    content: string[];
+    width?: number;
+    height?: number;
+    boxStyle?: BoxStyle;
+    borderColor?: string;
+    titleColor?: string;
+    contentColor?: string;
+    centered?: boolean;
+    x?: number;
+    y?: number;
+}
+export interface ModalAction {
+    key: string;
+    label: string;
+    action: () => void;
+}
+/**
+ * Render a modal on the screen
+ */
+export declare function renderModal(screen: Screen, options: ModalOptions): void;
+/**
+ * Render a help/info modal with key bindings
+ */
+export declare function renderHelpModal(screen: Screen, title: string, items: Array<{
+    key: string;
+    description: string;
+}>, footer?: string): void;
+/**
+ * Render a confirmation modal with Yes/No options
+ */
+export declare function renderConfirmModal(screen: Screen, title: string, message: string[], selectedOption: 'yes' | 'no', confirmLabel?: string, cancelLabel?: string): void;
+/**
+ * Render a list selection modal
+ */
+export declare function renderListModal(screen: Screen, title: string, items: string[], selectedIndex: number, footer?: string): void;