erosolar-cli 1.7.373 → 1.7.379

package/dist/shell/terminalInput.js

@@ -127,6 +127,11 @@ export class TerminalInput extends EventEmitter {
     lastStreamingRender = 0;
     streamingRenderInterval = 250; // ms between renders during streaming
     streamingRenderTimer = null;
+    // Command autocomplete state
+    commandSuggestions = [];
+    showingSuggestions = false;
+    selectedSuggestionIndex = 0;
+    maxVisibleSuggestions = 10;
     constructor(writeStream = process.stdout, config = {}) {
         super();
         this.out = writeStream;
@@ -356,6 +361,8 @@ export class TerminalInput extends EventEmitter {
         this.historyIndex = -1;
         this.tempInput = '';
         this.pastePlaceholders = [];
+        this.showingSuggestions = false;
+        this.selectedSuggestionIndex = 0;
         this.scheduleRender();
     }
     /**
@@ -379,6 +386,148 @@ export class TerminalInput extends EventEmitter {
         this.queue = [];
         this.scheduleRender();
     }
+    // ===========================================================================
+    // COMMAND AUTOCOMPLETE
+    // ===========================================================================
+    /**
+     * Set available commands for autocomplete.
+     * Call this once during initialization with all slash commands.
+     */
+    setAvailableCommands(commands) {
+        this.commandSuggestions = commands;
+    }
+    /**
+     * Check if command suggestions are currently being shown
+     */
+    isShowingSuggestions() {
+        return this.showingSuggestions;
+    }
+    /**
+     * Get filtered commands based on current input
+     */
+    getFilteredCommands() {
+        const input = this.buffer.trim().toLowerCase();
+        // Only show suggestions if buffer starts with "/"
+        if (!input.startsWith('/')) {
+            return [];
+        }
+        // If just "/", show all commands
+        if (input === '/') {
+            return this.commandSuggestions;
+        }
+        // Filter commands that match the typed prefix
+        return this.commandSuggestions.filter(cmd => cmd.command.toLowerCase().startsWith(input));
+    }
+    /**
+     * Update suggestion visibility based on current buffer
+     */
+    updateSuggestionVisibility() {
+        const filtered = this.getFilteredCommands();
+        const shouldShow = filtered.length > 0 && this.buffer.startsWith('/');
+        if (shouldShow !== this.showingSuggestions) {
+            this.showingSuggestions = shouldShow;
+            this.selectedSuggestionIndex = 0;
+            this.scheduleRender();
+        }
+        else if (shouldShow) {
+            // Clamp selection index
+            this.selectedSuggestionIndex = Math.min(this.selectedSuggestionIndex, Math.max(0, filtered.length - 1));
+        }
+    }
+    /**
+     * Handle selecting a suggestion (Enter key or click)
+     */
+    selectSuggestion() {
+        if (!this.showingSuggestions)
+            return false;
+        const filtered = this.getFilteredCommands();
+        if (filtered.length === 0)
+            return false;
+        const selected = filtered[this.selectedSuggestionIndex];
+        if (!selected)
+            return false;
+        // Replace buffer with selected command
+        this.buffer = selected.command + ' ';
+        this.cursor = this.buffer.length;
+        this.showingSuggestions = false;
+        this.scheduleRender();
+        return true;
+    }
+    /**
+     * Move selection up in suggestions list
+     */
+    moveSuggestionUp() {
+        if (!this.showingSuggestions)
+            return false;
+        const filtered = this.getFilteredCommands();
+        if (filtered.length === 0)
+            return false;
+        this.selectedSuggestionIndex = Math.max(0, this.selectedSuggestionIndex - 1);
+        this.scheduleRender();
+        return true;
+    }
+    /**
+     * Move selection down in suggestions list
+     */
+    moveSuggestionDown() {
+        if (!this.showingSuggestions)
+            return false;
+        const filtered = this.getFilteredCommands();
+        if (filtered.length === 0)
+            return false;
+        this.selectedSuggestionIndex = Math.min(filtered.length - 1, this.selectedSuggestionIndex + 1);
+        this.scheduleRender();
+        return true;
+    }
+    /**
+     * Cancel suggestion display (Escape)
+     */
+    cancelSuggestions() {
+        if (!this.showingSuggestions)
+            return false;
+        this.showingSuggestions = false;
+        this.scheduleRender();
+        return true;
+    }
+    /**
+     * Build command suggestion display lines
+     */
+    buildSuggestionLines(width) {
+        if (!this.showingSuggestions)
+            return [];
+        const filtered = this.getFilteredCommands();
+        if (filtered.length === 0)
+            return [];
+        const lines = [];
+        const maxDisplay = Math.min(filtered.length, this.maxVisibleSuggestions);
+        // Header with navigation hint
+        const headerText = theme.ui.muted(`─── Commands (↑↓ navigate, Tab/Enter select, Esc cancel) ───`);
+        lines.push(headerText);
+        // Render visible suggestions
+        for (let i = 0; i < maxDisplay; i++) {
+            const cmd = filtered[i];
+            const isSelected = i === this.selectedSuggestionIndex;
+            // Format: [indicator] /command  description
+            const indicator = isSelected ? theme.accent('▸') : ' ';
+            const cmdText = isSelected
+                ? theme.accent(cmd.command.padEnd(18))
+                : theme.primary(cmd.command.padEnd(18));
+            // Truncate description to fit
+            const descMaxLen = Math.max(10, width - 22);
+            const desc = cmd.description.length > descMaxLen
+                ? cmd.description.slice(0, descMaxLen - 2) + '..'
+                : cmd.description;
+            const descText = isSelected
+                ? theme.info(desc)
+                : theme.ui.muted(desc);
+            lines.push(`${indicator} ${cmdText} ${descText}`);
+        }
+        // Show "more" indicator if truncated
+        if (filtered.length > maxDisplay) {
+            lines.push(theme.ui.muted(`  ... ${filtered.length - maxDisplay} more commands`));
+        }
+        return lines;
+    }
     /**
      * Update the inline status message shown before the prompt (e.g., streaming heartbeat).
      */
@@ -638,10 +787,19 @@ export class TerminalInput extends EventEmitter {
                     this.write(' '.repeat(padding));
                 this.write(ESC.RESET);
             }
+            // Command suggestions (shown above controls when "/" is typed)
+            const suggestionLines = this.buildSuggestionLines(cols - 2);
+            let suggestionRow = currentRow + visibleLines.length;
+            for (const suggestionLine of suggestionLines) {
+                this.write(ESC.TO(suggestionRow, 1));
+                this.write('  '); // Indent to match input
+                this.write(suggestionLine);
+                suggestionRow += 1;
+            }
             // Mode controls lines with all keyboard shortcuts
             // Can be multiple lines during streaming (status + toggles)
             const controlLines = this.buildModeControls(cols);
-            let controlRow = currentRow + visibleLines.length;
+            let controlRow = suggestionRow;
             for (const controlLine of controlLines) {
                 this.write(ESC.TO(controlRow, 1));
                 this.write(controlLine);
@@ -762,27 +920,28 @@ export class TerminalInput extends EventEmitter {
         // === LINE 2: MODE TOGGLES (always visible, same as before streaming) ===
         const toggleParts = [];
         // Claude Code style mode indicator: "⏵⏵ accept edits on (shift+tab to cycle)"
-        const editModeLabel = this.editMode === 'display-edits' ? 'auto' : 'ask';
-        toggleParts.push({ text: formatEditModeIndicator(editModeLabel), tone: undefined });
+        const editModeLabel = this.editMode === 'display-edits' ? 'auto' :
+            this.editMode === 'ask-permission' ? 'ask' : 'plan';
+        toggleParts.push({ text: formatEditModeIndicator(editModeLabel), tone: editModeLabel === 'plan' ? 'info' : undefined });
         // Context usage (show percentage remaining)
         if (this.contextUsage !== null) {
             const remaining = 100 - this.contextUsage;
             const contextTone = this.contextUsage > 80 ? 'warn' : this.contextUsage > 60 ? 'info' : 'muted';
             toggleParts.push({ text: `ctx:${remaining}%`, tone: contextTone });
         }
-        // Verification toggle (Option+V) - Use "⌥" for Mac clarity
+        // Verification toggle (Alt+V)
         const verifyStatus = this.verificationEnabled ? '✓' : '○';
         toggleParts.push({
             text: `⌥V:${verifyStatus}verify`,
             tone: this.verificationEnabled ? 'success' : 'muted'
         });
-        // Auto-continue toggle (Option+C) - Use "⌥" for Mac clarity
+        // Auto-continue toggle (Alt+C)
         const autoStatus = this.autoContinueEnabled ? '↻' : '○';
         toggleParts.push({
             text: `⌥C:${autoStatus}auto`,
             tone: this.autoContinueEnabled ? 'info' : 'muted'
         });
-        // Thinking mode toggle (if available)
+        // Thinking mode toggle (Alt+T)
         if (this.thinkingModeLabel) {
             const shortThinking = this.thinkingModeLabel.length > 10
                 ? this.thinkingModeLabel.slice(0, 8) + '..'
@@ -1047,6 +1206,7 @@ export class TerminalInput extends EventEmitter {
      * - Meta lines (model, elapsed, tokens)
      * - Divider
      * - Input line(s) - expands for multi-line/wrapped input
+     * - Command suggestions (when showing)
      * - Control lines (wraps as needed to fit all toggles)
      * - Buffer
      */
@@ -1064,10 +1224,18 @@ export class TerminalInput extends EventEmitter {
         // Meta line only if we have model/elapsed info
         const hasMetaInfo = this.modelLabel || this.metaElapsedSeconds !== null || this.metaTokensUsed !== null;
         const metaLines = hasMetaInfo ? 1 : 0;
-        // Total: meta + divider + input lines + controls + buffer
-        // Limit total height to leave room for content (max ~40% of terminal)
-        const totalHeight = metaLines + 1 + inputLines + controlLineCount + 1;
-        const maxHeight = Math.max(6, Math.floor(rows * 0.4));
+        // Command suggestion lines (when showing)
+        let suggestionLines = 0;
+        if (this.showingSuggestions) {
+            const filtered = this.getFilteredCommands();
+            suggestionLines = Math.min(filtered.length, this.maxVisibleSuggestions) + 1; // +1 for header
+        }
+        // Total: meta + divider + input lines + suggestions + controls + buffer
+        // Limit total height to leave room for content (max ~50% of terminal when showing suggestions)
+        const totalHeight = metaLines + 1 + inputLines + suggestionLines + controlLineCount + 1;
+        const maxHeight = this.showingSuggestions
+            ? Math.max(12, Math.floor(rows * 0.5))
+            : Math.max(6, Math.floor(rows * 0.4));
         return Math.min(totalHeight, maxHeight);
     }
     /**
@@ -1324,10 +1492,21 @@ export class TerminalInput extends EventEmitter {
                 if (key.shift || key.meta) {
                     this.insertNewline();
                 }
+                else if (this.showingSuggestions) {
+                    // Select suggestion and don't submit yet
+                    this.selectSuggestion();
+                }
                 else {
                     this.submit();
                 }
                 return true;
+            case 'escape':
+                // Cancel suggestions first, or emit interrupt
+                if (this.cancelSuggestions()) {
+                    return true;
+                }
+                this.emit('interrupt');
+                return true;
             case 'backspace':
                 this.deleteBackward();
                 return true;
@@ -1335,12 +1514,25 @@ export class TerminalInput extends EventEmitter {
                 this.deleteForward();
                 return true;
             case 'left':
+                // Cancel suggestions on cursor movement
+                if (this.showingSuggestions) {
+                    this.cancelSuggestions();
+                }
                 this.moveCursorLeft();
                 return true;
             case 'right':
+                // Cancel suggestions on cursor movement
+                if (this.showingSuggestions) {
+                    this.cancelSuggestions();
+                }
                 this.moveCursorRight();
                 return true;
             case 'up':
+                // When showing suggestions, navigate up
+                if (this.showingSuggestions) {
+                    this.moveSuggestionUp();
+                    return true;
+                }
                 // Ctrl+Shift+Up or Shift+Up: Quick scroll up in scrollback
                 if ((key.ctrl && key.shift) || key.shift) {
                     this.scrollUp(5);
@@ -1350,6 +1542,11 @@ export class TerminalInput extends EventEmitter {
                 }
                 return true;
             case 'down':
+                // When showing suggestions, navigate down
+                if (this.showingSuggestions) {
+                    this.moveSuggestionDown();
+                    return true;
+                }
                 // Ctrl+Shift+Down or Shift+Down: Quick scroll down in scrollback
                 if ((key.ctrl && key.shift) || key.shift) {
                     this.scrollDown(5);
@@ -1384,6 +1581,11 @@ export class TerminalInput extends EventEmitter {
                 // Scrollback disabled in alternate screen mode
                 return true;
             case 'tab':
+                // Tab can select suggestion too
+                if (this.showingSuggestions && !key.shift) {
+                    this.selectSuggestion();
+                    return true;
+                }
                 if (key.shift) {
                     this.toggleEditMode();
                     return true;
@@ -1406,6 +1608,8 @@ export class TerminalInput extends EventEmitter {
         this.insertPlainText(chunk, insertPos);
         this.cursor = insertPos + chunk.length;
         this.emit('change', this.buffer);
+        // Update command autocomplete visibility
+        this.updateSuggestionVisibility();
         this.scheduleRender();
     }
     insertNewline() {
@@ -1430,6 +1634,7 @@ export class TerminalInput extends EventEmitter {
             this.cursor = Math.max(0, this.cursor - 1);
         }
         this.emit('change', this.buffer);
+        this.updateSuggestionVisibility();
         this.scheduleRender();
     }
     deleteForward() {
@@ -1443,6 +1648,7 @@ export class TerminalInput extends EventEmitter {
             this.removeRange(this.cursor, this.cursor + 1);
         }
         this.emit('change', this.buffer);
+        this.updateSuggestionVisibility();
         this.scheduleRender();
     }
     deleteToStart() {
@@ -1451,6 +1657,7 @@ export class TerminalInput extends EventEmitter {
         this.removeRange(0, this.cursor);
         this.cursor = 0;
         this.emit('change', this.buffer);
+        this.updateSuggestionVisibility();
         this.scheduleRender();
     }
     deleteToEnd() {
@@ -1458,6 +1665,7 @@ export class TerminalInput extends EventEmitter {
             return;
         this.removeRange(this.cursor, this.buffer.length);
         this.emit('change', this.buffer);
+        this.updateSuggestionVisibility();
         this.scheduleRender();
     }
     deleteWord() {
@@ -2050,8 +2258,11 @@ export class TerminalInput extends EventEmitter {
         this.scheduleRender();
     }
     toggleEditMode() {
-        const next = this.editMode === 'display-edits' ? 'ask-permission' : 'display-edits';
-        this.setEditMode(next);
+        // Cycle through: display-edits → ask-permission → plan → display-edits
+        const cycle = ['display-edits', 'ask-permission', 'plan'];
+        const currentIndex = cycle.indexOf(this.editMode);
+        const nextIndex = (currentIndex + 1) % cycle.length;
+        this.setEditMode(cycle[nextIndex]);
     }
     scheduleStreamingRender(delayMs) {
         if (this.streamingRenderTimer)