@quantum-ai/gemini-cli 0.45.8 → 0.45.9

package/dist/ui/components/PolicyUpdateDialog.js

@@ -0,0 +1,61 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Box, Text } from 'ink';
+;
+import { useCallback, useRef } from 'react';
+import { PolicyIntegrityManager, } from '@google/gemini-cli-core';
+import { theme } from '../semantic-colors.js';
+import { RadioButtonSelect, } from './shared/RadioButtonSelect.js';
+import { useKeypress } from '../hooks/useKeypress.js';
+import { Command } from '../key/keyMatchers.js';
+import { useKeyMatchers } from '../hooks/useKeyMatchers.js';
+export var PolicyUpdateChoice;
+(function (PolicyUpdateChoice) {
+    PolicyUpdateChoice["ACCEPT"] = "accept";
+    PolicyUpdateChoice["IGNORE"] = "ignore";
+})(PolicyUpdateChoice || (PolicyUpdateChoice = {}));
+export const PolicyUpdateDialog = ({ config, request, onClose, }) => {
+    const keyMatchers = useKeyMatchers();
+    const isProcessing = useRef(false);
+    const handleSelect = useCallback(async (choice) => {
+        if (isProcessing.current) {
+            return;
+        }
+        isProcessing.current = true;
+        try {
+            if (choice === PolicyUpdateChoice.ACCEPT) {
+                const integrityManager = new PolicyIntegrityManager();
+                await integrityManager.acceptIntegrity(request.scope, request.identifier, request.newHash);
+                await config.loadWorkspacePolicies(request.policyDir);
+            }
+            onClose();
+        }
+        finally {
+            isProcessing.current = false;
+        }
+    }, [config, request, onClose]);
+    useKeypress((key) => {
+        if (keyMatchers[Command.ESCAPE](key)) {
+            onClose();
+            return true;
+        }
+        return false;
+    }, { isActive: true });
+    const options = [
+        {
+            label: 'Accept and Load',
+            value: PolicyUpdateChoice.ACCEPT,
+            key: 'accept',
+        },
+        {
+            label: 'Ignore (Use Default Policies)',
+            value: PolicyUpdateChoice.IGNORE,
+            key: 'ignore',
+        },
+    ];
+    return (_jsx(Box, { flexDirection: "column", width: "100%", children: _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.status.warning, padding: 1, marginLeft: 1, marginRight: 1, children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { bold: true, color: theme.text.primary, children: ["New or changed ", request.scope, " policies detected"] }), _jsxs(Text, { color: theme.text.primary, children: ["Location: ", request.identifier] }), _jsx(Text, { color: theme.text.primary, children: "Do you want to accept and load these policies?" })] }), _jsx(RadioButtonSelect, { items: options, onSelect: handleSelect, isFocused: true })] }) }));
+};

package/dist/ui/components/ProQuotaDialog.js

