@buoy-gg/time-machine 7.0.41 → 7.0.42

package/lib/commonjs/ui/tmTheme.js

@@ -1,118 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.tm = exports.TM_MONO = void 0;
-var _sharedUi = require("@buoy-gg/shared-ui");
-/**
- * Time Machine design tokens — the "modern" surface language.
- *
- * A grouped-inset list system (iOS Settings shape): one dark sheet, rounded
- * glass cards holding hairline-separated rows, uppercase section labels
- * outside the cards, and explanatory footnotes under them.
- *
- * COLOR COMES FROM the shared `night` palette (ui/night/nightTheme.ts) — not
- * from a private set — so the tool reads as part of the same product as every
- * other one. Change a value in nightTheme.ts and it lands here.
- *
- * Only shape, spacing and type live as literals below — those ARE the design
- * language and have no palette equivalent.
- *
- * SCOPE: this is Time Machine's pilot of the new look. If it lands, promote
- * this file (and ./primitives) into @buoy-gg/shared-ui and let the other
- * tools import it — nothing in here is Time-Machine-specific.
- *
- * Note: like every StyleSheet in the repo, these values are read once at
- * module load, so the desktop dashboard's in-place re-tint needs a reload to
- * reach them.
- */
-
-/** Hex opacity suffixes, so tinted fills stay tied to the palette color. */
-const A18 = "2E";
-const A30 = "4D";
-const tm = exports.tm = {
-  color: {
-    /**
-     * Backing for the sticky footer (its only consumer) — night glass, same
-     * treatment as the shared stepper footer, so the star field hints through
-     * without the list reading through the CTA.
-     */
-    sheet: "rgba(5, 5, 5, 0.92)",
-    /**
-     * A grouped card: night glass, so the star field behind the sheet shows
-     * through every card the way it does through the header chips. Cards
-     * take `groupBorder` as a hairline, or the glass reads as a smudge.
-     */
-    group: _sharedUi.night.color.glass,
-    groupBorder: _sharedUi.night.color.glassBorder,
-    /** Row press / hover wash on top of a group. */
-    rowPressed: _sharedUi.night.color.glassElevated,
-    /** Hairline between rows, inset from the left like iOS. */
-    separator: _sharedUi.night.color.separator,
-    /** Neutral control fill (icon discs, chips, round buttons). */
-    fill: _sharedUi.night.color.glassElevated,
-    fillStrong: _sharedUi.night.color.fillTertiary,
-    /** Opaque ring around a badge on a glass card (the sheet's own color). */
-    ring: _sharedUi.night.color.bg,
-    /**
-     * Opaque disc behind a Buoy icon. The icons paint their knock-outs in
-     * the color they are handed, so a translucent fill turns a floppy disk
-     * into a yellow square. Stays solid on purpose.
-     */
-    disc: _sharedUi.night.color.surfaceElevated,
-    label: _sharedUi.night.color.text,
-    labelSecondary: _sharedUi.night.color.textSecondary,
-    labelTertiary: _sharedUi.night.color.textTertiary,
-    /** Primary action + "this is healthy" (the night brand green). */
-    accent: _sharedUi.night.color.accent,
-    accentSoft: `${_sharedUi.night.color.accent}${A18}`,
-    accentSoftStrong: `${_sharedUi.night.color.accent}${A30}`,
-    /** Text/icons ON an accent fill — the brand green wants dark ink. */
-    onAccent: "#0A0A0A",
-    warning: _sharedUi.night.color.warning,
-    warningSoft: `${_sharedUi.night.color.warning}${A18}`,
-    danger: _sharedUi.night.color.danger,
-    dangerSoft: `${_sharedUi.night.color.danger}${A18}`,
-    /** Text/icons ON a danger fill. */
-    onDanger: "#FFFFFF",
-    info: _sharedUi.night.color.info
-  },
-  radius: {
-    /** Grouped card + the capture field that visually matches one. */
-    group: 14,
-    /** Fully rounded pills and status circles. */
-    pill: 99
-  },
-  /** Horizontal inset of the grouped cards from the sheet edge. */
-  gutter: 14,
-  /** Extra inset for labels/footnotes, measured from the card edge. */
-  textInset: 16,
-  /** Left inset of a row separator, measured from the card edge. */
-  separatorInset: 16,
-  font: {
-    /** Row titles and primary values. */
-    row: 17,
-    /** Buttons and pill labels. */
-    control: 15,
-    /** Section labels, row captions, footnotes. */
-    footnote: 13,
-    /** Route paths and other monospace detail. */
-    mono: 12
-  },
-  /** iOS tracks display text slightly tighter than the default. */
-  tracking: {
-    row: -0.43,
-    control: -0.2
-  },
-  /** Standard grouped-row height before content forces it taller. */
-  rowMinHeight: 52
-};
-
-/**
- * Monospace family. RN native resolves a single family name only (no CSS
- * stack), and "monospace" is the one token both platforms honor — it is what
- * the rest of the design system uses.
- */
-const TM_MONO = exports.TM_MONO = _sharedUi.monoFont;
-//# sourceMappingURL=tmTheme.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.tm=exports.TM_MONO=void 0;var _sharedUi=require("@buoy-gg/shared-ui");const A18="2E";const A30="4D";const tm=exports.tm={color:{sheet:"rgba(5, 5, 5, 0.92)",group:_sharedUi.night.color.glass,groupBorder:_sharedUi.night.color.glassBorder,rowPressed:_sharedUi.night.color.glassElevated,separator:_sharedUi.night.color.separator,fill:_sharedUi.night.color.glassElevated,fillStrong:_sharedUi.night.color.fillTertiary,ring:_sharedUi.night.color.bg,disc:_sharedUi.night.color.surfaceElevated,label:_sharedUi.night.color.text,labelSecondary:_sharedUi.night.color.textSecondary,labelTertiary:_sharedUi.night.color.textTertiary,accent:_sharedUi.night.color.accent,accentSoft:`${_sharedUi.night.color.accent}${A18}`,accentSoftStrong:`${_sharedUi.night.color.accent}${A30}`,onAccent:"#0A0A0A",warning:_sharedUi.night.color.warning,warningSoft:`${_sharedUi.night.color.warning}${A18}`,danger:_sharedUi.night.color.danger,dangerSoft:`${_sharedUi.night.color.danger}${A18}`,onDanger:"#FFFFFF",info:_sharedUi.night.color.info},radius:{group:14,pill:99},gutter:14,textInset:16,separatorInset:16,font:{row:17,control:15,footnote:13,mono:12},tracking:{row:-.43,control:-.2},rowMinHeight:52};const TM_MONO=exports.TM_MONO=_sharedUi.monoFont;

