codeep 1.1.12 → 1.1.13

package/dist/renderer/components/Settings.js

@@ -0,0 +1,333 @@
+/**
+ * Settings screen component
+ */
+import { fg, style } from '../ansi.js';
+import { config } from '../../config/index.js';
+import { updateRateLimits } from '../../utils/ratelimit.js';
+// Primary color: #f02a30 (Codeep red)
+const PRIMARY_COLOR = fg.rgb(240, 42, 48);
+const PRIMARY_BRIGHT = fg.rgb(255, 80, 85);
+export const SETTINGS = [
+    {
+        key: 'temperature',
+        label: 'Temperature',
+        getValue: () => config.get('temperature'),
+        type: 'number',
+        min: 0,
+        max: 2,
+        step: 0.1,
+    },
+    {
+        key: 'maxTokens',
+        label: 'Max Tokens',
+        getValue: () => config.get('maxTokens'),
+        type: 'number',
+        min: 256,
+        max: 32768,
+        step: 256,
+    },
+    {
+        key: 'apiTimeout',
+        label: 'API Timeout (ms)',
+        getValue: () => config.get('apiTimeout'),
+        type: 'number',
+        min: 5000,
+        max: 300000,
+        step: 5000,
+    },
+    {
+        key: 'rateLimitApi',
+        label: 'API Rate Limit (/min)',
+        getValue: () => config.get('rateLimitApi'),
+        type: 'number',
+        min: 1,
+        max: 300,
+        step: 5,
+    },
+    {
+        key: 'rateLimitCommands',
+        label: 'Command Rate Limit (/min)',
+        getValue: () => config.get('rateLimitCommands'),
+        type: 'number',
+        min: 10,
+        max: 1000,
+        step: 10,
+    },
+    {
+        key: 'autoSave',
+        label: 'Auto Save Sessions',
+        getValue: () => config.get('autoSave'),
+        type: 'select',
+        options: [
+            { value: true, label: 'On' },
+            { value: false, label: 'Off' },
+        ],
+    },
+    {
+        key: 'agentMode',
+        label: 'Agent Mode',
+        getValue: () => config.get('agentMode'),
+        type: 'select',
+        options: [
+            { value: 'on', label: 'ON' },
+            { value: 'manual', label: 'Manual' },
+            { value: 'off', label: 'OFF' },
+        ],
+    },
+    {
+        key: 'agentConfirmation',
+        label: 'Agent Confirmation',
+        getValue: () => config.get('agentConfirmation') || 'dangerous',
+        type: 'select',
+        options: [
+            { value: 'never', label: 'Never' },
+            { value: 'dangerous', label: 'Dangerous' },
+            { value: 'always', label: 'Always' },
+        ],
+    },
+    {
+        key: 'agentApiTimeout',
+        label: 'Agent API Timeout (ms)',
+        getValue: () => config.get('agentApiTimeout'),
+        type: 'number',
+        min: 30000,
+        max: 300000,
+        step: 10000,
+    },
+    {
+        key: 'agentMaxDuration',
+        label: 'Agent Max Duration (min)',
+        getValue: () => config.get('agentMaxDuration'),
+        type: 'number',
+        min: 5,
+        max: 60,
+        step: 5,
+    },
+    {
+        key: 'agentMaxIterations',
+        label: 'Agent Max Iterations',
+        getValue: () => config.get('agentMaxIterations'),
+        type: 'number',
+        min: 10,
+        max: 200,
+        step: 10,
+    },
+    {
+        key: 'agentAutoVerify',
+        label: 'Agent Auto-Verify',
+        getValue: () => config.get('agentAutoVerify') !== false,
+        type: 'select',
+        options: [
+            { value: true, label: 'On' },
+            { value: false, label: 'Off' },
+        ],
+    },
+    {
+        key: 'agentMaxFixAttempts',
+        label: 'Agent Max Fix Attempts',
+        getValue: () => config.get('agentMaxFixAttempts') || 3,
+        type: 'number',
+        min: 0,
+        max: 10,
+        step: 1,
+    },
+    {
+        key: 'agentInteractive',
+        label: 'Agent Interactive Mode',
+        getValue: () => config.get('agentInteractive') !== false,
+        type: 'select',
+        options: [
+            { value: true, label: 'On' },
+            { value: false, label: 'Off' },
+        ],
+    },
+];
+/**
+ * Format value for display
+ */
+function formatValue(setting) {
+    const value = setting.getValue();
+    if (setting.type === 'select' && setting.options) {
+        const option = setting.options.find(o => o.value === value);
+        return option ? option.label : String(value);
+    }
+    return String(value);
+}
+/**
+ * Render settings screen
+ */
+export function renderSettingsScreen(screen, state, hasWriteAccess, hasProjectContext) {
+    const { width, height } = screen.getSize();
+    screen.clear();
+    // Title
+    const title = '═══ Settings ═══';
+    const titleX = Math.floor((width - title.length) / 2);
+    screen.write(titleX, 0, title, PRIMARY_COLOR + style.bold);
+    // Settings list
+    const startY = 2;
+    const maxVisible = height - 7;
+    const scrollOffset = Math.max(0, state.selectedIndex - maxVisible + 3);
+    for (let i = 0; i < SETTINGS.length && i < maxVisible; i++) {
+        const settingIdx = i + scrollOffset;
+        if (settingIdx >= SETTINGS.length)
+            break;
+        const setting = SETTINGS[settingIdx];
+        const isSelected = settingIdx === state.selectedIndex;
+        const y = startY + i;
+        // Prefix
+        const prefix = isSelected ? '► ' : '  ';
+        screen.write(2, y, prefix, isSelected ? PRIMARY_COLOR : '');
+        // Label
+        const labelColor = isSelected ? PRIMARY_BRIGHT : fg.white;
+        screen.write(4, y, setting.label + ':', labelColor);
+        // Value
+        const valueX = 30;
+        if (state.editing && isSelected) {
+            screen.write(valueX, y, state.editValue + '█', fg.cyan);
+        }
+        else {
+            screen.write(valueX, y, formatValue(setting), fg.green);
+        }
+        // Hint
+        if (isSelected && !state.editing) {
+            const hintX = valueX + formatValue(setting).length + 2;
+            if (setting.type === 'number') {
+                screen.write(hintX, y, '(←/→ adjust, Enter edit)', fg.gray);
+            }
+            else {
+                screen.write(hintX, y, '(←/→ or Enter toggle)', fg.gray);
+            }
+        }
+    }
+    // Agent status message
+    const agentMode = config.get('agentMode');
+    const statusY = height - 4;
+    let statusMessage;
+    let statusColor;
+    if (agentMode === 'on') {
+        if (!hasWriteAccess || !hasProjectContext) {
+            statusMessage = '⚠️  Agent needs permission - use /grant';
+            statusColor = fg.yellow;
+        }
+        else {
+            statusMessage = '✓ Agent will run automatically';
+            statusColor = fg.green;
+        }
+    }
+    else if (agentMode === 'manual') {
+        statusMessage = 'ℹ️  Manual mode - use /agent <task>';
+        statusColor = fg.gray;
+    }
+    else {
+        statusMessage = 'ℹ️  Agent disabled';
+        statusColor = fg.gray;
+    }
+    screen.write(2, statusY, statusMessage, statusColor);
+    // Footer
+    const footerY = height - 1;
+    screen.write(2, footerY, '↑/↓ Navigate | ←/→ Adjust | Enter Edit | Esc Close', fg.gray);
+    screen.showCursor(state.editing);
+    screen.fullRender();
+}
+/**
+ * Handle settings key
+ * Returns: { handled: boolean, close: boolean, notify?: string }
+ */
+export function handleSettingsKey(key, ctrl, state) {
+    const newState = { ...state };
+    // Escape
+    if (key === 'escape') {
+        if (state.editing) {
+            newState.editing = false;
+            newState.editValue = '';
+            return { handled: true, close: false, newState };
+        }
+        return { handled: true, close: true, newState };
+    }
+    if (state.editing) {
+        // Editing mode
+        if (key === 'enter') {
+            const setting = SETTINGS[state.selectedIndex];
+            if (setting.type === 'number') {
+                const num = parseFloat(state.editValue);
+                if (!isNaN(num)) {
+                    const clamped = Math.max(setting.min || 0, Math.min(setting.max || Infinity, num));
+                    config.set(setting.key, clamped);
+                    if (setting.key === 'rateLimitApi' || setting.key === 'rateLimitCommands') {
+                        updateRateLimits();
+                    }
+                    newState.editing = false;
+                    newState.editValue = '';
+                    return { handled: true, close: false, notify: `${setting.label}: ${clamped}`, newState };
+                }
+            }
+            newState.editing = false;
+            newState.editValue = '';
+            return { handled: true, close: false, newState };
+        }
+        if (key === 'backspace') {
+            newState.editValue = state.editValue.slice(0, -1);
+            return { handled: true, close: false, newState };
+        }
+        if (/^[0-9.]$/.test(key)) {
+            newState.editValue = state.editValue + key;
+            return { handled: true, close: false, newState };
+        }
+        return { handled: true, close: false, newState };
+    }
+    // Navigation mode
+    if (key === 'up') {
+        newState.selectedIndex = Math.max(0, state.selectedIndex - 1);
+        return { handled: true, close: false, newState };
+    }
+    if (key === 'down') {
+        newState.selectedIndex = Math.min(SETTINGS.length - 1, state.selectedIndex + 1);
+        return { handled: true, close: false, newState };
+    }
+    if (key === 'left' || key === 'right') {
+        const setting = SETTINGS[state.selectedIndex];
+        if (setting.type === 'number') {
+            const current = setting.getValue();
+            const step = setting.step || 1;
+            const delta = key === 'left' ? -step : step;
+            const newValue = Math.max(setting.min || 0, Math.min(setting.max || Infinity, current + delta));
+            config.set(setting.key, newValue);
+            if (setting.key === 'rateLimitApi' || setting.key === 'rateLimitCommands') {
+                updateRateLimits();
+            }
+            return { handled: true, close: false, newState };
+        }
+        if (setting.type === 'select' && setting.options) {
+            const current = config.get(setting.key);
+            const currentIdx = setting.options.findIndex(o => o.value === current);
+            const newIdx = key === 'left'
+                ? (currentIdx - 1 + setting.options.length) % setting.options.length
+                : (currentIdx + 1) % setting.options.length;
+            config.set(setting.key, setting.options[newIdx].value);
+            return { handled: true, close: false, newState };
+        }
+        return { handled: true, close: false, newState };
+    }
+    if (key === 'enter') {
+        const setting = SETTINGS[state.selectedIndex];
+        if (setting.type === 'number') {
+            newState.editing = true;
+            newState.editValue = String(setting.getValue());
+            return { handled: true, close: false, newState };
+        }
+        if (setting.type === 'select' && setting.options) {
+            const current = config.get(setting.key);
+            const currentIdx = setting.options.findIndex(o => o.value === current);
+            const newIdx = (currentIdx + 1) % setting.options.length;
+            config.set(setting.key, setting.options[newIdx].value);
+            return {
+                handled: true,
+                close: false,
+                notify: `${setting.label}: ${setting.options[newIdx].label}`,
+                newState
+            };
+        }
+        return { handled: true, close: false, newState };
+    }
+    return { handled: false, close: false, newState };
+}

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