@@ -0,0 +1,84 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { RadioButtonSelect } from './shared/RadioButtonSelect.js';
+import { theme } from '../semantic-colors.js';
+import { AuthType } from '@google/gemini-cli-core';
+import { isUltraTier } from '../../utils/tierUtils.js';
+export function ProQuotaDialog({ failedModel, fallbackModel, message, isTerminalQuotaError, isModelNotFoundError, authType, tierName, onChoice, }) {
+    let items;
+    // Do not provide a fallback option if failed model and fallbackmodel are same.
+    if (failedModel === fallbackModel) {
+        items = [
+            {
+                label: 'Keep trying',
+                value: 'retry_once',
+                key: 'retry_once',
+            },
+            {
+                label: 'Stop',
+                value: 'retry_later',
+                key: 'retry_later',
+            },
+        ];
+    }
+    else if (isModelNotFoundError || isTerminalQuotaError) {
+        const isUltra = isUltraTier(tierName);
+        // free users and out of quota users on G1 pro and Cloud Console gets an option to upgrade
+        items = [
+            {
+                label: `Switch to ${fallbackModel}`,
+                value: 'retry_always',
+                key: 'retry_always',
+            },
+            ...(authType === AuthType.LOGIN_WITH_GOOGLE && !isUltra
+                ? [
+                    {
+                        label: 'Upgrade for higher limits',
+                        value: 'upgrade',
+                        key: 'upgrade',
+                    },
+                ]
+                : []),
+            {
+                label: `Stop`,
+                value: 'retry_later',
+                key: 'retry_later',
+            },
+        ];
+    }
+    else {
+        // capacity error
+        items = [
+            {
+                label: 'Keep trying',
+                value: 'retry_once',
+                key: 'retry_once',
+            },
+            {
+                label: `Switch to ${fallbackModel}`,
+                value: 'retry_always',
+                key: 'retry_always',
+            },
+            {
+                label: 'Stop',
+                value: 'retry_later',
+                key: 'retry_later',
+            },
+        ];
+    }
+    const handleSelect = (choice) => {
+        onChoice(choice);
+    };
+    // Helper to highlight simple slash commands in the message
+    const renderMessage = (msg) => {
+        const parts = msg.split(/(\s+)/);
+        return (_jsx(Text, { children: parts.map((part, index) => {
+                if (part.startsWith('/')) {
+                    return (_jsx(Text, { bold: true, color: theme.text.accent, children: part }, index));
+                }
+                return _jsx(Text, { children: part }, index);
+            }) }));
+    };
+    return (_jsxs(Box, { borderStyle: "round", flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: renderMessage(message) }), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(RadioButtonSelect, { items: items, onSelect: handleSelect }) })] }));
+}

package/dist/ui/components/ProgressBar.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { theme } from '../semantic-colors.js';
+export const ProgressBar = ({ value, width, warningThreshold = 80, }) => {
+    const safeValue = Math.min(Math.max(value, 0), 100);
+    const activeChars = Math.ceil((safeValue / 100) * width);
+    const inactiveChars = width - activeChars;
+    let color = theme.status.success;
+    if (safeValue >= 100) {
+        color = theme.status.error;
+    }
+    else if (safeValue >= warningThreshold) {
+        color = theme.status.warning;
+    }
+    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: color, children: '▬'.repeat(activeChars) }), _jsx(Text, { color: theme.border.default, children: '▬'.repeat(inactiveChars) })] }));
+};

package/dist/ui/components/QueuedMessageDisplay.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Box, Text } from 'ink';
+;
+const MAX_DISPLAYED_QUEUED_MESSAGES = 3;
+export const QueuedMessageDisplay = ({ messageQueue, }) => {
+    if (messageQueue.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Box, { paddingLeft: 2, children: _jsx(Text, { dimColor: true, children: "Queued (press \u2191 to edit):" }) }), messageQueue
+                .slice(0, MAX_DISPLAYED_QUEUED_MESSAGES)
+                .map((message, index) => {
+                const preview = message.replace(/\s+/g, ' ');
+                return (_jsx(Box, { paddingLeft: 4, width: "100%", children: _jsx(Text, { dimColor: true, wrap: "truncate", children: preview }) }, index));
+            }), messageQueue.length > MAX_DISPLAYED_QUEUED_MESSAGES && (_jsx(Box, { paddingLeft: 4, children: _jsxs(Text, { dimColor: true, children: ["... (+", messageQueue.length - MAX_DISPLAYED_QUEUED_MESSAGES, " more)"] }) }))] }));
+};

package/dist/ui/components/QuittingDisplay.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Box } from 'ink';
+;
+import { useUIState } from '../contexts/UIStateContext.js';
+import { HistoryItemDisplay } from './HistoryItemDisplay.js';
+import { useTerminalSize } from '../hooks/useTerminalSize.js';
+export const QuittingDisplay = () => {
+    const uiState = useUIState();
+    const { rows: terminalHeight, columns: terminalWidth } = useTerminalSize();
+    const availableTerminalHeight = terminalHeight;
+    if (!uiState.quittingMessages) {
+        return null;
+    }
+    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: uiState.quittingMessages.map((item) => (_jsx(HistoryItemDisplay, { availableTerminalHeight: uiState.constrainHeight ? availableTerminalHeight : undefined, terminalWidth: terminalWidth, item: item, isPending: false }, item.id))) }));
+};

