@compilr-dev/cli 0.4.0

package/dist/ui/input-prompt.js

@@ -0,0 +1,800 @@
+/**
+ * Input Prompt
+ *
+ * @deprecated This module is superseded by input-prompt-v2.ts which uses
+ * event-driven architecture for non-blocking input with queue mode support.
+ * This file is kept for reference and may be removed in a future cleanup.
+ *
+ * Self-contained input handling with multiline support, autocomplete,
+ * history navigation, and proper visual line navigation.
+ */
+import pc from 'picocolors';
+import * as terminal from './terminal.js';
+// =============================================================================
+// Constants
+// =============================================================================
+const MAX_VISIBLE_COMMANDS = 10;
+// =============================================================================
+// Default Commands
+// =============================================================================
+export const DEFAULT_COMMANDS = [
+    { command: '/help', description: 'Show available commands' },
+    { command: '/exit', description: 'Quit the demo' },
+    { command: '/clear', description: 'Clear conversation history' },
+    { command: '/compact', description: 'Summarize old messages' },
+    { command: '/tools', description: 'List available tools' },
+    { command: '/tokens', description: 'Show session token usage' },
+    { command: '/context', description: 'Show context window usage' },
+];
+// =============================================================================
+// Helper Functions
+// =============================================================================
+/**
+ * Strip ANSI codes from string
+ */
+export function stripAnsi(str) {
+    // eslint-disable-next-line no-control-regex
+    return str.replace(/\x1B\[[0-9;]*[a-zA-Z]/g, '');
+}
+/**
+ * Calculate physical lines for wrapped text
+ */
+function calcPhysicalLines(text, startCol, termWidth) {
+    if (text.length === 0)
+        return 1;
+    const totalLen = startCol + text.length;
+    return Math.ceil(totalLen / termWidth) || 1;
+}
+/**
+ * Filter commands matching input
+ */
+function filterCommands(input, commands) {
+    const lower = input.toLowerCase();
+    return commands.filter((cmd) => cmd.command.toLowerCase().startsWith(lower));
+}
+// =============================================================================
+// Input Prompt Class
+// =============================================================================
+export class InputPrompt {
+    // Configuration
+    prompt;
+    promptLen;
+    showSeparators;
+    commands;
+    getTodos;
+    // Input state
+    state = {
+        lines: [''],
+        currentLine: 0,
+        cursorPos: 0,
+    };
+    // Autocomplete
+    autocomplete = {
+        active: false,
+        matches: [],
+        selectedIndex: 0,
+    };
+    // History
+    history = [];
+    historyIndex = -1;
+    savedInput = '';
+    // Rendering tracking
+    renderedLines = 0;
+    dropdownLines = 0;
+    linesAboveCursor = 0;
+    hasSeparators = false;
+    // Control
+    isRunning = false;
+    resolveInput = null;
+    constructor(options = {}) {
+        this.prompt = options.prompt ?? pc.cyan('❯ ');
+        this.promptLen = stripAnsi(this.prompt).length;
+        this.showSeparators = options.showSeparators ?? true;
+        this.commands = options.commands ?? DEFAULT_COMMANDS;
+        this.getTodos = options.getTodos;
+    }
+    // ===========================================================================
+    // Public API
+    // ===========================================================================
+    /**
+     * Get input from user (async)
+     * Returns when user submits or cancels
+     */
+    async getInput() {
+        return new Promise((resolve) => {
+            this.resolveInput = resolve;
+            this.start();
+        });
+    }
+    /**
+     * Start input mode
+     */
+    start() {
+        if (this.isRunning)
+            return;
+        this.isRunning = true;
+        terminal.enableRawMode();
+        this.resetState();
+        this.render();
+        process.stdin.on('data', this.handleData);
+    }
+    /**
+     * Stop input mode
+     */
+    stop() {
+        this.isRunning = false;
+        terminal.disableRawMode();
+        process.stdin.removeListener('data', this.handleData);
+    }
+    /**
+     * Get current buffer value
+     */
+    getValue() {
+        return this.state.lines.join('\n');
+    }
+    /**
+     * Set buffer value
+     */
+    setValue(value) {
+        this.state.lines = value.split('\n');
+        this.state.currentLine = this.state.lines.length - 1;
+        this.state.cursorPos = this.state.lines[this.state.currentLine].length;
+        if (this.isRunning) {
+            this.updateAutocomplete();
+            this.render();
+        }
+    }
+    /**
+     * Clear the rendered area
+     */
+    clear() {
+        this.clearDropdown();
+        if (this.linesAboveCursor > 0) {
+            terminal.moveCursorToLineStart();
+            terminal.moveCursorUp(this.linesAboveCursor);
+        }
+        terminal.clearToEndOfScreen();
+        this.renderedLines = 0;
+        this.linesAboveCursor = 0;
+    }
+    /**
+     * Get number of rendered lines
+     */
+    getRenderedLines() {
+        return this.renderedLines + this.dropdownLines + (this.showSeparators ? 2 : 0);
+    }
+    /**
+     * Add command to history
+     */
+    addToHistory(input) {
+        if (input.trim() && (this.history.length === 0 || this.history[this.history.length - 1] !== input)) {
+            this.history.push(input);
+        }
+    }
+    // ===========================================================================
+    // Private: State Management
+    // ===========================================================================
+    resetState() {
+        this.state = {
+            lines: [''],
+            currentLine: 0,
+            cursorPos: 0,
+        };
+        this.autocomplete = {
+            active: false,
+            matches: [],
+            selectedIndex: 0,
+        };
+        this.historyIndex = -1;
+        this.savedInput = '';
+        this.renderedLines = 0;
+        this.dropdownLines = 0;
+        this.linesAboveCursor = 0;
+        this.hasSeparators = false;
+    }
+    updateAutocomplete() {
+        const fullInput = this.getValue();
+        if (fullInput.startsWith('/') && this.state.lines.length === 1) {
+            this.autocomplete.active = true;
+            this.autocomplete.matches = filterCommands(fullInput, this.commands);
+            if (this.autocomplete.selectedIndex >= this.autocomplete.matches.length) {
+                this.autocomplete.selectedIndex = Math.max(0, this.autocomplete.matches.length - 1);
+            }
+        }
+        else {
+            this.autocomplete.active = false;
+            this.autocomplete.matches = [];
+            this.autocomplete.selectedIndex = 0;
+        }
+    }
+    // ===========================================================================
+    // Private: Layout Calculation
+    // ===========================================================================
+    /**
+     * Get physical layout of current buffer
+     */
+    getPhysicalLayout() {
+        const termWidth = terminal.getTerminalWidth();
+        const lines = [];
+        let cursorRow = 0;
+        let cursorCol = 0;
+        let totalRows = 0;
+        for (let i = 0; i < this.state.lines.length; i++) {
+            const linePromptLen = i === 0 ? this.promptLen : 5; // "   \ "
+            const lineText = this.state.lines[i];
+            const physicalLines = calcPhysicalLines(lineText, linePromptLen, termWidth);
+            for (let p = 0; p < physicalLines; p++) {
+                const start = p * termWidth - (p === 0 ? 0 : linePromptLen);
+                const end = start + termWidth;
+                lines.push(lineText.slice(Math.max(0, start), end));
+            }
+            if (i === this.state.currentLine) {
+                const cursorAbsPos = linePromptLen + this.state.cursorPos;
+                cursorRow = totalRows + Math.floor(cursorAbsPos / termWidth);
+                cursorCol = cursorAbsPos % termWidth;
+            }
+            totalRows += physicalLines;
+        }
+        return { lines, cursorRow, cursorCol, totalRows };
+    }
+    // ===========================================================================
+    // Private: Rendering
+    // ===========================================================================
+    getSeparatorLine() {
+        return pc.dim('─'.repeat(terminal.getTerminalWidth()));
+    }
+    renderTodos() {
+        if (!this.getTodos)
+            return 0;
+        const todos = this.getTodos();
+        if (todos.length === 0)
+            return 0;
+        let linesRendered = 0;
+        // Group todos by status for display
+        const inProgress = todos.filter(t => t.status === 'in_progress');
+        const pending = todos.filter(t => t.status === 'pending');
+        const completed = todos.filter(t => t.status === 'completed');
+        // Show in-progress task prominently
+        for (const todo of inProgress) {
+            const label = todo.activeForm || todo.content;
+            terminal.write(pc.cyan('⟳ ') + pc.bold(label) + '\n');
+            linesRendered++;
+        }
+        // Show pending tasks
+        for (const todo of pending) {
+            terminal.write(pc.dim('○ ') + pc.dim(todo.content) + '\n');
+            linesRendered++;
+        }
+        // Show completed tasks (dimmed)
+        for (const todo of completed) {
+            terminal.write(pc.green('✓ ') + pc.dim(pc.strikethrough(todo.content)) + '\n');
+            linesRendered++;
+        }
+        if (linesRendered > 0) {
+            terminal.write('\n');
+            linesRendered++;
+        }
+        return linesRendered;
+    }
+    render() {
+        const termWidth = terminal.getTerminalWidth();
+        // Clear previous render
+        this.clearDropdown();
+        if (this.linesAboveCursor > 0) {
+            terminal.moveCursorToLineStart();
+            terminal.moveCursorUp(this.linesAboveCursor);
+        }
+        else {
+            terminal.moveCursorToLineStart();
+        }
+        terminal.clearToEndOfScreen();
+        // Render todos (above input area)
+        let physicalLinesRendered = 0;
+        physicalLinesRendered += this.renderTodos();
+        // Render top separator
+        if (this.showSeparators) {
+            terminal.write(this.getSeparatorLine() + '\n');
+            physicalLinesRendered += 1;
+        }
+        // Render input lines
+        let physicalLinesBeforeCursor = 0;
+        for (let i = 0; i < this.state.lines.length; i++) {
+            const linePrompt = i === 0 ? this.prompt : pc.dim('   \\ ');
+            const linePromptLen = i === 0 ? this.promptLen : 5;
+            if (i < this.state.currentLine) {
+                physicalLinesBeforeCursor += calcPhysicalLines(this.state.lines[i], linePromptLen, termWidth);
+            }
+            terminal.write(linePrompt + this.state.lines[i]);
+            if (i < this.state.lines.length - 1) {
+                terminal.write('\n');
+            }
+        }
+        // Render bottom separator
+        if (this.showSeparators) {
+            terminal.write('\n' + this.getSeparatorLine());
+        }
+        // Track state
+        this.renderedLines = this.state.lines.length;
+        this.hasSeparators = this.showSeparators;
+        // Position cursor
+        const currentLinePromptLen = this.state.currentLine === 0 ? this.promptLen : 5;
+        const cursorAbsPos = currentLinePromptLen + this.state.cursorPos;
+        const currentLinePhysical = calcPhysicalLines(this.state.lines[this.state.currentLine], currentLinePromptLen, termWidth);
+        const cursorPhysicalRow = Math.floor(cursorAbsPos / termWidth);
+        // Move up from bottom to cursor position
+        let linesToMoveUp = this.showSeparators ? 1 : 0;
+        for (let i = this.state.currentLine + 1; i < this.state.lines.length; i++) {
+            const lp = i === 0 ? this.promptLen : 5;
+            linesToMoveUp += calcPhysicalLines(this.state.lines[i], lp, termWidth);
+        }
+        linesToMoveUp += currentLinePhysical - 1 - cursorPhysicalRow;
+        if (linesToMoveUp > 0) {
+            terminal.moveCursorUp(linesToMoveUp);
+        }
+        const cursorCol = (cursorAbsPos % termWidth) + 1;
+        terminal.moveCursorToColumn(cursorCol);
+        // Track cursor position for next render
+        this.linesAboveCursor = physicalLinesRendered + physicalLinesBeforeCursor + cursorPhysicalRow;
+        // Render dropdown
+        this.renderDropdown();
+    }
+    renderDropdown() {
+        if (!this.autocomplete.active || this.autocomplete.matches.length === 0) {
+            this.dropdownLines = 0;
+            return;
+        }
+        const termWidth = terminal.getTerminalWidth();
+        const currentLinePromptLen = this.state.currentLine === 0 ? this.promptLen : 5;
+        // Move down past remaining input lines and bottom separator
+        let linesToMoveDown = this.state.lines.length - 1 - this.state.currentLine;
+        if (this.hasSeparators)
+            linesToMoveDown += 1;
+        // Account for wrapped lines
+        for (let i = this.state.currentLine; i < this.state.lines.length; i++) {
+            const lp = i === 0 ? this.promptLen : 5;
+            const physical = calcPhysicalLines(this.state.lines[i], lp, termWidth);
+            if (i === this.state.currentLine) {
+                const cursorAbsPos = currentLinePromptLen + this.state.cursorPos;
+                const cursorRow = Math.floor(cursorAbsPos / termWidth);
+                linesToMoveDown += physical - 1 - cursorRow;
+            }
+            else {
+                linesToMoveDown += physical - 1;
+            }
+        }
+        if (linesToMoveDown > 0) {
+            terminal.moveCursorDown(linesToMoveDown);
+        }
+        terminal.write('\n');
+        const visible = this.autocomplete.matches.slice(0, MAX_VISIBLE_COMMANDS);
+        for (let i = 0; i < visible.length; i++) {
+            const cmd = visible[i];
+            const isSelected = i === this.autocomplete.selectedIndex;
+            const prefix = isSelected ? pc.cyan('❯ ') : '  ';
+            const name = isSelected ? pc.cyan(pc.bold(cmd.command)) : cmd.command;
+            const desc = pc.dim(` - ${cmd.description}`);
+            terminal.write(`${prefix}${name}${desc}\n`);
+        }
+        // Move back up to cursor position
+        this.dropdownLines = visible.length;
+        const linesToMoveUp = this.dropdownLines + linesToMoveDown + 1;
+        terminal.moveCursorUp(linesToMoveUp);
+        const cursorAbsPos = currentLinePromptLen + this.state.cursorPos;
+        const cursorCol = (cursorAbsPos % termWidth) + 1;
+        terminal.moveCursorToColumn(cursorCol);
+    }
+    clearDropdown() {
+        if (this.dropdownLines === 0)
+            return;
+        const termWidth = terminal.getTerminalWidth();
+        const currentLinePromptLen = this.state.currentLine === 0 ? this.promptLen : 5;
+        // Move down past remaining lines and separator
+        let linesToMoveDown = this.state.lines.length - 1 - this.state.currentLine;
+        if (this.hasSeparators)
+            linesToMoveDown += 1;
+        for (let i = this.state.currentLine; i < this.state.lines.length; i++) {
+            const lp = i === 0 ? this.promptLen : 5;
+            const physical = calcPhysicalLines(this.state.lines[i], lp, termWidth);
+            if (i === this.state.currentLine) {
+                const cursorAbsPos = currentLinePromptLen + this.state.cursorPos;
+                const cursorRow = Math.floor(cursorAbsPos / termWidth);
+                linesToMoveDown += physical - 1 - cursorRow;
+            }
+            else {
+                linesToMoveDown += physical - 1;
+            }
+        }
+        if (linesToMoveDown > 0) {
+            terminal.moveCursorDown(linesToMoveDown);
+        }
+        terminal.write('\n');
+        // Clear dropdown lines
+        for (let i = 0; i < this.dropdownLines; i++) {
+            terminal.clearLine();
+            terminal.write('\n');
+        }
+        // Move back up
+        const linesToMoveUp = this.dropdownLines + linesToMoveDown + 1;
+        terminal.moveCursorUp(linesToMoveUp);
+        this.dropdownLines = 0;
+    }
+    // ===========================================================================
+    // Private: Input Handling
+    // ===========================================================================
+    handleData = (data) => {
+        if (!this.isRunning)
+            return;
+        const key = data.toString();
+        this.handleKey(key, data);
+    };
+    handleKey(key, data) {
+        // Detect special keys
+        const isEscape = data.length === 1 && data[0] === 0x1b;
+        const isEnter = key === '\r' || key === '\n';
+        const isBackspace = key === '\x7f' || key === '\b';
+        const isTab = key === '\t';
+        const isCtrlC = key === '\x03';
+        const isUpArrow = data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x41;
+        const isDownArrow = data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x42;
+        const isLeftArrow = data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x44;
+        const isRightArrow = data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x43;
+        // Mac Option + Arrow (word navigation)
+        const isOptionLeft = (data.length === 6 &&
+            data[0] === 0x1b &&
+            data[1] === 0x5b &&
+            data[2] === 0x31 &&
+            data[3] === 0x3b &&
+            data[4] === 0x33 &&
+            data[5] === 0x44) ||
+            (data.length === 2 && data[0] === 0x1b && data[1] === 0x62);
+        const isOptionRight = (data.length === 6 &&
+            data[0] === 0x1b &&
+            data[1] === 0x5b &&
+            data[2] === 0x31 &&
+            data[3] === 0x3b &&
+            data[4] === 0x33 &&
+            data[5] === 0x43) ||
+            (data.length === 2 && data[0] === 0x1b && data[1] === 0x66);
+        // Home/End (Cmd+Left/Right on Mac, or Home/End keys)
+        const isHome = key === '\x01' || (data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x48);
+        const isEnd = key === '\x05' || (data.length === 3 && data[0] === 0x1b && data[1] === 0x5b && data[2] === 0x46);
+        // Ctrl+C - cancel
+        if (isCtrlC) {
+            this.finishInput({ action: 'cancel' });
+            return;
+        }
+        // Escape - close autocomplete
+        if (isEscape) {
+            if (this.autocomplete.active) {
+                this.clearDropdown();
+                this.autocomplete.active = false;
+                this.autocomplete.matches = [];
+                this.render();
+            }
+            return;
+        }
+        // Enter
+        if (isEnter) {
+            this.handleEnter();
+            return;
+        }
+        // Tab - accept autocomplete or insert spaces
+        if (isTab) {
+            this.handleTab();
+            return;
+        }
+        // Arrow keys
+        if (isUpArrow) {
+            this.handleArrowUp();
+            return;
+        }
+        if (isDownArrow) {
+            this.handleArrowDown();
+            return;
+        }
+        if (isLeftArrow) {
+            this.handleArrowLeft();
+            return;
+        }
+        if (isRightArrow) {
+            this.handleArrowRight();
+            return;
+        }
+        // Word navigation
+        if (isOptionLeft) {
+            this.handleWordLeft();
+            return;
+        }
+        if (isOptionRight) {
+            this.handleWordRight();
+            return;
+        }
+        // Home/End
+        if (isHome) {
+            this.state.cursorPos = 0;
+            this.render();
+            return;
+        }
+        if (isEnd) {
+            this.state.cursorPos = this.state.lines[this.state.currentLine].length;
+            this.render();
+            return;
+        }
+        // Backspace
+        if (isBackspace) {
+            this.handleBackspace();
+            return;
+        }
+        // Regular character(s) - handles typing and paste
+        if (key.length >= 1) {
+            const printable = key
+                .split('')
+                .filter((c) => c.charCodeAt(0) >= 32)
+                .join('');
+            if (printable.length > 0) {
+                const line = this.state.lines[this.state.currentLine];
+                this.state.lines[this.state.currentLine] =
+                    line.slice(0, this.state.cursorPos) + printable + line.slice(this.state.cursorPos);
+                this.state.cursorPos += printable.length;
+                this.historyIndex = -1;
+                this.updateAutocomplete();
+                this.render();
+            }
+        }
+    }
+    handleEnter() {
+        const currentLine = this.state.lines[this.state.currentLine];
+        // Continuation with backslash
+        if (currentLine.endsWith('\\')) {
+            this.state.lines[this.state.currentLine] = currentLine.slice(0, -1);
+            this.state.lines.push('');
+            this.state.currentLine++;
+            this.state.cursorPos = 0;
+            this.autocomplete.active = false;
+            this.clearDropdown();
+            this.render();
+            return;
+        }
+        // Autocomplete selection
+        if (this.autocomplete.active && this.autocomplete.matches.length > 0) {
+            this.state.lines[0] = this.autocomplete.matches[this.autocomplete.selectedIndex].command;
+            this.state.cursorPos = this.state.lines[0].length;
+        }
+        const input = this.getValue();
+        // Check if it's a command
+        if (input.startsWith('/')) {
+            const parts = input.slice(1).split(/\s+/);
+            const command = parts[0];
+            const args = parts.slice(1).join(' ');
+            this.finishInput({ action: 'command', command, args });
+        }
+        else {
+            this.finishInput({ action: 'submit', value: input });
+        }
+    }
+    handleTab() {
+        if (this.autocomplete.active && this.autocomplete.matches.length > 0) {
+            this.state.lines[this.state.currentLine] =
+                this.autocomplete.matches[this.autocomplete.selectedIndex].command;
+            this.state.cursorPos = this.state.lines[this.state.currentLine].length;
+            this.autocomplete.active = false;
+            this.autocomplete.matches = [];
+            this.clearDropdown();
+        }
+        else {
+            // Insert 2 spaces
+            const line = this.state.lines[this.state.currentLine];
+            this.state.lines[this.state.currentLine] =
+                line.slice(0, this.state.cursorPos) + '  ' + line.slice(this.state.cursorPos);
+            this.state.cursorPos += 2;
+            this.historyIndex = -1;
+            this.updateAutocomplete();
+        }
+        this.render();
+    }
+    handleArrowUp() {
+        // Autocomplete navigation
+        if (this.autocomplete.active && this.autocomplete.selectedIndex > 0) {
+            this.autocomplete.selectedIndex--;
+            this.render();
+            return;
+        }
+        const termWidth = terminal.getTerminalWidth();
+        const currentLinePromptLen = this.state.currentLine === 0 ? this.promptLen : 5;
+        const cursorAbsPos = currentLinePromptLen + this.state.cursorPos;
+        const currentPhysicalRow = Math.floor(cursorAbsPos / termWidth);
+        const cursorColInRow = cursorAbsPos % termWidth;
+        // Navigate within wrapped line
+        if (currentPhysicalRow > 0) {
+            const newAbsPos = (currentPhysicalRow - 1) * termWidth + cursorColInRow;
+            this.state.cursorPos = Math.max(0, newAbsPos - currentLinePromptLen);
+            this.state.cursorPos = Math.min(this.state.cursorPos, this.state.lines[this.state.currentLine].length);
+            this.render();
+            return;
+        }
+        // Navigate to previous logical line
+        if (this.state.currentLine > 0) {
+            this.state.currentLine--;
+            const prevLinePromptLen = this.state.currentLine === 0 ? this.promptLen : 5;
+            const prevLineLen = this.state.lines[this.state.currentLine].length;
+            const prevLinePhysical = calcPhysicalLines(this.state.lines[this.state.currentLine], prevLinePromptLen, termWidth);
+            const lastRowStart = (prevLinePhysical - 1) * termWidth;
+            const targetAbsPos = lastRowStart + cursorColInRow;
+            this.state.cursorPos = Math.max(0, targetAbsPos - prevLinePromptLen);
+            this.state.cursorPos = Math.min(this.state.cursorPos, prevLineLen);
+            this.render();
+            return;
+        }
+        // History navigation (at top of input)
+        if (!this.autocomplete.active && this.history.length > 0) {
+            if (this.historyIndex === -1) {
+                this.savedInput = this.getValue();
+            }
+            if (this.historyIndex < this.history.length - 1) {
+                this.historyIndex++;
+                const historyEntry = this.history[this.history.length - 1 - this.historyIndex];
+                this.state.lines = [historyEntry];
+                this.state.currentLine = 0;
+                this.state.cursorPos = historyEntry.length;
+                this.render();
+            }
+        }
+    }
+    handleArrowDown() {
+        // Autocomplete navigation
+        if (this.autocomplete.active &&
+            this.autocomplete.selectedIndex < this.autocomplete.matches.length - 1 &&
+            this.autocomplete.selectedIndex < MAX_VISIBLE_COMMANDS - 1) {
+            this.autocomplete.selectedIndex++;
+            this.render();
+            return;
+        }
+        const termWidth = terminal.getTerminalWidth();
+        const currentLinePromptLen = this.state.currentLine === 0 ? this.promptLen : 5;
+        const cursorAbsPos = currentLinePromptLen + this.state.cursorPos;
+        const currentPhysicalRow = Math.floor(cursorAbsPos / termWidth);
+        const cursorColInRow = cursorAbsPos % termWidth;
+        const currentLinePhysical = calcPhysicalLines(this.state.lines[this.state.currentLine], currentLinePromptLen, termWidth);
+        // Navigate within wrapped line
+        if (currentPhysicalRow < currentLinePhysical - 1) {
+            const newAbsPos = (currentPhysicalRow + 1) * termWidth + cursorColInRow;
+            this.state.cursorPos = Math.max(0, newAbsPos - currentLinePromptLen);
+            this.state.cursorPos = Math.min(this.state.cursorPos, this.state.lines[this.state.currentLine].length);
+            this.render();
+            return;
+        }
+        // Navigate to next logical line
+        if (this.state.currentLine < this.state.lines.length - 1) {
+            this.state.currentLine++;
+            const nextLinePromptLen = this.state.currentLine === 0 ? this.promptLen : 5;
+            const nextLineLen = this.state.lines[this.state.currentLine].length;
+            this.state.cursorPos = Math.max(0, cursorColInRow - nextLinePromptLen);
+            this.state.cursorPos = Math.min(this.state.cursorPos, nextLineLen);
+            this.render();
+            return;
+        }
+        // History forward
+        if (this.historyIndex >= 0) {
+            this.historyIndex--;
+            if (this.historyIndex === -1) {
+                this.state.lines = this.savedInput.split('\n');
+                this.state.currentLine = this.state.lines.length - 1;
+                this.state.cursorPos = this.state.lines[this.state.currentLine].length;
+            }
+            else {
+                const historyEntry = this.history[this.history.length - 1 - this.historyIndex];
+                this.state.lines = [historyEntry];
+                this.state.currentLine = 0;
+                this.state.cursorPos = historyEntry.length;
+            }
+            this.updateAutocomplete();
+            this.render();
+        }
+    }
+    handleArrowLeft() {
+        if (this.state.cursorPos > 0) {
+            this.state.cursorPos--;
+            terminal.write('\x1B[D');
+        }
+        else if (this.state.currentLine > 0) {
+            this.state.currentLine--;
+            this.state.cursorPos = this.state.lines[this.state.currentLine].length;
+            this.render();
+        }
+    }
+    handleArrowRight() {
+        if (this.state.cursorPos < this.state.lines[this.state.currentLine].length) {
+            this.state.cursorPos++;
+            terminal.write('\x1B[C');
+        }
+        else if (this.state.currentLine < this.state.lines.length - 1) {
+            this.state.currentLine++;
+            this.state.cursorPos = 0;
+            this.render();
+        }
+    }
+    handleWordLeft() {
+        const line = this.state.lines[this.state.currentLine];
+        if (this.state.cursorPos > 0) {
+            let pos = this.state.cursorPos;
+            while (pos > 0 && line[pos - 1] === ' ')
+                pos--;
+            while (pos > 0 && line[pos - 1] !== ' ')
+                pos--;
+            this.state.cursorPos = pos;
+            this.render();
+        }
+        else if (this.state.currentLine > 0) {
+            this.state.currentLine--;
+            this.state.cursorPos = this.state.lines[this.state.currentLine].length;
+            this.render();
+        }
+    }
+    handleWordRight() {
+        const line = this.state.lines[this.state.currentLine];
+        if (this.state.cursorPos < line.length) {
+            let pos = this.state.cursorPos;
+            while (pos < line.length && line[pos] !== ' ')
+                pos++;
+            while (pos < line.length && line[pos] === ' ')
+                pos++;
+            this.state.cursorPos = pos;
+            this.render();
+        }
+        else if (this.state.currentLine < this.state.lines.length - 1) {
+            this.state.currentLine++;
+            this.state.cursorPos = 0;
+            this.render();
+        }
+    }
+    handleBackspace() {
+        this.historyIndex = -1;
+        if (this.state.cursorPos > 0) {
+            const line = this.state.lines[this.state.currentLine];
+            this.state.lines[this.state.currentLine] =
+                line.slice(0, this.state.cursorPos - 1) + line.slice(this.state.cursorPos);
+            this.state.cursorPos--;
+            this.updateAutocomplete();
+            this.render();
+        }
+        else if (this.state.currentLine > 0) {
+            const currentLine = this.state.lines[this.state.currentLine];
+            const prevLine = this.state.lines[this.state.currentLine - 1];
+            this.state.lines[this.state.currentLine - 1] = prevLine + currentLine;
+            this.state.lines.splice(this.state.currentLine, 1);
+            this.state.currentLine--;
+            this.state.cursorPos = prevLine.length;
+            this.updateAutocomplete();
+            this.render();
+        }
+    }
+    finishInput(result) {
+        // Clear display
+        this.clearDropdown();
+        if (this.linesAboveCursor > 0) {
+            terminal.moveCursorToLineStart();
+            terminal.moveCursorUp(this.linesAboveCursor);
+        }
+        terminal.clearToEndOfScreen();
+        // Print clean input (without separators)
+        for (let i = 0; i < this.state.lines.length; i++) {
+            const linePrompt = i === 0 ? this.prompt : pc.dim('   \\ ');
+            terminal.write(linePrompt + this.state.lines[i]);
+            if (i < this.state.lines.length - 1) {
+                terminal.write('\n');
+            }
+        }
+        terminal.writeLine('');
+        // Save to history if submitting
+        if (result.action === 'submit' || result.action === 'command') {
+            const input = this.getValue();
+            this.addToHistory(input);
+        }
+        // Stop and resolve
+        this.stop();
+        if (this.resolveInput) {
+            this.resolveInput(result);
+            this.resolveInput = null;
+        }
+    }
+}