@@ -0,0 +1,18 @@
+/**
+ * Status screen component
+ */
+import { Screen } from '../Screen';
+export interface StatusInfo {
+    version: string;
+    provider: string;
+    model: string;
+    agentMode: string;
+    projectPath: string;
+    hasWriteAccess: boolean;
+    sessionId: string;
+    messageCount: number;
+}
+/**
+ * Render status screen
+ */
+export declare function renderStatusScreen(screen: Screen, status: StatusInfo): void;

package/dist/renderer/components/Status.js

@@ -0,0 +1,78 @@
+/**
+ * Status screen component
+ */
+import { fg, style } from '../ansi.js';
+// Primary color: #f02a30 (Codeep red)
+const PRIMARY_COLOR = fg.rgb(240, 42, 48);
+/**
+ * Render status screen
+ */
+export function renderStatusScreen(screen, status) {
+    const { width, height } = screen.getSize();
+    screen.clear();
+    // Title
+    const title = '═══ Codeep Status ═══';
+    const titleX = Math.floor((width - title.length) / 2);
+    screen.write(titleX, 0, title, PRIMARY_COLOR + style.bold);
+    // Status items
+    const items = [
+        { label: 'Version', value: `v${status.version}` },
+        { label: 'Provider', value: status.provider },
+        { label: 'Model', value: status.model },
+        { label: 'Agent Mode', value: status.agentMode.toUpperCase(), color: status.agentMode === 'on' ? fg.green : status.agentMode === 'manual' ? fg.yellow : fg.gray },
+        { label: 'Project', value: truncatePath(status.projectPath, 40) },
+        { label: 'Write Access', value: status.hasWriteAccess ? 'Yes' : 'No', color: status.hasWriteAccess ? fg.green : fg.red },
+        { label: 'Session', value: status.sessionId || 'New' },
+        { label: 'Messages', value: status.messageCount.toString() },
+    ];
+    // Calculate layout
+    const labelWidth = Math.max(...items.map(i => i.label.length)) + 2;
+    const contentStartY = 3;
+    // Render items
+    for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        const y = contentStartY + i;
+        // Label
+        screen.write(4, y, item.label + ':', fg.gray);
+        // Value
+        const valueColor = item.color || fg.white;
+        screen.write(4 + labelWidth, y, item.value, valueColor);
+    }
+    // System info
+    const sysInfoY = contentStartY + items.length + 2;
+    screen.write(4, sysInfoY, 'System', fg.yellow + style.bold);
+    const sysItems = [
+        { label: 'Platform', value: process.platform },
+        { label: 'Node', value: process.version },
+        { label: 'Terminal', value: `${width}x${height}` },
+    ];
+    for (let i = 0; i < sysItems.length; i++) {
+        const item = sysItems[i];
+        const y = sysInfoY + 1 + i;
+        screen.write(4, y, item.label + ':', fg.gray);
+        screen.write(4 + labelWidth, y, item.value, fg.white);
+    }
+    // Footer
+    const footerY = height - 1;
+    screen.write(2, footerY, 'Press Esc to close', fg.gray);
+    screen.showCursor(false);
+    screen.fullRender();
+}
+/**
+ * Truncate path for display
+ */
+function truncatePath(path, maxLen) {
+    if (path.length <= maxLen)
+        return path;
+    // Try to keep the end of the path
+    const parts = path.split('/');
+    let result = parts[parts.length - 1];
+    for (let i = parts.length - 2; i >= 0; i--) {
+        const newResult = parts[i] + '/' + result;
+        if (newResult.length + 3 > maxLen) {
+            return '.../' + result;
+        }
+        result = newResult;
+    }
+    return result;
+}