package/dist/ui/components/QuotaDisplay.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+;
+import { getUsedStatusColor, QUOTA_USED_WARNING_THRESHOLD, QUOTA_USED_CRITICAL_THRESHOLD, } from '../utils/displayUtils.js';
+import { formatResetTime } from '../utils/formatters.js';
+export const QuotaDisplay = ({ remaining, limit, resetTime, terse = false, forceShow = false, lowercase = false, }) => {
+    if (remaining === undefined || limit === undefined || limit === 0) {
+        return null;
+    }
+    const usedPercentage = 100 - (remaining / limit) * 100;
+    if (!forceShow && usedPercentage < QUOTA_USED_WARNING_THRESHOLD) {
+        return null;
+    }
+    const color = getUsedStatusColor(usedPercentage, {
+        warning: QUOTA_USED_WARNING_THRESHOLD,
+        critical: QUOTA_USED_CRITICAL_THRESHOLD,
+    });
+    let text;
+    if (remaining === 0) {
+        const resetMsg = resetTime
+            ? `, resets in ${formatResetTime(resetTime, 'terse')}`
+            : '';
+        text = terse ? 'Limit reached' : `Limit reached${resetMsg}`;
+    }
+    else {
+        text = terse
+            ? `${usedPercentage.toFixed(0)}%`
+            : `${usedPercentage.toFixed(0)}% used${resetTime
+                ? ` (Limit resets in ${formatResetTime(resetTime, 'terse')})`
+                : ''}`;
+    }
+    if (lowercase) {
+        text = text.toLowerCase();
+    }
+    return _jsx(Text, { color: color, children: text });
+};

package/dist/ui/components/QuotaStatsInfo.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { theme } from '../semantic-colors.js';
+import { formatResetTime } from '../utils/formatters.js';
+import { getUsedStatusColor, QUOTA_USED_WARNING_THRESHOLD, QUOTA_USED_CRITICAL_THRESHOLD, } from '../utils/displayUtils.js';
+export const QuotaStatsInfo = ({ remaining, limit, resetTime, showDetails = true, }) => {
+    if (remaining === undefined || limit === undefined || limit === 0) {
+        return null;
+    }
+    const usedPercentage = 100 - (remaining / limit) * 100;
+    const color = getUsedStatusColor(usedPercentage, {
+        warning: QUOTA_USED_WARNING_THRESHOLD,
+        critical: QUOTA_USED_CRITICAL_THRESHOLD,
+    });
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 0, marginBottom: 0, children: [_jsx(Text, { color: color, children: remaining === 0
+                    ? `Limit reached${resetTime
+                        ? `, resets in ${formatResetTime(resetTime, 'terse')}`
+                        : ''}`
+                    : `${usedPercentage.toFixed(0)}% used${resetTime
+                        ? ` (Limit resets in ${formatResetTime(resetTime, 'terse')})`
+                        : ''}` }), showDetails && (_jsxs(_Fragment, { children: [_jsxs(Text, { color: theme.text.primary, children: ["Usage limit: ", limit.toLocaleString()] }), _jsx(Text, { color: theme.text.primary, children: "Usage limits span all sessions and reset daily." }), remaining === 0 && (_jsx(Text, { color: theme.text.primary, children: "Please /auth to upgrade or switch to an API key to continue." }))] }))] }));
+};

package/dist/ui/components/RawMarkdownIndicator.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { theme } from '../semantic-colors.js';
+import { formatCommand } from '../key/keybindingUtils.js';
+import { Command } from '../key/keyBindings.js';
+export const RawMarkdownIndicator = () => {
+    const modKey = formatCommand(Command.TOGGLE_MARKDOWN);
+    return (_jsx(Box, { children: _jsxs(Text, { children: ["raw markdown mode", _jsxs(Text, { color: theme.text.secondary, children: [" (", modKey, " to toggle) "] })] }) }));
+};