package/lib/module/components/HeaderActions.js

@@ -1,85 +1 @@
-"use strict";
-
-/**
- * The tool's header actions, in Network's header language: labeled
- * dark-glass chips. "Action bar" is named for the thing it opens, the
- * floating action bar over the app, and takes the accent ink as the one
- * action a newcomer has to find. Reload is the plain JS reload.
- *
- * Action bar puts a restore point on the floating bar and gets the modal out
- * of the way. The preview screen passes the point it is showing as `armId`,
- * so opening it from there arms that point; the list leaves it to the
- * default rule.
- */
-import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
-import { useToolHost } from "@buoy-gg/core";
-import { HeaderReloadButton } from "./HeaderReloadButton";
-import { openTimeMachineFloatingTool } from "./floating/TimeMachineFloatingTool";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export function HeaderBarButton({
-  armId
-}) {
-  const host = useToolHost();
-  const onPress = () => {
-    openTimeMachineFloatingTool(armId);
-    // Same move as Network: the bar is for using the app, so the modal
-    // minimizes to the dock instead of covering the screen the bar controls.
-    host.minimize();
-  };
-  return /*#__PURE__*/_jsxs(TouchableOpacity, {
-    style: styles.labeledChip,
-    onPress: onPress,
-    accessibilityLabel: "Open the floating action bar over the app",
-    accessibilityRole: "button",
-    testID: "time-machine-header-bar",
-    children: [/*#__PURE__*/_jsx(View, {
-      style: styles.glyph
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.label,
-      children: "Action bar"
-    })]
-  });
-}
-export function TimeMachineHeaderActions({
-  armId
-}) {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.row,
-    children: [/*#__PURE__*/_jsx(HeaderBarButton, {
-      armId: armId
-    }), /*#__PURE__*/_jsx(HeaderReloadButton, {})]
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  labeledChip: {
-    height: 32,
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 6,
-    paddingHorizontal: 10,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.buttonSurface
-  },
-  // A small strip outline: the thing the button opens.
-  glyph: {
-    width: 14,
-    height: 8,
-    borderRadius: 3,
-    borderWidth: 1.5,
-    borderColor: night.color.accent
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: night.color.accent
-  }
-});
-//# sourceMappingURL=HeaderActions.js.map
+"use strict";import{StyleSheet as c,Text as s,TouchableOpacity as d,View as i}from"react-native";import{night as e}from"@buoy-gg/shared-ui";import{useToolHost as h}from"@buoy-gg/core";import{HeaderReloadButton as b}from"./HeaderReloadButton";import{openTimeMachineFloatingTool as m}from"./floating/TimeMachineFloatingTool";import{jsx as o,jsxs as n}from"react/jsx-runtime";export function HeaderBarButton({armId:t}){const l=h();const a=()=>{m(t);l.minimize()};return n(d,{style:r.labeledChip,onPress:a,accessibilityLabel:"Open the floating action bar over the app",accessibilityRole:"button",testID:"time-machine-header-bar",children:[o(i,{style:r.glyph}),o(s,{style:r.label,children:"Action bar"})]})}export function TimeMachineHeaderActions({armId:t}){return n(i,{style:r.row,children:[o(HeaderBarButton,{armId:t}),o(b,{})]})}const r=c.create({row:{flexDirection:"row",alignItems:"center",gap:8},labeledChip:{height:32,flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,borderRadius:8,borderWidth:1,borderColor:e.color.border,backgroundColor:e.color.buttonSurface},glyph:{width:14,height:8,borderRadius:3,borderWidth:1.5,borderColor:e.color.accent},label:{fontSize:11,fontWeight:"700",color:e.color.accent}});

