whale-code 6.5.5 → 6.5.6

package/dist/cli/chat/RewindViewer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 /**
  * RewindViewer — conversation timeline for rewind selection
  *
@@ -11,175 +11,590 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * - Highlight selected checkpoint
  * - Confirmation step with rewind options
  */
-import { useState, useMemo } from "react";
+
+import { useState } from "react";
 import { Box, Text, useInput } from "ink";
 import { colors, symbols } from "../shared/Theme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ============================================================================
 // TYPES
 // ============================================================================
-export var RewindOutcome;
-(function (RewindOutcome) {
-    RewindOutcome["RewindAndRevert"] = "rewind_and_revert";
-    RewindOutcome["RewindOnly"] = "rewind_only";
-    RewindOutcome["RevertOnly"] = "revert_only";
-    RewindOutcome["Cancel"] = "cancel";
-})(RewindOutcome || (RewindOutcome = {}));
+
+export let RewindOutcome = /*#__PURE__*/function (RewindOutcome) {
+  RewindOutcome["RewindAndRevert"] = "rewind_and_revert";
+  RewindOutcome["RewindOnly"] = "rewind_only";
+  RewindOutcome["RevertOnly"] = "revert_only";
+  RewindOutcome["Cancel"] = "cancel";
+  return RewindOutcome;
+}({});
 // ============================================================================
 // HELPERS
 // ============================================================================
+
 function truncateSummary(text, maxLen) {
-    if (!text)
-        return "(no text)";
-    const cleaned = text.replace(/\n/g, " ").trim();
-    if (cleaned.length <= maxLen)
-        return cleaned;
-    return cleaned.slice(0, maxLen - 1) + "\u2026";
+  if (!text) return "(no text)";
+  const cleaned = text.replace(/\n/g, " ").trim();
+  if (cleaned.length <= maxLen) return cleaned;
+  return cleaned.slice(0, maxLen - 1) + "\u2026";
 }
 function formatFileOp(op, isNew) {
-    if (isNew)
-        return "created";
-    switch (op) {
-        case "write": return "written";
-        case "edit": return "edited";
-        case "multi_edit": return "edited";
-        default: return "modified";
-    }
+  if (isNew) return "created";
+  switch (op) {
+    case "write":
+      return "written";
+    case "edit":
+      return "edited";
+    case "multi_edit":
+      return "edited";
+    default:
+      return "modified";
+  }
 }
 function formatTimeAgo(timestamp) {
-    const diff = Date.now() - timestamp;
-    const seconds = Math.floor(diff / 1000);
-    if (seconds < 60)
-        return "just now";
-    const minutes = Math.floor(seconds / 60);
-    if (minutes < 60)
-        return `${minutes}m ago`;
-    const hours = Math.floor(minutes / 60);
-    return `${hours}h ago`;
+  const diff = Date.now() - timestamp;
+  const seconds = Math.floor(diff / 1000);
+  if (seconds < 60) return "just now";
+  const minutes = Math.floor(seconds / 60);
+  if (minutes < 60) return `${minutes}m ago`;
+  const hours = Math.floor(minutes / 60);
+  return `${hours}h ago`;
 }
 function basename(filePath) {
-    const parts = filePath.split("/");
-    return parts[parts.length - 1] || filePath;
+  const parts = filePath.split("/");
+  return parts[parts.length - 1] || filePath;
 }
+
 // ============================================================================
 // CONFIRMATION COMPONENT
 // ============================================================================
