@buoy-gg/time-machine 7.0.22 → 7.0.24

package/lib/module/components/list/SourcesStrip.js

@@ -0,0 +1,121 @@
+"use strict";
+
+/**
+ * Sources — one horizontally scrollable line of what a capture will pick up.
+ *
+ * Each source is its own tile (icon over name) rather than a count behind a
+ * disclosure: "is Redux wired?" is a glance question, and the answer should
+ * not cost a screen. A source that can't fully participate dims and carries a
+ * status dot, with the reason spelled out underneath the strip.
+ */
+import { ScrollView, StyleSheet, Text, View } from "react-native";
+import { tm } from "../../ui/tmTheme";
+import { sourceIcon } from "../sources";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function statusDotColor(source) {
+  if (!source.canCapture) return tm.color.labelTertiary; // not detected
+  if (!source.canRestore) return tm.color.warning; // capture only
+  return null; // ready — nothing to flag
+}
+function SourceTile({
+  source
+}) {
+  const Icon = sourceIcon(source.id);
+  const dot = statusDotColor(source);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.tile,
+    testID: `time-machine-source-${source.id}`,
+    accessibilityLabel: `${source.label}: ${source.canCapture ? source.canRestore ? "capture and restore" : "capture only" : "not detected"}`,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [styles.disc, !source.canCapture ? styles.discOff : null],
+      children: [/*#__PURE__*/_jsx(Icon, {
+        size: 26,
+        bgColor: tm.color.fill
+      }), dot ? /*#__PURE__*/_jsx(View, {
+        style: [styles.dot, {
+          backgroundColor: dot
+        }]
+      }) : null]
+    }), /*#__PURE__*/_jsx(Text, {
+      style: [styles.label, !source.canCapture ? styles.labelOff : null],
+      numberOfLines: 1,
+      children: source.label
+    })]
+  });
+}
+export function SourcesStrip({
+  sources
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.card,
+    children: /*#__PURE__*/_jsxs(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: styles.strip,
+      testID: "time-machine-sources",
+      children: [sources.map(source => /*#__PURE__*/_jsx(SourceTile, {
+        source: source
+      }, source.id)), sources.length === 0 ? /*#__PURE__*/_jsx(Text, {
+        style: styles.empty,
+        children: "No state tools installed."
+      }) : null]
+    })
+  });
+}
+const styles = StyleSheet.create({
+  card: {
+    marginHorizontal: tm.gutter,
+    backgroundColor: tm.color.group,
+    borderRadius: tm.radius.group,
+    paddingVertical: 12
+  },
+  strip: {
+    flexDirection: "row",
+    alignItems: "flex-start",
+    paddingHorizontal: tm.textInset,
+    gap: 18
+  },
+  tile: {
+    alignItems: "center",
+    gap: 7,
+    // Fixed width so the row reads as a grid, and wide enough for the
+    // longest source name on ONE line: a second line would be blank for
+    // every other tile while still setting the card's height.
+    width: 78
+  },
+  disc: {
+    width: 50,
+    height: 50,
+    borderRadius: tm.radius.pill,
+    backgroundColor: tm.color.fill,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  discOff: {
+    opacity: 0.35
+  },
+  dot: {
+    position: "absolute",
+    top: 2,
+    right: 2,
+    width: 10,
+    height: 10,
+    borderRadius: 5,
+    // Ring it in the card color so it reads as a badge, not a smudge.
+    borderWidth: 2,
+    borderColor: tm.color.group
+  },
+  label: {
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.mono,
+    textAlign: "center"
+  },
+  labelOff: {
+    color: tm.color.labelTertiary
+  },
+  empty: {
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.footnote
+  }
+});
+//# sourceMappingURL=SourcesStrip.js.map

package/lib/module/components/list/SourcesStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ScrollView","StyleSheet","Text","View","tm","sourceIcon","jsx","_jsx","jsxs","_jsxs","statusDotColor","source","canCapture","color","labelTertiary","canRestore","warning","SourceTile","Icon","id","dot","style","styles","tile","testID","accessibilityLabel","label","children","disc","discOff","size","bgColor","fill","backgroundColor","labelOff","numberOfLines","SourcesStrip","sources","card","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","strip","map","length","empty","create","marginHorizontal","gutter","group","borderRadius","radius","paddingVertical","flexDirection","alignItems","paddingHorizontal","textInset","gap","width","height","pill","justifyContent","opacity","position","top","right","borderWidth","borderColor","labelSecondary","fontSize","font","mono","textAlign","footnote"],"sourceRoot":"../../../../src","sources":["components/list/SourcesStrip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/list/UndoDeleteBar.js

@@ -0,0 +1,78 @@
+"use strict";
+
+/**
+ * The way back from a swipe-delete.
+ *
+ * Swipe-then-tap is deliberate, which is why there's no confirmation dialog —
+ * but deliberate and recoverable are different properties, and a restore
+ * point can stand for state that took ten minutes and a cooperative backend
+ * to build. The record is held in memory until this bar expires.
+ */
+import { useEffect } from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { tm } from "../../ui/tmTheme";
+
+/** Long enough to notice and react, short enough not to linger. */
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const WINDOW_MS = 8000;
+export function UndoDeleteBar({
+  name,
+  at,
+  onUndo,
+  onExpire
+}) {
+  useEffect(() => {
+    const timer = setTimeout(onExpire, WINDOW_MS);
+    return () => clearTimeout(timer);
+    // `at` keyed rather than `onExpire`: a new delete must restart the clock.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [at]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.bar,
+    children: [/*#__PURE__*/_jsxs(Text, {
+      style: styles.text,
+      numberOfLines: 1,
+      children: ["Deleted \u201C", name, "\u201D"]
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onUndo,
+      hitSlop: {
+        top: 10,
+        bottom: 10,
+        left: 10,
+        right: 10
+      },
+      accessibilityRole: "button",
+      testID: "time-machine-undo-delete",
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.undo,
+        children: "Undo"
+      })
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  bar: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    marginHorizontal: tm.gutter,
+    marginTop: 12,
+    minHeight: 46,
+    paddingHorizontal: tm.textInset,
+    backgroundColor: tm.color.group,
+    borderRadius: tm.radius.group
+  },
+  text: {
+    flex: 1,
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.control,
+    letterSpacing: tm.tracking.control
+  },
+  undo: {
+    color: tm.color.accent,
+    fontSize: tm.font.control,
+    fontWeight: "600",
+    letterSpacing: tm.tracking.control
+  }
+});
+//# sourceMappingURL=UndoDeleteBar.js.map

package/lib/module/components/list/UndoDeleteBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","StyleSheet","Text","TouchableOpacity","View","tm","jsxs","_jsxs","jsx","_jsx","WINDOW_MS","UndoDeleteBar","name","at","onUndo","onExpire","timer","setTimeout","clearTimeout","style","styles","bar","children","text","numberOfLines","onPress","hitSlop","top","bottom","left","right","accessibilityRole","testID","undo","create","flexDirection","alignItems","gap","marginHorizontal","gutter","marginTop","minHeight","paddingHorizontal","textInset","backgroundColor","color","group","borderRadius","radius","flex","labelSecondary","fontSize","font","control","letterSpacing","tracking","accent","fontWeight"],"sourceRoot":"../../../../src","sources":["components/list/UndoDeleteBar.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACvE,SAASC,EAAE,QAAQ,kBAAkB;;AAErC;AAAA,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AACA,MAAMC,SAAS,GAAG,IAAI;AAEtB,OAAO,SAASC,aAAaA,CAAC;EAC5BC,IAAI;EACJC,EAAE;EACFC,MAAM;EACNC;AAOF,CAAC,EAAE;EACDf,SAAS,CAAC,MAAM;IACd,MAAMgB,KAAK,GAAGC,UAAU,CAACF,QAAQ,EAAEL,SAAS,CAAC;IAC7C,OAAO,MAAMQ,YAAY,CAACF,KAAK,CAAC;IAChC;IACA;EACF,CAAC,EAAE,CAACH,EAAE,CAAC,CAAC;EAER,oBACEN,KAAA,CAACH,IAAI;IAACe,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,gBACtBf,KAAA,CAACL,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACG,IAAK;MAACC,aAAa,EAAE,CAAE;MAAAF,QAAA,GAAC,gBACjC,EAACV,IAAI,EAAC,QACjB;IAAA,CAAM,CAAC,eACPH,IAAA,CAACN,gBAAgB;MACfsB,OAAO,EAAEX,MAAO;MAChBY,OAAO,EAAE;QAAEC,GAAG,EAAE,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,IAAI,EAAE,EAAE;QAAEC,KAAK,EAAE;MAAG,CAAE;MACtDC,iBAAiB,EAAC,QAAQ;MAC1BC,MAAM,EAAC,0BAA0B;MAAAV,QAAA,eAEjCb,IAAA,CAACP,IAAI;QAACiB,KAAK,EAAEC,MAAM,CAACa,IAAK;QAAAX,QAAA,EAAC;MAAI,CAAM;IAAC,CACrB,CAAC;EAAA,CACf,CAAC;AAEX;AAEA,MAAMF,MAAM,GAAGnB,UAAU,CAACiC,MAAM,CAAC;EAC/Bb,GAAG,EAAE;IACHc,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,gBAAgB,EAAEjC,EAAE,CAACkC,MAAM;IAC3BC,SAAS,EAAE,EAAE;IACbC,SAAS,EAAE,EAAE;IACbC,iBAAiB,EAAErC,EAAE,CAACsC,SAAS;IAC/BC,eAAe,EAAEvC,EAAE,CAACwC,KAAK,CAACC,KAAK;IAC/BC,YAAY,EAAE1C,EAAE,CAAC2C,MAAM,CAACF;EAC1B,CAAC;EACDvB,IAAI,EAAE;IACJ0B,IAAI,EAAE,CAAC;IACPJ,KAAK,EAAExC,EAAE,CAACwC,KAAK,CAACK,cAAc;IAC9BC,QAAQ,EAAE9C,EAAE,CAAC+C,IAAI,CAACC,OAAO;IACzBC,aAAa,EAAEjD,EAAE,CAACkD,QAAQ,CAACF;EAC7B,CAAC;EACDpB,IAAI,EAAE;IACJY,KAAK,EAAExC,EAAE,CAACwC,KAAK,CAACW,MAAM;IACtBL,QAAQ,EAAE9C,EAAE,CAAC+C,IAAI,CAACC,OAAO;IACzBI,UAAU,EAAE,KAAK;IACjBH,aAAa,EAAEjD,EAAE,CAACkD,QAAQ,CAACF;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/list/WipeAllRow.js

@@ -0,0 +1,41 @@
+"use strict";
+
+/**
+ * "Wipe All App State…" — the destructive utility, deliberately last, alone
+ * in its own card and with no icon competing for attention.
+ */
+import { StyleSheet, Text, TouchableOpacity } from "react-native";
+import { tm } from "../../ui/tmTheme";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function WipeAllRow({
+  disabled,
+  onWipe
+}) {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [styles.row, disabled ? styles.disabled : null],
+    onPress: onWipe,
+    disabled: disabled,
+    accessibilityRole: "button",
+    testID: "time-machine-wipe-all",
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: "Wipe All App State\u2026"
+    })
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    minHeight: tm.rowMinHeight,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  label: {
+    color: tm.color.danger,
+    fontSize: tm.font.row,
+    letterSpacing: tm.tracking.row
+  }
+});
+//# sourceMappingURL=WipeAllRow.js.map

