codeep 1.1.35 → 1.2.0

package/dist/renderer/App.js

@@ -199,6 +199,9 @@ const COMMAND_DESCRIPTIONS = {
     'copy': 'Copy code block',
     'paste': 'Paste from clipboard',
     'apply': 'Apply file changes',
+    'add': 'Add file to context',
+    'drop': 'Remove file from context',
+    'multiline': 'Toggle multi-line input',
     'test': 'Generate/run tests',
     'docs': 'Add documentation',
     'refactor': 'Improve code quality',
@@ -221,6 +224,9 @@ const COMMAND_DESCRIPTIONS = {
 };
 import { helpCategories, keyboardShortcuts } from './components/Help.js';
 import { handleSettingsKey, SETTINGS } from './components/Settings.js';
+import { renderExportPanel, handleExportKey as handleExportKeyComponent } from './components/Export.js';
+import { renderLogoutPanel, handleLogoutKey as handleLogoutKeyComponent } from './components/Logout.js';
+import { renderSearchPanel, handleSearchKey as handleSearchKeyComponent } from './components/Search.js';
 export class App {
     screen;
     input;
@@ -241,7 +247,6 @@ export class App {
     agentIteration = 0;
     agentActions = [];
     agentThinking = '';
-    agentCodePreview = null;
     // Paste detection state
     pasteInfo = null;
     pasteInfoOpen = false;
@@ -307,6 +312,8 @@ export class App {
     introProgress = 0;
     introInterval = null;
     introCallback = null;
+    // Multi-line input state
+    isMultilineMode = false;
     // Inline login state
     loginOpen = false;
     loginStep = 'provider';
@@ -323,8 +330,16 @@ export class App {
         'sessions', 'new', 'rename', 'search', 'export',
         'agent', 'agent-dry', 'stop', 'undo', 'undo-all', 'history', 'changes',
         'diff', 'commit', 'git-commit', 'push', 'pull', 'scan', 'review',
-        'copy', 'paste', 'apply',
+        'copy', 'paste', 'apply', 'add', 'drop',
         'test', 'docs', 'refactor', 'fix', 'explain', 'optimize', 'debug', 'skills',
+        'amend', 'pr', 'changelog', 'branch', 'stash', 'unstash',
+        'build', 'deploy', 'release', 'publish',
+        'component', 'api', 'model', 'hook', 'service', 'page', 'form', 'crud',
+        'security', 'profile', 'log', 'types', 'cleanup', 'modernize', 'migrate',
+        'split', 'rename', 'coverage', 'e2e', 'mock', 'readme', 'translate',
+        'docker', 'ci', 'env', 'k8s', 'terraform', 'nginx', 'monitor',
+        'test-fix', 'api-docs',
+        'multiline',
         'provider', 'model', 'protocol', 'lang', 'grant', 'login', 'logout',
         'context-save', 'context-load', 'context-clear', 'learn',
         'c', 't', 'd', 'r', 'f', 'e', 'o', 'b', 'p',
@@ -492,12 +507,10 @@ export class App {
             this.agentIteration = 0;
             this.agentActions = [];
             this.agentThinking = '';
-            this.agentCodePreview = null;
             this.isLoading = false; // Clear loading state when agent takes over
             this.startSpinner();
         }
         else {
-            this.agentCodePreview = null;
             this.isLoading = false; // Ensure loading is cleared when agent finishes
             this.stopSpinner();
         }
@@ -518,36 +531,6 @@ export class App {
      */
     setAgentThinking(text) {
         this.agentThinking = text;
-        // Clear code preview when agent moves to a non-write/edit action
-        if (text && !text.startsWith('write:') && !text.startsWith('edit:')) {
-            this.agentCodePreview = null;
-        }
-        this.render();
-    }
-    /**
-     * Set code preview for agent progress panel
-     */
-    setAgentCodePreview(preview) {
-        if (preview && preview.content) {
-            const ext = preview.path.split('.').pop()?.toLowerCase() || '';
-            const lang = LANG_ALIASES[ext] || ext;
-            const lines = preview.content.split('\n');
-            const MAX_STORED_LINES = 50;
-            const trimmedContent = lines.length > MAX_STORED_LINES
-                ? lines.slice(-MAX_STORED_LINES).join('\n')
-                : preview.content;
-            this.agentCodePreview = {
-                path: preview.path,
-                actionType: preview.actionType,
-                content: trimmedContent,
-                oldContent: preview.oldContent,
-                lang,
-                totalLines: lines.length,
-            };
-        }
-        else {
-            this.agentCodePreview = null;
-        }
         this.render();
     }
     /**
@@ -913,6 +896,13 @@ export class App {
                 this.render();
                 return;
             }
+            // In multiline mode, Escape submits the buffered input
+            if (this.isMultilineMode && !this.isLoading && !this.isStreaming) {
+                if (this.editor.getValue().trim()) {
+                    this.submitInput();
+                    return;
+                }
+            }
             if (this.isAgentRunning && this.options.onStopAgent) {
                 this.options.onStopAgent();
                 return;
@@ -1030,25 +1020,20 @@ export class App {
         }
         // Enter to submit (only if not in autocomplete)
         if (event.key === 'enter' && !this.isLoading && !this.isStreaming && !this.showAutocomplete) {
-            const value = this.editor.getValue().trim();
-            if (value) {
-                this.editor.addToHistory(value);
-                this.editor.clear();
-                this.showAutocomplete = false;
-                // Check for commands
-                if (value.startsWith('/')) {
-                    this.handleCommand(value);
-                }
-                else {
-                    // Regular message
-                    this.addMessage({ role: 'user', content: value });
-                    this.setLoading(true);
-                    this.options.onSubmit(value).catch(err => {
-                        this.notify(`Error: ${err.message}`);
-                        this.setLoading(false);
-                    });
-                }
+            const rawValue = this.editor.getValue();
+            // Backslash continuation: if line ends with \, add newline instead of submitting
+            if (rawValue.endsWith('\\')) {
+                this.editor.setValue(rawValue.slice(0, -1) + '\n');
+                this.render();
+                return;
             }
+            // Multiline mode: Enter adds newline, Ctrl+Enter submits
+            if (this.isMultilineMode && !event.ctrl) {
+                this.editor.insert('\n');
+                this.render();
+                return;
+            }
+            this.submitInput();
             return;
         }
         // Handle paste detection
@@ -1143,109 +1128,75 @@ export class App {
      * Handle search screen keys
      */
     handleSearchKey(event) {
-        if (event.key === 'escape') {
-            this.searchOpen = false;
-            this.searchCallback = null;
-            this.render();
-            return;
-        }
-        if (event.key === 'up') {
-            this.searchIndex = Math.max(0, this.searchIndex - 1);
-            this.render();
-            return;
-        }
-        if (event.key === 'down') {
-            this.searchIndex = Math.min(this.searchResults.length - 1, this.searchIndex + 1);
-            this.render();
-            return;
-        }
-        if (event.key === 'enter' && this.searchResults.length > 0) {
-            const selectedResult = this.searchResults[this.searchIndex];
-            const callback = this.searchCallback;
-            this.searchOpen = false;
-            this.searchCallback = null;
-            this.render();
-            if (callback) {
-                callback(selectedResult.messageIndex);
-            }
-            return;
-        }
+        const state = {
+            searchOpen: this.searchOpen,
+            searchQuery: this.searchQuery,
+            searchResults: this.searchResults,
+            searchIndex: this.searchIndex,
+            searchCallback: this.searchCallback,
+        };
+        const callback = this.searchCallback;
+        handleSearchKeyComponent(event, state, {
+            onClose: () => {
+                this.searchOpen = false;
+                this.searchCallback = null;
+            },
+            onRender: () => {
+                this.searchIndex = state.searchIndex;
+                this.render();
+            },
+            onResult: (messageIndex) => {
+                if (callback) {
+                    callback(messageIndex);
+                }
+            },
+        });
     }
     /**
      * Handle export screen keys
      */
     handleExportKey(event) {
-        const formats = ['md', 'json', 'txt'];
-        if (event.key === 'escape') {
-            this.exportOpen = false;
-            this.exportCallback = null;
-            this.render();
-            return;
-        }
-        if (event.key === 'up') {
-            this.exportIndex = this.exportIndex > 0 ? this.exportIndex - 1 : formats.length - 1;
-            this.render();
-            return;
-        }
-        if (event.key === 'down') {
-            this.exportIndex = this.exportIndex < formats.length - 1 ? this.exportIndex + 1 : 0;
-            this.render();
-            return;
-        }
-        if (event.key === 'enter') {
-            const selectedFormat = formats[this.exportIndex];
-            const callback = this.exportCallback;
-            this.exportOpen = false;
-            this.exportCallback = null;
+        const state = {
+            exportOpen: this.exportOpen,
+            exportIndex: this.exportIndex,
+            exportCallback: this.exportCallback,
+        };
+        const syncState = () => {
+            this.exportOpen = state.exportOpen;
+            this.exportIndex = state.exportIndex;
+            this.exportCallback = state.exportCallback;
             this.render();
-            if (callback) {
-                callback(selectedFormat);
-            }
-            return;
-        }
+        };
+        handleExportKeyComponent(event, state, {
+            onClose: syncState,
+            onRender: syncState,
+            onExport: (format) => {
+                const callback = this.exportCallback;
+                syncState();
+                if (callback) {
+                    callback(format);
+                }
+            },
+        });
     }
     /**
      * Handle logout picker keys
      */
     handleLogoutKey(event) {
-        // Options: providers + "all" + "cancel"
-        const totalOptions = this.logoutProviders.length + 2;
-        if (event.key === 'escape') {
-            this.logoutOpen = false;
-            this.logoutCallback = null;
-            this.render();
-            return;
-        }
-        if (event.key === 'up') {
-            this.logoutIndex = Math.max(0, this.logoutIndex - 1);
-            this.render();
-            return;
-        }
-        if (event.key === 'down') {
-            this.logoutIndex = Math.min(totalOptions - 1, this.logoutIndex + 1);
-            this.render();
-            return;
-        }
-        if (event.key === 'enter') {
-            const callback = this.logoutCallback;
-            this.logoutOpen = false;
-            this.logoutCallback = null;
-            let result = null;
-            if (this.logoutIndex < this.logoutProviders.length) {
-                result = this.logoutProviders[this.logoutIndex].id;
-            }
-            else if (this.logoutIndex === this.logoutProviders.length) {
-                result = 'all';
-            }
-            else {
-                result = null; // Cancel
-            }
-            this.render();
-            if (callback) {
-                callback(result);
-            }
-            return;
-        }
+        const state = {
+            logoutOpen: this.logoutOpen,
+            logoutIndex: this.logoutIndex,
+            logoutProviders: this.logoutProviders,
+            logoutCallback: this.logoutCallback,
+        };
+        handleLogoutKeyComponent(event, state, {
+            onClose: () => { },
+            onRender: () => this.render(),
+            onSelect: () => { },
+        });
+        this.logoutOpen = state.logoutOpen;
+        this.logoutIndex = state.logoutIndex;
+        this.logoutCallback = state.logoutCallback;
     }
     /**
      * Handle login keys
@@ -1569,6 +1520,28 @@ export class App {
             return;
         }
     }
+    /**
+     * Submit the current input buffer (used by Enter and Escape-in-multiline)
+     */
+    submitInput() {
+        const value = this.editor.getValue().trim();
+        if (!value)
+            return;
+        this.editor.addToHistory(value);
+        this.editor.clear();
+        this.showAutocomplete = false;
+        if (value.startsWith('/')) {
+            this.handleCommand(value);
+        }
+        else {
+            this.addMessage({ role: 'user', content: value });
+            this.setLoading(true);
+            this.options.onSubmit(value).catch(err => {
+                this.notify(`Error: ${err.message}`);
+                this.setLoading(false);
+            });
+        }
+    }
     /**
      * Handle command
      */
@@ -1590,6 +1563,12 @@ export class App {
                 this.clearMessages();
                 this.notify('Chat cleared');
                 break;
+            case 'multiline':
+                this.isMultilineMode = !this.isMultilineMode;
+                this.notify(this.isMultilineMode
+                    ? 'Multi-line mode ON — Enter adds line, Esc sends'
+                    : 'Multi-line mode OFF — Enter sends');
+                break;
             case 'exit':
             case 'quit':
                 this.stop();
@@ -1625,20 +1604,7 @@ export class App {
             bottomPanelHeight = previewLines + 6; // title + preview + extra line indicator + options
         }
         else if (this.isAgentRunning) {
-            if (this.agentCodePreview) {
-                const MAX_PREVIEW_LINES = 12;
-                const storedLines = this.agentCodePreview.content.split('\n').length;
-                const visibleCodeLines = Math.min(storedLines, MAX_PREVIEW_LINES);
-                const startIdx = Math.max(0, storedLines - MAX_PREVIEW_LINES);
-                const startLineNum = this.agentCodePreview.totalLines - storedLines + startIdx;
-                const hasOverflow = startLineNum > 0 ? 1 : 0;
-                // top border + action + code separator + code lines + overflow + stats + bottom border + margin
-                bottomPanelHeight = 1 + 1 + 1 + visibleCodeLines + hasOverflow + 1 + 1 + 1;
-                bottomPanelHeight = Math.min(bottomPanelHeight, Math.floor(height * 0.6));
-            }
-            else {
-                bottomPanelHeight = 5; // Agent progress box (4 lines + 1 margin)
-            }
+            bottomPanelHeight = 5; // Agent progress box (4 lines + 1 margin)
         }
         else if (this.permissionOpen) {
             bottomPanelHeight = 10; // Permission dialog
@@ -1875,12 +1841,18 @@ export class App {
             this.screen.showCursor(false);
             return;
         }
-        const prompt = '> ';
+        // Build prompt prefix — show line count for multi-line buffers
+        const lines = inputValue.split('\n');
+        const lineCount = lines.length;
+        const prompt = lineCount > 1 ? `[${lineCount}] > ` : this.isMultilineMode ? 'M> ' : '> ';
         const maxInputWidth = width - prompt.length - 1;
         // Show placeholder when input is empty
         if (!inputValue) {
             this.screen.write(0, y, prompt, fg.green);
-            this.screen.write(prompt.length, y, 'Type a message or /command...', fg.gray);
+            const placeholder = this.isMultilineMode
+                ? 'Multi-line mode (Enter=newline, Esc=send)...'
+                : 'Type a message or /command...';
+            this.screen.write(prompt.length, y, placeholder, fg.gray);
             if (!hideCursor) {
                 this.screen.setCursor(prompt.length, y);
                 this.screen.showCursor(true);
@@ -1890,22 +1862,29 @@ export class App {
             }
             return;
         }
+        // For multi-line content, show the last line being edited
+        const lastLine = lines[lines.length - 1];
+        const displayInput = lineCount > 1 ? lastLine : inputValue;
+        // Cursor position within the last line
+        const charsBeforeLastLine = lineCount > 1 ? inputValue.lastIndexOf('\n') + 1 : 0;
+        const cursorInLine = cursorPos - charsBeforeLastLine;
         let displayValue;
         let cursorX;
-        if (inputValue.length <= maxInputWidth) {
-            displayValue = inputValue;
-            cursorX = prompt.length + cursorPos;
+        if (displayInput.length <= maxInputWidth) {
+            displayValue = displayInput;
+            cursorX = prompt.length + Math.max(0, cursorInLine);
         }
         else {
-            const visibleStart = Math.max(0, cursorPos - Math.floor(maxInputWidth * 0.7));
+            const effectiveCursor = Math.max(0, cursorInLine);
+            const visibleStart = Math.max(0, effectiveCursor - Math.floor(maxInputWidth * 0.7));
             const visibleEnd = visibleStart + maxInputWidth;
             if (visibleStart > 0) {
-                displayValue = '…' + inputValue.slice(visibleStart + 1, visibleEnd);
+                displayValue = '…' + displayInput.slice(visibleStart + 1, visibleEnd);
             }
             else {
-                displayValue = inputValue.slice(0, maxInputWidth);
+                displayValue = displayInput.slice(0, maxInputWidth);
             }
-            cursorX = prompt.length + (cursorPos - visibleStart);
+            cursorX = prompt.length + (effectiveCursor - visibleStart);
         }
         this.screen.writeLine(y, prompt + displayValue, fg.green);
         // Hide cursor when menu/settings is open
@@ -1913,7 +1892,7 @@ export class App {
             this.screen.showCursor(false);
         }
         else {
-            this.screen.setCursor(cursorX, y);
+            this.screen.setCursor(Math.min(cursorX, width - 1), y);
             this.screen.showCursor(true);
         }
     }
@@ -2294,46 +2273,6 @@ export class App {
             this.screen.write(1, y, 'Starting...', fg.gray);
         }
         y++;
-        // Code preview section (for write/edit operations)
-        if (this.agentCodePreview) {
-            const MAX_PREVIEW_LINES = 12;
-            // Code separator with language label
-            const langLabel = this.agentCodePreview.lang ? ` ${this.agentCodePreview.lang} ` : '';
-            const sepPadLeft = 2;
-            const sepPadRight = width - sepPadLeft - langLabel.length - 1;
-            this.screen.write(0, y, '─'.repeat(sepPadLeft), SYNTAX.codeFrame);
-            this.screen.write(sepPadLeft, y, langLabel, SYNTAX.codeLang);
-            this.screen.write(sepPadLeft + langLabel.length, y, '─'.repeat(Math.max(0, sepPadRight)), SYNTAX.codeFrame);
-            y++;
-            // Determine visible code lines (show tail for long content)
-            const codeLines = this.agentCodePreview.content.split('\n');
-            const totalLines = this.agentCodePreview.totalLines;
-            const displayCount = Math.min(codeLines.length, MAX_PREVIEW_LINES);
-            const startIdx = Math.max(0, codeLines.length - MAX_PREVIEW_LINES);
-            const startLineNum = totalLines - codeLines.length + startIdx;
-            // Overflow indicator if truncated from top
-            if (startLineNum > 0) {
-                this.screen.write(1, y, `... (${startLineNum} lines above)`, fg.gray);
-                y++;
-            }
-            // Render highlighted code lines with line numbers
-            const lineNumWidth = String(totalLines).length;
-            const codeAreaWidth = width - lineNumWidth - 4;
-            for (let i = 0; i < displayCount; i++) {
-                const lineNum = startLineNum + i + 1;
-                const lineNumStr = String(lineNum).padStart(lineNumWidth, ' ');
-                // Truncate wide lines
-                let codeLine = codeLines[startIdx + i];
-                if (codeLine.length > codeAreaWidth) {
-                    codeLine = codeLine.slice(0, codeAreaWidth - 1) + '\u2026';
-                }
-                const highlighted = highlightCode(codeLine, this.agentCodePreview.lang);
-                // Use writeRaw with line number embedded as ANSI since writeRaw clears the full line
-                const lineNumAnsi = SYNTAX.comment + lineNumStr + '\x1b[0m' + ' ';
-                this.screen.writeRaw(y, ' ' + lineNumAnsi + highlighted);
-                y++;
-            }
-        }
         // Stats line: Files and step info
         let x = 1;
         // File changes
@@ -2705,122 +2644,34 @@ export class App {
      * Render inline search screen
      */
     renderInlineSearch(startY, width, availableHeight) {
-        let y = startY;
-        // Separator line
-        this.screen.horizontalLine(y++, '─', PRIMARY_COLOR);
-        // Title
-        this.screen.writeLine(y++, 'Search Results', PRIMARY_COLOR + style.bold);
-        // Query
-        this.screen.write(0, y, 'Query: ', fg.white);
-        this.screen.write(7, y, `"${this.searchQuery}"`, fg.cyan);
-        if (this.searchResults.length > 0) {
-            this.screen.write(9 + this.searchQuery.length, y, ` (${this.searchResults.length} ${this.searchResults.length === 1 ? 'result' : 'results'})`, fg.gray);
-        }
-        y++;
-        y++;
-        if (this.searchResults.length === 0) {
-            this.screen.writeLine(y++, 'No results found.', fg.yellow);
-        }
-        else {
-            const maxVisible = availableHeight - 6;
-            const visibleStart = Math.max(0, this.searchIndex - Math.floor(maxVisible / 2));
-            const visibleResults = this.searchResults.slice(visibleStart, visibleStart + maxVisible);
-            for (let i = 0; i < visibleResults.length; i++) {
-                const result = visibleResults[i];
-                const actualIndex = visibleStart + i;
-                const isSelected = actualIndex === this.searchIndex;
-                const prefix = isSelected ? '▸ ' : '  ';
-                const roleColor = result.role === 'user' ? fg.green : fg.blue;
-                // First line: role and message number
-                this.screen.write(0, y, prefix, isSelected ? PRIMARY_COLOR : '');
-                this.screen.write(2, y, `[${result.role.toUpperCase()}]`, roleColor + style.bold);
-                this.screen.write(2 + result.role.length + 2, y, ` Message #${result.messageIndex + 1}`, fg.gray);
-                y++;
-                // Second line: matched text (truncated)
-                const maxTextWidth = width - 4;
-                const matchedText = result.matchedText.length > maxTextWidth
-                    ? result.matchedText.slice(0, maxTextWidth - 3) + '...'
-                    : result.matchedText;
-                this.screen.writeLine(y, '  ' + matchedText, fg.white);
-                y++;
-                if (i < visibleResults.length - 1)
-                    y++; // spacing between results
-            }
-        }
-        // Footer
-        y = startY + availableHeight - 1;
-        this.screen.writeLine(y, '↑↓ Navigate • Enter Jump to message • Esc Close', fg.gray);
+        renderSearchPanel(this.screen, startY, width, availableHeight, {
+            searchOpen: this.searchOpen,
+            searchQuery: this.searchQuery,
+            searchResults: this.searchResults,
+            searchIndex: this.searchIndex,
+            searchCallback: this.searchCallback,
+        });
     }
     /**
      * Render inline export screen
      */
     renderInlineExport(startY, width) {
-        const formats = [
-            { id: 'md', name: 'Markdown', desc: 'Formatted with headers and separators' },
-            { id: 'json', name: 'JSON', desc: 'Structured data format' },
-            { id: 'txt', name: 'Plain Text', desc: 'Simple text format' },
-        ];
-        let y = startY;
-        // Separator line
-        this.screen.horizontalLine(y++, '─', fg.green);
-        // Title
-        this.screen.writeLine(y++, 'Export Chat', fg.green + style.bold);
-        y++;
-        this.screen.writeLine(y++, 'Select export format:', fg.white);
-        y++;
-        for (let i = 0; i < formats.length; i++) {
-            const format = formats[i];
-            const isSelected = i === this.exportIndex;
-            const prefix = isSelected ? '› ' : '  ';
-            this.screen.write(0, y, prefix, isSelected ? fg.green : '');
-            this.screen.write(2, y, format.name.padEnd(12), isSelected ? fg.green + style.bold : fg.white);
-            this.screen.write(14, y, ' - ' + format.desc, fg.gray);
-            y++;
-        }
-        y++;
-        this.screen.writeLine(y, '↑↓ Navigate • Enter Export • Esc Cancel', fg.gray);
+        renderExportPanel(this.screen, startY, width, {
+            exportOpen: this.exportOpen,
+            exportIndex: this.exportIndex,
+            exportCallback: this.exportCallback,
+        });
     }
     /**
      * Render inline logout picker
      */
     renderInlineLogout(startY, width) {
-        let y = startY;
-        // Separator line
-        this.screen.horizontalLine(y++, '─', fg.cyan);
-        // Title
-        this.screen.writeLine(y++, 'Select provider to logout:', fg.cyan + style.bold);
-        y++;
-        if (this.logoutProviders.length === 0) {
-            this.screen.writeLine(y++, 'No providers configured.', fg.yellow);
-            this.screen.writeLine(y++, 'Press Escape to go back.', fg.gray);
-            return;
-        }
-        // Provider options
-        for (let i = 0; i < this.logoutProviders.length; i++) {
-            const provider = this.logoutProviders[i];
-            const isSelected = i === this.logoutIndex;
-            const prefix = isSelected ? '→ ' : '  ';
-            this.screen.write(0, y, prefix, isSelected ? fg.green : '');
-            this.screen.write(2, y, provider.name, isSelected ? fg.green + style.bold : fg.white);
-            if (provider.isCurrent) {
-                this.screen.write(2 + provider.name.length + 1, y, '(current)', fg.cyan);
-            }
-            y++;
-        }
-        // "All" option
-        const allIndex = this.logoutProviders.length;
-        const isAllSelected = this.logoutIndex === allIndex;
-        this.screen.write(0, y, isAllSelected ? '→ ' : '  ', isAllSelected ? fg.red : '');
-        this.screen.write(2, y, 'Logout from all providers', isAllSelected ? fg.red + style.bold : fg.yellow);
-        y++;
-        // "Cancel" option
-        const cancelIndex = this.logoutProviders.length + 1;
-        const isCancelSelected = this.logoutIndex === cancelIndex;
-        this.screen.write(0, y, isCancelSelected ? '→ ' : '  ', isCancelSelected ? fg.blue : '');
-        this.screen.write(2, y, 'Cancel', isCancelSelected ? fg.blue + style.bold : fg.gray);
-        y++;
-        y++;
-        this.screen.writeLine(y, '↑↓ Navigate • Enter Select • Esc Cancel', fg.gray);
+        renderLogoutPanel(this.screen, startY, width, {
+            logoutOpen: this.logoutOpen,
+            logoutIndex: this.logoutIndex,
+            logoutProviders: this.logoutProviders,
+            logoutCallback: this.logoutCallback,
+        });
     }
     /**
      * Render inline login dialog

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

@@ -0,0 +1,22 @@
+/**
+ * Export panel component
+ */
+import { Screen } from '../Screen';
+import { KeyEvent } from '../Input';
+export interface ExportState {
+    exportOpen: boolean;
+    exportIndex: number;
+    exportCallback: ((format: 'md' | 'json' | 'txt') => void) | null;
+}
+/**
+ * Render inline export panel
+ */
+export declare function renderExportPanel(screen: Screen, startY: number, width: number, state: ExportState): void;
+/**
+ * Handle export panel key events
+ */
+export declare function handleExportKey(event: KeyEvent, state: ExportState, callbacks: {
+    onClose: () => void;
+    onRender: () => void;
+    onExport: (format: 'md' | 'json' | 'txt') => void;
+}): void;