-function RewindConfirmation({ checkpoint, fileChangeCount, onConfirm, onCancel, }) {
-    const hasFileChanges = fileChangeCount > 0;
-    const options = useMemo(() => {
-        const opts = [];
-        if (hasFileChanges) {
-            opts.push({
-                label: "Rewind conversation and revert file changes",
-                value: RewindOutcome.RewindAndRevert,
-            });
-        }
-        opts.push({
-            label: "Rewind conversation only",
-            value: RewindOutcome.RewindOnly,
-        });
-        if (hasFileChanges) {
-            opts.push({
-                label: "Revert file changes only",
-                value: RewindOutcome.RevertOnly,
-            });
-        }
-        opts.push({
-            label: "Cancel (Esc)",
-            value: RewindOutcome.Cancel,
-        });
-        return opts;
-    }, [hasFileChanges]);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    useInput((input, key) => {
-        if (key.escape) {
-            onCancel();
-            return;
-        }
-        if (key.upArrow) {
-            setSelectedIndex(prev => Math.max(0, prev - 1));
-            return;
-        }
-        if (key.downArrow) {
-            setSelectedIndex(prev => Math.min(options.length - 1, prev + 1));
-            return;
-        }
-        if (key.return) {
-            onConfirm(options[selectedIndex].value);
-            return;
-        }
+
+function RewindConfirmation(t0) {
+  const $ = _c(33);
+  const {
+    checkpoint,
+    fileChangeCount,
+    onConfirm,
+    onCancel
+  } = t0;
+  const hasFileChanges = fileChangeCount > 0;
+  let options;
+  if ($[0] !== hasFileChanges) {
+    options = [];
+    if (hasFileChanges) {
+      let t1;
+      if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t1 = {
+          label: "Rewind conversation and revert file changes",
+          value: RewindOutcome.RewindAndRevert
+        };
+        $[2] = t1;
+      } else {
+        t1 = $[2];
+      }
+      options.push(t1);
+    }
+    let t1;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+      t1 = {
+        label: "Rewind conversation only",
+        value: RewindOutcome.RewindOnly
+      };
+      $[3] = t1;
+    } else {
+      t1 = $[3];
+    }
+    options.push(t1);
+    if (hasFileChanges) {
+      let t2;
+      if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = {
+          label: "Revert file changes only",
+          value: RewindOutcome.RevertOnly
+        };
+        $[4] = t2;
+      } else {
+        t2 = $[4];
+      }
+      options.push(t2);
+    }
+    let t2;
+    if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+      t2 = {
+        label: "Cancel (Esc)",
+        value: RewindOutcome.Cancel
+      };
+      $[5] = t2;
+    } else {
+      t2 = $[5];
+    }
+    options.push(t2);
+    $[0] = hasFileChanges;
+    $[1] = options;
+  } else {
+    options = $[1];
+  }
+  const [selectedIndex, setSelectedIndex] = useState(0);
+  let t1;
+  if ($[6] !== onCancel || $[7] !== onConfirm || $[8] !== options || $[9] !== selectedIndex) {
+    t1 = (input, key) => {
+      if (key.escape) {
+        onCancel();
+        return;
+      }
+      if (key.upArrow) {
+        setSelectedIndex(_temp);
+        return;
+      }
+      if (key.downArrow) {
+        setSelectedIndex(prev_0 => Math.min(options.length - 1, prev_0 + 1));
+        return;
+      }
+      if (key.return) {
+        onConfirm(options[selectedIndex].value);
+        return;
+      }
+    };
+    $[6] = onCancel;
+    $[7] = onConfirm;
+    $[8] = options;
+    $[9] = selectedIndex;
+    $[10] = t1;
+  } else {
+    t1 = $[10];
+  }
+  useInput(t1);
+  const termWidth = process.stdout.columns || 80;
+  const boxWidth = Math.min(termWidth - 2, 60);
+  let t2;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = /*#__PURE__*/_jsx(Box, {
+      marginBottom: 1,
+      children: /*#__PURE__*/_jsx(Text, {
+        bold: true,
+        color: colors.brand,
+        children: "Confirm Rewind"
+      })
+    });
+    $[11] = t2;
+  } else {
+    t2 = $[11];
+  }
+  const t3 = checkpoint.turnIndex + 1;
+  let t4;
+  if ($[12] !== checkpoint.summary) {
+    t4 = truncateSummary(checkpoint.summary, 40);
+    $[12] = checkpoint.summary;
+    $[13] = t4;
+  } else {
+    t4 = $[13];
+  }
+  let t5;
+  if ($[14] !== t3 || $[15] !== t4) {
+    t5 = /*#__PURE__*/_jsxs(Text, {
+      dimColor: true,
+      children: ["Rewind to turn ", t3, ": ", t4]
+    });
+    $[14] = t3;
+    $[15] = t4;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  let t6;
+  if ($[17] !== fileChangeCount || $[18] !== hasFileChanges) {
+    t6 = hasFileChanges && /*#__PURE__*/_jsxs(Text, {
+      dimColor: true,
+      children: [fileChangeCount, " file change", fileChangeCount !== 1 ? "s" : "", " will be affected"]
+    });
+    $[17] = fileChangeCount;
+    $[18] = hasFileChanges;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  let t7;
+  if ($[20] !== hasFileChanges) {
+    t7 = !hasFileChanges && /*#__PURE__*/_jsx(Text, {
+      dimColor: true,
+      children: "No file changes to revert."
+    });
+    $[20] = hasFileChanges;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  let t8;
+  if ($[22] !== t5 || $[23] !== t6 || $[24] !== t7) {
+    t8 = /*#__PURE__*/_jsxs(Box, {
+      marginBottom: 1,
+      flexDirection: "column",
+      children: [t5, t6, t7]
+    });
+    $[22] = t5;
+    $[23] = t6;
+    $[24] = t7;
+    $[25] = t8;
+  } else {
+    t8 = $[25];
+  }
+  let t9;
+  if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
+    t9 = /*#__PURE__*/_jsx(Box, {
+      marginBottom: 1,
+      children: /*#__PURE__*/_jsx(Text, {
+        children: "Select an action:"
+      })
+    });
+    $[26] = t9;
+  } else {
+    t9 = $[26];
+  }
+  let t10;
+  if ($[27] !== options || $[28] !== selectedIndex) {
+    t10 = /*#__PURE__*/_jsx(Box, {
+      flexDirection: "column",
+      children: options.map((opt, i) => /*#__PURE__*/_jsxs(Box, {
+        children: [/*#__PURE__*/_jsxs(Text, {
+          color: i === selectedIndex ? colors.brand : colors.quaternary,
+          children: [i === selectedIndex ? symbols.arrowRight : " ", " "]
+        }), /*#__PURE__*/_jsx(Text, {
+          color: i === selectedIndex ? colors.text : colors.secondary,
+          bold: i === selectedIndex,
+          children: opt.label
+        })]
+      }, opt.value))
     });
-    const termWidth = process.stdout.columns || 80;
-    const boxWidth = Math.min(termWidth - 2, 60);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, paddingY: 1, width: boxWidth, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: colors.brand, children: "Confirm Rewind" }) }), _jsxs(Box, { marginBottom: 1, flexDirection: "column", children: [_jsxs(Text, { dimColor: true, children: ["Rewind to turn ", checkpoint.turnIndex + 1, ": ", truncateSummary(checkpoint.summary, 40)] }), hasFileChanges && (_jsxs(Text, { dimColor: true, children: [fileChangeCount, " file change", fileChangeCount !== 1 ? "s" : "", " will be affected"] })), !hasFileChanges && (_jsx(Text, { dimColor: true, children: "No file changes to revert." }))] }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { children: "Select an action:" }) }), _jsx(Box, { flexDirection: "column", children: options.map((opt, i) => (_jsxs(Box, { children: [_jsxs(Text, { color: i === selectedIndex ? colors.brand : colors.quaternary, children: [i === selectedIndex ? symbols.arrowRight : " ", " "] }), _jsx(Text, { color: i === selectedIndex ? colors.text : colors.secondary, bold: i === selectedIndex, children: opt.label })] }, opt.value))) })] }));
+    $[27] = options;
+    $[28] = selectedIndex;
+    $[29] = t10;
+  } else {
+    t10 = $[29];
+  }
+  let t11;
+  if ($[30] !== t10 || $[31] !== t8) {
+    t11 = /*#__PURE__*/_jsxs(Box, {
+      flexDirection: "column",
+      borderStyle: "round",
+      borderColor: colors.border,
+      paddingX: 1,
+      paddingY: 1,
+      width: boxWidth,
+      children: [t2, t8, t9, t10]
+    });
+    $[30] = t10;
+    $[31] = t8;
+    $[32] = t11;
+  } else {
+    t11 = $[32];
+  }
+  return t11;
 }