package/dist/ui/components/RewindConfirmation.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { Box, Text } from 'ink';
+;
+import { useMemo } from 'react';
+import { theme } from '../semantic-colors.js';
+import { RadioButtonSelect, } from './shared/RadioButtonSelect.js';
+import { useKeypress } from '../hooks/useKeypress.js';
+import { formatTimeAgo } from '../utils/formatters.js';
+import { Command } from '../key/keyMatchers.js';
+import { useKeyMatchers } from '../hooks/useKeyMatchers.js';
+export var RewindOutcome;
+(function (RewindOutcome) {
+    RewindOutcome["RewindAndRevert"] = "rewind_and_revert";
+    RewindOutcome["RewindOnly"] = "rewind_only";
+    RewindOutcome["RevertOnly"] = "revert_only";
+    RewindOutcome["Cancel"] = "cancel";
+})(RewindOutcome || (RewindOutcome = {}));
+const REWIND_OPTIONS = [
+    {
+        label: 'Rewind conversation and revert code changes',
+        value: RewindOutcome.RewindAndRevert,
+        key: 'Rewind conversation and revert code changes',
+    },
+    {
+        label: 'Rewind conversation',
+        value: RewindOutcome.RewindOnly,
+        key: 'Rewind conversation',
+    },
+    {
+        label: 'Revert code changes',
+        value: RewindOutcome.RevertOnly,
+        key: 'Revert code changes',
+    },
+    {
+        label: 'Do nothing (esc)',
+        value: RewindOutcome.Cancel,
+        key: 'Do nothing (esc)',
+    },
+];
+export const RewindConfirmation = ({ stats, onConfirm, terminalWidth, timestamp, }) => {
+    const keyMatchers = useKeyMatchers();
+    const isScreenReaderEnabled = false; // Ink v4
+    useKeypress((key) => {
+        if (keyMatchers[Command.ESCAPE](key)) {
+            onConfirm(RewindOutcome.Cancel);
+            return true;
+        }
+        return false;
+    }, { isActive: true });
+    const handleSelect = (outcome) => {
+        onConfirm(outcome);
+    };
+    const options = useMemo(() => {
+        if (stats) {
+            return REWIND_OPTIONS;
+        }
+        return REWIND_OPTIONS.filter((option) => option.value !== RewindOutcome.RewindAndRevert &&
+            option.value !== RewindOutcome.RevertOnly);
+    }, [stats]);
+    if (isScreenReaderEnabled) {
+        return (_jsxs(Box, { flexDirection: "column", width: terminalWidth, children: [_jsx(Text, { bold: true, children: "Confirm Rewind" }), stats && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { children: stats.fileCount === 1
+                                ? `File: ${stats.details?.at(0)?.fileName}`
+                                : `${stats.fileCount} files affected` }), _jsxs(Text, { children: ["Lines added: ", stats.addedLines] }), _jsxs(Text, { children: ["Lines removed: ", stats.removedLines] }), timestamp && _jsxs(Text, { children: ["(", formatTimeAgo(timestamp), ")"] }), _jsx(Text, { children: "Note: Rewinding does not affect files edited manually or by the shell tool." })] })), !stats && (_jsxs(Box, { children: [_jsx(Text, { color: theme.text.secondary, children: "No code changes to revert." }), timestamp && (_jsxs(Text, { color: theme.text.secondary, children: [' ', "(", formatTimeAgo(timestamp), ")"] }))] })), _jsx(Text, { children: "Select an action:" }), _jsx(Text, { color: theme.text.secondary, children: "Use arrow keys to navigate, Enter to confirm, Esc to cancel." }), _jsx(RadioButtonSelect, { items: options, onSelect: handleSelect, isFocused: true })] }));
+    }
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: theme.border.default, padding: 1, width: terminalWidth, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Confirm Rewind" }) }), stats && (_jsxs(Box, { flexDirection: "column", marginBottom: 1, borderStyle: "single", borderColor: theme.border.default, paddingX: 1, children: [_jsx(Text, { color: theme.text.primary, children: stats.fileCount === 1
+                            ? `File: ${stats.details?.at(0)?.fileName}`
+                            : `${stats.fileCount} files affected` }), _jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: theme.status.success, children: ["Lines added: ", stats.addedLines, ' '] }), _jsxs(Text, { color: theme.status.error, children: ["Lines removed: ", stats.removedLines] }), timestamp && (_jsxs(Text, { color: theme.text.secondary, children: [' ', "(", formatTimeAgo(timestamp), ")"] }))] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.status.warning, children: "\u2139 Rewinding does not affect files edited manually or by the shell tool." }) })] })), !stats && (_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { color: theme.text.secondary, children: "No code changes to revert." }), timestamp && (_jsxs(Text, { color: theme.text.secondary, children: [' ', "(", formatTimeAgo(timestamp), ")"] }))] })), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Select an action:" }) }), _jsx(RadioButtonSelect, { items: options, onSelect: handleSelect, isFocused: true })] }));
+};

