feat: build

src/components/MessageSelector.tsx

@@ -0,0 +1,831 @@
+import { c as _c } from "react/compiler-runtime";
+import type { ContentBlockParam, TextBlockParam } from '@anthropic-ai/sdk/resources/index.mjs';
+import { randomUUID, type UUID } from 'crypto';
+import figures from 'figures';
+import * as React from 'react';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { type AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS, logEvent } from 'src/services/analytics/index.js';
+import { useAppState } from 'src/state/AppState.js';
+import { type DiffStats, fileHistoryCanRestore, fileHistoryEnabled, fileHistoryGetDiffStats } from 'src/utils/fileHistory.js';
+import { logError } from 'src/utils/log.js';
+import { useExitOnCtrlCDWithKeybindings } from '../hooks/useExitOnCtrlCDWithKeybindings.js';
+import { Box, Text } from '../ink.js';
+import { useKeybinding, useKeybindings } from '../keybindings/useKeybinding.js';
+import type { Message, PartialCompactDirection, UserMessage } from '../types/message.js';
+import { stripDisplayTags } from '../utils/displayTags.js';
+import { createUserMessage, extractTag, isEmptyMessageText, isSyntheticMessage, isToolUseResultMessage } from '../utils/messages.js';
+import { type OptionWithDescription, Select } from './CustomSelect/select.js';
+import { Spinner } from './Spinner.js';
+function isTextBlock(block: ContentBlockParam): block is TextBlockParam {
+  return block.type === 'text';
+}
+import * as path from 'path';
+import { useTerminalSize } from 'src/hooks/useTerminalSize.js';
+import type { FileEditOutput } from 'src/tools/FileEditTool/types.js';
+import type { Output as FileWriteToolOutput } from 'src/tools/FileWriteTool/FileWriteTool.js';
+import { BASH_STDERR_TAG, BASH_STDOUT_TAG, COMMAND_MESSAGE_TAG, LOCAL_COMMAND_STDERR_TAG, LOCAL_COMMAND_STDOUT_TAG, TASK_NOTIFICATION_TAG, TEAMMATE_MESSAGE_TAG, TICK_TAG } from '../constants/xml.js';
+import { count } from '../utils/array.js';
+import { formatRelativeTimeAgo, truncate } from '../utils/format.js';
+import type { Theme } from '../utils/theme.js';
+import { Divider } from './design-system/Divider.js';
+type RestoreOption = 'both' | 'conversation' | 'code' | 'summarize' | 'summarize_up_to' | 'nevermind';
+function isSummarizeOption(option: RestoreOption | null): option is 'summarize' | 'summarize_up_to' {
+  return option === 'summarize' || option === 'summarize_up_to';
+}
+type Props = {
+  messages: Message[];
+  onPreRestore: () => void;
+  onRestoreMessage: (message: UserMessage) => Promise<void>;
+  onRestoreCode: (message: UserMessage) => Promise<void>;
+  onSummarize: (message: UserMessage, feedback?: string, direction?: PartialCompactDirection) => Promise<void>;
+  onClose: () => void;
+  /** Skip pick-list, land on confirm. Caller ran skip-check first. Esc closes fully (no back-to-list). */
+  preselectedMessage?: UserMessage;
+};
+const MAX_VISIBLE_MESSAGES = 7;
+export function MessageSelector({
+  messages,
+  onPreRestore,
+  onRestoreMessage,
+  onRestoreCode,
+  onSummarize,
+  onClose,
+  preselectedMessage
+}: Props): React.ReactNode {
+  const fileHistory = useAppState(s => s.fileHistory);
+  const [error, setError] = useState<string | undefined>(undefined);
+  const isFileHistoryEnabled = fileHistoryEnabled();
+
+  // Add current prompt as a virtual message
+  const currentUUID = useMemo(randomUUID, []);
+  const messageOptions = useMemo(() => [...messages.filter(selectableUserMessagesFilter), {
+    ...createUserMessage({
+      content: ''
+    }),
+    uuid: currentUUID
+  } as UserMessage], [messages, currentUUID]);
+  const [selectedIndex, setSelectedIndex] = useState(messageOptions.length - 1);
+
+  // Orient the selected message as the middle of the visible options
+  const firstVisibleIndex = Math.max(0, Math.min(selectedIndex - Math.floor(MAX_VISIBLE_MESSAGES / 2), messageOptions.length - MAX_VISIBLE_MESSAGES));
+  const hasMessagesToSelect = messageOptions.length > 1;
+  const [messageToRestore, setMessageToRestore] = useState<UserMessage | undefined>(preselectedMessage);
+  const [diffStatsForRestore, setDiffStatsForRestore] = useState<DiffStats | undefined>(undefined);
+  useEffect(() => {
+    if (!preselectedMessage || !isFileHistoryEnabled) return;
+    let cancelled = false;
+    void fileHistoryGetDiffStats(fileHistory, preselectedMessage.uuid).then(stats => {
+      if (!cancelled) setDiffStatsForRestore(stats);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [preselectedMessage, isFileHistoryEnabled, fileHistory]);
+  const [isRestoring, setIsRestoring] = useState(false);
+  const [restoringOption, setRestoringOption] = useState<RestoreOption | null>(null);
+  const [selectedRestoreOption, setSelectedRestoreOption] = useState<RestoreOption>('both');
+  // Per-option feedback state; Select's internal inputValues Map persists
+  // per-option text independently, so sharing one variable would desync.
+  const [summarizeFromFeedback, setSummarizeFromFeedback] = useState('');
+  const [summarizeUpToFeedback, setSummarizeUpToFeedback] = useState('');
+
+  // Generate options with summarize as input type for inline context
+  function getRestoreOptions(canRestoreCode: boolean): OptionWithDescription<RestoreOption>[] {
+    const baseOptions: OptionWithDescription<RestoreOption>[] = canRestoreCode ? [{
+      value: 'both',
+      label: 'Restore code and conversation'
+    }, {
+      value: 'conversation',
+      label: 'Restore conversation'
+    }, {
+      value: 'code',
+      label: 'Restore code'
+    }] : [{
+      value: 'conversation',
+      label: 'Restore conversation'
+    }];
+    const summarizeInputProps = {
+      type: 'input' as const,
+      placeholder: 'add context (optional)',
+      initialValue: '',
+      allowEmptySubmitToCancel: true,
+      showLabelWithValue: true,
+      labelValueSeparator: ': '
+    };
+    baseOptions.push({
+      value: 'summarize',
+      label: 'Summarize from here',
+      ...summarizeInputProps,
+      onChange: setSummarizeFromFeedback
+    });
+    if ("external" === 'ant') {
+      baseOptions.push({
+        value: 'summarize_up_to',
+        label: 'Summarize up to here',
+        ...summarizeInputProps,
+        onChange: setSummarizeUpToFeedback
+      });
+    }
+    baseOptions.push({
+      value: 'nevermind',
+      label: 'Never mind'
+    });
+    return baseOptions;
+  }
+
+  // Log when selector is opened
+  useEffect(() => {
+    logEvent('tengu_message_selector_opened', {});
+  }, []);
+
+  // Helper to restore conversation without confirmation
+  async function restoreConversationDirectly(message: UserMessage) {
+    onPreRestore();
+    setIsRestoring(true);
+    try {
+      await onRestoreMessage(message);
+      setIsRestoring(false);
+      onClose();
+    } catch (error_0) {
+      logError(error_0 as Error);
+      setIsRestoring(false);
+      setError(`Failed to restore the conversation:\n${error_0}`);
+    }
+  }
+  async function handleSelect(message_0: UserMessage) {
+    const index = messages.indexOf(message_0);
+    const indexFromEnd = messages.length - 1 - index;
+    logEvent('tengu_message_selector_selected', {
+      index_from_end: indexFromEnd,
+      message_type: message_0.type as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS,
+      is_current_prompt: false
+    });
+
+    // Do nothing if the message is not found
+    if (!messages.includes(message_0)) {
+      onClose();
+      return;
+    }
+    if (!isFileHistoryEnabled) {
+      await restoreConversationDirectly(message_0);
+      return;
+    }
+    const diffStats = await fileHistoryGetDiffStats(fileHistory, message_0.uuid);
+    setMessageToRestore(message_0);
+    setDiffStatsForRestore(diffStats);
+  }
+  async function onSelectRestoreOption(option: RestoreOption) {
+    logEvent('tengu_message_selector_restore_option_selected', {
+      option: option as AnalyticsMetadata_I_VERIFIED_THIS_IS_NOT_CODE_OR_FILEPATHS
+    });
+    if (!messageToRestore) {
+      setError('Message not found.');
+      return;
+    }
+    if (option === 'nevermind') {
+      if (preselectedMessage) onClose();else setMessageToRestore(undefined);
+      return;
+    }
+    if (isSummarizeOption(option)) {
+      onPreRestore();
+      setIsRestoring(true);
+      setRestoringOption(option);
+      setError(undefined);
+      try {
+        const direction = option === 'summarize_up_to' ? 'up_to' : 'from';
+        const feedback = (direction === 'up_to' ? summarizeUpToFeedback : summarizeFromFeedback).trim() || undefined;
+        await onSummarize(messageToRestore, feedback, direction);
+        setIsRestoring(false);
+        setRestoringOption(null);
+        setMessageToRestore(undefined);
+        onClose();
+      } catch (error_1) {
+        logError(error_1 as Error);
+        setIsRestoring(false);
+        setRestoringOption(null);
+        setMessageToRestore(undefined);
+        setError(`Failed to summarize:\n${error_1}`);
+      }
+      return;
+    }
+    onPreRestore();
+    setIsRestoring(true);
+    setError(undefined);
+    let codeError: Error | null = null;
+    let conversationError: Error | null = null;
+    if (option === 'code' || option === 'both') {
+      try {
+        await onRestoreCode(messageToRestore);
+      } catch (error_2) {
+        codeError = error_2 as Error;
+        logError(codeError);
+      }
+    }
+    if (option === 'conversation' || option === 'both') {
+      try {
+        await onRestoreMessage(messageToRestore);
+      } catch (error_3) {
+        conversationError = error_3 as Error;
+        logError(conversationError);
+      }
+    }
+    setIsRestoring(false);
+    setMessageToRestore(undefined);
+
+    // Handle errors
+    if (conversationError && codeError) {
+      setError(`Failed to restore the conversation and code:\n${conversationError}\n${codeError}`);
+    } else if (conversationError) {
+      setError(`Failed to restore the conversation:\n${conversationError}`);
+    } else if (codeError) {
+      setError(`Failed to restore the code:\n${codeError}`);
+    } else {
+      // Success - close the selector
+      onClose();
+    }
+  }
+  const exitState = useExitOnCtrlCDWithKeybindings();
+  const handleEscape = useCallback(() => {
+    if (messageToRestore && !preselectedMessage) {
+      // Go back to message list instead of closing entirely
+      setMessageToRestore(undefined);
+      return;
+    }
+    logEvent('tengu_message_selector_cancelled', {});
+    onClose();
+  }, [onClose, messageToRestore, preselectedMessage]);
+  const moveUp = useCallback(() => setSelectedIndex(prev => Math.max(0, prev - 1)), []);
+  const moveDown = useCallback(() => setSelectedIndex(prev_0 => Math.min(messageOptions.length - 1, prev_0 + 1)), [messageOptions.length]);
+  const jumpToTop = useCallback(() => setSelectedIndex(0), []);
+  const jumpToBottom = useCallback(() => setSelectedIndex(messageOptions.length - 1), [messageOptions.length]);
+  const handleSelectCurrent = useCallback(() => {
+    const selected = messageOptions[selectedIndex];
+    if (selected) {
+      void handleSelect(selected);
+    }
+  }, [messageOptions, selectedIndex, handleSelect]);
+
+  // Escape to close - uses Confirmation context where escape is bound
+  useKeybinding('confirm:no', handleEscape, {
+    context: 'Confirmation',
+    isActive: !messageToRestore
+  });
+
+  // Message selector navigation keybindings
+  useKeybindings({
+    'messageSelector:up': moveUp,
+    'messageSelector:down': moveDown,
+    'messageSelector:top': jumpToTop,
+    'messageSelector:bottom': jumpToBottom,
+    'messageSelector:select': handleSelectCurrent
+  }, {
+    context: 'MessageSelector',
+    isActive: !isRestoring && !error && !messageToRestore && hasMessagesToSelect
+  });
+  const [fileHistoryMetadata, setFileHistoryMetadata] = useState<Record<number, DiffStats>>({});
+  useEffect(() => {
+    async function loadFileHistoryMetadata() {
+      if (!isFileHistoryEnabled) {
+        return;
+      }
+      // Load file snapshot metadata
+      void Promise.all(messageOptions.map(async (userMessage, itemIndex) => {
+        if (userMessage.uuid !== currentUUID) {
+          const canRestore = fileHistoryCanRestore(fileHistory, userMessage.uuid);
+          const nextUserMessage = messageOptions.at(itemIndex + 1);
+          const diffStats_0 = canRestore ? computeDiffStatsBetweenMessages(messages, userMessage.uuid, nextUserMessage?.uuid !== currentUUID ? nextUserMessage?.uuid : undefined) : undefined;
+          if (diffStats_0 !== undefined) {
+            setFileHistoryMetadata(prev_1 => ({
+              ...prev_1,
+              [itemIndex]: diffStats_0
+            }));
+          } else {
+            setFileHistoryMetadata(prev_2 => ({
+              ...prev_2,
+              [itemIndex]: undefined
+            }));
+          }
+        }
+      }));
+    }
+    void loadFileHistoryMetadata();
+  }, [messageOptions, messages, currentUUID, fileHistory, isFileHistoryEnabled]);
+  const canRestoreCode_0 = isFileHistoryEnabled && diffStatsForRestore?.filesChanged && diffStatsForRestore.filesChanged.length > 0;
+  const showPickList = !error && !messageToRestore && !preselectedMessage && hasMessagesToSelect;
+  return <Box flexDirection="column" width="100%">
+      <Divider color="suggestion" />
+      <Box flexDirection="column" marginX={1} gap={1}>
+        <Text bold color="suggestion">
+          Rewind
+        </Text>
+
+        {error && <>
+            <Text color="error">Error: {error}</Text>
+          </>}
+        {!hasMessagesToSelect && <>
+            <Text>Nothing to rewind to yet.</Text>
+          </>}
+        {!error && messageToRestore && hasMessagesToSelect && <>
+            <Text>
+              Confirm you want to restore{' '}
+              {!diffStatsForRestore && 'the conversation '}to the point before
+              you sent this message:
+            </Text>
+            <Box flexDirection="column" paddingLeft={1} borderStyle="single" borderRight={false} borderTop={false} borderBottom={false} borderLeft={true} borderLeftDimColor>
+              <UserMessageOption userMessage={messageToRestore} color="text" isCurrent={false} />
+              <Text dimColor>
+                ({formatRelativeTimeAgo(new Date(messageToRestore.timestamp))})
+              </Text>
+            </Box>
+            <RestoreOptionDescription selectedRestoreOption={selectedRestoreOption} canRestoreCode={!!canRestoreCode_0} diffStatsForRestore={diffStatsForRestore} />
+            {isRestoring && isSummarizeOption(restoringOption) ? <Box flexDirection="row" gap={1}>
+                <Spinner />
+                <Text>Summarizing…</Text>
+              </Box> : <Select isDisabled={isRestoring} options={getRestoreOptions(!!canRestoreCode_0)} defaultFocusValue={canRestoreCode_0 ? 'both' : 'conversation'} onFocus={value => setSelectedRestoreOption(value as RestoreOption)} onChange={value_0 => onSelectRestoreOption(value_0 as RestoreOption)} onCancel={() => preselectedMessage ? onClose() : setMessageToRestore(undefined)} />}
+            {canRestoreCode_0 && <Box marginBottom={1}>
+                <Text dimColor>
+                  {figures.warning} Rewinding does not affect files edited
+                  manually or via bash.
+                </Text>
+              </Box>}
+          </>}
+        {showPickList && <>
+            {isFileHistoryEnabled ? <Text>
+                Restore the code and/or conversation to the point before…
+              </Text> : <Text>
+                Restore and fork the conversation to the point before…
+              </Text>}
+            <Box width="100%" flexDirection="column">
+              {messageOptions.slice(firstVisibleIndex, firstVisibleIndex + MAX_VISIBLE_MESSAGES).map((msg, visibleOptionIndex) => {
+            const optionIndex = firstVisibleIndex + visibleOptionIndex;
+            const isSelected = optionIndex === selectedIndex;
+            const isCurrent = msg.uuid === currentUUID;
+            const metadataLoaded = optionIndex in fileHistoryMetadata;
+            const metadata = fileHistoryMetadata[optionIndex];
+            const numFilesChanged = metadata?.filesChanged && metadata.filesChanged.length;
+            return <Box key={msg.uuid} height={isFileHistoryEnabled ? 3 : 2} overflow="hidden" width="100%" flexDirection="row">
+                      <Box width={2} minWidth={2}>
+                        {isSelected ? <Text color="permission" bold>
+                            {figures.pointer}{' '}
+                          </Text> : <Text>{'  '}</Text>}
+                      </Box>
+                      <Box flexDirection="column">
+                        <Box flexShrink={1} height={1} overflow="hidden">
+                          <UserMessageOption userMessage={msg} color={isSelected ? 'suggestion' : undefined} isCurrent={isCurrent} paddingRight={10} />
+                        </Box>
+                        {isFileHistoryEnabled && metadataLoaded && <Box height={1} flexDirection="row">
+                            {metadata ? <>
+                                <Text dimColor={!isSelected} color="inactive">
+                                  {numFilesChanged ? <>
+                                      {numFilesChanged === 1 && metadata.filesChanged![0] ? `${path.basename(metadata.filesChanged![0])} ` : `${numFilesChanged} files changed `}
+                                      <DiffStatsText diffStats={metadata} />
+                                    </> : <>No code changes</>}
+                                </Text>
+                              </> : <Text dimColor color="warning">
+                                {figures.warning} No code restore
+                              </Text>}
+                          </Box>}
+                      </Box>
+                    </Box>;
+          })}
+            </Box>
+          </>}
+        {!messageToRestore && <Text dimColor italic>
+            {exitState.pending ? <>Press {exitState.keyName} again to exit</> : <>
+                {!error && hasMessagesToSelect && 'Enter to continue · '}Esc to
+                exit
+              </>}
+          </Text>}
+      </Box>
+    </Box>;
+}
+function getRestoreOptionConversationText(option: RestoreOption): string {
+  switch (option) {
+    case 'summarize':
+      return 'Messages after this point will be summarized.';
+    case 'summarize_up_to':
+      return 'Preceding messages will be summarized. This and subsequent messages will remain unchanged — you will stay at the end of the conversation.';
+    case 'both':
+    case 'conversation':
+      return 'The conversation will be forked.';
+    case 'code':
+    case 'nevermind':
+      return 'The conversation will be unchanged.';
+  }
+}
+function RestoreOptionDescription(t0) {
+  const $ = _c(11);
+  const {
+    selectedRestoreOption,
+    canRestoreCode,
+    diffStatsForRestore
+  } = t0;
+  const showCodeRestore = canRestoreCode && (selectedRestoreOption === "both" || selectedRestoreOption === "code");
+  let t1;
+  if ($[0] !== selectedRestoreOption) {
+    t1 = getRestoreOptionConversationText(selectedRestoreOption);
+    $[0] = selectedRestoreOption;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== t1) {
+    t2 = <Text dimColor={true}>{t1}</Text>;
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== diffStatsForRestore || $[5] !== selectedRestoreOption || $[6] !== showCodeRestore) {
+    t3 = !isSummarizeOption(selectedRestoreOption) && (showCodeRestore ? <RestoreCodeConfirmation diffStatsForRestore={diffStatsForRestore} /> : <Text dimColor={true}>The code will be unchanged.</Text>);
+    $[4] = diffStatsForRestore;
+    $[5] = selectedRestoreOption;
+    $[6] = showCodeRestore;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t2 || $[9] !== t3) {
+    t4 = <Box flexDirection="column">{t2}{t3}</Box>;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  return t4;
+}
+function RestoreCodeConfirmation(t0) {
+  const $ = _c(14);
+  const {
+    diffStatsForRestore
+  } = t0;
+  if (diffStatsForRestore === undefined) {
+    return;
+  }
+  if (!diffStatsForRestore.filesChanged || !diffStatsForRestore.filesChanged[0]) {
+    let t1;
+    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = <Text dimColor={true}>The code has not changed (nothing will be restored).</Text>;
+      $[0] = t1;
+    } else {
+      t1 = $[0];
+    }
+    return t1;
+  }
+  const numFilesChanged = diffStatsForRestore.filesChanged.length;
+  let fileLabel;
+  if (numFilesChanged === 1) {
+    let t1;
+    if ($[1] !== diffStatsForRestore.filesChanged[0]) {
+      t1 = path.basename(diffStatsForRestore.filesChanged[0] || "");
+      $[1] = diffStatsForRestore.filesChanged[0];
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    fileLabel = t1;
+  } else {
+    if (numFilesChanged === 2) {
+      let t1;
+      if ($[3] !== diffStatsForRestore.filesChanged[0]) {
+        t1 = path.basename(diffStatsForRestore.filesChanged[0] || "");
+        $[3] = diffStatsForRestore.filesChanged[0];
+        $[4] = t1;
+      } else {
+        t1 = $[4];
+      }
+      const file1 = t1;
+      let t2;
+      if ($[5] !== diffStatsForRestore.filesChanged[1]) {
+        t2 = path.basename(diffStatsForRestore.filesChanged[1] || "");
+        $[5] = diffStatsForRestore.filesChanged[1];
+        $[6] = t2;
+      } else {
+        t2 = $[6];
+      }
+      const file2 = t2;
+      fileLabel = `${file1} and ${file2}`;
+    } else {
+      let t1;
+      if ($[7] !== diffStatsForRestore.filesChanged[0]) {
+        t1 = path.basename(diffStatsForRestore.filesChanged[0] || "");
+        $[7] = diffStatsForRestore.filesChanged[0];
+        $[8] = t1;
+      } else {
+        t1 = $[8];
+      }
+      const file1_0 = t1;
+      fileLabel = `${file1_0} and ${diffStatsForRestore.filesChanged.length - 1} other files`;
+    }
+  }
+  let t1;
+  if ($[9] !== diffStatsForRestore) {
+    t1 = <DiffStatsText diffStats={diffStatsForRestore} />;
+    $[9] = diffStatsForRestore;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  let t2;
+  if ($[11] !== fileLabel || $[12] !== t1) {
+    t2 = <><Text dimColor={true}>The code will be restored{" "}{t1} in {fileLabel}.</Text></>;
+    $[11] = fileLabel;
+    $[12] = t1;
+    $[13] = t2;
+  } else {
+    t2 = $[13];
+  }
+  return t2;
+}
+function DiffStatsText(t0) {
+  const $ = _c(7);
+  const {
+    diffStats
+  } = t0;
+  if (!diffStats || !diffStats.filesChanged) {
+    return;
+  }
+  let t1;
+  if ($[0] !== diffStats.insertions) {
+    t1 = <Text color="diffAddedWord">+{diffStats.insertions} </Text>;
+    $[0] = diffStats.insertions;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== diffStats.deletions) {
+    t2 = <Text color="diffRemovedWord">-{diffStats.deletions}</Text>;
+    $[2] = diffStats.deletions;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] !== t1 || $[5] !== t2) {
+    t3 = <>{t1}{t2}</>;
+    $[4] = t1;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
+}
+function UserMessageOption(t0) {
+  const $ = _c(31);
+  const {
+    userMessage,
+    color,
+    dimColor,
+    isCurrent,
+    paddingRight
+  } = t0;
+  const {
+    columns
+  } = useTerminalSize();
+  if (isCurrent) {
+    let t1;
+    if ($[0] !== color || $[1] !== dimColor) {
+      t1 = <Box width="100%"><Text italic={true} color={color} dimColor={dimColor}>(current)</Text></Box>;
+      $[0] = color;
+      $[1] = dimColor;
+      $[2] = t1;
+    } else {
+      t1 = $[2];
+    }
+    return t1;
+  }
+  const content = userMessage.message.content;
+  const lastBlock = typeof content === "string" ? null : content[content.length - 1];
+  let T0;
+  let T1;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  if ($[3] !== color || $[4] !== columns || $[5] !== content || $[6] !== dimColor || $[7] !== lastBlock || $[8] !== paddingRight) {
+    t6 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const rawMessageText = typeof content === "string" ? content.trim() : lastBlock && isTextBlock(lastBlock) ? lastBlock.text.trim() : "(no prompt)";
+      const messageText = stripDisplayTags(rawMessageText);
+      if (isEmptyMessageText(messageText)) {
+        let t7;
+        if ($[17] !== color || $[18] !== dimColor) {
+          t7 = <Box flexDirection="row" width="100%"><Text italic={true} color={color} dimColor={dimColor}>((empty message))</Text></Box>;
+          $[17] = color;
+          $[18] = dimColor;
+          $[19] = t7;
+        } else {
+          t7 = $[19];
+        }
+        t6 = t7;
+        break bb0;
+      }
+      if (messageText.includes("<bash-input>")) {
+        const input = extractTag(messageText, "bash-input");
+        if (input) {
+          let t7;
+          if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+            t7 = <Text color="bashBorder">!</Text>;
+            $[20] = t7;
+          } else {
+            t7 = $[20];
+          }
+          t6 = <Box flexDirection="row" width="100%">{t7}<Text color={color} dimColor={dimColor}>{" "}{input}</Text></Box>;
+          break bb0;
+        }
+      }
+      if (messageText.includes(`<${COMMAND_MESSAGE_TAG}>`)) {
+        const commandMessage = extractTag(messageText, COMMAND_MESSAGE_TAG);
+        const args = extractTag(messageText, "command-args");
+        const isSkillFormat = extractTag(messageText, "skill-format") === "true";
+        if (commandMessage) {
+          if (isSkillFormat) {
+            t6 = <Box flexDirection="row" width="100%"><Text color={color} dimColor={dimColor}>Skill({commandMessage})</Text></Box>;
+            break bb0;
+          } else {
+            t6 = <Box flexDirection="row" width="100%"><Text color={color} dimColor={dimColor}>/{commandMessage} {args}</Text></Box>;
+            break bb0;
+          }
+        }
+      }
+      T1 = Box;
+      t4 = "row";
+      t5 = "100%";
+      T0 = Text;
+      t1 = color;
+      t2 = dimColor;
+      t3 = paddingRight ? truncate(messageText, columns - paddingRight, true) : messageText.slice(0, 500).split("\n").slice(0, 4).join("\n");
+    }
+    $[3] = color;
+    $[4] = columns;
+    $[5] = content;
+    $[6] = dimColor;
+    $[7] = lastBlock;
+    $[8] = paddingRight;
+    $[9] = T0;
+    $[10] = T1;
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+    $[14] = t4;
+    $[15] = t5;
+    $[16] = t6;
+  } else {
+    T0 = $[9];
+    T1 = $[10];
+    t1 = $[11];
+    t2 = $[12];
+    t3 = $[13];
+    t4 = $[14];
+    t5 = $[15];
+    t6 = $[16];
+  }
+  if (t6 !== Symbol.for("react.early_return_sentinel")) {
+    return t6;
+  }
+  let t7;
+  if ($[21] !== T0 || $[22] !== t1 || $[23] !== t2 || $[24] !== t3) {
+    t7 = <T0 color={t1} dimColor={t2}>{t3}</T0>;
+    $[21] = T0;
+    $[22] = t1;
+    $[23] = t2;
+    $[24] = t3;
+    $[25] = t7;
+  } else {
+    t7 = $[25];
+  }
+  let t8;
+  if ($[26] !== T1 || $[27] !== t4 || $[28] !== t5 || $[29] !== t7) {
+    t8 = <T1 flexDirection={t4} width={t5}>{t7}</T1>;
+    $[26] = T1;
+    $[27] = t4;
+    $[28] = t5;
+    $[29] = t7;
+    $[30] = t8;
+  } else {
+    t8 = $[30];
+  }
+  return t8;
+}
+
+/**
+ * Computes the diff stats for all the file edits in-between two messages.
+ */
+function computeDiffStatsBetweenMessages(messages: Message[], fromMessageId: UUID, toMessageId: UUID | undefined): DiffStats | undefined {
+  const startIndex = messages.findIndex(msg => msg.uuid === fromMessageId);
+  if (startIndex === -1) {
+    return undefined;
+  }
+  let endIndex = toMessageId ? messages.findIndex(msg => msg.uuid === toMessageId) : messages.length;
+  if (endIndex === -1) {
+    endIndex = messages.length;
+  }
+  const filesChanged: string[] = [];
+  let insertions = 0;
+  let deletions = 0;
+  for (let i = startIndex + 1; i < endIndex; i++) {
+    const msg = messages[i];
+    if (!msg || !isToolUseResultMessage(msg)) {
+      continue;
+    }
+    const result = msg.toolUseResult as FileEditOutput | FileWriteToolOutput;
+    if (!result || !result.filePath || !result.structuredPatch) {
+      continue;
+    }
+    if (!filesChanged.includes(result.filePath)) {
+      filesChanged.push(result.filePath);
+    }
+    try {
+      if ('type' in result && result.type === 'create') {
+        insertions += result.content.split(/\r?\n/).length;
+      } else {
+        for (const hunk of result.structuredPatch) {
+          const additions = count(hunk.lines, line => line.startsWith('+'));
+          const removals = count(hunk.lines, line => line.startsWith('-'));
+          insertions += additions;
+          deletions += removals;
+        }
+      }
+    } catch {
+      continue;
+    }
+  }
+  return {
+    filesChanged,
+    insertions,
+    deletions
+  };
+}
+export function selectableUserMessagesFilter(message: Message): message is UserMessage {
+  if (message.type !== 'user') {
+    return false;
+  }
+  if (Array.isArray(message.message.content) && message.message.content[0]?.type === 'tool_result') {
+    return false;
+  }
+  if (isSyntheticMessage(message)) {
+    return false;
+  }
+  if (message.isMeta) {
+    return false;
+  }
+  if (message.isCompactSummary || message.isVisibleInTranscriptOnly) {
+    return false;
+  }
+  const content = message.message.content;
+  const lastBlock = typeof content === 'string' ? null : content[content.length - 1];
+  const messageText = typeof content === 'string' ? content.trim() : lastBlock && isTextBlock(lastBlock) ? lastBlock.text.trim() : '';
+
+  // Filter out non-user-authored messages (command outputs, task notifications, ticks).
+  if (messageText.indexOf(`<${LOCAL_COMMAND_STDOUT_TAG}>`) !== -1 || messageText.indexOf(`<${LOCAL_COMMAND_STDERR_TAG}>`) !== -1 || messageText.indexOf(`<${BASH_STDOUT_TAG}>`) !== -1 || messageText.indexOf(`<${BASH_STDERR_TAG}>`) !== -1 || messageText.indexOf(`<${TASK_NOTIFICATION_TAG}>`) !== -1 || messageText.indexOf(`<${TICK_TAG}>`) !== -1 || messageText.indexOf(`<${TEAMMATE_MESSAGE_TAG}`) !== -1) {
+    return false;
+  }
+  return true;
+}
+
+/**
+ * Checks if all messages after the given index are synthetic (interruptions, cancels, etc.)
+ * or non-meaningful content. Returns true if there's nothing meaningful to confirm -
+ * for example, if the user hit enter then immediately cancelled.
+ */
+export function messagesAfterAreOnlySynthetic(messages: Message[], fromIndex: number): boolean {
+  for (let i = fromIndex + 1; i < messages.length; i++) {
+    const msg = messages[i];
+    if (!msg) continue;
+
+    // Skip known non-meaningful message types
+    if (isSyntheticMessage(msg)) continue;
+    if (isToolUseResultMessage(msg)) continue;
+    if (msg.type === 'progress') continue;
+    if (msg.type === 'system') continue;
+    if (msg.type === 'attachment') continue;
+    if (msg.type === 'user' && msg.isMeta) continue;
+
+    // Assistant with actual content = meaningful
+    if (msg.type === 'assistant') {
+      const content = msg.message.content;
+      if (Array.isArray(content)) {
+        const hasMeaningfulContent = content.some(block => block.type === 'text' && block.text.trim() || block.type === 'tool_use');
+        if (hasMeaningfulContent) return false;
+      }
+      continue;
+    }
+
+    // User messages that aren't synthetic or meta = meaningful
+    if (msg.type === 'user') {
+      return false;
+    }
+
+    // Other types (e.g., tombstone) are non-meaningful, continue
+  }
+  return true;
+}
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb250ZW50QmxvY2tQYXJhbSIsIlRleHRCbG9ja1BhcmFtIiwicmFuZG9tVVVJRCIsIlVVSUQiLCJmaWd1cmVzIiwiUmVhY3QiLCJ1c2VDYWxsYmFjayIsInVzZUVmZmVjdCIsInVzZU1lbW8iLCJ1c2VTdGF0ZSIsIkFuYWx5dGljc01ldGFkYXRhX0lfVkVSSUZJRURfVEhJU19JU19OT1RfQ09ERV9PUl9GSUxFUEFUSFMiLCJsb2dFdmVudCIsInVzZUFwcFN0YXRlIiwiRGlmZlN0YXRzIiwiZmlsZUhpc3RvcnlDYW5SZXN0b3JlIiwiZmlsZUhpc3RvcnlFbmFibGVkIiwiZmlsZUhpc3RvcnlHZXREaWZmU3RhdHMiLCJsb2dFcnJvciIsInVzZUV4aXRPbkN0cmxDRFdpdGhLZXliaW5kaW5ncyIsIkJveCIsIlRleHQiLCJ1c2VLZXliaW5kaW5nIiwidXNlS2V5YmluZGluZ3MiLCJNZXNzYWdlIiwiUGFydGlhbENvbXBhY3REaXJlY3Rpb24iLCJVc2VyTWVzc2FnZSIsInN0cmlwRGlzcGxheVRhZ3MiLCJjcmVhdGVVc2VyTWVzc2FnZSIsImV4dHJhY3RUYWciLCJpc0VtcHR5TWVzc2FnZVRleHQiLCJpc1N5bnRoZXRpY01lc3NhZ2UiLCJpc1Rvb2xVc2VSZXN1bHRNZXNzYWdlIiwiT3B0aW9uV2l0aERlc2NyaXB0aW9uIiwiU2VsZWN0IiwiU3Bpbm5lciIsImlzVGV4dEJsb2NrIiwiYmxvY2siLCJ0eXBlIiwicGF0aCIsInVzZVRlcm1pbmFsU2l6ZSIsIkZpbGVFZGl0T3V0cHV0IiwiT3V0cHV0IiwiRmlsZVdyaXRlVG9vbE91dHB1dCIsIkJBU0hfU1RERVJSX1RBRyIsIkJBU0hfU1RET1VUX1RBRyIsIkNPTU1BTkRfTUVTU0FHRV9UQUciLCJMT0NBTF9DT01NQU5EX1NUREVSUl9UQUciLCJMT0NBTF9DT01NQU5EX1NURE9VVF9UQUciLCJUQVNLX05PVElGSUNBVElPTl9UQUciLCJURUFNTUFURV9NRVNTQUdFX1RBRyIsIlRJQ0tfVEFHIiwiY291bnQiLCJmb3JtYXRSZWxhdGl2ZVRpbWVBZ28iLCJ0cnVuY2F0ZSIsIlRoZW1lIiwiRGl2aWRlciIsIlJlc3RvcmVPcHRpb24iLCJpc1N1bW1hcml6ZU9wdGlvbiIsIm9wdGlvbiIsIlByb3BzIiwibWVzc2FnZXMiLCJvblByZVJlc3RvcmUiLCJvblJlc3RvcmVNZXNzYWdlIiwibWVzc2FnZSIsIlByb21pc2UiLCJvblJlc3RvcmVDb2RlIiwib25TdW1tYXJpemUiLCJmZWVkYmFjayIsImRpcmVjdGlvbiIsIm9uQ2xvc2UiLCJwcmVzZWxlY3RlZE1lc3NhZ2UiLCJNQVhfVklTSUJMRV9NRVNTQUdFUyIsIk1lc3NhZ2VTZWxlY3RvciIsIlJlYWN0Tm9kZSIsImZpbGVIaXN0b3J5IiwicyIsImVycm9yIiwic2V0RXJyb3IiLCJ1bmRlZmluZWQiLCJpc0ZpbGVIaXN0b3J5RW5hYmxlZCIsImN1cnJlbnRVVUlEIiwibWVzc2FnZU9wdGlvbnMiLCJmaWx0ZXIiLCJzZWxlY3RhYmxlVXNlck1lc3NhZ2VzRmlsdGVyIiwiY29udGVudCIsInV1aWQiLCJzZWxlY3RlZEluZGV4Iiwic2V0U2VsZWN0ZWRJbmRleCIsImxlbmd0aCIsImZpcnN0VmlzaWJsZUluZGV4IiwiTWF0aCIsIm1heCIsIm1pbiIsImZsb29yIiwiaGFzTWVzc2FnZXNUb1NlbGVjdCIsIm1lc3NhZ2VUb1Jlc3RvcmUiLCJzZXRNZXNzYWdlVG9SZXN0b3JlIiwiZGlmZlN0YXRzRm9yUmVzdG9yZSIsInNldERpZmZTdGF0c0ZvclJlc3RvcmUiLCJjYW5jZWxsZWQiLCJ0aGVuIiwic3RhdHMiLCJpc1Jlc3RvcmluZyIsInNldElzUmVzdG9yaW5nIiwicmVzdG9yaW5nT3B0aW9uIiwic2V0UmVzdG9yaW5nT3B0aW9uIiwic2VsZWN0ZWRSZXN0b3JlT3B0aW9uIiwic2V0U2VsZWN0ZWRSZXN0b3JlT3B0aW9uIiwic3VtbWFyaXplRnJvbUZlZWRiYWNrIiwic2V0U3VtbWFyaXplRnJvbUZlZWRiYWNrIiwic3VtbWFyaXplVXBUb0ZlZWRiYWNrIiwic2V0U3VtbWFyaXplVXBUb0ZlZWRiYWNrIiwiZ2V0UmVzdG9yZU9wdGlvbnMiLCJjYW5SZXN0b3JlQ29kZSIsImJhc2VPcHRpb25zIiwidmFsdWUiLCJsYWJlbCIsInN1bW1hcml6ZUlucHV0UHJvcHMiLCJjb25zdCIsInBsYWNlaG9sZGVyIiwiaW5pdGlhbFZhbHVlIiwiYWxsb3dFbXB0eVN1Ym1pdFRvQ2FuY2VsIiwic2hvd0xhYmVsV2l0aFZhbHVlIiwibGFiZWxWYWx1ZVNlcGFyYXRvciIsInB1c2giLCJvbkNoYW5nZSIsInJlc3RvcmVDb252ZXJzYXRpb25EaXJlY3RseSIsIkVycm9yIiwiaGFuZGxlU2VsZWN0IiwiaW5kZXgiLCJpbmRleE9mIiwiaW5kZXhGcm9tRW5kIiwiaW5kZXhfZnJvbV9lbmQiLCJtZXNzYWdlX3R5cGUiLCJpc19jdXJyZW50X3Byb21wdCIsImluY2x1ZGVzIiwiZGlmZlN0YXRzIiwib25TZWxlY3RSZXN0b3JlT3B0aW9uIiwidHJpbSIsImNvZGVFcnJvciIsImNvbnZlcnNhdGlvbkVycm9yIiwiZXhpdFN0YXRlIiwiaGFuZGxlRXNjYXBlIiwibW92ZVVwIiwicHJldiIsIm1vdmVEb3duIiwianVtcFRvVG9wIiwianVtcFRvQm90dG9tIiwiaGFuZGxlU2VsZWN0Q3VycmVudCIsInNlbGVjdGVkIiwiY29udGV4dCIsImlzQWN0aXZlIiwiZmlsZUhpc3RvcnlNZXRhZGF0YSIsInNldEZpbGVIaXN0b3J5TWV0YWRhdGEiLCJSZWNvcmQiLCJsb2FkRmlsZUhpc3RvcnlNZXRhZGF0YSIsImFsbCIsIm1hcCIsInVzZXJNZXNzYWdlIiwiaXRlbUluZGV4IiwiY2FuUmVzdG9yZSIsIm5leHRVc2VyTWVzc2FnZSIsImF0IiwiY29tcHV0ZURpZmZTdGF0c0JldHdlZW5NZXNzYWdlcyIsImZpbGVzQ2hhbmdlZCIsInNob3dQaWNrTGlzdCIsIkRhdGUiLCJ0aW1lc3RhbXAiLCJ3YXJuaW5nIiwic2xpY2UiLCJtc2ciLCJ2aXNpYmxlT3B0aW9uSW5kZXgiLCJvcHRpb25JbmRleCIsImlzU2VsZWN0ZWQiLCJpc0N1cnJlbnQiLCJtZXRhZGF0YUxvYWRlZCIsIm1ldGFkYXRhIiwibnVtRmlsZXNDaGFuZ2VkIiwicG9pbnRlciIsImJhc2VuYW1lIiwicGVuZGluZyIsImtleU5hbWUiLCJnZXRSZXN0b3JlT3B0aW9uQ29udmVyc2F0aW9uVGV4dCIsIlJlc3RvcmVPcHRpb25EZXNjcmlwdGlvbiIsInQwIiwiJCIsIl9jIiwic2hvd0NvZGVSZXN0b3JlIiwidDEiLCJ0MiIsInQzIiwidDQiLCJSZXN0b3JlQ29kZUNvbmZpcm1hdGlvbiIsIlN5bWJvbCIsImZvciIsImZpbGVMYWJlbCIsImZpbGUxIiwiZmlsZTIiLCJmaWxlMV8wIiwiRGlmZlN0YXRzVGV4dCIsImluc2VydGlvbnMiLCJkZWxldGlvbnMiLCJVc2VyTWVzc2FnZU9wdGlvbiIsImNvbG9yIiwiZGltQ29sb3IiLCJwYWRkaW5nUmlnaHQiLCJjb2x1bW5zIiwibGFzdEJsb2NrIiwiVDAiLCJUMSIsInQ1IiwidDYiLCJiYjAiLCJyYXdNZXNzYWdlVGV4dCIsInRleHQiLCJtZXNzYWdlVGV4dCIsInQ3IiwiaW5wdXQiLCJjb21tYW5kTWVzc2FnZSIsImFyZ3MiLCJpc1NraWxsRm9ybWF0Iiwic3BsaXQiLCJqb2luIiwidDgiLCJmcm9tTWVzc2FnZUlkIiwidG9NZXNzYWdlSWQiLCJzdGFydEluZGV4IiwiZmluZEluZGV4IiwiZW5kSW5kZXgiLCJpIiwicmVzdWx0IiwidG9vbFVzZVJlc3VsdCIsImZpbGVQYXRoIiwic3RydWN0dXJlZFBhdGNoIiwiaHVuayIsImFkZGl0aW9ucyIsImxpbmVzIiwibGluZSIsInN0YXJ0c1dpdGgiLCJyZW1vdmFscyIsIkFycmF5IiwiaXNBcnJheSIsImlzTWV0YSIsImlzQ29tcGFjdFN1bW1hcnkiLCJpc1Zpc2libGVJblRyYW5zY3JpcHRPbmx5IiwibWVzc2FnZXNBZnRlckFyZU9ubHlTeW50aGV0aWMiLCJmcm9tSW5kZXgiLCJoYXNNZWFuaW5nZnVsQ29udGVudCIsInNvbWUiXSwic291cmNlcyI6WyJNZXNzYWdlU2VsZWN0b3IudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHtcbiAgQ29udGVudEJsb2NrUGFyYW0sXG4gIFRleHRCbG9ja1BhcmFtLFxufSBmcm9tICdAYW50aHJvcGl
Line truncated