package/lib/module/components/list/WipeAllRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Text","TouchableOpacity","tm","jsx","_jsx","WipeAllRow","disabled","onWipe","style","styles","row","onPress","accessibilityRole","testID","children","label","create","minHeight","rowMinHeight","alignItems","justifyContent","opacity","color","danger","fontSize","font","letterSpacing","tracking"],"sourceRoot":"../../../../src","sources":["components/list/WipeAllRow.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA,SAASA,UAAU,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,cAAc;AACjE,SAASC,EAAE,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtC,OAAO,SAASC,UAAUA,CAAC;EACzBC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,oBACEH,IAAA,CAACH,gBAAgB;IACfO,KAAK,EAAE,CAACC,MAAM,CAACC,GAAG,EAAEJ,QAAQ,GAAGG,MAAM,CAACH,QAAQ,GAAG,IAAI,CAAE;IACvDK,OAAO,EAAEJ,MAAO;IAChBD,QAAQ,EAAEA,QAAS;IACnBM,iBAAiB,EAAC,QAAQ;IAC1BC,MAAM,EAAC,uBAAuB;IAAAC,QAAA,eAE9BV,IAAA,CAACJ,IAAI;MAACQ,KAAK,EAAEC,MAAM,CAACM,KAAM;MAAAD,QAAA,EAAC;IAAmB,CAAM;EAAC,CACrC,CAAC;AAEvB;AAEA,MAAML,MAAM,GAAGV,UAAU,CAACiB,MAAM,CAAC;EAC/BN,GAAG,EAAE;IACHO,SAAS,EAAEf,EAAE,CAACgB,YAAY;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDd,QAAQ,EAAE;IACRe,OAAO,EAAE;EACX,CAAC;EACDN,KAAK,EAAE;IACLO,KAAK,EAAEpB,EAAE,CAACoB,KAAK,CAACC,MAAM;IACtBC,QAAQ,EAAEtB,EAAE,CAACuB,IAAI,CAACf,GAAG;IACrBgB,aAAa,EAAExB,EAAE,CAACyB,QAAQ,CAACjB;EAC7B;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/preview/ItemDiffPanel.js