package/dist/ui/components/RewindViewer.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Box, Text } from 'ink';
+;
+import { useUIState } from '../contexts/UIStateContext.js';
+import { partToString, } from '@google/gemini-cli-core';
+import { BaseSelectionList } from './shared/BaseSelectionList.js';
+import { theme } from '../semantic-colors.js';
+import { useKeypress } from '../hooks/useKeypress.js';
+import { useRewind } from '../hooks/useRewind.js';
+import { RewindConfirmation, RewindOutcome } from './RewindConfirmation.js';
+import { stripReferenceContent } from '../utils/formatters.js';
+import { Command } from '../key/keyMatchers.js';
+import { CliSpinner } from './CliSpinner.js';
+import { ExpandableText } from './shared/ExpandableText.js';
+import { useKeyMatchers } from '../hooks/useKeyMatchers.js';
+const MAX_LINES_PER_BOX = 2;
+const getCleanedRewindText = (userPrompt) => {
+    const contentToUse = userPrompt.displayContent || userPrompt.content;
+    const originalUserText = contentToUse ? partToString(contentToUse) : '';
+    return userPrompt.displayContent
+        ? originalUserText
+        : stripReferenceContent(originalUserText);
+};
+export const RewindViewer = ({ conversation, onExit, onRewind, }) => {
+    const keyMatchers = useKeyMatchers();
+    const [isRewinding, setIsRewinding] = useState(false);
+    const { terminalWidth, terminalHeight } = useUIState();
+    const isScreenReaderEnabled = false; // Ink v4
+    const { selectedMessageId, getStats, confirmationStats, selectMessage, clearSelection, } = useRewind(conversation);
+    const [highlightedMessageId, setHighlightedMessageId] = useState(null);
+    const [expandedMessageId, setExpandedMessageId] = useState(null);
+    const interactions = useMemo(() => conversation.messages.filter((msg) => msg.type === 'user'), [conversation.messages]);
+    const items = useMemo(() => {
+        const interactionItems = interactions.map((msg, idx) => ({
+            key: `${msg.id || 'msg'}-${idx}`,
+            value: msg,
+            index: idx,
+        }));
+        // Add "Current Position" as the last item
+        return [
+            ...interactionItems,
+            {
+                key: 'current-position',
+                value: {
+                    id: 'current-position',
+                    type: 'user',
+                    content: 'Stay at current position',
+                    timestamp: new Date().toISOString(),
+                },
+                index: interactionItems.length,
+            },
+        ];
+    }, [interactions]);
+    useKeypress((key) => {
+        if (!selectedMessageId) {
+            if (keyMatchers[Command.ESCAPE](key)) {
+                onExit();
+                return true;
+            }
+            if (keyMatchers[Command.EXPAND_SUGGESTION](key)) {
+                if (highlightedMessageId &&
+                    highlightedMessageId !== 'current-position') {
+                    setExpandedMessageId(highlightedMessageId);
+                    return true;
+                }
+            }
+            if (keyMatchers[Command.COLLAPSE_SUGGESTION](key)) {
+                setExpandedMessageId(null);
+                return true;
+            }
+        }
+        return false;
+    }, { isActive: true });
+    // Height constraint calculations
+    const DIALOG_PADDING = 2; // Top/bottom padding
+    const HEADER_HEIGHT = 2; // Title + margin
+    const CONTROLS_HEIGHT = 2; // Controls text + margin
+    const listHeight = Math.max(5, terminalHeight - DIALOG_PADDING - HEADER_HEIGHT - CONTROLS_HEIGHT - 2);
+    const maxItemsToShow = Math.max(1, Math.floor(listHeight / 4));
+    if (selectedMessageId) {
+        if (isRewinding) {
+            return (_jsxs(Box, { borderStyle: "round", borderColor: theme.border.default, padding: 1, width: terminalWidth, flexDirection: "row", children: [_jsx(Box, { children: _jsx(CliSpinner, {}) }), _jsx(Text, { children: "Rewinding..." })] }));
+        }
+        if (selectedMessageId === 'current-position') {
+            onExit();
+            return null;
+        }
+        const selectedMessage = interactions.find((m) => m.id === selectedMessageId);
+        return (_jsx(RewindConfirmation, { stats: confirmationStats, terminalWidth: terminalWidth, timestamp: selectedMessage?.timestamp, onConfirm: (outcome) => {
+                if (outcome === RewindOutcome.Cancel) {
+                    clearSelection();
+                }
+                else {
+                    void (async () => {
+                        const userPrompt = interactions.find((m) => m.id === selectedMessageId);
+                        if (userPrompt) {
+                            const cleanedText = getCleanedRewindText(userPrompt);
+                            setIsRewinding(true);
+                            await onRewind(selectedMessageId, cleanedText, outcome);
+                        }
+                    })();
+                }
+            } }));
+    }
+    if (isScreenReaderEnabled) {
+        return (_jsxs(Box, { flexDirection: "column", width: terminalWidth, children: [_jsx(Text, { bold: true, children: "Rewind - Select a conversation point:" }), _jsx(BaseSelectionList, { items: items, initialIndex: items.length - 1, isFocused: true, showNumbers: true, wrapAround: false, onSelect: (item) => {
+                        if (item?.id) {
+                            if (item.id === 'current-position') {
+                                onExit();
+                            }
+                            else {
+                                selectMessage(item.id);
+                            }
+                        }
+                    }, renderItem: (itemWrapper) => {
+                        const item = itemWrapper.value;
+                        const text = item.id === 'current-position'
+                            ? 'Stay at current position'
+                            : getCleanedRewindText(item);
+                        return _jsx(Text, { children: text });
+                    } }), _jsx(Text, { color: theme.text.secondary, children: "Press Esc to exit, Enter to select, arrow keys to navigate." })] }));
+    }
+    return (_jsxs(Box, { borderStyle: "round", borderColor: theme.border.default, flexDirection: "column", width: terminalWidth, paddingX: 1, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, children: ['> ', "Rewind"] }) }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: _jsx(BaseSelectionList, { items: items, initialIndex: items.length - 1, isFocused: true, showNumbers: false, wrapAround: false, onSelect: (item) => {
+                        const userPrompt = item;
+                        if (userPrompt && userPrompt.id) {
+                            if (userPrompt.id === 'current-position') {
+                                onExit();
+                            }
+                            else {
+                                selectMessage(userPrompt.id);
+                            }
+                        }
+                    }, onHighlight: (item) => {
+                        if (item.id) {
+                            setHighlightedMessageId(item.id);
+                            // Collapse when moving selection
+                            setExpandedMessageId(null);
+                        }
+                    }, maxItemsToShow: maxItemsToShow, renderItem: (itemWrapper, { isSelected }) => {
+                        const userPrompt = itemWrapper.value;
+                        if (userPrompt.id === 'current-position') {
+                            return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: isSelected ? theme.status.success : theme.text.primary, children: partToString(userPrompt.displayContent || userPrompt.content) }), _jsx(Text, { color: theme.text.secondary, children: "Cancel rewind and stay here" })] }));
+                        }
+                        const stats = getStats(userPrompt);
+                        const firstFileName = stats?.details?.at(0)?.fileName;
+                        const cleanedText = getCleanedRewindText(userPrompt);
+                        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsx(ExpandableText, { label: cleanedText, isExpanded: expandedMessageId === userPrompt.id, textColor: isSelected ? theme.status.success : theme.text.primary, maxWidth: (terminalWidth - 4) * MAX_LINES_PER_BOX, maxLines: MAX_LINES_PER_BOX }) }), stats ? (_jsxs(Box, { flexDirection: "row", children: [_jsxs(Text, { color: theme.text.secondary, children: [stats.fileCount === 1
+                                                    ? firstFileName
+                                                        ? firstFileName
+                                                        : '1 file changed'
+                                                    : `${stats.fileCount} files changed`, ' '] }), stats.addedLines > 0 && (_jsxs(Text, { color: "green", children: ["+", stats.addedLines, " "] })), stats.removedLines > 0 && (_jsxs(Text, { color: "red", children: ["-", stats.removedLines] }))] })) : (_jsx(Text, { color: theme.text.secondary, children: "No files have been changed" }))] }));
+                    } }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.text.secondary, children: "(Use Enter to select a message, Esc to close, Right/Left to expand/collapse)" }) })] }));
+};