package/dist/renderer/demo-app.d.ts

@@ -0,0 +1,6 @@
+#!/usr/bin/env node
+/**
+ * Demo for full App with modals
+ * Run with: npm run demo:app
+ */
+export {};

package/dist/renderer/demo-app.js

@@ -0,0 +1,85 @@
+#!/usr/bin/env node
+/**
+ * Demo for full App with modals
+ * Run with: npm run demo:app
+ */
+import { App } from './App.js';
+// Simulate API response
+function simulateResponse(app, text) {
+    return new Promise((resolve) => {
+        app.startStreaming();
+        let index = 0;
+        const words = text.split(' ');
+        const interval = setInterval(() => {
+            if (index >= words.length) {
+                clearInterval(interval);
+                app.endStreaming();
+                resolve();
+                return;
+            }
+            app.addStreamChunk((index > 0 ? ' ' : '') + words[index]);
+            index++;
+        }, 30);
+    });
+}
+// Mock status
+function getStatus() {
+    return {
+        version: '1.1.12',
+        provider: 'OpenAI',
+        model: 'gpt-4o',
+        agentMode: 'on',
+        projectPath: process.cwd(),
+        hasWriteAccess: true,
+        sessionId: 'demo-session',
+        messageCount: 0,
+    };
+}
+// Main
+async function main() {
+    const app = new App({
+        onSubmit: async (message) => {
+            // Simulate AI response
+            const responses = {
+                'hello': 'Hello! I\'m Codeep, your AI coding assistant. How can I help you today?',
+                'hi': 'Hi there! What would you like to work on?',
+                'test': 'This is the full App demo with:\n\n• Help screen (/help)\n• Status screen (/status)\n• Modal overlays\n• Streaming responses\n• All keyboard shortcuts\n\nThe custom renderer is working perfectly!',
+            };
+            const response = responses[message.toLowerCase()] ||
+                `You said: "${message}"\n\nI'm a demo response. In the real app, this would be an AI-generated response based on your project context.`;
+            await simulateResponse(app, response);
+        },
+        onCommand: (command, args) => {
+            // Handle commands not built into App
+            switch (command) {
+                case 'version':
+                    app.notify('Codeep v1.1.12 • OpenAI • gpt-4o');
+                    break;
+                case 'provider':
+                    app.showList('Select Provider', ['OpenAI', 'Anthropic', 'Google', 'Local'], (index) => {
+                        app.notify(`Selected: ${['OpenAI', 'Anthropic', 'Google', 'Local'][index]}`);
+                    });
+                    break;
+                case 'model':
+                    app.showList('Select Model', ['gpt-4o', 'gpt-4o-mini', 'gpt-3.5-turbo', 'o1-preview'], (index) => {
+                        app.notify(`Selected model: ${['gpt-4o', 'gpt-4o-mini', 'gpt-3.5-turbo', 'o1-preview'][index]}`);
+                    });
+                    break;
+                default:
+                    app.notify(`Unknown command: /${command}`);
+            }
+        },
+        onExit: () => {
+            console.log('\nGoodbye!');
+            process.exit(0);
+        },
+        getStatus,
+    });
+    // Welcome message
+    app.addMessage({
+        role: 'system',
+        content: 'Welcome to Codeep App Demo!\n\nTry these commands:\n• /help - Show help\n• /status - Show status\n• /provider - Select provider\n• /model - Select model\n• /clear - Clear chat\n• /exit - Quit',
+    });
+    app.start();
+}
+main().catch(console.error);