@@ -0,0 +1,72 @@
+"use strict";
+
+/**
+ * One preview item's before/after, rendered INLINE under its row rather than
+ * on a screen of its own — "what changed in this key" is a glance question,
+ * and losing the list to answer it costs you the place you were reading.
+ *
+ * Split view only, with no view switcher. Side-by-side is the shape that
+ * answers the question here ("what is it now, what will it become"), and
+ * inside a list row the segmented control cost more vertical space than the
+ * diff it was switching.
+ *
+ * The render-layer viewer only handles plain JSON faithfully, so both sides
+ * pass through toDiffable (Dates→ISO, Maps→objects, BigInt→"1n", cycles→
+ * "[Circular]") and the pair is memoized ONCE per item — the storage tool's
+ * fix for the fresh-identity-every-render trap that redux/zustand still have.
+ *
+ * No scroller of its own: this sits inside the preview's FlatList, so the
+ * viewer renders at natural height with `scrollEnabled={false}` (the storage
+ * matched-pair contract).
+ */
+import { useMemo } from "react";
+import { StyleSheet, Text, View } from "react-native";
+import { ABSENT_VALUE, ThemedSplitView, devToolsDefaultTheme, toDiffable } from "@buoy-gg/shared-ui/dataViewer";
+import { tm } from "../../ui/tmTheme";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+const EMPTY = [];
+export function ItemDiffPanel({
+  item
+}) {
+  // ABSENT_VALUE keeps added/removed reading as pure additions/removals
+  // instead of diffs against the literal "null".
+  const {
+    oldValue,
+    newValue
+  } = useMemo(() => ({
+    oldValue: item.verdict === "added" ? ABSENT_VALUE : toDiffable(item.oldValue),
+    newValue: item.verdict === "removed" ? ABSENT_VALUE : toDiffable(item.newValue)
+  }), [item]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.panel,
+    children: [item.reason ? /*#__PURE__*/_jsxs(Text, {
+      style: styles.reason,
+      children: ["\u26A0 ", item.reason]
+    }) : null, /*#__PURE__*/_jsx(ThemedSplitView, {
+      oldValue: oldValue,
+      newValue: newValue,
+      differences: EMPTY,
+      theme: devToolsDefaultTheme,
+      scrollEnabled: false
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  // Same fill as the rows above it: this is part of the card, not a thing
+  // floating under it.
+  panel: {
+    // Only a token indent: the viewer lays values out at their natural width
+    // and a 51pt inset (matching the checkbox column) clipped long numbers.
+    paddingLeft: 16,
+    paddingRight: 12,
+    paddingTop: 10,
+    paddingBottom: 14,
+    gap: 10,
+    backgroundColor: tm.color.group
+  },
+  reason: {
+    color: tm.color.warning,
+    fontSize: tm.font.footnote
+  }
+});
+//# sourceMappingURL=ItemDiffPanel.js.map

package/lib/module/components/preview/ItemDiffPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useMemo","StyleSheet","Text","View","ABSENT_VALUE","ThemedSplitView","devToolsDefaultTheme","toDiffable","tm","jsxs","_jsxs","jsx","_jsx","EMPTY","ItemDiffPanel","item","oldValue","newValue","verdict","style","styles","panel","children","reason","differences","theme","scrollEnabled","create","paddingLeft","paddingRight","paddingTop","paddingBottom","gap","backgroundColor","color","group","warning","fontSize","font","footnote"],"sourceRoot":"../../../../src","sources":["components/preview/ItemDiffPanel.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAErD,SACEC,YAAY,EACZC,eAAe,EACfC,oBAAoB,EACpBC,UAAU,QACL,+BAA+B;AACtC,SAASC,EAAE,QAAQ,kBAAkB;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAEtC,MAAMC,KAAgB,GAAG,EAAE;AAE3B,OAAO,SAASC,aAAaA,CAAC;EAAEC;AAAyC,CAAC,EAAE;EAC1E;EACA;EACA,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGjB,OAAO,CACpC,OAAO;IACLgB,QAAQ,EACND,IAAI,CAACG,OAAO,KAAK,OAAO,GAAGd,YAAY,GAAGG,UAAU,CAACQ,IAAI,CAACC,QAAQ,CAAC;IACrEC,QAAQ,EACNF,IAAI,CAACG,OAAO,KAAK,SAAS,GAAGd,YAAY,GAAGG,UAAU,CAACQ,IAAI,CAACE,QAAQ;EACxE,CAAC,CAAC,EACF,CAACF,IAAI,CACP,CAAC;EAED,oBACEL,KAAA,CAACP,IAAI;IAACgB,KAAK,EAAEC,MAAM,CAACC,KAAM;IAAAC,QAAA,GACvBP,IAAI,CAACQ,MAAM,gBAAGb,KAAA,CAACR,IAAI;MAACiB,KAAK,EAAEC,MAAM,CAACG,MAAO;MAAAD,QAAA,GAAC,SAAE,EAACP,IAAI,CAACQ,MAAM;IAAA,CAAO,CAAC,GAAG,IAAI,eACxEX,IAAA,CAACP,eAAe;MACdW,QAAQ,EAAEA,QAAS;MACnBC,QAAQ,EAAEA,QAAS;MACnBO,WAAW,EAAEX,KAAM;MACnBY,KAAK,EAAEnB,oBAAqB;MAC5BoB,aAAa,EAAE;IAAM,CACtB,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,MAAMN,MAAM,GAAGnB,UAAU,CAAC0B,MAAM,CAAC;EAC/B;EACA;EACAN,KAAK,EAAE;IACL;IACA;IACAO,WAAW,EAAE,EAAE;IACfC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,GAAG,EAAE,EAAE;IACPC,eAAe,EAAEzB,EAAE,CAAC0B,KAAK,CAACC;EAC5B,CAAC;EACDZ,MAAM,EAAE;IACNW,KAAK,EAAE1B,EAAE,CAAC0B,KAAK,CAACE,OAAO;IACvBC,QAAQ,EAAE7B,EAAE,CAAC8B,IAAI,CAACC;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/preview/PreviewFlow.js

@@ -0,0 +1,46 @@
+"use strict";
+
+/**
+ * The preview screen, wired to the store — the restore leg (baseline
+ * confirmation, the route prompt, landing back on the list) lives here so
+ * RestorePreviewScreen stays presentation.
+ *
+ * Kept apart from the restore-point list so each screen mounts and unmounts
+ * as a whole tree — the router in ../TimeMachineBody picks one, never swaps
+ * branches inside a live tree. (Item diffs are NOT a screen: they expand
+ * inline inside the preview's list.)
+ */
+import { timeMachineStore } from "../../store/timeMachineStore";
+import { confirmDestructive } from "../confirm";
+import { RestorePreviewScreen } from "./RestorePreviewScreen";
+import { jsx as _jsx } from "react/jsx-runtime";
+function snapshotFor(ref, snapshots) {
+  return ref === "current" ? undefined : snapshots.find(s => s.id === ref.snapshotId);
+}
+export function PreviewScreen({
+  preview,
+  snapshots,
+  busy,
+  onClose
+}) {
+  const rightMeta = snapshotFor(preview.right, snapshots);
+  const restore = (mode, excludeKeys) => {
+    if (!rightMeta || busy) return;
+    if (rightMeta.baseline) {
+      confirmDestructive("Restore fresh install?", "This wipes all app storage and reloads the app.", "Wipe & reload", () => void timeMachineStore.restore(rightMeta.id, "reload"));
+      return;
+    }
+    // Land back on the list, where the outcome card reports the results —
+    // the preview's diff is stale the moment restore runs. Whether the route
+    // comes back is the restore point's own setting, toggled on its row.
+    void timeMachineStore.restore(rightMeta.id, mode, excludeKeys).then(onClose);
+  };
+  return /*#__PURE__*/_jsx(RestorePreviewScreen, {
+    preview: preview,
+    snapshots: snapshots,
+    busy: busy,
+    onBack: onClose,
+    onRestore: restore
+  });
+}
+//# sourceMappingURL=PreviewFlow.js.map

package/lib/module/components/preview/PreviewFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["timeMachineStore","confirmDestructive","RestorePreviewScreen","jsx","_jsx","snapshotFor","ref","snapshots","undefined","find","s","id","snapshotId","PreviewScreen","preview","busy","onClose","rightMeta","right","restore","mode","excludeKeys","baseline","then","onBack","onRestore"],"sourceRoot":"../../../../src","sources":["components/preview/PreviewFlow.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,gBAAgB,QAAQ,8BAA8B;AAM/D,SAASC,kBAAkB,QAAQ,YAAY;AAC/C,SAASC,oBAAoB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,SAASC,WAAWA,CAClBC,GAAmB,EACnBC,SAAyB,EACC;EAC1B,OAAOD,GAAG,KAAK,SAAS,GACpBE,SAAS,GACTD,SAAS,CAACE,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKL,GAAG,CAACM,UAAU,CAAC;AACpD;AAEA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,OAAO;EACPP,SAAS;EACTQ,IAAI;EACJC;AAMF,CAAC,EAAE;EACD,MAAMC,SAAS,GAAGZ,WAAW,CAACS,OAAO,CAACI,KAAK,EAAEX,SAAS,CAAC;EAEvD,MAAMY,OAAO,GAAGA,CAACC,IAAuB,EAAEC,WAAsB,KAAK;IACnE,IAAI,CAACJ,SAAS,IAAIF,IAAI,EAAE;IACxB,IAAIE,SAAS,CAACK,QAAQ,EAAE;MACtBrB,kBAAkB,CAChB,wBAAwB,EACxB,iDAAiD,EACjD,eAAe,EACf,MAAM,KAAKD,gBAAgB,CAACmB,OAAO,CAACF,SAAS,CAACN,EAAE,EAAE,QAAQ,CAC5D,CAAC;MACD;IACF;IACA;IACA;IACA;IACA,KAAKX,gBAAgB,CAClBmB,OAAO,CAACF,SAAS,CAACN,EAAE,EAAES,IAAI,EAAEC,WAAW,CAAC,CACxCE,IAAI,CAACP,OAAO,CAAC;EAClB,CAAC;EAED,oBACEZ,IAAA,CAACF,oBAAoB;IACnBY,OAAO,EAAEA,OAAQ;IACjBP,SAAS,EAAEA,SAAU;IACrBQ,IAAI,EAAEA,IAAK;IACXS,MAAM,EAAER,OAAQ;IAChBS,SAAS,EAAEN;EAAQ,CACpB,CAAC;AAEN","ignoreList":[]}

package/lib/module/components/preview/RestorePointNameRow.js

@@ -0,0 +1,78 @@
+"use strict";
+
+/**
+ * The restore point's name, editable in place.
+ *
+ * Renaming lives on the preview rather than behind a swipe on the list: the
+ * list is for picking one, and you rarely know a name is wrong until you're
+ * looking at what the point actually contains.
+ *
+ * Commits on blur as well as on return — tapping away from a field you have
+ * just typed into should keep the typing. Finder and iOS both treat leaving
+ * as accepting, and silently discarding an edit is the one outcome nobody
+ * wants.
+ */
+import { useEffect, useState } from "react";
+import { StyleSheet, Text, TextInput, View } from "react-native";
+import { tm } from "../../ui/tmTheme";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function RestorePointNameRow({
+  name,
+  onRename
+}) {
+  const [draft, setDraft] = useState(name);
+
+  // A rename from anywhere else (MCP, the desktop) should show up here.
+  useEffect(() => setDraft(name), [name]);
+  const commit = () => {
+    const trimmed = draft.trim();
+    if (!trimmed) {
+      setDraft(name); // an empty name would make the row unidentifiable
+      return;
+    }
+    if (trimmed !== name) onRename(trimmed);
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: styles.label,
+      children: "Name"
+    }), /*#__PURE__*/_jsx(TextInput, {
+      style: styles.input,
+      value: draft,
+      onChangeText: setDraft,
+      onSubmitEditing: commit,
+      onBlur: commit,
+      returnKeyType: "done",
+      selectTextOnFocus: true,
+      accessibilityLabel: "Restore point name",
+      testID: "tm-preview-name"
+    })]
+  });
+}
+const styles = StyleSheet.create({
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 14,
+    minHeight: tm.rowMinHeight,
+    paddingHorizontal: tm.textInset
+  },
+  label: {
+    color: tm.color.labelSecondary,
+    fontSize: tm.font.row,
+    letterSpacing: tm.tracking.row
+  },
+  input: {
+    flex: 1,
+    minWidth: 0,
+    color: tm.color.label,
+    fontSize: tm.font.row,
+    fontWeight: "600",
+    letterSpacing: tm.tracking.row,
+    textAlign: "right",
+    padding: 0,
+    backgroundColor: "transparent"
+  }
+});
+//# sourceMappingURL=RestorePointNameRow.js.map