package/lib/module/components/HeaderReloadButton.js

@@ -1,53 +1 @@
-"use strict";
-
-/**
- * The reload header action: a plain JS-bundle reload (no restore), so
- * in-memory state rebuilds from whatever is persisted.
- *
- * A labeled dark-glass chip, the same shape as the Pin chip beside it and
- * Network's "Override": the words are the whole explanation.
- */
-import { StyleSheet, Text, TouchableOpacity } from "react-native";
-import { night, scheduleReloadApp } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-export function HeaderReloadButton() {
-  const onPress = () => {
-    try {
-      scheduleReloadApp({
-        reason: "buoy time-machine reload app"
-      });
-    } catch {
-      // No reload mechanism available (bare production build) — nothing to do.
-    }
-  };
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
-    style: styles.chip,
-    onPress: onPress,
-    accessibilityLabel: "Reload app",
-    accessibilityHint: "Reloads the JavaScript bundle without restoring anything",
-    accessibilityRole: "button",
-    testID: "time-machine-reload-app",
-    children: /*#__PURE__*/_jsx(Text, {
-      style: styles.label,
-      children: "Reload app"
-    })
-  });
-}
-const styles = StyleSheet.create({
-  chip: {
-    height: 32,
-    paddingHorizontal: 10,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.border,
-    backgroundColor: night.color.buttonSurface,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  label: {
-    fontSize: 11,
-    fontWeight: "700",
-    color: night.color.textSecondary
-  }
-});
-//# sourceMappingURL=HeaderReloadButton.js.map
+"use strict";import{StyleSheet as i,Text as a,TouchableOpacity as l}from"react-native";import{night as e,scheduleReloadApp as c}from"@buoy-gg/shared-ui";import{jsx as t}from"react/jsx-runtime";export function HeaderReloadButton(){const r=()=>{try{c({reason:"buoy time-machine reload app"})}catch{}};return t(l,{style:o.chip,onPress:r,accessibilityLabel:"Reload app",accessibilityHint:"Reloads the JavaScript bundle without restoring anything",accessibilityRole:"button",testID:"time-machine-reload-app",children:t(a,{style:o.label,children:"Reload app"})})}const o=i.create({chip:{height:32,paddingHorizontal:10,borderRadius:8,borderWidth:1,borderColor:e.color.border,backgroundColor:e.color.buttonSurface,alignItems:"center",justifyContent:"center"},label:{fontSize:11,fontWeight:"700",color:e.color.textSecondary}});

package/lib/module/components/TimeMachineBody.js

@@ -1,277 +1 @@
-"use strict";
-
-/**
- * Time Machine body — the screen router plus the restore-point list.
- *
- * Screens: list → preview. Each is its own component that mounts and
- * unmounts whole (no branching inside a single tree), and each owns its own
- * scrolling — the host must NOT wrap this in a scroll view, or the preview's
- * virtualized FlatList is defeated. Item diffs expand inline in that list
- * rather than being a third screen.
- *
- * The list follows the grouped-inset surface in ../ui: capture bar, the
- * Sources strip, one card of restore points with swipe-to-delete, and the
- * app-wide wipe kept last and understated.
- */
-import { useRef, useState, useSyncExternalStore } from "react";
-import { ScrollView, StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { useSafeAreaInsets, useLimit, ToolEmptyState, getFloatingTools, subscribeFloatingTools } from "@buoy-gg/shared-ui";
-import { useToolHost } from "@buoy-gg/core";
-import { useTimeMachineState } from "../hooks/useTimeMachine";
-import { timeMachineStore } from "../store/timeMachineStore";
-import { Footnote, Group, SectionLabel } from "../ui/primitives";
-import { tm } from "../ui/tmTheme";
-import { useSourceStatuses } from "./sources";
-import { confirmDestructive } from "./confirm";
-import { CaptureBar } from "./list/CaptureBar";
-import { RestoreOutcomeCard, restoreNeedsAttention } from "./list/RestoreOutcomeCard";
-import { SnapshotRow } from "./list/SnapshotRow";
-import { UndoDeleteBar } from "./list/UndoDeleteBar";
-import { SourcesStrip } from "./list/SourcesStrip";
-import { WipeAllRow } from "./list/WipeAllRow";
-import { PreviewScreen } from "./preview/PreviewFlow";
-import { TIME_MACHINE_FLOATING_TOOL_ID, openTimeMachineFloatingTool } from "./floating/TimeMachineFloatingTool";
-import { getPickedPointId, resolveArmedPoint, subscribePickedPoint } from "./floating/armedPoint";
-import { setSourceEnabled } from "../store/sourceSettings";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const isBarOpen = () => getFloatingTools().some(tool => tool.id === TIME_MACHINE_FLOATING_TOOL_ID);
-export function TimeMachineBody() {
-  const [screen, setScreen] = useState({
-    kind: "list"
-  });
-  const {
-    snapshots,
-    busy,
-    preview
-  } = useTimeMachineState();
-  const sources = useSourceStatuses();
-  const backToList = () => {
-    timeMachineStore.clearPreview();
-    setScreen({
-      kind: "list"
-    });
-  };
-
-  // The preview can't render without a built diff (clearPreview races a
-  // back-navigation) — fall through to the list rather than an empty shell.
-  if (screen.kind === "preview" && preview) return /*#__PURE__*/_jsx(PreviewScreen, {
-    preview: preview,
-    snapshots: snapshots,
-    busy: busy !== null,
-    onClose: backToList
-  });
-  return /*#__PURE__*/_jsx(RestorePointList, {
-    sources: sources,
-    onOpenPreview: meta => {
-      void timeMachineStore.buildPreview({
-        snapshotId: meta.id
-      });
-      setScreen({
-        kind: "preview"
-      });
-    }
-  });
-}
-function RestorePointList({
-  sources,
-  onOpenPreview
-}) {
-  const {
-    snapshots,
-    hasLoaded,
-    busy,
-    lastOutcome,
-    recentlyDeleted,
-    remoteProviders
-  } = useTimeMachineState();
-  const snapshotLimit = useLimit("timeMachine.snapshots");
-  const host = useToolHost();
-  const insets = useSafeAreaInsets({
-    minBottom: 16
-  });
-  // Which point the floating restore bar has armed, while the bar is open.
-  const barOpen = useSyncExternalStore(subscribeFloatingTools, isBarOpen, isBarOpen);
-  const pickedId = useSyncExternalStore(subscribePickedPoint, getPickedPointId, getPickedPointId);
-  const armedId = barOpen ? resolveArmedPoint(snapshots, pickedId)?.id : undefined;
-  // Restoring the same point from this list again and again is what the bar
-  // is for; say so once, at the moment it is true.
-  const listRestores = useRef({});
-  const [barHintFor, setBarHintFor] = useState(null);
-  const putOnBar = id => {
-    setBarHintFor(null);
-    openTimeMachineFloatingTool(id);
-    host.minimize();
-  };
-
-  // Header search (when hosted by the core shell) filters the list.
-  const query = host.search.trim().toLowerCase();
-  const visible = query ? snapshots.filter(s => s.name.toLowerCase().includes(query)) : snapshots;
-
-  // Infinity for Pro, so this is simply false for them. The bar's safety
-  // slot is not a point you chose to keep, so it does not count.
-  const atCaptureLimit = snapshots.filter(s => !s.safety).length >= snapshotLimit;
-  const captureDisabled = busy !== null || atCaptureLimit;
-
-  /**
-   * Restoring is the last thing anyone wants from this screen, so the tool
-   * gets out of the way the moment it worked — with no toast and no banner.
-   * The restored app IS the confirmation, and anything announcing it is one
-   * more thing to dismiss on a flow people run dozens of times an hour.
-   *
-   * It MINIMIZES rather than closes: the list, the search and the screen you
-   * were on all survive, and coming back is one tap on the dock. A partial
-   * restore stays open instead, because the outcome card is the only place
-   * the per-source failures are reported.
-   */
-  const restore = meta => {
-    if (busy) return;
-    if (meta.baseline) {
-      confirmDestructive("Restore fresh install?", "This wipes all app storage and reloads the app.", "Wipe & reload", () => void timeMachineStore.restore(meta.id, "reload"));
-      return;
-    }
-    const count = (listRestores.current[meta.id] ?? 0) + 1;
-    listRestores.current[meta.id] = count;
-    if (count >= 2 && !barOpen) setBarHintFor(meta.id);
-    void timeMachineStore.restore(meta.id, "live").then(outcome => {
-      const clean = Object.values(outcome.results).every(r => r.ok);
-      if (!clean || outcome.willReload) return;
-      host.minimize();
-    });
-  };
-  const barHint = barHintFor && !barOpen ? snapshots.find(s => s.id === barHintFor) ?? null : null;
-  return /*#__PURE__*/_jsxs(ScrollView, {
-    style: styles.fill,
-    contentContainerStyle: [styles.content, {
-      paddingBottom: insets.bottom
-    }],
-    testID: "time-machine-scroll"
-    // Without this, the first tap after typing a name only DISMISSES the
-    // keyboard — Capture never fires and the restore point is silently not
-    // taken. Every other Buoy screen with a field inside a scroller sets it;
-    // this one didn't, and only the XCTest lane could see it (Detox's
-    // replaceText never opens a keyboard, so the tap always landed).
-    ,
-    keyboardShouldPersistTaps: "handled",
-    children: [lastOutcome && restoreNeedsAttention(lastOutcome) ? /*#__PURE__*/_jsx(RestoreOutcomeCard, {
-      outcome: lastOutcome
-    }) : null, recentlyDeleted ? /*#__PURE__*/_jsx(UndoDeleteBar, {
-      name: recentlyDeleted.stored.meta.name,
-      at: recentlyDeleted.at,
-      onUndo: () => void timeMachineStore.undoDelete(),
-      onExpire: () => timeMachineStore.clearRecentlyDeleted()
-    }) : null, /*#__PURE__*/_jsx(View, {
-      children: /*#__PURE__*/_jsx(CaptureBar, {
-        disabled: captureDisabled,
-        busy: busy === "capture",
-        onCapture: name => void timeMachineStore.capture(name)
-      })
-    }), atCaptureLimit ? /*#__PURE__*/_jsxs(Footnote, {
-      tone: "warning",
-      testID: "time-machine-limit",
-      children: ["Free plan keeps ", snapshotLimit, " restore point", snapshotLimit === 1 ? "" : "s", ". Upgrade to Pro for unlimited snapshots."]
-    }) : null, /*#__PURE__*/_jsx(SectionLabel, {
-      children: "Sources"
-    }), /*#__PURE__*/_jsx(SourcesStrip, {
-      sources: sources,
-      onToggle: remoteProviders ? undefined : setSourceEnabled
-    }), remoteProviders ? null : /*#__PURE__*/_jsx(Footnote, {
-      testID: "time-machine-sources-hint",
-      children: "Switch a source off to leave it out of every capture and restore."
-    }), /*#__PURE__*/_jsx(SectionLabel, {
-      children: "Restore Points"
-    }), barHint ? /*#__PURE__*/_jsxs(View, {
-      style: styles.barHint,
-      testID: "time-machine-bar-hint",
-      children: [/*#__PURE__*/_jsxs(Footnote, {
-        children: ["Restoring \"", barHint.name, "\" a lot? Put it on the floating action bar and restore it with one tap."]
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        onPress: () => putOnBar(barHint.id),
-        accessibilityRole: "button",
-        testID: "time-machine-bar-hint-pin",
-        hitSlop: {
-          top: 6,
-          bottom: 6,
-          left: 6,
-          right: 6
-        },
-        children: /*#__PURE__*/_jsx(Text, {
-          style: styles.barHintAction,
-          children: "Open the action bar"
-        })
-      })]
-    }) : null, /*#__PURE__*/_jsxs(Group, {
-      children: [visible.map(meta => /*#__PURE__*/_jsx(SnapshotRow, {
-        meta: meta,
-        busy: busy !== null,
-        armed: meta.id === armedId,
-        onOpen: () => onOpenPreview(meta),
-        onRestore: () => restore(meta),
-        onDelete: () => void timeMachineStore.delete(meta.id),
-        onDuplicate: () => void timeMachineStore.duplicate(meta.id),
-        onArm: () => putOnBar(meta.id)
-      }, meta.id)), visible.length === 0 ? /*#__PURE__*/_jsx(ToolEmptyState, {
-        testID: "time-machine-empty",
-        ...(!hasLoaded ? {
-          otto: "loading",
-          title: "Loading restore points…",
-          message: "Reading the vault off disk."
-        } : snapshots.length > 0 ? {
-          otto: "sad",
-          title: "No restore point matches that name.",
-          message: `Clear the search to see all ${snapshots.length}.`
-        } : {
-          // rewind = "Time Machine: stepping back through
-          // snapshots" — the one OTTO_USES sentence for this tool.
-          otto: "rewind",
-          title: "No restore points yet",
-          message: "Set up the state you want to come back to, then capture it."
-        })
-      }) : null]
-    }), visible.length > 0 ? /*#__PURE__*/_jsx(Footnote, {
-      testID: "time-machine-swipe-hint",
-      children: "Swipe a restore point to copy or delete it."
-    }) : null, /*#__PURE__*/_jsx(View, {
-      style: styles.spacer
-    }), /*#__PURE__*/_jsx(Group, {
-      children: /*#__PURE__*/_jsx(WipeAllRow, {
-        disabled: busy !== null,
-        onWipe: () => confirmDestructive("Wipe all app state?", "This deletes all app storage and reloads the app — like a fresh install.", "Wipe & reload", () => void timeMachineStore.wipeAll())
-      })
-    }), /*#__PURE__*/_jsx(Footnote, {
-      centered: true,
-      children: "Deletes all app storage and reloads \u2014 like a fresh install."
-    })]
-  });
-}
-const styles = StyleSheet.create({
-  barHint: {
-    marginHorizontal: tm.gutter,
-    marginBottom: 8
-  },
-  barHintAction: {
-    color: tm.color.accent,
-    fontSize: tm.font.footnote,
-    fontWeight: "600",
-    paddingHorizontal: tm.textInset,
-    paddingTop: 2
-  },
-  fill: {
-    flex: 1,
-    // Transparent so JsModal's ToolBackground shows through (the modal paints opaque base beneath it).
-    backgroundColor: "transparent"
-  },
-  content: {
-    paddingTop: 14
-  },
-  empty: {
-    color: tm.color.labelSecondary,
-    fontSize: tm.font.footnote,
-    lineHeight: tm.font.footnote * 1.4,
-    paddingHorizontal: tm.textInset,
-    paddingVertical: 16
-  },
-  spacer: {
-    height: 24
-  }
-});
-//# sourceMappingURL=TimeMachineBody.js.map
+"use strict";import{useRef as V,useState as O,useSyncExternalStore as L}from"react";import{ScrollView as G,StyleSheet as q,Text as $,TouchableOpacity as J,View as v}from"react-native";import{useSafeAreaInsets as K,useLimit as Q,ToolEmptyState as X,getFloatingTools as Y,subscribeFloatingTools as Z}from"@buoy-gg/shared-ui";import{useToolHost as ee}from"@buoy-gg/core";import{useTimeMachineState as x}from"../hooks/useTimeMachine";import{timeMachineStore as o}from"../store/timeMachineStore";import{Footnote as c,Group as C,SectionLabel as A}from"../ui/primitives";import{tm as r}from"../ui/tmTheme";import{useSourceStatuses as te}from"./sources";import{confirmDestructive as B}from"./confirm";import{CaptureBar as oe}from"./list/CaptureBar";import{RestoreOutcomeCard as ie,restoreNeedsAttention as ne}from"./list/RestoreOutcomeCard";import{SnapshotRow as re}from"./list/SnapshotRow";import{UndoDeleteBar as se}from"./list/UndoDeleteBar";import{SourcesStrip as le}from"./list/SourcesStrip";import{WipeAllRow as ae}from"./list/WipeAllRow";import{PreviewScreen as ce}from"./preview/PreviewFlow";import{TIME_MACHINE_FLOATING_TOOL_ID as de,openTimeMachineFloatingTool as pe}from"./floating/TimeMachineFloatingTool";import{getPickedPointId as F,resolveArmedPoint as me,subscribePickedPoint as ue}from"./floating/armedPoint";import{setSourceEnabled as he}from"../store/sourceSettings";import{jsx as t,jsxs as d}from"react/jsx-runtime";const z=()=>Y().some(s=>s.id===de);export function TimeMachineBody(){const[s,m]=O({kind:"list"});const{snapshots:i,busy:h,preview:n}=x();const l=te();const a=()=>{o.clearPreview();m({kind:"list"})};if(s.kind==="preview"&&n)return t(ce,{preview:n,snapshots:i,busy:h!==null,onClose:a});return t(fe,{sources:l,onOpenPreview:u=>{void o.buildPreview({snapshotId:u.id});m({kind:"preview"})}})}function fe({sources:s,onOpenPreview:m}){const{snapshots:i,hasLoaded:h,busy:n,lastOutcome:l,recentlyDeleted:a,remoteProviders:u}=x();const f=Q("timeMachine.snapshots");const b=ee();const M=K({minBottom:16});const g=L(Z,z,z);const E=L(ue,F,F);const W=g?me(i,E)?.id:void 0;const w=V({});const[T,I]=O(null);const D=e=>{I(null);pe(e);b.minimize()};const k=b.search.trim().toLowerCase();const y=k?i.filter(e=>e.name.toLowerCase().includes(k)):i;const P=i.filter(e=>!e.safety).length>=f;const _=n!==null||P;const j=e=>{if(n)return;if(e.baseline){B("Restore fresh install?","This wipes all app storage and reloads the app.","Wipe & reload",()=>void o.restore(e.id,"reload"));return}const R=(w.current[e.id]??0)+1;w.current[e.id]=R;if(R>=2&&!g)I(e.id);void o.restore(e.id,"live").then(H=>{const N=Object.values(H.results).every(U=>U.ok);if(!N||H.willReload)return;b.minimize()})};const S=T&&!g?i.find(e=>e.id===T)??null:null;return d(G,{style:p.fill,contentContainerStyle:[p.content,{paddingBottom:M.bottom}],testID:"time-machine-scroll",keyboardShouldPersistTaps:"handled",children:[l&&ne(l)?t(ie,{outcome:l}):null,a?t(se,{name:a.stored.meta.name,at:a.at,onUndo:()=>void o.undoDelete(),onExpire:()=>o.clearRecentlyDeleted()}):null,t(v,{children:t(oe,{disabled:_,busy:n==="capture",onCapture:e=>void o.capture(e)})}),P?d(c,{tone:"warning",testID:"time-machine-limit",children:["Free plan keeps ",f," restore point",f===1?"":"s",". Upgrade to Pro for unlimited snapshots."]}):null,t(A,{children:"Sources"}),t(le,{sources:s,onToggle:u?void 0:he}),u?null:t(c,{testID:"time-machine-sources-hint",children:"Switch a source off to leave it out of every capture and restore."}),t(A,{children:"Restore Points"}),S?d(v,{style:p.barHint,testID:"time-machine-bar-hint",children:[d(c,{children:['Restoring "',S.name,'" a lot? Put it on the floating action bar and restore it with one tap.']}),t(J,{onPress:()=>D(S.id),accessibilityRole:"button",testID:"time-machine-bar-hint-pin",hitSlop:{top:6,bottom:6,left:6,right:6},children:t($,{style:p.barHintAction,children:"Open the action bar"})})]}):null,d(C,{children:[y.map(e=>t(re,{meta:e,busy:n!==null,armed:e.id===W,onOpen:()=>m(e),onRestore:()=>j(e),onDelete:()=>void o.delete(e.id),onDuplicate:()=>void o.duplicate(e.id),onArm:()=>D(e.id)},e.id)),y.length===0?t(X,{testID:"time-machine-empty",...!h?{otto:"loading",title:"Loading restore points\u2026",message:"Reading the vault off disk."}:i.length>0?{otto:"sad",title:"No restore point matches that name.",message:`Clear the search to see all ${i.length}.`}:{otto:"rewind",title:"No restore points yet",message:"Set up the state you want to come back to, then capture it."}}):null]}),y.length>0?t(c,{testID:"time-machine-swipe-hint",children:"Swipe a restore point to copy or delete it."}):null,t(v,{style:p.spacer}),t(C,{children:t(ae,{disabled:n!==null,onWipe:()=>B("Wipe all app state?","This deletes all app storage and reloads the app \u2014 like a fresh install.","Wipe & reload",()=>void o.wipeAll())})}),t(c,{centered:true,children:"Deletes all app storage and reloads \u2014 like a fresh install."})]})}const p=q.create({barHint:{marginHorizontal:r.gutter,marginBottom:8},barHintAction:{color:r.color.accent,fontSize:r.font.footnote,fontWeight:"600",paddingHorizontal:r.textInset,paddingTop:2},fill:{flex:1,backgroundColor:"transparent"},content:{paddingTop:14},empty:{color:r.color.labelSecondary,fontSize:r.font.footnote,lineHeight:r.font.footnote*1.4,paddingHorizontal:r.textInset,paddingVertical:16},spacer:{height:24}});

package/lib/module/components/TimeMachineModal.js

@@ -1,68 +1 @@
-"use strict";
-
-/**
- * TimeMachineModal — bottom-sheet wrapper rendered by FloatingDevTools when
- * the Time Machine tool is opened. TimeMachineToolView is the inline variant
- * for Buoy Desktop.
- */
-import { StyleSheet, Text, View } from "react-native";
-import { JsModal } from "@buoy-gg/shared-ui";
-import { tm } from "../ui/tmTheme";
-import { TimeMachineBody } from "./TimeMachineBody";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function Header() {
-  return /*#__PURE__*/_jsxs(View, {
-    style: styles.header,
-    children: [/*#__PURE__*/_jsx(Text, {
-      style: styles.headerTitle,
-      children: "Time Machine"
-    }), /*#__PURE__*/_jsx(Text, {
-      style: styles.headerSubtitle,
-      children: "Snapshot & restore app state"
-    })]
-  });
-}
-export function TimeMachineModal({
-  visible,
-  onClose,
-  onBack: _onBack,
-  onMinimize,
-  persistenceKey
-}) {
-  return /*#__PURE__*/_jsx(JsModal, {
-    visible: visible,
-    onClose: onClose,
-    onMinimize: onMinimize,
-    persistenceKey: persistenceKey,
-    header: {
-      showToggleButton: true,
-      customContent: /*#__PURE__*/_jsx(Header, {})
-    },
-    enablePersistence: true,
-    initialMode: "bottomSheet",
-    disableScrollWrapper: true,
-    children: /*#__PURE__*/_jsx(TimeMachineBody, {})
-  });
-}
-
-/** Inline variant (no modal chrome) — used by Buoy Desktop. */
-export function TimeMachineToolView() {
-  return /*#__PURE__*/_jsx(TimeMachineBody, {});
-}
-const styles = StyleSheet.create({
-  header: {
-    paddingHorizontal: 4,
-    gap: 2
-  },
-  headerTitle: {
-    color: tm.color.label,
-    fontSize: 22,
-    fontWeight: "700",
-    letterSpacing: 0.3
-  },
-  headerSubtitle: {
-    color: tm.color.labelSecondary,
-    fontSize: tm.font.footnote
-  }
-});
-//# sourceMappingURL=TimeMachineModal.js.map
+"use strict";import{StyleSheet as c,Text as r,View as d}from"react-native";import{JsModal as h}from"@buoy-gg/shared-ui";import{tm as t}from"../ui/tmTheme";import{TimeMachineBody as i}from"./TimeMachineBody";import{jsx as e,jsxs as m}from"react/jsx-runtime";function p(){return m(d,{style:o.header,children:[e(r,{style:o.headerTitle,children:"Time Machine"}),e(r,{style:o.headerSubtitle,children:"Snapshot & restore app state"})]})}export function TimeMachineModal({visible:n,onClose:l,onBack:u,onMinimize:a,persistenceKey:s}){return e(h,{visible:n,onClose:l,onMinimize:a,persistenceKey:s,header:{showToggleButton:true,customContent:e(p,{})},enablePersistence:true,initialMode:"bottomSheet",disableScrollWrapper:true,children:e(i,{})})}export function TimeMachineToolView(){return e(i,{})}const o=c.create({header:{paddingHorizontal:4,gap:2},headerTitle:{color:t.color.label,fontSize:22,fontWeight:"700",letterSpacing:.3},headerSubtitle:{color:t.color.labelSecondary,fontSize:t.font.footnote}});

package/lib/module/components/confirm.js

@@ -1,34 +1,3 @@
-"use strict";
+"use strict";import{Alert as c,Platform as i}from"react-native";function o(r){const t=globalThis.confirm;return t?t(r):true}export function confirmDestructive(r,t,n,e){if(i.OS==="web"){if(o(`${r}
 
-/**
- * Confirmation dialogs for the destructive / branching Time Machine actions.
- *
- * RN-web's Alert renders no buttons at all, so the web path (Buoy Desktop,
- * the web example) uses `window.confirm`.
- *
- * There is deliberately NO "restore the route too?" prompt: that question is
- * answered once per restore point by the route toggle on its row, because
- * asking it on every restore meant answering it thirty times a day.
- */
-import { Alert, Platform } from "react-native";
-function webConfirm(message) {
-  const confirmFn = globalThis.confirm;
-  // No dialog available at all (headless web): don't silently swallow the
-  // user's intent — treat it as confirmed, same as the previous behavior.
-  return confirmFn ? confirmFn(message) : true;
-}
-export function confirmDestructive(title, message, confirmLabel, onConfirm) {
-  if (Platform.OS === "web") {
-    if (webConfirm(`${title}\n\n${message}`)) onConfirm();
-    return;
-  }
-  Alert.alert(title, message, [{
-    text: "Cancel",
-    style: "cancel"
-  }, {
-    text: confirmLabel,
-    style: "destructive",
-    onPress: onConfirm
-  }]);
-}
-//# sourceMappingURL=confirm.js.map
+${t}`))e();return}c.alert(r,t,[{text:"Cancel",style:"cancel"},{text:n,style:"destructive",onPress:e}])}