package/dist/renderer/demo.d.ts

@@ -0,0 +1,6 @@
+#!/usr/bin/env node
+/**
+ * Demo/Test for custom renderer
+ * Run with: npx ts-node src/renderer/demo.ts
+ */
+export {};

package/dist/renderer/demo.js

@@ -0,0 +1,52 @@
+#!/usr/bin/env node
+/**
+ * Demo/Test for custom renderer
+ * Run with: npx ts-node src/renderer/demo.ts
+ */
+import { ChatUI } from './ChatUI.js';
+// Simulate streaming response
+function simulateStreaming(ui, text) {
+    return new Promise((resolve) => {
+        ui.startStreaming();
+        let index = 0;
+        const words = text.split(' ');
+        const interval = setInterval(() => {
+            if (index >= words.length) {
+                clearInterval(interval);
+                ui.endStreaming();
+                resolve();
+                return;
+            }
+            ui.addStreamChunk((index > 0 ? ' ' : '') + words[index]);
+            index++;
+        }, 50); // 50ms per word
+    });
+}
+// Main
+async function main() {
+    const ui = new ChatUI({
+        onSubmit: async (message) => {
+            // Simulate AI response
+            const responses = {
+                'hello': 'Hello! How can I help you today?',
+                'hi': 'Hi there! What would you like to do?',
+                'help': 'Available commands:\n- Type any message to chat\n- Ctrl+L to clear\n- Ctrl+C to exit\n- Page Up/Down to scroll',
+                'test': 'This is a test response. The custom renderer is working correctly without Ink!\n\nIt supports:\n- Multi-line messages\n- Word wrapping for long lines\n- Streaming responses\n- Scroll history\n- Cursor-based input editing',
+            };
+            const response = responses[message.toLowerCase()] ||
+                `You said: "${message}"\n\nThis is a simulated response from the custom renderer. No Ink involved - just pure ANSI escape codes and a virtual screen buffer with diff-based rendering.`;
+            await simulateStreaming(ui, response);
+        },
+        onExit: () => {
+            console.log('\nGoodbye!');
+            process.exit(0);
+        },
+    });
+    // Add welcome message
+    ui.addMessage({
+        role: 'system',
+        content: 'Welcome to Codeep Custom Renderer Demo!\nType "help" for commands, or just start chatting.',
+    });
+    ui.start();
+}
+main().catch(console.error);

