erosolar-cli 1.7.116 → 1.7.118

package/dist/ui/persistentChatBox.js

@@ -1,390 +1,298 @@
 /**
- * PersistentChatBox - Enhanced version of PinnedChatBox that remains visible during AI streaming
+ * Persistent Chat Box - Stays at bottom during AI streaming
  *
- * Key improvements:
- * - Always visible at bottom, even during AI processing/streaming
- * - Graceful handling of long pastes with summarization
- * - Only submits to AI when user explicitly hits Enter
- * - Enhanced paste detection and management
+ * Features:
+ * - Always visible at bottom of terminal
+ * - Supports typing while AI is streaming
+ * - Gracefully handles long pastes without errors
+ * - Only submits to AI when user hits enter key
+ * - Integrates with existing multiline paste handler
  */
+import readline from 'node:readline';
+import { stdin as input, stdout as output } from 'node:process';
 import { theme } from './theme.js';
-import { ANSI } from './ansi.js';
+import { processPaste, isMultilinePaste } from '../core/multilinePasteHandler.js';
+import { display } from './display.js';
 export class PersistentChatBox {
-    writeStream;
+    rl;
+    config;
     state;
-    reservedLines = 3; // Lines reserved at bottom for chat box
-    _lastRenderedHeight = 0;
-    inputBuffer = '';
-    cursorPosition = 0;
-    commandIdCounter = 0;
-    onCommandQueued;
-    onInputSubmit;
-    renderScheduled = false;
-    isEnabled = true;
-    isDisposed = false;
-    lastRenderTime = 0;
-    renderThrottleMs = 16; // ~60fps max
-    maxInputLength = 10000; // Prevent memory issues
-    maxQueueSize = 100; // Prevent queue overflow
-    ansiPattern = /[\u001B\u009B][[\]()#;?]*(?:[0-9]{1,4}(?:;[0-9]{0,4})*)?[0-9A-ORZcf-nqry=><]/g;
-    oscPattern = /\u001b\][^\u0007]*(?:\u0007|\u001b\\)/g;
-    maxStatusMessageLength = 200;
-    // Scroll region management for persistent bottom input
-    scrollRegionActive = false;
-    // Input history for up/down navigation
-    inputHistory = [];
-    historyIndex = -1;
-    tempCurrentInput = ''; // Stores current input when navigating history
-    maxHistorySize = 100;
-    // Enhanced paste tracking for summary display
-    isPastedBlock = false;
-    pastedFullContent = '';
-    pasteStartTime = 0;
-    pasteLineCount = 0;
-    maxPasteLines = 50;
-    /** Cleanup function for output interceptor registration */
-    outputInterceptorCleanup;
-    // Track if we're currently in streaming mode
-    isStreaming = false;
-    constructor(writeStream, options = {}) {
-        this.writeStream = writeStream;
-        this.onCommandQueued = options.onCommandQueued;
-        this.onInputSubmit = options.onInputSubmit;
-        this.maxInputLength = options.maxInputLength ?? this.maxInputLength;
-        this.maxQueueSize = options.maxQueueSize ?? this.maxQueueSize;
+    onSubmit;
+    onCancel;
+    isActive = false;
+    originalPrompt = '';
+    pasteBuffer = '';
+    pasteMode = false;
+    constructor(onSubmit, onCancel, config = {}) {
+        this.onSubmit = onSubmit;
+        this.onCancel = onCancel;
+        this.config = {
+            enabled: true,
+            position: 1,
+            maxLines: 3,
+            showPasteSummaries: true,
+            autoScroll: true,
+            ...config,
+        };
         this.state = {
-            isProcessing: false,
-            queuedCommands: [],
-            currentInput: '',
-            contextUsage: 0,
-            statusMessage: null,
-            isVisible: true,
+            input: '',
+            isStreaming: false,
+            isTyping: false,
+            isPasteMode: false,
+            cursorPosition: 0,
+            history: [],
+            historyIndex: -1,
         };
+        // Create readline interface with custom prompt handling
+        this.rl = readline.createInterface({
+            input,
+            output,
+            prompt: '',
+            terminal: true,
+            historySize: 100,
+        });
+        this.setupEventHandlers();
     }
     /**
-     * Set streaming state - controls whether chat box remains visible during AI streaming
+     * Setup readline event handlers
      */
-    setStreaming(isStreaming) {
-        if (this.isDisposed)
-            return;
-        this.isStreaming = isStreaming;
-        this.scheduleRender();
+    setupEventHandlers() {
+        this.rl.on('line', (line) => {
+            this.handleLineInput(line);
+        });
+        this.rl.on('close', () => {
+            this.handleClose();
+        });
+        // Handle paste detection
+        this.rl.input.on('data', (data) => {
+            this.handleDataInput(data.toString());
+        });
+        // Handle keyboard shortcuts
+        this.rl.input.on('keypress', (str, key) => {
+            if (key.ctrl && key.name === 'c') {
+                this.handleCancel();
+            }
+            else if (key.name === 'up') {
+                this.handleHistoryUp();
+            }
+            else if (key.name === 'down') {
+                this.handleHistoryDown();
+            }
+        });
     }
     /**
-     * Enhanced paste detection - detects large pastes and provides summary
+     * Handle line input (when user presses enter)
      */
-    handlePaste(content) {
-        if (this.isDisposed)
+    handleLineInput(line) {
+        if (!this.isActive)
             return;
-        const lines = content.split('\n');
-        const lineCount = lines.length;
-        const charCount = content.length;
-        // Track paste metrics
-        this.pasteStartTime = Date.now();
-        this.pasteLineCount = lineCount;
-        // For large pastes, show summary instead of full content
-        if (lineCount > this.maxPasteLines || charCount > 2000) {
-            this.isPastedBlock = true;
-            this.pastedFullContent = content;
-            // Create summary for display
-            const summaryLines = lines.slice(0, 5); // Show first 5 lines
-            const remainingLines = lineCount - 5;
-            const summary = summaryLines.join('\n') +
-                (remainingLines > 0 ? `\n... (${remainingLines} more lines)` : '');
-            this.inputBuffer = summary;
-            this.cursorPosition = summary.length;
-            this.state.currentInput = summary;
-            // Show paste status
-            this.setStatusMessage(`📋 Pasted ${lineCount} lines, ${charCount} chars - hit Enter to submit`);
+        const trimmed = line.trim();
+        if (this.pasteMode) {
+            // Handle paste completion
+            this.handlePasteComplete(trimmed);
+        }
+        else if (trimmed.length > 0) {
+            // Handle normal input
+            this.handleNormalInput(trimmed);
         }
         else {
-            // Small paste - handle normally
-            this.isPastedBlock = false;
-            this.pastedFullContent = '';
-            this.inputBuffer = content;
-            this.cursorPosition = content.length;
-            this.state.currentInput = content;
+            // Empty input - just clear and reset
+            this.clearInput();
         }
-        this.scheduleRender();
     }
     /**
-     * Clear paste state
+     * Handle normal text input
      */
-    clearPastedBlock() {
-        this.isPastedBlock = false;
-        this.pastedFullContent = '';
-        this.pasteStartTime = 0;
-        this.pasteLineCount = 0;
+    handleNormalInput(text) {
+        // Add to history
+        if (this.state.history[0] !== text) {
+            this.state.history.unshift(text);
+            if (this.state.history.length > 100) {
+                this.state.history.pop();
+            }
+        }
+        // Submit to AI
+        this.onSubmit(text);
+        // Clear input
+        this.clearInput();
+        this.state.historyIndex = -1;
     }
     /**
-     * Handle character input with paste detection
+     * Handle paste completion
      */
-    handleCharacter(char) {
-        if (this.isDisposed)
-            return;
-        // Check for rapid input that might indicate paste
-        const now = Date.now();
-        if (this.pasteStartTime > 0 && now - this.pasteStartTime < 100) {
-            // Rapid input detected - treat as paste continuation
-            this.inputBuffer = this.inputBuffer.slice(0, this.cursorPosition) +
-                char +
-                this.inputBuffer.slice(this.cursorPosition);
-            this.cursorPosition += char.length;
-            this.state.currentInput = this.inputBuffer;
-            this.scheduleRender();
-            return;
+    handlePasteComplete(text) {
+        const fullPaste = this.pasteBuffer + text;
+        if (this.config.showPasteSummaries && isMultilinePaste(fullPaste)) {
+            const processed = processPaste(fullPaste);
+            display.showSystemMessage(processed.displaySummary);
         }
-        // Normal character input
-        this.inputBuffer = this.inputBuffer.slice(0, this.cursorPosition) +
-            char +
-            this.inputBuffer.slice(this.cursorPosition);
-        this.cursorPosition += char.length;
-        this.state.currentInput = this.inputBuffer;
-        // Clear any paste state for normal typing
-        this.clearPastedBlock();
-        this.scheduleRender();
+        // Submit the full paste content
+        this.onSubmit(fullPaste);
+        // Reset paste state
+        this.pasteMode = false;
+        this.pasteBuffer = '';
+        this.clearInput();
     }
     /**
-     * Handle Enter key - only submit when explicitly pressed
+     * Handle raw data input for paste detection
      */
-    handleEnter() {
-        if (this.isDisposed)
-            return null;
-        let input;
-        // If we have a pasted block, use the full content
-        if (this.isPastedBlock && this.pastedFullContent) {
-            input = this.sanitizeCommandText(this.pastedFullContent);
-        }
-        else {
-            input = this.sanitizeCommandText(this.inputBuffer);
+    handleDataInput(data) {
+        if (!this.isActive)
+            return;
+        // Detect paste by checking for multiple lines or large content
+        if (data.includes('\n') && data.length > 100) {
+            this.pasteMode = true;
+            this.pasteBuffer = data;
+            // Show paste indicator
+            this.updatePrompt('📋 Paste mode - Press Enter to submit or Ctrl+C to cancel');
         }
-        if (!input)
-            return null;
-        // Add to history before processing
-        const historyEntry = this.isPastedBlock
-            ? `[Pasted ${this.pasteLineCount} lines] ${input.slice(0, 100)}...`
-            : input;
-        this.addToHistory(historyEntry);
-        // If processing/streaming, queue the command
-        if (this.state.isProcessing || this.isStreaming) {
-            const type = input.startsWith('/') ? 'slash' : 'request';
-            const queued = this.queueCommand(input, type);
-            if (!queued) {
-                this.setStatusMessage(`Queue is full (${this.maxQueueSize}). Submit after current task or clear queued items.`);
-                return null;
-            }
+    }
+    /**
+     * Handle cancel (Ctrl+C)
+     */
+    handleCancel() {
+        if (this.pasteMode) {
+            // Cancel paste mode
+            this.pasteMode = false;
+            this.pasteBuffer = '';
             this.clearInput();
-            return null;
+            display.showSystemMessage('Paste cancelled');
         }
-        // Clear input and paste state, then notify
-        this.clearInput();
-        if (this.onInputSubmit) {
-            this.onInputSubmit(input);
+        else {
+            // Call cancel callback
+            this.onCancel();
         }
-        return input;
     }
     /**
-     * Enhanced render method that works during streaming
+     * Handle close
+     */
+    handleClose() {
+        this.isActive = false;
+    }
+    /**
+     * Handle history navigation - up
      */
-    render() {
-        if (!this.state.isVisible || !this.supportsRendering())
+    handleHistoryUp() {
+        if (this.state.history.length === 0)
             return;
-        // ALWAYS render - even during processing/streaming
-        this.lastRenderTime = Date.now();
-        try {
-            const cols = Math.max(this.writeStream.columns || 80, 40);
-            const separatorWidth = Math.min(cols - 2, 72);
-            // Build status message
-            const statusParts = [];
-            // Show streaming status if active
-            if (this.isStreaming) {
-                statusParts.push(theme.ui.info('🔄 AI is streaming...'));
-            }
-            // Processing status
-            if (this.state.statusMessage) {
-                const maxLen = Math.max(20, cols - 30);
-                const msg = this.state.statusMessage.length > maxLen
-                    ? `${this.state.statusMessage.slice(0, maxLen - 3)}...`
-                    : this.state.statusMessage;
-                statusParts.push(theme.ui.muted(msg));
-            }
-            // Queue status
-            if (this.state.queuedCommands.length > 0) {
-                statusParts.push(theme.ui.warning(`📋 ${this.state.queuedCommands.length} queued`));
-            }
-            const statusLine = statusParts.join(' │ ');
-            const separator = theme.ui.border('─'.repeat(separatorWidth));
-            // Write the persistent chat box
-            this.safeWrite(`\r${ANSI.CLEAR_LINE}${separator}\n`);
-            this.safeWrite(`${ANSI.CLEAR_LINE}${statusLine}\n`);
-            // Show input line with cursor
-            const displayInput = this.state.currentInput || '';
-            const prompt = theme.ui.muted('> ');
-            this.safeWrite(`${ANSI.CLEAR_LINE}${prompt}${displayInput}`);
-            // Position cursor if needed
-            if (this.cursorPosition >= 0) {
-                const cursorPos = prompt.length + this.cursorPosition;
-                this.safeWrite(`\r${ANSI.CURSOR_FORWARD(cursorPos)}`);
-            }
-            this._lastRenderedHeight = 3;
-        }
-        catch {
-            // Silently handle render errors
+        if (this.state.historyIndex < this.state.history.length - 1) {
+            this.state.historyIndex++;
+            const historyItem = this.state.history[this.state.historyIndex];
+            this.setInput(historyItem);
         }
     }
-    supportsRendering() {
-        return this.isEnabled &&
-            !this.isDisposed &&
-            this.writeStream.writable &&
-            this.writeStream.isTTY;
-    }
-    safeWrite(content) {
-        try {
-            if (this.writeStream.writable) {
-                this.writeStream.write(content);
-            }
+    /**
+     * Handle history navigation - down
+     */
+    handleHistoryDown() {
+        if (this.state.historyIndex > 0) {
+            this.state.historyIndex--;
+            const historyItem = this.state.history[this.state.historyIndex];
+            this.setInput(historyItem);
         }
-        catch {
-            // Swallow write errors (e.g., stream closed) to avoid crashing the app
+        else if (this.state.historyIndex === 0) {
+            this.state.historyIndex = -1;
+            this.clearInput();
         }
     }
-    sanitizeCommandText(text) {
-        return text
-            .replace(this.ansiPattern, '')
-            .replace(this.oscPattern, '')
-            .trim();
+    /**
+     * Update the readline prompt
+     */
+    updatePrompt(prompt) {
+        this.rl.setPrompt(prompt);
+        this.rl.prompt();
     }
-    sanitizeStatusMessage(message) {
-        if (!message)
-            return null;
-        return message
-            .replace(this.ansiPattern, '')
-            .replace(this.oscPattern, '')
-            .slice(0, this.maxStatusMessageLength);
+    /**
+     * Set input text
+     */
+    setInput(text) {
+        this.state.input = text;
+        this.state.cursorPosition = text.length;
+        // Update the readline line
+        this.rl.write('\x1B[2K\r'); // Clear line
+        this.rl.write(text);
     }
-    addToHistory(entry) {
-        if (!entry.trim())
-            return;
-        // Avoid duplicates
-        const existingIndex = this.inputHistory.indexOf(entry);
-        if (existingIndex >= 0) {
-            this.inputHistory.splice(existingIndex, 1);
-        }
-        this.inputHistory.push(entry);
-        // Trim history if needed
-        if (this.inputHistory.length > this.maxHistorySize) {
-            this.inputHistory = this.inputHistory.slice(-this.maxHistorySize);
-        }
+    /**
+     * Clear input
+     */
+    clearInput() {
+        this.state.input = '';
+        this.state.cursorPosition = 0;
+        this.updatePrompt(this.getDefaultPrompt());
     }
-    setEnabled(enabled) {
-        if (this.isDisposed)
-            return;
-        if (!enabled && this.isEnabled) {
-            this.clear();
+    /**
+     * Get default prompt based on streaming state
+     */
+    getDefaultPrompt() {
+        if (this.state.isStreaming) {
+            return `${theme.info('◉')} ${theme.ui.muted('Type while AI streams (Enter to send)')}: `;
         }
-        this.isEnabled = enabled;
-        if (enabled) {
-            this.scheduleRender();
+        else {
+            return `${theme.success('>')} `;
         }
     }
-    setProcessing(isProcessing) {
-        if (this.isDisposed)
+    /**
+     * Activate the chat box
+     */
+    activate() {
+        if (this.isActive)
             return;
-        this.state.isProcessing = isProcessing;
-        this.scheduleRender();
+        this.isActive = true;
+        this.clearInput();
+        // Show initial prompt
+        display.showSystemMessage('Persistent chat box activated - Type while AI streams, press Enter to send');
     }
-    setContextUsage(percentage) {
-        if (this.isDisposed)
-            return;
-        const value = Number.isFinite(percentage) ? percentage : 0;
-        this.state.contextUsage = Math.max(0, Math.min(100, value));
+    /**
+     * Deactivate the chat box
+     */
+    deactivate() {
+        this.isActive = false;
+        this.rl.pause();
     }
-    setStatusMessage(message) {
-        if (this.isDisposed)
-            return;
-        this.state.statusMessage = this.sanitizeStatusMessage(message);
-        this.scheduleRender();
+    /**
+     * Set streaming state
+     */
+    setStreaming(isStreaming) {
+        this.state.isStreaming = isStreaming;
+        if (this.isActive) {
+            this.updatePrompt(this.getDefaultPrompt());
+        }
     }
-    queueCommand(text, type = 'request') {
-        if (this.isDisposed)
-            return null;
-        // Validate input
-        if (typeof text !== 'string')
-            return null;
-        const sanitizedText = this.sanitizeCommandText(text);
-        if (!sanitizedText)
-            return null;
-        // Check queue size limit
-        if (this.state.queuedCommands.length >= this.maxQueueSize) {
-            // Remove oldest non-slash commands to make room
-            const idx = this.state.queuedCommands.findIndex(c => c.type !== 'slash');
-            if (idx >= 0) {
-                this.state.queuedCommands.splice(idx, 1);
-            }
-            else {
-                // Queue is full of slash commands, reject
-                return null;
+    /**
+     * Add message to history
+     */
+    addToHistory(message) {
+        if (message.trim() && this.state.history[0] !== message.trim()) {
+            this.state.history.unshift(message.trim());
+            if (this.state.history.length > 100) {
+                this.state.history.pop();
             }
         }
-        // Sanitize and truncate command text
-        const truncated = sanitizedText.slice(0, this.maxInputLength);
-        const preview = truncated.length > 60 ? `${truncated.slice(0, 57)}...` : truncated;
-        const cmd = {
-            id: `cmd-${++this.commandIdCounter}`,
-            text: truncated,
-            type,
-            timestamp: Date.now(),
-            preview,
-        };
-        this.state.queuedCommands.push(cmd);
-        this.scheduleRender();
-        if (this.onCommandQueued) {
-            this.onCommandQueued(cmd);
-        }
-        return cmd;
     }
-    clearQueue() {
-        if (this.isDisposed)
-            return;
-        this.state.queuedCommands = [];
-        this.scheduleRender();
+    /**
+     * Get current state
+     */
+    getState() {
+        return { ...this.state };
     }
-    clearInput() {
-        if (this.isDisposed)
-            return;
-        this.inputBuffer = '';
-        this.cursorPosition = 0;
-        this.state.currentInput = '';
-        // Reset history navigation
-        this.historyIndex = -1;
-        this.tempCurrentInput = '';
-        // Clear paste state
-        this.clearPastedBlock();
-        this.scheduleRender();
+    /**
+     * Get config
+     */
+    getConfig() {
+        return { ...this.config };
     }
-    clear() {
-        if (!this.supportsRendering())
-            return;
-        // If we rendered a multi-line box, move up and clear it
-        if (this._lastRenderedHeight > 1) {
-            this.safeWrite(ANSI.MOVE_UP(this._lastRenderedHeight - 1));
-        }
-        this.safeWrite(`\r${ANSI.CLEAR_TO_END}`);
-        this._lastRenderedHeight = 0;
+    /**
+     * Update config
+     */
+    updateConfig(config) {
+        this.config = { ...this.config, ...config };
     }
-    scheduleRender() {
-        if (this.isDisposed || this.renderScheduled)
-            return;
-        const now = Date.now();
-        const timeSinceLastRender = now - this.lastRenderTime;
-        if (timeSinceLastRender < this.renderThrottleMs) {
-            this.renderScheduled = true;
-            setTimeout(() => {
-                this.renderScheduled = false;
-                if (!)
-                    ;
-            });
-        }
+    /**
+     * Dispose of resources
+     */
+    dispose() {
+        this.deactivate();
+        this.rl.close();
     }
 }
-//# sourceMappingURL=persistentChatBox.js.map
+//# sourceMappingURL=PersistentChatBox.js.map