@buoy-gg/time-machine 7.0.40 → 7.0.42

package/lib/commonjs/components/preview/RestorePreviewScreen.js

@@ -1,1010 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RestorePreviewScreen = RestorePreviewScreen;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _core = require("@buoy-gg/core");
-var _HeaderActions = require("../HeaderActions");
-var _primitives = require("../../ui/primitives");
-var _tmTheme = require("../../ui/tmTheme");
-var _timeMachineStore = require("../../store/timeMachineStore");
-var _ItemDiffPanel = require("./ItemDiffPanel");
-var _RestorePointNameRow = require("./RestorePointNameRow");
-var _verdictMeta = require("./verdictMeta");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Restore Preview — "what will restoring this snapshot actually change?"
- *
- * ONE virtualized FlatList is the scrollable area (the section header, the
- * source rows, their item rows and the inline diffs are all list rows) with
- * a sticky Restore CTA footer — no nested scroll regions, so thousands of
- * storage keys stay cheap.
- *
- * Layout follows the Time Machine mockup: source sections are card
- * dropdowns with tool-icon tiles, a "N keys · M changed" detection subtitle,
- * ±≈ badges, a search field with an expand/collapse-all button, and a bottom
- * "Restore State" pill. Only rows a restore would touch (or can't touch)
- * render — unchanged items never do. Every applicable item keeps its
- * INCLUDE checkbox (source headers toggle their whole section) — unchecked
- * items are passed to restore as exclusions and left untouched.
- */
-
-const SOURCE_NOUNS = {
-  storage: "keys",
-  redux: "slices",
-  zustand: "stores",
-  jotai: "atoms",
-  query: "queries"
-};
-
-/**
- * Where a row sits in the one card that holds the whole list. The list has
- * to stay flat to stay virtualized, so each row paints its own share of the
- * card: the first row rounds its top, the last rounds its bottom, and every
- * other row draws the hairline above it.
- */
-
-/**
- * The route leg, as a row in the same card as the sources. It is not a
- * source — nothing diffs it — but "will this also take me back to
- * /checkout?" is a decision about THIS restore, so it belongs beside the
- * other things the restore is about to do rather than on the list screen.
- */
-
-/** Shared empty selection — a stable identity for "nothing is excluded". */
-const EMPTY_SELECTION = new Set();
-function sameSelection(a, b) {
-  if (a.size !== b.size) return false;
-  for (const key of a) if (!b.has(key)) return false;
-  return true;
-}
-
-/** Compound exclusion key — what timeMachineStore.restore expects. */
-function cKey(sourceId, itemKey) {
-  return `${sourceId}::${itemKey}`;
-}
-function shortPreview(value) {
-  if (value === undefined) return "∅";
-  try {
-    const s = typeof value === "string" ? `"${value}"` : JSON.stringify(value);
-    if (!s) return String(value);
-    return s.length > 46 ? `${s.slice(0, 43)}…` : s;
-  } catch {
-    return "[complex]";
-  }
-}
-
-/**
- * The grouped-card shell one row paints. Rounds the ends, insets the card
- * from the sheet, and draws the hairline that separates it from the row
- * above — the same shape the home list's <Group> makes, rebuilt per row so
- * the list stays virtualized.
- */
-function CardRow({
-  position,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.cardRow, position.first ? styles.cardRowFirst : null, position.last ? styles.cardRowLast : null],
-    children: [position.first ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.cardSeparator
-    }), children]
-  });
-}
-function CountPill({
-  glyph,
-  count,
-  color,
-  testID
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.countPill, {
-      backgroundColor: `${color}26`
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-      style: [styles.countPillText, {
-        color
-      }],
-      testID: testID,
-      children: [glyph, count]
-    })
-  });
-}
-function Checkbox({
-  state
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.checkbox, state !== "none" && styles.checkboxChecked],
-    children: state === "none" ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: styles.checkboxGlyph,
-      children: state === "all" ? "✓" : "−"
-    })
-  });
-}
-const ItemRow = /*#__PURE__*/(0, _react.memo)(function ItemRow({
-  row,
-  expanded,
-  onOpen,
-  onToggle
-}) {
-  const meta = _verdictMeta.VERDICT_META[row.item.verdict];
-  const dimmed = !meta.applies || row.excluded;
-  const openable = row.item.verdict === "changed" || row.item.verdict === "added" || row.item.verdict === "removed";
-  // One stem for the row and every part of it, so a test that found the row
-  // can read its label, its before/after and its exclusion note without
-  // rebuilding the compound key three times.
-  const id = `tm-preview-item-${row.sourceId}-${row.item.key}`;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardRow, {
-    position: row,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.itemRow, dimmed && styles.dimmed],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onToggle,
-        disabled: !meta.applies,
-        hitSlop: {
-          top: 10,
-          bottom: 10,
-          left: 8,
-          right: 8
-        },
-        testID: `tm-preview-toggle-${row.sourceId}-${row.item.key}`,
-        accessibilityRole: "checkbox",
-        accessibilityState: {
-          checked: !(!meta.applies || row.excluded)
-        },
-        accessibilityLabel: `Include ${row.item.label}`,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Checkbox, {
-          state: !meta.applies || row.excluded ? "none" : "all"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: styles.itemBodyTouch,
-        onPress: () => openable && onOpen(),
-        disabled: !openable,
-        testID: id,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.itemGlyph, {
-            color: meta.color
-          }],
-          children: meta.glyph
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.itemBody,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.itemLabel,
-            numberOfLines: 1,
-            testID: `${id}-label`,
-            children: row.item.label
-          }), row.item.verdict === "changed" && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.itemPreview,
-            numberOfLines: 1,
-            testID: `${id}-values`,
-            children: [shortPreview(row.item.oldValue), " \u2192", " ", shortPreview(row.item.newValue)]
-          }), row.item.verdict === "added" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.itemPreview,
-            numberOfLines: 1,
-            testID: `${id}-values`,
-            children: shortPreview(row.item.newValue)
-          }), row.item.verdict === "removed" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: [styles.itemPreview, styles.itemPreviewRemoved],
-            numberOfLines: 1,
-            testID: `${id}-values`,
-            children: shortPreview(row.item.oldValue)
-          }), row.excluded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.itemExcluded,
-            testID: `${id}-excluded`,
-            children: "excluded \u2014 restore leaves this untouched"
-          }) : row.item.reason && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.itemReason,
-            numberOfLines: 2,
-            testID: `${id}-reason`,
-            children: row.item.reason
-          })]
-        }), openable ? expanded ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
-          size: 16,
-          color: _tmTheme.tm.color.labelTertiary
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DisclosureChevron, {}) : null]
-      })]
-    })
-  });
-});
-function RestorePreviewScreen({
-  preview,
-  snapshots,
-  busy,
-  onBack,
-  onRestore
-}) {
-  const host = (0, _core.useToolHost)();
-  const hosted = host.instanceId !== undefined;
-  // `minBottom` is a floor, not a preference: the dimension map can't know
-  // about a device that ships next year, and an unmapped one falls through to
-  // `bottom: 0`. This keeps the CTA off the home indicator either way.
-  const insets = (0, _sharedUi.useSafeAreaInsets)({
-    minBottom: 16
-  });
-  const [collapsed, setCollapsed] = (0, _react.useState)({});
-  const [excluded, setExcluded] = (0, _react.useState)(new Set());
-  /** Set by every checkbox interaction — see the auto-save effect below. */
-  const userEditedRef = (0, _react.useRef)(false);
-  /** Item rows whose diff is expanded inline, by compound key. */
-  const [openDiffs, setOpenDiffs] = (0, _react.useState)(EMPTY_SELECTION);
-  const toggleDiff = (0, _react.useCallback)(key => {
-    setOpenDiffs(prev => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);else next.add(key);
-      return next;
-    });
-  }, []);
-  // Filtering lives in the shared modal header (the magnifier), same as the
-  // restore-point list and every other Buoy tool — one place to look for it.
-  const search = host.search;
-  const rightMeta = preview.right === "current" ? undefined : snapshots.find(s => s.id === preview.right.snapshotId);
-  // Latest-ref: `renderRow` is memoized on its handlers, so this one has to
-  // keep a stable identity while still reading the current snapshot.
-  const rightMetaRef = (0, _react.useRef)(rightMeta);
-  rightMetaRef.current = rightMeta;
-
-  /** Flip whether this restore also navigates back to the captured route. */
-  const toggleRoute = (0, _react.useCallback)(() => {
-    if (!rightMetaRef.current) return;
-    const meta = rightMetaRef.current;
-    void _timeMachineStore.timeMachineStore.setRestoreRoute(meta.id, !(0, _timeMachineStore.willRestoreRoute)(meta));
-  }, []);
-  const isBaseline = rightMeta?.baseline === true;
-  const liveLeft = preview.left === "current";
-
-  /**
-   * The selection this restore point already remembers, as exclusions. Null
-   * until there is a snapshot on the right-hand side to have one.
-   */
-  const savedExcluded = (0, _react.useMemo)(() => {
-    if (!rightMeta) return null;
-    return rightMeta.excludedKeys?.length ? new Set(rightMeta.excludedKeys) : EMPTY_SELECTION;
-  }, [rightMeta]);
-
-  /**
-   * A snapshot still carrying the older `scope` include-list ("only ever
-   * touch these", set via MCP). It seeds the checkboxes and is converted to
-   * exclusions on read — a restore of it would otherwise still apply include
-   * semantics, and the two forms would disagree about what one tap does.
-   */
-  const legacyScoped = !!rightMeta?.scope?.length && !rightMeta?.excludedKeys?.length;
-  const legacySeed = (0, _react.useMemo)(() => {
-    if (!legacyScoped || !rightMeta?.scope) return EMPTY_SELECTION;
-    const scopeSet = new Set(rightMeta.scope);
-    const next = new Set();
-    for (const src of preview.sources) {
-      for (const item of src.items) {
-        const key = cKey(src.id, item.key);
-        if (_verdictMeta.VERDICT_META[item.verdict].applies && !scopeSet.has(key)) {
-          next.add(key);
-        }
-      }
-    }
-    return next;
-  }, [legacyScoped, rightMeta, preview.sources]);
-
-  // Open with the saved selection already applied — once per snapshot, and
-  // only once there is a diff to apply it to.
-  const seededFor = (0, _react.useRef)(null);
-  (0, _react.useEffect)(() => {
-    if (!rightMeta || preview.building || !savedExcluded) return;
-    if (seededFor.current === rightMeta.id) return;
-    seededFor.current = rightMeta.id;
-    userEditedRef.current = false;
-    const seed = savedExcluded.size > 0 ? savedExcluded : legacySeed;
-    if (seed.size > 0) setExcluded(new Set(seed));
-    // Convert an older include-list scope the moment it's read, so the two
-    // forms never disagree about what a restore will do.
-    if (legacyScoped && seed.size > 0) {
-      void _timeMachineStore.timeMachineStore.setExclusions(rightMeta.id, Array.from(seed));
-    }
-  }, [rightMeta, preview.building, savedExcluded, legacySeed, legacyScoped]);
-
-  /**
-   * Auto-save. The checkboxes ARE the restore point's setting, so there is
-   * nothing to confirm — every edit persists as EXCLUSIONS (the items to
-   * leave alone), and every later restore of this point honors them, one-tap
-   * RESTORE and MCP included.
-   *
-   * Never an include list: unchecking one of ten keys must keep restoring the
-   * other nine AND anything that only starts differing tomorrow, which a list
-   * built from today's diff cannot do.
-   *
-   * Gated on a ref rather than on comparing to what's stored, because on the
-   * frames before the seed lands `excluded` is legitimately empty — writing
-   * that would erase the saved selection we are about to load.
-   */
-  (0, _react.useEffect)(() => {
-    if (!rightMeta || !savedExcluded || !userEditedRef.current) return;
-    if (sameSelection(excluded, savedExcluded)) return;
-    const keys = Array.from(excluded);
-    void _timeMachineStore.timeMachineStore.setExclusions(rightMeta.id, keys.length ? keys : null);
-  }, [excluded, rightMeta, savedExcluded]);
-  const toggleItem = (0, _react.useCallback)(key => {
-    userEditedRef.current = true;
-    setExcluded(prev => {
-      const next = new Set(prev);
-      if (next.has(key)) next.delete(key);else next.add(key);
-      return next;
-    });
-  }, []);
-  const toggleSource = (0, _react.useCallback)((source, includeState) => {
-    userEditedRef.current = true;
-    setExcluded(prev => {
-      const next = new Set(prev);
-      for (const item of source.items) {
-        if (!_verdictMeta.VERDICT_META[item.verdict].applies) continue;
-        const key = cKey(source.id, item.key);
-        if (includeState === "all") next.add(key);else next.delete(key);
-      }
-      return next;
-    });
-  }, []);
-
-  // Takes the EFFECTIVE collapsed state — the map is sparse (defaults come
-  // from the ?? fallback), so `!map[id]` would no-op the first tap on a
-  // default-collapsed card.
-  const toggleCollapse = (0, _react.useCallback)((id, currentlyCollapsed) => {
-    setCollapsed(c => ({
-      ...c,
-      [id]: !currentlyCollapsed
-    }));
-  }, []);
-  const totals = (0, _react.useMemo)(() => {
-    let applies = 0;
-    let excludedCount = 0;
-    let wontApply = 0;
-    const perSource = [];
-    for (const src of preview.sources) {
-      let n = 0;
-      for (const item of src.items) {
-        const m = _verdictMeta.VERDICT_META[item.verdict];
-        if (m.applies) {
-          if (excluded.has(cKey(src.id, item.key))) excludedCount += 1;else {
-            applies += 1;
-            n += 1;
-          }
-        } else if (item.verdict === "wont-apply") wontApply += 1;
-      }
-      if (n > 0) perSource.push(`${n} ${src.label.toLowerCase()}`);
-    }
-    return {
-      applies,
-      excludedCount,
-      wontApply,
-      perSource
-    };
-  }, [preview.sources, excluded]);
-
-  // Hosted: back + identity in the shared modal header. Restore lives in the
-  // bottom CTA; the preset's labeled RELOAD APP action stays available.
-  (0, _core.useToolHeader)(hosted ? {
-    title: "Restore Preview",
-    subtitle: rightMeta?.name ?? "preview",
-    onBack,
-    // BAR from here arms the point being previewed.
-    actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderActions.TimeMachineHeaderActions, {
-      armId: rightMeta?.id
-    })
-  } : null,
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  [hosted, rightMeta?.name, rightMeta?.id]);
-  const {
-    rows,
-    blockedSources
-  } = (0, _react.useMemo)(() => {
-    const q = search.trim().toLowerCase();
-    const out = [];
-    // Sources the restore would not touch at all get no card: "no changes"
-    // rows are noise on a screen about what WILL change.
-    /** Sources holding a won't-apply item, so the note can name where to look. */
-    const blocked = [];
-    for (const src of preview.sources) {
-      // Every detected source gets a card whose subtitle carries the
-      // detection proof ("60 keys · 7 changed" / "2 slices · no changes"),
-      // so clean sources need no expansion. Unchanged ITEMS never render.
-      const relevant = src.items.some(i => i.verdict !== "unchanged");
-      if (!relevant && !src.error) continue;
-      const expandable = relevant || src.notes.length > 0 || !!src.error;
-      const applicable = src.items.filter(i => _verdictMeta.VERDICT_META[i.verdict].applies);
-      const wontApplyCount = src.items.filter(i => i.verdict === "wont-apply").length;
-      if (wontApplyCount > 0) blocked.push(src.label);
-      const noun = src.items.length === 1 ? (SOURCE_NOUNS[src.id] ?? "items").replace(/ies$/, "y").replace(/s$/, "") : SOURCE_NOUNS[src.id] ?? "items";
-      const summary = `${src.items.length} ${noun} · ` + (applicable.length > 0 ? `${applicable.length} changed` : wontApplyCount > 0 ? `${wontApplyCount} won't apply` : "no changes");
-      const excludedInSource = applicable.filter(i => excluded.has(cKey(src.id, i.key))).length;
-      const includeState = applicable.length === 0 || excludedInSource === 0 ? "all" : excludedInSource === applicable.length ? "none" : "some";
-      const counts = {
-        added: 0,
-        removed: 0,
-        changed: 0
-      };
-      for (const i of src.items) {
-        if (excluded.has(cKey(src.id, i.key))) continue;
-        if (i.verdict === "added") counts.added += 1;else if (i.verdict === "removed") counts.removed += 1;else if (i.verdict === "changed" || i.verdict === "too-large") counts.changed += 1;
-      }
-      const visible = src.items.filter(item => {
-        // Unchanged items never render — the dropdowns show only what a
-        // restore would touch (changed) or can't touch (won't-apply).
-        if (item.verdict === "unchanged") return false;
-        if (q && !item.label.toLowerCase().includes(q)) return false;
-        return true;
-      });
-      // Everything starts collapsed. The screen's job on open is "which
-      // sources would this touch, and how much" — expanding a source with
-      // 58 keys before you asked buries that under its own contents.
-      const isCollapsed = expandable ? collapsed[src.id] ?? true : true;
-      out.push({
-        kind: "source",
-        source: src,
-        collapsed: isCollapsed,
-        includeState,
-        applicableCount: applicable.length,
-        counts,
-        expandable,
-        summary,
-        first: false,
-        last: false
-      });
-      if (!isCollapsed) {
-        for (const note of src.notes) {
-          out.push({
-            kind: "note",
-            id: `${src.id}:${note}`,
-            text: note,
-            first: false,
-            last: false
-          });
-        }
-        if (src.error) {
-          out.push({
-            kind: "note",
-            id: `${src.id}:err`,
-            text: `⚠ ${src.error}`,
-            first: false,
-            last: false
-          });
-        }
-        for (const item of visible) {
-          const key = cKey(src.id, item.key);
-          out.push({
-            kind: "item",
-            sourceId: src.id,
-            item,
-            excluded: excluded.has(key),
-            first: false,
-            last: false
-          });
-          if (openDiffs.has(key)) {
-            out.push({
-              kind: "diff",
-              sourceId: src.id,
-              item,
-              first: false,
-              last: false
-            });
-          }
-        }
-      }
-    }
-    if (rightMeta?.route) {
-      out.push({
-        kind: "route",
-        href: rightMeta.route.href,
-        on: (0, _timeMachineStore.willRestoreRoute)(rightMeta),
-        first: false,
-        last: false
-      });
-    }
-    // ONE card holds every source — the ends of the LIST round, and every
-    // other boundary is just a hairline. Per-source cards would read as
-    // separate groups, which they aren't: this is one list of what a restore
-    // would touch.
-    if (out.length > 0) {
-      out[0].first = true;
-      out[out.length - 1].last = true;
-    }
-    return {
-      rows: out,
-      blockedSources: blocked
-    };
-  }, [preview.sources, search, collapsed, excluded, openDiffs, rightMeta]);
-  const renderRow = (0, _react.useCallback)(({
-    item: row
-  }) => {
-    if (row.kind === "source") {
-      const src = row.source;
-      const {
-        counts
-      } = row;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardRow, {
-        position: row,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.sourceCard,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-            onPress: () => toggleSource(src, row.includeState),
-            disabled: row.applicableCount === 0,
-            hitSlop: {
-              top: 10,
-              bottom: 10,
-              left: 8,
-              right: 8
-            },
-            testID: `tm-preview-source-toggle-${src.id}`,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Checkbox, {
-              state: row.applicableCount === 0 ? "none" : row.includeState
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-            style: styles.sourceCardTouch,
-            onPress: () => row.expandable && toggleCollapse(src.id, row.collapsed),
-            disabled: !row.expandable,
-            testID: `tm-preview-source-${src.id}`,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.sourceNameBlock,
-              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.sourceName,
-                numberOfLines: 1,
-                testID: `tm-preview-source-${src.id}-name`,
-                children: src.label
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.sourceSummary,
-                numberOfLines: 1,
-                testID: `tm-preview-source-${src.id}-summary`,
-                children: row.includeState === "none" && row.applicableCount > 0 ? `${row.summary} · excluded` : row.summary
-              })]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              style: styles.sourceBadges,
-              children: [counts.removed > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CountPill, {
-                glyph: "\u2212",
-                count: counts.removed,
-                color: _tmTheme.tm.color.danger,
-                testID: `tm-preview-source-${src.id}-removed`
-              }) : null, counts.added > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CountPill, {
-                glyph: "+",
-                count: counts.added,
-                color: _tmTheme.tm.color.accent,
-                testID: `tm-preview-source-${src.id}-added`
-              }) : null, counts.changed > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(CountPill, {
-                glyph: "\u2248",
-                count: counts.changed,
-                color: _tmTheme.tm.color.info,
-                testID: `tm-preview-source-${src.id}-changed`
-              }) : null]
-            }), row.expandable ? row.collapsed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.DisclosureChevron, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
-              size: 16,
-              color: _tmTheme.tm.color.labelTertiary
-            }) : null]
-          })]
-        })
-      });
-    }
-    if (row.kind === "note") {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardRow, {
-        position: row,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.noteRow,
-          testID: `tm-preview-note-${row.id}`,
-          children: row.text
-        })
-      });
-    }
-    if (row.kind === "route") {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardRow, {
-        position: row,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-          style: styles.routeRow,
-          onPress: toggleRoute,
-          accessibilityRole: "switch",
-          accessibilityState: {
-            checked: row.on
-          },
-          accessibilityLabel: `Also return to ${row.href}`,
-          testID: "tm-preview-route",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Checkbox, {
-            state: row.on ? "all" : "none"
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.routeText,
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.routeTitle,
-              children: "Return to this screen"
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-              style: styles.routeHref,
-              numberOfLines: 1,
-              testID: "tm-preview-route-href",
-              children: row.href
-            })]
-          })]
-        })
-      });
-    }
-    if (row.kind === "diff") {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(CardRow, {
-        position: row,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ItemDiffPanel.ItemDiffPanel, {
-          item: row.item,
-          testID: `tm-preview-diff-${row.sourceId}-${row.item.key}`
-        })
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ItemRow, {
-      row: row,
-      expanded: openDiffs.has(cKey(row.sourceId, row.item.key)),
-      onOpen: () => toggleDiff(cKey(row.sourceId, row.item.key)),
-      onToggle: () => toggleItem(cKey(row.sourceId, row.item.key))
-    });
-  }, [openDiffs, toggleDiff, toggleCollapse, toggleItem, toggleSource, toggleRoute]);
-  const keyExtractor = (0, _react.useCallback)(row => {
-    if (row.kind === "source") return `s:${row.source.id}`;
-    if (row.kind === "note") return `n:${row.id}`;
-    if (row.kind === "route") return "route";
-    if (row.kind === "diff") return `d:${row.sourceId}:${row.item.key}`;
-    return `i:${row.sourceId}:${row.item.key}`;
-  }, []);
-  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    children: [!hosted && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.fallbackHeader,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-        onPress: onBack,
-        hitSlop: HIT,
-        testID: "tm-preview-back",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.backText,
-          children: "\u2039 Back"
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.screenTitle,
-        numberOfLines: 1,
-        children: "Restore Preview"
-      })]
-    }), rightMeta ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SectionLabel, {
-        children: "Restore Point"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.Group, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RestorePointNameRow.RestorePointNameRow, {
-          name: rightMeta.name,
-          onRename: next => void _timeMachineStore.timeMachineStore.rename(rightMeta.id, next)
-        })
-      })]
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_primitives.SectionLabel, {
-      children: "Changes to Restore"
-    })]
-  });
-  const ctaDisabled = busy || preview.building || totals.applies === 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.container,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-      testID: "tm-preview-list",
-      data: rows,
-      renderItem: renderRow,
-      keyExtractor: keyExtractor,
-      ListHeaderComponent: header,
-      ListEmptyComponent: preview.building ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
-        style: styles.buildingSpinner,
-        size: "small",
-        color: _tmTheme.tm.color.accent
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.emptyText,
-        testID: "tm-preview-empty",
-        children: search ? "Nothing matches this filter." : "No changes — restoring would change nothing."
-      }),
-      ListFooterComponent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        children: totals.wontApply > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.warnNote,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.AlertTriangle, {
-            size: 12,
-            color: _tmTheme.tm.color.warning
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
-            style: styles.warnNoteText,
-            testID: "tm-preview-wont-apply",
-            children: [totals.wontApply, " item", totals.wontApply === 1 ? "" : "s", " ", "won't apply \u2014 expand", " ", blockedSources.length > 0 ? blockedSources.join(" and ") : "the source", " ", "to see the reason."]
-          })]
-        }) : null
-      })
-      // The name row is a TextInput inside this list: without "handled",
-      // the first tap after renaming only dismisses the keyboard, so the
-      // Restore CTA and every checkbox silently swallow one press.
-      ,
-      keyboardShouldPersistTaps: "handled",
-      removeClippedSubviews: true,
-      initialNumToRender: 20,
-      windowSize: 7,
-      contentContainerStyle: styles.listContent
-    }), liveLeft && rightMeta && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.footer, {
-        paddingBottom: insets.bottom
-      }],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
-        style: [styles.cta, isBaseline && styles.ctaDanger, ctaDisabled && styles.ctaDisabled],
-        onPress: () => onRestore(isBaseline ? "reload" : "live", Array.from(excluded)),
-        disabled: isBaseline ? busy || preview.building : ctaDisabled,
-        testID: "tm-preview-restore",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
-          size: 16,
-          color: isBaseline ? _tmTheme.tm.color.onDanger : _tmTheme.tm.color.onAccent
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: [styles.ctaText, isBaseline ? styles.ctaTextDanger : null],
-          children: isBaseline ? "Wipe & Reload" : "Restore State"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.ctaCaption,
-        testID: "tm-preview-cta-caption",
-        children: isBaseline ? "This wipes all app storage and reloads the app." : totals.excludedCount > 0 ? `Restores ${totals.applies} of ${totals.applies + totals.excludedCount} change${totals.applies + totals.excludedCount === 1 ? "" : "s"} — everything else stays as it is.` : "This will replace the current state with the snapshot."
-      })]
-    })]
-  });
-}
-const HIT = {
-  top: 10,
-  bottom: 10,
-  left: 10,
-  right: 10
-};
-const styles = _reactNative.StyleSheet.create({
-  // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-  container: {
-    flex: 1,
-    backgroundColor: "transparent"
-  },
-  fallbackHeader: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingHorizontal: _tmTheme.tm.gutter,
-    paddingVertical: 10,
-    gap: 10
-  },
-  backText: {
-    color: _tmTheme.tm.color.accent,
-    fontSize: _tmTheme.tm.font.control
-  },
-  screenTitle: {
-    color: _tmTheme.tm.color.label,
-    fontSize: 20,
-    fontWeight: "700",
-    letterSpacing: _tmTheme.tm.tracking.row,
-    flex: 1
-  },
-  dimmed: {
-    opacity: 0.5
-  },
-  listContent: {
-    paddingTop: 14,
-    paddingBottom: 12
-  },
-  // ── The grouped card each list row paints its own share of ──────────────
-  cardRow: {
-    marginHorizontal: _tmTheme.tm.gutter,
-    backgroundColor: _tmTheme.tm.color.group
-  },
-  cardRowFirst: {
-    borderTopLeftRadius: _tmTheme.tm.radius.group,
-    borderTopRightRadius: _tmTheme.tm.radius.group
-  },
-  cardRowLast: {
-    borderBottomLeftRadius: _tmTheme.tm.radius.group,
-    borderBottomRightRadius: _tmTheme.tm.radius.group,
-    marginBottom: 10
-  },
-  cardSeparator: {
-    height: _reactNative.StyleSheet.hairlineWidth,
-    marginLeft: 51,
-    backgroundColor: _tmTheme.tm.color.separator
-  },
-  // ── Selection card ──────────────────────────────────────────────────────
-
-  // ── The "won't apply" heads-up under the card ───────────────────────────
-  warnNote: {
-    flexDirection: "row",
-    alignItems: "flex-start",
-    gap: 6,
-    paddingHorizontal: _tmTheme.tm.gutter + _tmTheme.tm.textInset,
-    paddingTop: 8
-  },
-  warnNoteText: {
-    flex: 1,
-    color: _tmTheme.tm.color.labelSecondary,
-    fontSize: _tmTheme.tm.font.footnote,
-    lineHeight: _tmTheme.tm.font.footnote * 1.35
-  },
-  // ── Count pills on a source row ─────────────────────────────────────────
-  countPill: {
-    borderRadius: _tmTheme.tm.radius.pill,
-    paddingHorizontal: 9,
-    paddingVertical: 3
-  },
-  countPillText: {
-    fontFamily: _tmTheme.TM_MONO,
-    fontSize: _tmTheme.tm.font.footnote,
-    fontWeight: "600"
-  },
-  // ── Include checkbox ────────────────────────────────────────────────────
-  checkbox: {
-    width: 23,
-    height: 23,
-    borderRadius: _tmTheme.tm.radius.pill,
-    borderWidth: 1.7,
-    borderColor: _tmTheme.tm.color.labelTertiary,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  checkboxChecked: {
-    borderColor: _tmTheme.tm.color.accent,
-    backgroundColor: _tmTheme.tm.color.accent
-  },
-  checkboxGlyph: {
-    color: _tmTheme.tm.color.onAccent,
-    fontSize: 13,
-    fontWeight: "700",
-    lineHeight: 15
-  },
-  // ── Route row ───────────────────────────────────────────────────────────
-  routeRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    minHeight: 58,
-    paddingHorizontal: _tmTheme.tm.textInset,
-    paddingVertical: 9,
-    gap: 12
-  },
-  routeText: {
-    flex: 1,
-    minWidth: 0,
-    gap: 2
-  },
-  routeTitle: {
-    color: _tmTheme.tm.color.label,
-    fontSize: _tmTheme.tm.font.row,
-    fontWeight: "600",
-    letterSpacing: _tmTheme.tm.tracking.row
-  },
-  routeHref: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontFamily: _tmTheme.TM_MONO,
-    fontSize: _tmTheme.tm.font.mono
-  },
-  // ── Source header row (first row of its card) ───────────────────────────
-  sourceCard: {
-    flexDirection: "row",
-    alignItems: "center",
-    minHeight: 58,
-    paddingHorizontal: _tmTheme.tm.textInset,
-    paddingVertical: 9,
-    gap: 12
-  },
-  sourceCardTouch: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 12,
-    minWidth: 0
-  },
-  sourceNameBlock: {
-    flex: 1,
-    minWidth: 0,
-    gap: 2
-  },
-  sourceName: {
-    color: _tmTheme.tm.color.label,
-    fontSize: _tmTheme.tm.font.row,
-    fontWeight: "600",
-    letterSpacing: _tmTheme.tm.tracking.row
-  },
-  sourceSummary: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontSize: _tmTheme.tm.font.footnote,
-    fontVariant: ["tabular-nums"]
-  },
-  sourceBadges: {
-    flexDirection: "row",
-    gap: 6
-  },
-  noteRow: {
-    color: _tmTheme.tm.color.labelTertiary,
-    fontSize: _tmTheme.tm.font.footnote,
-    lineHeight: _tmTheme.tm.font.footnote * 1.35,
-    paddingHorizontal: _tmTheme.tm.textInset,
-    paddingVertical: 9
-  },
-  // ── Item rows (further rows of the same card) ───────────────────────────
-  itemRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingLeft: _tmTheme.tm.textInset,
-    paddingRight: _tmTheme.tm.textInset,
-    paddingVertical: 10,
-    gap: 12
-  },
-  itemBodyTouch: {
-    flex: 1,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    minWidth: 0
-  },
-  itemGlyph: {
-    fontSize: 14,
-    fontWeight: "700",
-    width: 14,
-    textAlign: "center"
-  },
-  itemBody: {
-    flex: 1,
-    minWidth: 0
-  },
-  itemLabel: {
-    color: _tmTheme.tm.color.label,
-    fontSize: _tmTheme.tm.font.control,
-    letterSpacing: _tmTheme.tm.tracking.control
-  },
-  itemPreview: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontFamily: _tmTheme.TM_MONO,
-    fontSize: _tmTheme.tm.font.mono,
-    marginTop: 3
-  },
-  itemPreviewRemoved: {
-    textDecorationLine: "line-through"
-  },
-  itemReason: {
-    color: _tmTheme.tm.color.warning,
-    fontSize: _tmTheme.tm.font.mono,
-    marginTop: 3
-  },
-  itemExcluded: {
-    color: _tmTheme.tm.color.labelTertiary,
-    fontSize: _tmTheme.tm.font.mono,
-    marginTop: 3,
-    fontStyle: "italic"
-  },
-  buildingSpinner: {
-    marginTop: 28
-  },
-  emptyText: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontSize: _tmTheme.tm.font.footnote,
-    textAlign: "center",
-    marginTop: 28
-  },
-  // ── Sticky restore CTA ──────────────────────────────────────────────────
-  footer: {
-    paddingHorizontal: _tmTheme.tm.gutter,
-    paddingTop: 10,
-    gap: 8,
-    borderTopColor: _tmTheme.tm.color.separator,
-    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
-    backgroundColor: _tmTheme.tm.color.sheet
-  },
-  cta: {
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "center",
-    gap: 8,
-    height: 50,
-    backgroundColor: _tmTheme.tm.color.accent,
-    borderRadius: _tmTheme.tm.radius.group
-  },
-  ctaDanger: {
-    backgroundColor: _tmTheme.tm.color.danger
-  },
-  ctaTextDanger: {
-    color: _tmTheme.tm.color.onDanger
-  },
-  ctaDisabled: {
-    opacity: 0.4
-  },
-  ctaText: {
-    color: _tmTheme.tm.color.onAccent,
-    fontSize: _tmTheme.tm.font.row,
-    fontWeight: "600",
-    letterSpacing: _tmTheme.tm.tracking.row
-  },
-  ctaCaption: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontSize: _tmTheme.tm.font.footnote,
-    lineHeight: _tmTheme.tm.font.footnote * 1.35,
-    textAlign: "center"
-  }
-});
-//# sourceMappingURL=RestorePreviewScreen.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RestorePreviewScreen=RestorePreviewScreen;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _core=require("@buoy-gg/core");var _HeaderActions=require("../HeaderActions");var _primitives=require("../../ui/primitives");var _tmTheme=require("../../ui/tmTheme");var _timeMachineStore=require("../../store/timeMachineStore");var _ItemDiffPanel=require("./ItemDiffPanel");var _RestorePointNameRow=require("./RestorePointNameRow");var _verdictMeta=require("./verdictMeta");var _jsxRuntime=require("react/jsx-runtime");const SOURCE_NOUNS={storage:"keys",redux:"slices",zustand:"stores",jotai:"atoms",query:"queries"};const EMPTY_SELECTION=new Set;function sameSelection(o,t){if(o.size!==t.size)return false;for(const f of o)if(!t.has(f))return false;return true}function cKey(o,t){return`${o}::${t}`}function shortPreview(o){if(o===void 0)return"\u2205";try{const t=typeof o==="string"?`"${o}"`:JSON.stringify(o);if(!t)return String(o);return t.length>46?`${t.slice(0,43)}\u2026`:t}catch{return"[complex]"}}function CardRow({position:o,children:t}){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.cardRow,o.first?styles.cardRowFirst:null,o.last?styles.cardRowLast:null],children:[o.first?null:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.cardSeparator}),t]})}function CountPill({glyph:o,count:t,color:f,testID:y}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.countPill,{backgroundColor:`${f}26`}],children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[styles.countPillText,{color:f}],testID:y,children:[o,t]})})}function Checkbox({state:o}){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.checkbox,o!=="none"&&styles.checkboxChecked],children:o==="none"?null:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.checkboxGlyph,children:o==="all"?"\u2713":"\u2212"})})}const ItemRow=(0,_react.memo)(function o({row:t,expanded:f,onOpen:y,onToggle:R}){const h=_verdictMeta.VERDICT_META[t.item.verdict];const b=!h.applies||t.excluded;const S=t.item.verdict==="changed"||t.item.verdict==="added"||t.item.verdict==="removed";const a=`tm-preview-item-${t.sourceId}-${t.item.key}`;return(0,_jsxRuntime.jsx)(CardRow,{position:t,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.itemRow,b&&styles.dimmed],children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:R,disabled:!h.applies,hitSlop:{top:10,bottom:10,left:8,right:8},testID:`tm-preview-toggle-${t.sourceId}-${t.item.key}`,accessibilityRole:"checkbox",accessibilityState:{checked:!(!h.applies||t.excluded)},accessibilityLabel:`Include ${t.item.label}`,children:(0,_jsxRuntime.jsx)(Checkbox,{state:!h.applies||t.excluded?"none":"all"})}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.itemBodyTouch,onPress:()=>S&&y(),disabled:!S,testID:a,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.itemGlyph,{color:h.color}],children:h.glyph}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.itemBody,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.itemLabel,numberOfLines:1,testID:`${a}-label`,children:t.item.label}),t.item.verdict==="changed"&&(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.itemPreview,numberOfLines:1,testID:`${a}-values`,children:[shortPreview(t.item.oldValue)," \u2192"," ",shortPreview(t.item.newValue)]}),t.item.verdict==="added"&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.itemPreview,numberOfLines:1,testID:`${a}-values`,children:shortPreview(t.item.newValue)}),t.item.verdict==="removed"&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.itemPreview,styles.itemPreviewRemoved],numberOfLines:1,testID:`${a}-values`,children:shortPreview(t.item.oldValue)}),t.excluded?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.itemExcluded,testID:`${a}-excluded`,children:"excluded \u2014 restore leaves this untouched"}):t.item.reason&&(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.itemReason,numberOfLines:2,testID:`${a}-reason`,children:t.item.reason})]}),S?f?(0,_jsxRuntime.jsx)(_sharedUi.ChevronUp,{size:16,color:_tmTheme.tm.color.labelTertiary}):(0,_jsxRuntime.jsx)(_primitives.DisclosureChevron,{}):null]})]})})});function RestorePreviewScreen({preview:o,snapshots:t,busy:f,onBack:y,onRestore:R}){const h=(0,_core.useToolHost)();const b=h.instanceId!==void 0;const S=(0,_sharedUi.useSafeAreaInsets)({minBottom:16});const[a,W]=(0,_react.useState)({});const[d,C]=(0,_react.useState)(new Set);const v=(0,_react.useRef)(false);const[j,q]=(0,_react.useState)(EMPTY_SELECTION);const w=(0,_react.useCallback)(e=>{q(i=>{const s=new Set(i);if(s.has(e))s.delete(e);else s.add(e);return s})},[]);const D=h.search;const r=o.right==="current"?void 0:t.find(e=>e.id===o.right.snapshotId);const $=(0,_react.useRef)(r);$.current=r;const z=(0,_react.useCallback)(()=>{if(!$.current)return;const e=$.current;void _timeMachineStore.timeMachineStore.setRestoreRoute(e.id,!(0,_timeMachineStore.willRestoreRoute)(e))},[]);const g=r?.baseline===true;const B=o.left==="current";const x=(0,_react.useMemo)(()=>{if(!r)return null;return r.excludedKeys?.length?new Set(r.excludedKeys):EMPTY_SELECTION},[r]);const k=!!r?.scope?.length&&!r?.excludedKeys?.length;const P=(0,_react.useMemo)(()=>{if(!k||!r?.scope)return EMPTY_SELECTION;const e=new Set(r.scope);const i=new Set;for(const s of o.sources){for(const n of s.items){const c=cKey(s.id,n.key);if(_verdictMeta.VERDICT_META[n.verdict].applies&&!e.has(c)){i.add(c)}}}return i},[k,r,o.sources]);const V=(0,_react.useRef)(null);(0,_react.useEffect)(()=>{if(!r||o.building||!x)return;if(V.current===r.id)return;V.current=r.id;v.current=false;const e=x.size>0?x:P;if(e.size>0)C(new Set(e));if(k&&e.size>0){void _timeMachineStore.timeMachineStore.setExclusions(r.id,Array.from(e))}},[r,o.building,x,P,k]);(0,_react.useEffect)(()=>{if(!r||!x||!v.current)return;if(sameSelection(d,x))return;const e=Array.from(d);void _timeMachineStore.timeMachineStore.setExclusions(r.id,e.length?e:null)},[d,r,x]);const L=(0,_react.useCallback)(e=>{v.current=true;C(i=>{const s=new Set(i);if(s.has(e))s.delete(e);else s.add(e);return s})},[]);const O=(0,_react.useCallback)((e,i)=>{v.current=true;C(s=>{const n=new Set(s);for(const c of e.items){if(!_verdictMeta.VERDICT_META[c.verdict].applies)continue;const p=cKey(e.id,c.key);if(i==="all")n.add(p);else n.delete(p)}return n})},[]);const M=(0,_react.useCallback)((e,i)=>{W(s=>({...s,[e]:!i}))},[]);const u=(0,_react.useMemo)(()=>{let e=0;let i=0;let s=0;const n=[];for(const c of o.sources){let p=0;for(const m of c.items){const T=_verdictMeta.VERDICT_META[m.verdict];if(T.applies){if(d.has(cKey(c.id,m.key)))i+=1;else{e+=1;p+=1}}else if(m.verdict==="wont-apply")s+=1}if(p>0)n.push(`${p} ${c.label.toLowerCase()}`)}return{applies:e,excludedCount:i,wontApply:s,perSource:n}},[o.sources,d]);(0,_core.useToolHeader)(b?{title:"Restore Preview",subtitle:r?.name??"preview",onBack:y,actions:(0,_jsxRuntime.jsx)(_HeaderActions.TimeMachineHeaderActions,{armId:r?.id})}:null,[b,r?.name,r?.id]);const{rows:F,blockedSources:A}=(0,_react.useMemo)(()=>{const e=D.trim().toLowerCase();const i=[];const s=[];for(const n of o.sources){const c=n.items.some(l=>l.verdict!=="unchanged");if(!c&&!n.error)continue;const p=c||n.notes.length>0||!!n.error;const m=n.items.filter(l=>_verdictMeta.VERDICT_META[l.verdict].applies);const T=n.items.filter(l=>l.verdict==="wont-apply").length;if(T>0)s.push(n.label);const J=n.items.length===1?(SOURCE_NOUNS[n.id]??"items").replace(/ies$/,"y").replace(/s$/,""):SOURCE_NOUNS[n.id]??"items";const Y=`${n.items.length} ${J} \xB7 `+(m.length>0?`${m.length} changed`:T>0?`${T} won't apply`:"no changes");const H=m.filter(l=>d.has(cKey(n.id,l.key))).length;const Q=m.length===0||H===0?"all":H===m.length?"none":"some";const I={added:0,removed:0,changed:0};for(const l of n.items){if(d.has(cKey(n.id,l.key)))continue;if(l.verdict==="added")I.added+=1;else if(l.verdict==="removed")I.removed+=1;else if(l.verdict==="changed"||l.verdict==="too-large")I.changed+=1}const X=n.items.filter(l=>{if(l.verdict==="unchanged")return false;if(e&&!l.label.toLowerCase().includes(e))return false;return true});const _=p?a[n.id]??true:true;i.push({kind:"source",source:n,collapsed:_,includeState:Q,applicableCount:m.length,counts:I,expandable:p,summary:Y,first:false,last:false});if(!_){for(const l of n.notes){i.push({kind:"note",id:`${n.id}:${l}`,text:l,first:false,last:false})}if(n.error){i.push({kind:"note",id:`${n.id}:err`,text:`\u26A0 ${n.error}`,first:false,last:false})}for(const l of X){const N=cKey(n.id,l.key);i.push({kind:"item",sourceId:n.id,item:l,excluded:d.has(N),first:false,last:false});if(j.has(N)){i.push({kind:"diff",sourceId:n.id,item:l,first:false,last:false})}}}}if(r?.route){i.push({kind:"route",href:r.route.href,on:(0,_timeMachineStore.willRestoreRoute)(r),first:false,last:false})}if(i.length>0){i[0].first=true;i[i.length-1].last=true}return{rows:i,blockedSources:s}},[o.sources,D,a,d,j,r]);const G=(0,_react.useCallback)(({item:e})=>{if(e.kind==="source"){const i=e.source;const{counts:s}=e;return(0,_jsxRuntime.jsx)(CardRow,{position:e,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sourceCard,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:()=>O(i,e.includeState),disabled:e.applicableCount===0,hitSlop:{top:10,bottom:10,left:8,right:8},testID:`tm-preview-source-toggle-${i.id}`,children:(0,_jsxRuntime.jsx)(Checkbox,{state:e.applicableCount===0?"none":e.includeState})}),(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.sourceCardTouch,onPress:()=>e.expandable&&M(i.id,e.collapsed),disabled:!e.expandable,testID:`tm-preview-source-${i.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sourceNameBlock,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sourceName,numberOfLines:1,testID:`tm-preview-source-${i.id}-name`,children:i.label}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.sourceSummary,numberOfLines:1,testID:`tm-preview-source-${i.id}-summary`,children:e.includeState==="none"&&e.applicableCount>0?`${e.summary} \xB7 excluded`:e.summary})]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.sourceBadges,children:[s.removed>0?(0,_jsxRuntime.jsx)(CountPill,{glyph:"\u2212",count:s.removed,color:_tmTheme.tm.color.danger,testID:`tm-preview-source-${i.id}-removed`}):null,s.added>0?(0,_jsxRuntime.jsx)(CountPill,{glyph:"+",count:s.added,color:_tmTheme.tm.color.accent,testID:`tm-preview-source-${i.id}-added`}):null,s.changed>0?(0,_jsxRuntime.jsx)(CountPill,{glyph:"\u2248",count:s.changed,color:_tmTheme.tm.color.info,testID:`tm-preview-source-${i.id}-changed`}):null]}),e.expandable?e.collapsed?(0,_jsxRuntime.jsx)(_primitives.DisclosureChevron,{}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronUp,{size:16,color:_tmTheme.tm.color.labelTertiary}):null]})]})})}if(e.kind==="note"){return(0,_jsxRuntime.jsx)(CardRow,{position:e,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noteRow,testID:`tm-preview-note-${e.id}`,children:e.text})})}if(e.kind==="route"){return(0,_jsxRuntime.jsx)(CardRow,{position:e,children:(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:styles.routeRow,onPress:z,accessibilityRole:"switch",accessibilityState:{checked:e.on},accessibilityLabel:`Also return to ${e.href}`,testID:"tm-preview-route",children:[(0,_jsxRuntime.jsx)(Checkbox,{state:e.on?"all":"none"}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.routeText,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.routeTitle,children:"Return to this screen"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.routeHref,numberOfLines:1,testID:"tm-preview-route-href",children:e.href})]})]})})}if(e.kind==="diff"){return(0,_jsxRuntime.jsx)(CardRow,{position:e,children:(0,_jsxRuntime.jsx)(_ItemDiffPanel.ItemDiffPanel,{item:e.item,testID:`tm-preview-diff-${e.sourceId}-${e.item.key}`})})}return(0,_jsxRuntime.jsx)(ItemRow,{row:e,expanded:j.has(cKey(e.sourceId,e.item.key)),onOpen:()=>w(cKey(e.sourceId,e.item.key)),onToggle:()=>L(cKey(e.sourceId,e.item.key))})},[j,w,M,L,O,z]);const U=(0,_react.useCallback)(e=>{if(e.kind==="source")return`s:${e.source.id}`;if(e.kind==="note")return`n:${e.id}`;if(e.kind==="route")return"route";if(e.kind==="diff")return`d:${e.sourceId}:${e.item.key}`;return`i:${e.sourceId}:${e.item.key}`},[]);const K=(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[!b&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.fallbackHeader,children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{onPress:y,hitSlop:HIT,testID:"tm-preview-back",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.backText,children:"\u2039 Back"})}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.screenTitle,numberOfLines:1,children:"Restore Preview"})]}),r?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_primitives.SectionLabel,{children:"Restore Point"}),(0,_jsxRuntime.jsx)(_primitives.Group,{children:(0,_jsxRuntime.jsx)(_RestorePointNameRow.RestorePointNameRow,{name:r.name,onRename:e=>void _timeMachineStore.timeMachineStore.rename(r.id,e)})})]}):null,(0,_jsxRuntime.jsx)(_primitives.SectionLabel,{children:"Changes to Restore"})]});const E=f||o.building||u.applies===0;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.FlatList,{testID:"tm-preview-list",data:F,renderItem:G,keyExtractor:U,ListHeaderComponent:K,ListEmptyComponent:o.building?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{style:styles.buildingSpinner,size:"small",color:_tmTheme.tm.color.accent}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.emptyText,testID:"tm-preview-empty",children:D?"Nothing matches this filter.":"No changes \u2014 restoring would change nothing."}),ListFooterComponent:(0,_jsxRuntime.jsx)(_reactNative.View,{children:u.wontApply>0?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.warnNote,children:[(0,_jsxRuntime.jsx)(_sharedUi.AlertTriangle,{size:12,color:_tmTheme.tm.color.warning}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.warnNoteText,testID:"tm-preview-wont-apply",children:[u.wontApply," item",u.wontApply===1?"":"s"," ","won't apply \u2014 expand"," ",A.length>0?A.join(" and "):"the source"," ","to see the reason."]})]}):null}),keyboardShouldPersistTaps:"handled",removeClippedSubviews:true,initialNumToRender:20,windowSize:7,contentContainerStyle:styles.listContent}),B&&r&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.footer,{paddingBottom:S.bottom}],children:[(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{style:[styles.cta,g&&styles.ctaDanger,E&&styles.ctaDisabled],onPress:()=>R(g?"reload":"live",Array.from(d)),disabled:g?f||o.building:E,testID:"tm-preview-restore",children:[(0,_jsxRuntime.jsx)(_sharedUi.RefreshCw,{size:16,color:g?_tmTheme.tm.color.onDanger:_tmTheme.tm.color.onAccent}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.ctaText,g?styles.ctaTextDanger:null],children:g?"Wipe & Reload":"Restore State"})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.ctaCaption,testID:"tm-preview-cta-caption",children:g?"This wipes all app storage and reloads the app.":u.excludedCount>0?`Restores ${u.applies} of ${u.applies+u.excludedCount} change${u.applies+u.excludedCount===1?"":"s"} \u2014 everything else stays as it is.`:"This will replace the current state with the snapshot."})]})]})}const HIT={top:10,bottom:10,left:10,right:10};const styles=_reactNative.StyleSheet.create({container:{flex:1,backgroundColor:"transparent"},fallbackHeader:{flexDirection:"row",alignItems:"center",paddingHorizontal:_tmTheme.tm.gutter,paddingVertical:10,gap:10},backText:{color:_tmTheme.tm.color.accent,fontSize:_tmTheme.tm.font.control},screenTitle:{color:_tmTheme.tm.color.label,fontSize:20,fontWeight:"700",letterSpacing:_tmTheme.tm.tracking.row,flex:1},dimmed:{opacity:.5},listContent:{paddingTop:14,paddingBottom:12},cardRow:{marginHorizontal:_tmTheme.tm.gutter,backgroundColor:_tmTheme.tm.color.group},cardRowFirst:{borderTopLeftRadius:_tmTheme.tm.radius.group,borderTopRightRadius:_tmTheme.tm.radius.group},cardRowLast:{borderBottomLeftRadius:_tmTheme.tm.radius.group,borderBottomRightRadius:_tmTheme.tm.radius.group,marginBottom:10},cardSeparator:{height:_reactNative.StyleSheet.hairlineWidth,marginLeft:51,backgroundColor:_tmTheme.tm.color.separator},warnNote:{flexDirection:"row",alignItems:"flex-start",gap:6,paddingHorizontal:_tmTheme.tm.gutter+_tmTheme.tm.textInset,paddingTop:8},warnNoteText:{flex:1,color:_tmTheme.tm.color.labelSecondary,fontSize:_tmTheme.tm.font.footnote,lineHeight:_tmTheme.tm.font.footnote*1.35},countPill:{borderRadius:_tmTheme.tm.radius.pill,paddingHorizontal:9,paddingVertical:3},countPillText:{fontFamily:_tmTheme.TM_MONO,fontSize:_tmTheme.tm.font.footnote,fontWeight:"600"},checkbox:{width:23,height:23,borderRadius:_tmTheme.tm.radius.pill,borderWidth:1.7,borderColor:_tmTheme.tm.color.labelTertiary,alignItems:"center",justifyContent:"center"},checkboxChecked:{borderColor:_tmTheme.tm.color.accent,backgroundColor:_tmTheme.tm.color.accent},checkboxGlyph:{color:_tmTheme.tm.color.onAccent,fontSize:13,fontWeight:"700",lineHeight:15},routeRow:{flexDirection:"row",alignItems:"center",minHeight:58,paddingHorizontal:_tmTheme.tm.textInset,paddingVertical:9,gap:12},routeText:{flex:1,minWidth:0,gap:2},routeTitle:{color:_tmTheme.tm.color.label,fontSize:_tmTheme.tm.font.row,fontWeight:"600",letterSpacing:_tmTheme.tm.tracking.row},routeHref:{color:_tmTheme.tm.color.labelSecondary,fontFamily:_tmTheme.TM_MONO,fontSize:_tmTheme.tm.font.mono},sourceCard:{flexDirection:"row",alignItems:"center",minHeight:58,paddingHorizontal:_tmTheme.tm.textInset,paddingVertical:9,gap:12},sourceCardTouch:{flex:1,flexDirection:"row",alignItems:"center",gap:12,minWidth:0},sourceNameBlock:{flex:1,minWidth:0,gap:2},sourceName:{color:_tmTheme.tm.color.label,fontSize:_tmTheme.tm.font.row,fontWeight:"600",letterSpacing:_tmTheme.tm.tracking.row},sourceSummary:{color:_tmTheme.tm.color.labelSecondary,fontSize:_tmTheme.tm.font.footnote,fontVariant:["tabular-nums"]},sourceBadges:{flexDirection:"row",gap:6},noteRow:{color:_tmTheme.tm.color.labelTertiary,fontSize:_tmTheme.tm.font.footnote,lineHeight:_tmTheme.tm.font.footnote*1.35,paddingHorizontal:_tmTheme.tm.textInset,paddingVertical:9},itemRow:{flexDirection:"row",alignItems:"center",paddingLeft:_tmTheme.tm.textInset,paddingRight:_tmTheme.tm.textInset,paddingVertical:10,gap:12},itemBodyTouch:{flex:1,flexDirection:"row",alignItems:"center",gap:10,minWidth:0},itemGlyph:{fontSize:14,fontWeight:"700",width:14,textAlign:"center"},itemBody:{flex:1,minWidth:0},itemLabel:{color:_tmTheme.tm.color.label,fontSize:_tmTheme.tm.font.control,letterSpacing:_tmTheme.tm.tracking.control},itemPreview:{color:_tmTheme.tm.color.labelSecondary,fontFamily:_tmTheme.TM_MONO,fontSize:_tmTheme.tm.font.mono,marginTop:3},itemPreviewRemoved:{textDecorationLine:"line-through"},itemReason:{color:_tmTheme.tm.color.warning,fontSize:_tmTheme.tm.font.mono,marginTop:3},itemExcluded:{color:_tmTheme.tm.color.labelTertiary,fontSize:_tmTheme.tm.font.mono,marginTop:3,fontStyle:"italic"},buildingSpinner:{marginTop:28},emptyText:{color:_tmTheme.tm.color.labelSecondary,fontSize:_tmTheme.tm.font.footnote,textAlign:"center",marginTop:28},footer:{paddingHorizontal:_tmTheme.tm.gutter,paddingTop:10,gap:8,borderTopColor:_tmTheme.tm.color.separator,borderTopWidth:_reactNative.StyleSheet.hairlineWidth,backgroundColor:_tmTheme.tm.color.sheet},cta:{flexDirection:"row",alignItems:"center",justifyContent:"center",gap:8,height:50,backgroundColor:_tmTheme.tm.color.accent,borderRadius:_tmTheme.tm.radius.group},ctaDanger:{backgroundColor:_tmTheme.tm.color.danger},ctaTextDanger:{color:_tmTheme.tm.color.onDanger},ctaDisabled:{opacity:.4},ctaText:{color:_tmTheme.tm.color.onAccent,fontSize:_tmTheme.tm.font.row,fontWeight:"600",letterSpacing:_tmTheme.tm.tracking.row},ctaCaption:{color:_tmTheme.tm.color.labelSecondary,fontSize:_tmTheme.tm.font.footnote,lineHeight:_tmTheme.tm.font.footnote*1.35,textAlign:"center"}});