package/dist/ui/components/SessionBrowser/SessionBrowserEmpty.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { Colors } from '../../colors.js';
+/**
+ * Empty state component displayed when no sessions are found.
+ */
+export const SessionBrowserEmpty = () => (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsx(Text, { color: Colors.Gray, children: "No auto-saved conversations found." }), _jsx(Text, { color: Colors.Gray, children: "Press q to exit" })] }));

package/dist/ui/components/SessionBrowser/SessionBrowserError.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { Colors } from '../../colors.js';
+/**
+ * Error state component displayed when session loading fails.
+ */
+export const SessionBrowserError = ({ state, }) => (_jsxs(Box, { flexDirection: "column", paddingX: 1, children: [_jsxs(Text, { color: Colors.AccentRed, children: ["Error: ", state.error] }), _jsx(Text, { color: Colors.Gray, children: "Press q to exit" })] }));

package/dist/ui/components/SessionBrowser/SessionBrowserLoading.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { Colors } from '../../colors.js';
+/**
+ * Loading state component displayed while sessions are being loaded.
+ */
+export const SessionBrowserLoading = () => (_jsx(Box, { flexDirection: "column", paddingX: 1, children: _jsx(Text, { color: Colors.Gray, children: "Loading sessions\u2026" }) }));