+
 // ============================================================================
 // MAIN VIEWER COMPONENT
 // ============================================================================
-export function RewindViewer({ checkpoints, onRewind, onCancel }) {
-    // Start selection at the last checkpoint (current position)
-    const [selectedIndex, setSelectedIndex] = useState(checkpoints.length - 1);
-    const [confirmIndex, setConfirmIndex] = useState(null);
-    // Calculate visible window (scrolling for long lists)
-    const termHeight = process.stdout.rows || 24;
-    const maxVisible = Math.max(3, Math.min(checkpoints.length, termHeight - 8));
-    const scrollOffset = useMemo(() => {
-        if (checkpoints.length <= maxVisible)
-            return 0;
-        // Keep selected item roughly centered
-        const half = Math.floor(maxVisible / 2);
-        const start = Math.max(0, Math.min(selectedIndex - half, checkpoints.length - maxVisible));
-        return start;
-    }, [selectedIndex, maxVisible, checkpoints.length]);
-    const visibleCheckpoints = checkpoints.slice(scrollOffset, scrollOffset + maxVisible);
-    useInput((input, key) => {
-        if (confirmIndex !== null)
-            return; // Confirmation handles its own input
-        if (key.escape) {
-            onCancel();
-            return;
-        }
-        if (key.upArrow) {
-            setSelectedIndex(prev => Math.max(0, prev - 1));
-            return;
-        }
-        if (key.downArrow) {
-            setSelectedIndex(prev => Math.min(checkpoints.length - 1, prev + 1));
-            return;
+function _temp(prev) {
+  return Math.max(0, prev - 1);
+}
+export function RewindViewer(t0) {
+  const $ = _c(39);
+  const {
+    checkpoints,
+    onRewind,
+    onCancel
+  } = t0;
+  const [selectedIndex, setSelectedIndex] = useState(checkpoints.length - 1);
+  const [confirmIndex, setConfirmIndex] = useState(null);
+  const termHeight = process.stdout.rows || 24;
+  const maxVisible = Math.max(3, Math.min(checkpoints.length, termHeight - 8));
+  let t1;
+  bb0: {
+    if (checkpoints.length <= maxVisible) {
+      t1 = 0;
+      break bb0;
+    }
+    const half = Math.floor(maxVisible / 2);
+    t1 = Math.max(0, Math.min(selectedIndex - half, checkpoints.length - maxVisible));
+  }
+  const scrollOffset = t1;
+  const visibleCheckpoints = checkpoints.slice(scrollOffset, scrollOffset + maxVisible);
+  let t2;
+  if ($[0] !== checkpoints.length || $[1] !== confirmIndex || $[2] !== onCancel || $[3] !== selectedIndex) {
+    t2 = (input, key) => {
+      if (confirmIndex !== null) {
+        return;
+      }
+      if (key.escape) {
+        onCancel();
+        return;
+      }
+      if (key.upArrow) {
+        setSelectedIndex(_temp2);
+        return;
+      }
+      if (key.downArrow) {
+        setSelectedIndex(prev_0 => Math.min(checkpoints.length - 1, prev_0 + 1));
+        return;
+      }
+      if (key.return) {
+        if (selectedIndex === checkpoints.length - 1) {
+          onCancel();
+          return;
         }
-        if (key.return) {
-            // Selecting the last checkpoint (current) = cancel
-            if (selectedIndex === checkpoints.length - 1) {
-                onCancel();
-                return;
-            }
-            setConfirmIndex(selectedIndex);
-            return;
+        setConfirmIndex(selectedIndex);
+        return;
+      }
+    };
+    $[0] = checkpoints.length;
+    $[1] = confirmIndex;
+    $[2] = onCancel;
+    $[3] = selectedIndex;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  useInput(t2);
+  const termWidth = process.stdout.columns || 80;
+  const boxWidth = Math.min(termWidth - 2, 70);
+  if (confirmIndex !== null) {
+    const checkpoint = checkpoints[confirmIndex];
+    let t3;
+    if ($[5] !== checkpoints || $[6] !== confirmIndex) {
+      t3 = checkpoints.slice(confirmIndex + 1).reduce(_temp3, 0);
+      $[5] = checkpoints;
+      $[6] = confirmIndex;
+      $[7] = t3;
+    } else {
+      t3 = $[7];
+    }
+    const fileChangeCount = t3;
+    let t4;
+    if ($[8] !== confirmIndex || $[9] !== onRewind) {
+      t4 = outcome => {
+        if (outcome === RewindOutcome.Cancel) {
+          setConfirmIndex(null);
+        } else {
+          onRewind(confirmIndex, outcome);
         }
-    });
-    const termWidth = process.stdout.columns || 80;
-    const boxWidth = Math.min(termWidth - 2, 70);
-    // Show confirmation dialog
-    if (confirmIndex !== null) {
-        const checkpoint = checkpoints[confirmIndex];
-        const fileChangeCount = checkpoints
-            .slice(confirmIndex + 1)
-            .reduce((sum, cp) => sum + cp.fileChanges.length, 0);
-        return (_jsx(RewindConfirmation, { checkpoint: checkpoint, fileChangeCount: fileChangeCount, onConfirm: (outcome) => {
-                if (outcome === RewindOutcome.Cancel) {
-                    setConfirmIndex(null);
-                }
-                else {
-                    onRewind(confirmIndex, outcome);
-                }
-            }, onCancel: () => setConfirmIndex(null) }));
+      };
+      $[8] = confirmIndex;
+      $[9] = onRewind;
+      $[10] = t4;
+    } else {
+      t4 = $[10];
+    }
+    let t5;
+    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+      t5 = () => setConfirmIndex(null);
+      $[11] = t5;
+    } else {
+      t5 = $[11];
+    }
+    let t6;
+    if ($[12] !== checkpoint || $[13] !== fileChangeCount || $[14] !== t4) {
+      t6 = /*#__PURE__*/_jsx(RewindConfirmation, {
+        checkpoint: checkpoint,
+        fileChangeCount: fileChangeCount,
+        onConfirm: t4,
+        onCancel: t5
+      });
+      $[12] = checkpoint;
+      $[13] = fileChangeCount;
+      $[14] = t4;
+      $[15] = t6;
+    } else {
+      t6 = $[15];
     }
-    if (checkpoints.length === 0) {
-        return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, paddingY: 1, width: boxWidth, children: [_jsx(Text, { bold: true, color: colors.brand, children: "Rewind" }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Nothing to rewind to." }), _jsx(Text, { children: " " }), _jsx(Text, { dimColor: true, children: "Press Esc to close." })] }));
+    return t6;
+  }
+  if (checkpoints.length === 0) {
+    let t3;
+    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = /*#__PURE__*/_jsxs(Box, {
+        flexDirection: "column",
+        borderStyle: "round",
+        borderColor: colors.border,
+        paddingX: 1,
+        paddingY: 1,
+        width: boxWidth,
+        children: [/*#__PURE__*/_jsx(Text, {
+          bold: true,
+          color: colors.brand,
+          children: "Rewind"
+        }), /*#__PURE__*/_jsx(Text, {
+          children: " "
+        }), /*#__PURE__*/_jsx(Text, {
+          dimColor: true,
+          children: "Nothing to rewind to."
+        }), /*#__PURE__*/_jsx(Text, {
+          children: " "
+        }), /*#__PURE__*/_jsx(Text, {
+          dimColor: true,
+          children: "Press Esc to close."
+        })]
+      });
+      $[16] = t3;
+    } else {
+      t3 = $[16];
     }
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: colors.border, paddingX: 1, paddingY: 1, width: boxWidth, children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: colors.brand, children: [symbols.arrowRight, " Rewind"] }) }), scrollOffset > 0 && (_jsxs(Text, { dimColor: true, children: ["  ", symbols.dot, symbols.dot, symbols.dot, " ", scrollOffset, " more above"] })), _jsx(Box, { flexDirection: "column", children: visibleCheckpoints.map((cp, visIdx) => {
-                    const realIdx = scrollOffset + visIdx;
-                    const isSelected = realIdx === selectedIndex;
-                    const isCurrent = realIdx === checkpoints.length - 1;
-                    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Box, { children: [_jsxs(Text, { color: isSelected ? colors.brand : colors.quaternary, children: [isSelected ? symbols.arrowRight : " ", " "] }), _jsx(Text, { color: isSelected ? colors.text : (isCurrent ? colors.secondary : colors.text), children: isCurrent ? symbols.dot : symbols.bullet }), _jsxs(Text, { color: isSelected ? colors.brand : colors.secondary, bold: isSelected, children: [" ", "Turn ", cp.turnIndex + 1] }), _jsxs(Text, { dimColor: true, children: [" ", symbols.divider, " "] }), _jsx(Text, { color: isSelected ? colors.text : colors.secondary, bold: isSelected, children: truncateSummary(cp.summary, 45) }), isCurrent && (_jsx(Text, { dimColor: true, children: " (current)" }))] }), cp.fileChanges.length > 0 && (_jsx(Box, { flexDirection: "column", marginLeft: 4, children: cp.fileChanges.map((fc, fi) => (_jsxs(Text, { dimColor: true, children: [basename(fc.filePath), " (", formatFileOp(fc.operation, fc.isNewFile), ")"] }, fi))) })), isSelected && (_jsx(Box, { marginLeft: 4, children: _jsx(Text, { dimColor: true, children: formatTimeAgo(cp.timestamp) }) }))] }, realIdx));
-                }) }), scrollOffset + maxVisible < checkpoints.length && (_jsxs(Text, { dimColor: true, children: ["  ", symbols.dot, symbols.dot, symbols.dot, " ", checkpoints.length - scrollOffset - maxVisible, " more below"] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [symbols.arrowRight, " Use arrow keys to select, Enter to rewind, Esc to cancel"] }) })] }));
+    return t3;
+  }
+  const T0 = Box;
+  const t3 = "column";
+  const t4 = "round";
+  const t5 = colors;
+  const t6 = 1;
+  const t7 = 1;
+  let t8;
+  if ($[17] === Symbol.for("react.memo_cache_sentinel")) {
+    t8 = /*#__PURE__*/_jsx(Box, {
+      marginBottom: 1,
+      children: /*#__PURE__*/_jsxs(Text, {
+        bold: true,
+        color: colors.brand,
+        children: [symbols.arrowRight, " Rewind"]
+      })
+    });
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== scrollOffset) {
+    t9 = scrollOffset > 0 && /*#__PURE__*/_jsxs(Text, {
+      dimColor: true,
+      children: ["  ", symbols.dot, symbols.dot, symbols.dot, " ", scrollOffset, " more above"]
+    });
+    $[18] = scrollOffset;
+    $[19] = t9;
+  } else {
+    t9 = $[19];
+  }
+  const T1 = Box;
+  const t10 = "column";
+  let t11;
+  if ($[20] !== checkpoints.length || $[21] !== scrollOffset || $[22] !== selectedIndex) {
+    t11 = (cp_0, visIdx) => {
+      const realIdx = scrollOffset + visIdx;
+      const isSelected = realIdx === selectedIndex;
+      const isCurrent = realIdx === checkpoints.length - 1;
+      return /*#__PURE__*/_jsxs(Box, {
+        flexDirection: "column",
+        marginBottom: 1,
+        children: [/*#__PURE__*/_jsxs(Box, {
+          children: [/*#__PURE__*/_jsxs(Text, {
+            color: isSelected ? colors.brand : colors.quaternary,
+            children: [isSelected ? symbols.arrowRight : " ", " "]
+          }), /*#__PURE__*/_jsx(Text, {
+            color: isSelected ? colors.text : isCurrent ? colors.secondary : colors.text,
+            children: isCurrent ? symbols.dot : symbols.bullet
+          }), /*#__PURE__*/_jsxs(Text, {
+            color: isSelected ? colors.brand : colors.secondary,
+            bold: isSelected,
+            children: [" ", "Turn ", cp_0.turnIndex + 1]
+          }), /*#__PURE__*/_jsxs(Text, {
+            dimColor: true,
+            children: [" ", symbols.divider, " "]
+          }), /*#__PURE__*/_jsx(Text, {
+            color: isSelected ? colors.text : colors.secondary,
+            bold: isSelected,
+            children: truncateSummary(cp_0.summary, 45)
+          }), isCurrent && /*#__PURE__*/_jsx(Text, {
+            dimColor: true,
+            children: " (current)"
+          })]
+        }), cp_0.fileChanges.length > 0 && /*#__PURE__*/_jsx(Box, {
+          flexDirection: "column",
+          marginLeft: 4,
+          children: cp_0.fileChanges.map(_temp4)
+        }), isSelected && /*#__PURE__*/_jsx(Box, {
+          marginLeft: 4,
+          children: /*#__PURE__*/_jsx(Text, {
+            dimColor: true,
+            children: formatTimeAgo(cp_0.timestamp)
+          })
+        })]
+      }, realIdx);
+    };
+    $[20] = checkpoints.length;
+    $[21] = scrollOffset;
+    $[22] = selectedIndex;
+    $[23] = t11;
+  } else {
+    t11 = $[23];
+  }
+  const t12 = visibleCheckpoints.map(t11);
+  let t13;
+  if ($[24] !== T1 || $[25] !== t12) {
+    t13 = /*#__PURE__*/_jsx(T1, {
+      flexDirection: t10,
+      children: t12
+    });
+    $[24] = T1;
+    $[25] = t12;
+    $[26] = t13;
+  } else {
+    t13 = $[26];
+  }
+  let t14;
+  if ($[27] !== checkpoints.length || $[28] !== maxVisible || $[29] !== scrollOffset) {
+    t14 = scrollOffset + maxVisible < checkpoints.length && /*#__PURE__*/_jsxs(Text, {
+      dimColor: true,
+      children: ["  ", symbols.dot, symbols.dot, symbols.dot, " ", checkpoints.length - scrollOffset - maxVisible, " more below"]
+    });
+    $[27] = checkpoints.length;
+    $[28] = maxVisible;
+    $[29] = scrollOffset;
+    $[30] = t14;
+  } else {
+    t14 = $[30];
+  }
+  let t15;
+  if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+    t15 = /*#__PURE__*/_jsx(Box, {
+      marginTop: 1,
+      children: /*#__PURE__*/_jsxs(Text, {
+        dimColor: true,
+        children: [symbols.arrowRight, " Use arrow keys to select, Enter to rewind, Esc to cancel"]
+      })
+    });
+    $[31] = t15;
+  } else {
+    t15 = $[31];
+  }
+  let t16;
+  if ($[32] !== T0 || $[33] !== t13 || $[34] !== t14 || $[35] !== t5.border || $[36] !== t8 || $[37] !== t9) {
+    t16 = /*#__PURE__*/_jsxs(T0, {
+      flexDirection: t3,
+      borderStyle: t4,
+      borderColor: t5.border,
+      paddingX: t6,
+      paddingY: t7,
+      width: boxWidth,
+      children: [t8, t9, t13, t14, t15]
+    });
+    $[32] = T0;
+    $[33] = t13;
+    $[34] = t14;
+    $[35] = t5.border;
+    $[36] = t8;
+    $[37] = t9;
+    $[38] = t16;
+  } else {
+    t16 = $[38];
+  }
+  return t16;
+}
+function _temp4(fc, fi) {
+  return /*#__PURE__*/_jsxs(Text, {
+    dimColor: true,
+    children: [basename(fc.filePath), " (", formatFileOp(fc.operation, fc.isNewFile), ")"]
+  }, fi);
+}
+function _temp3(sum, cp) {
+  return sum + cp.fileChanges.length;
+}
+function _temp2(prev) {
+  return Math.max(0, prev - 1);
 }
+//# sourceMappingURL=RewindViewer.js.map