package/dist/renderer/index.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Custom Terminal Renderer
+ *
+ * A lightweight alternative to Ink for terminal UIs.
+ * Uses direct ANSI escape codes and a virtual screen buffer
+ * with diff-based rendering for flicker-free updates.
+ */
+export { cursor, screen, fg, bg, style, styled, stripAnsi, visibleLength, truncate, wordWrap } from './ansi';
+export { Screen, Cell } from './Screen';
+export { Input, LineEditor, KeyEvent, KeyHandler } from './Input';
+export { ChatUI, ChatMessage, ChatUIOptions } from './ChatUI';
+export { App, AppScreen, AppOptions, Message } from './App';
+export { createBox, centerBox, BoxStyle, BoxOptions } from './components/Box';
+export { renderModal, renderHelpModal, renderListModal, ModalOptions } from './components/Modal';
+export { renderHelpScreen, helpCategories, keyboardShortcuts } from './components/Help';
+export { renderStatusScreen, StatusInfo } from './components/Status';

package/dist/renderer/index.js

@@ -0,0 +1,17 @@
+/**
+ * Custom Terminal Renderer
+ *
+ * A lightweight alternative to Ink for terminal UIs.
+ * Uses direct ANSI escape codes and a virtual screen buffer
+ * with diff-based rendering for flicker-free updates.
+ */
+export { cursor, screen, fg, bg, style, styled, stripAnsi, visibleLength, truncate, wordWrap } from './ansi.js';
+export { Screen } from './Screen.js';
+export { Input, LineEditor } from './Input.js';
+export { ChatUI } from './ChatUI.js';
+export { App } from './App.js';
+// Components
+export { createBox, centerBox } from './components/Box.js';
+export { renderModal, renderHelpModal, renderListModal } from './components/Modal.js';
+export { renderHelpScreen, helpCategories, keyboardShortcuts } from './components/Help.js';
+export { renderStatusScreen } from './components/Status.js';

package/dist/renderer/main.d.ts

@@ -0,0 +1,6 @@
+#!/usr/bin/env node
+/**
+ * Codeep with Custom Renderer
+ * Main entry point using the new ANSI-based renderer instead of Ink
+ */
+export {};