package/lib/module/components/preview/RestorePointNameRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","StyleSheet","Text","TextInput","View","tm","jsx","_jsx","jsxs","_jsxs","RestorePointNameRow","name","onRename","draft","setDraft","commit","trimmed","trim","style","styles","row","children","label","input","value","onChangeText","onSubmitEditing","onBlur","returnKeyType","selectTextOnFocus","accessibilityLabel","testID","create","flexDirection","alignItems","gap","minHeight","rowMinHeight","paddingHorizontal","textInset","color","labelSecondary","fontSize","font","letterSpacing","tracking","flex","minWidth","fontWeight","textAlign","padding","backgroundColor"],"sourceRoot":"../../../../src","sources":["components/preview/RestorePointNameRow.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,EAAEC,IAAI,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAChE,SAASC,EAAE,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtC,OAAO,SAASC,mBAAmBA,CAAC;EAClCC,IAAI;EACJC;AAIF,CAAC,EAAE;EACD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGd,QAAQ,CAACW,IAAI,CAAC;;EAExC;EACAZ,SAAS,CAAC,MAAMe,QAAQ,CAACH,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EAEvC,MAAMI,MAAM,GAAGA,CAAA,KAAM;IACnB,MAAMC,OAAO,GAAGH,KAAK,CAACI,IAAI,CAAC,CAAC;IAC5B,IAAI,CAACD,OAAO,EAAE;MACZF,QAAQ,CAACH,IAAI,CAAC,CAAC,CAAC;MAChB;IACF;IACA,IAAIK,OAAO,KAAKL,IAAI,EAAEC,QAAQ,CAACI,OAAO,CAAC;EACzC,CAAC;EAED,oBACEP,KAAA,CAACL,IAAI;IAACc,KAAK,EAAEC,MAAM,CAACC,GAAI;IAAAC,QAAA,gBACtBd,IAAA,CAACL,IAAI;MAACgB,KAAK,EAAEC,MAAM,CAACG,KAAM;MAAAD,QAAA,EAAC;IAAI,CAAM,CAAC,eACtCd,IAAA,CAACJ,SAAS;MACRe,KAAK,EAAEC,MAAM,CAACI,KAAM;MACpBC,KAAK,EAAEX,KAAM;MACbY,YAAY,EAAEX,QAAS;MACvBY,eAAe,EAAEX,MAAO;MACxBY,MAAM,EAAEZ,MAAO;MACfa,aAAa,EAAC,MAAM;MACpBC,iBAAiB;MACjBC,kBAAkB,EAAC,oBAAoB;MACvCC,MAAM,EAAC;IAAiB,CACzB,CAAC;EAAA,CACE,CAAC;AAEX;AAEA,MAAMZ,MAAM,GAAGlB,UAAU,CAAC+B,MAAM,CAAC;EAC/BZ,GAAG,EAAE;IACHa,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,EAAE;IACPC,SAAS,EAAE/B,EAAE,CAACgC,YAAY;IAC1BC,iBAAiB,EAAEjC,EAAE,CAACkC;EACxB,CAAC;EACDjB,KAAK,EAAE;IACLkB,KAAK,EAAEnC,EAAE,CAACmC,KAAK,CAACC,cAAc;IAC9BC,QAAQ,EAAErC,EAAE,CAACsC,IAAI,CAACvB,GAAG;IACrBwB,aAAa,EAAEvC,EAAE,CAACwC,QAAQ,CAACzB;EAC7B,CAAC;EACDG,KAAK,EAAE;IACLuB,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,CAAC;IACXP,KAAK,EAAEnC,EAAE,CAACmC,KAAK,CAAClB,KAAK;IACrBoB,QAAQ,EAAErC,EAAE,CAACsC,IAAI,CAACvB,GAAG;IACrB4B,UAAU,EAAE,KAAK;IACjBJ,aAAa,EAAEvC,EAAE,CAACwC,QAAQ,CAACzB,GAAG;IAC9B6B,SAAS,EAAE,OAAO;IAClBC,OAAO,EAAE,CAAC;IACVC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}