package/dist/ui/components/SessionBrowser/SessionBrowserNav.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { Colors } from '../../colors.js';
+const Kbd = ({ name, shortcut }) => (_jsxs(_Fragment, { children: [name, ": ", _jsx(Text, { bold: true, children: shortcut })] }));
+/**
+ * Navigation help component showing keyboard shortcuts.
+ */
+export const NavigationHelpDisplay = () => (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: Colors.Gray, children: [_jsx(Kbd, { name: "Navigate", shortcut: "\u2191/\u2193" }), '   ', _jsx(Kbd, { name: "Resume", shortcut: "Enter" }), '   ', _jsx(Kbd, { name: "Search", shortcut: "/" }), '   ', _jsx(Kbd, { name: "Delete", shortcut: "x" }), '   ', _jsx(Kbd, { name: "Quit", shortcut: "q" })] }), _jsxs(Text, { color: Colors.Gray, children: [_jsx(Kbd, { name: "Sort", shortcut: "s" }), '         ', _jsx(Kbd, { name: "Reverse", shortcut: "r" }), '      ', _jsx(Kbd, { name: "First/Last", shortcut: "g/G" })] })] }));
+/**
+ * Search input display component.
+ */
+export const SearchModeDisplay = ({ state, }) => (_jsxs(Box, { marginTop: 1, children: [_jsx(Text, { color: Colors.Gray, children: "Search: " }), _jsx(Text, { color: Colors.AccentPurple, children: state.searchQuery }), _jsx(Text, { color: Colors.Gray, children: " (Esc to cancel)" })] }));
+/**
+ * No results display component for empty search results.
+ */
+export const NoResultsDisplay = ({ state, }) => (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: Colors.Gray, dimColor: true, children: ["No sessions found matching '", state.searchQuery, "'."] }) }));

package/dist/ui/components/SessionBrowser/SessionListHeader.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+;
+import { Colors } from '../../colors.js';
+/**
+ * Header component showing session count and sort information.
+ */
+export const SessionListHeader = ({ state, }) => (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsxs(Text, { color: Colors.AccentPurple, children: ["Chat Sessions (", state.totalSessions, " total", state.searchQuery ? `, filtered` : '', ")"] }), _jsxs(Text, { color: Colors.Gray, children: ["sorted by ", state.sortOrder, " ", state.sortReverse ? 'asc' : 'desc'] })] }));