@buoy-gg/time-machine 7.0.41 → 7.0.42

package/lib/module/components/floating/TimeMachineFloatingTool.js

@@ -1,708 +1 @@
-"use strict";
-
-/**
- * The restore bar: a floating strip that stays over the app with one restore
- * point armed, so "go back to A" is one tap instead of dial → tool → RESTORE.
- *
- * Same shell and shape as Network's throttling strip. Left to right: a
- * "Restore" button, the armed point's name over a status line (the drag
- * surface), a chevron for the picker, a capture button, and ×. Close only
- * dismisses; an armed point is not a running effect, so there is nothing to
- * switch off.
- *
- * Safety: every restore from here first writes the rolling "Before last
- * restore" snapshot, and the status line offers Undo for ten seconds. A
- * control meant to be tapped without looking has to be safe to mis-tap.
- *
- * Feedback follows the list's rule: a clean restore gets no toast, because
- * the restored app is the confirmation. The button flashes a check so a tap
- * on an already-matching screen still visibly did something. Only a partial
- * restore, an error, or the tier cap opens the accessory panel under the
- * strip.
- */
-import { useEffect, useRef, useState, useSyncExternalStore } from "react";
-import { ActivityIndicator, ScrollView, StyleSheet, Text, TouchableOpacity, View, useWindowDimensions } from "react-native";
-import { Check, ChevronDown, ChevronUp, FloatingTool, NightSwitch, Plus, TimeMachineIcon, X, night, openFloatingTool, persistentStorage, registerPersistentFloatingTool, useLimit } from "@buoy-gg/shared-ui";
-import { useSnapshotProviders, useTimeMachineState } from "../../hooks/useTimeMachine";
-import { timeMachineStore, willRestoreRoute } from "../../store/timeMachineStore";
-import { captureCurrentRoute } from "../../store/routeRestore";
-import { isSourceEnabled } from "../../store/sourceSettings";
-import { restoreNeedsAttention } from "../list/RestoreOutcomeCard";
-import { timeAgo } from "../format";
-import { ensurePickedPointLoaded, getPickedPointId, resolveArmedPoint, setPickedPointId, subscribePickedPoint } from "./armedPoint";
-import { NamePromptModal } from "./NamePromptModal";
-import { ensureBarSettingsLoaded, getBarReloadMode, setBarReloadMode, subscribeBarSettings } from "./barSettings";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const TIME_MACHINE_FLOATING_TOOL_ID = "time-machine-restore";
-
-/** How long "just now" and Undo stay on offer. */
-const RECENT_MS = 10_000;
-const FLASH_MS = 900;
-const PICKER_ROWS = 6;
-const registration = {
-  id: TIME_MACHINE_FLOATING_TOOL_ID,
-  render: context => /*#__PURE__*/_jsx(TimeMachineFloatingTool, {
-    ...context
-  })
-};
-
-// Restore an open bar on the next boot. Dev bundles on a real RN runtime
-// only: a production build must never re-open a devtool at launch, and the
-// desktop dashboard and web mirrors host this module without a device.
-if (typeof __DEV__ !== "undefined" && __DEV__ && typeof navigator !== "undefined" && navigator.product === "ReactNative") {
-  registerPersistentFloatingTool(registration, persistentStorage);
-}
-
-/** Open (or reveal) the restore bar, optionally arming a specific point. */
-export function openTimeMachineFloatingTool(armId) {
-  if (armId) setPickedPointId(armId);
-  openFloatingTool(registration);
-}
-/** "3 of 5 sources failed", counting the route leg when it was asked for. */
-function failureSummary(outcome) {
-  const results = Object.values(outcome.results);
-  const failed = results.filter(r => !r.ok || r.skipped.length > 0).length;
-  const total = results.length;
-  const route = outcome.route;
-  const routeFailed = route?.status === "failed" || route?.status === "unavailable";
-  if (failed === 0 && routeFailed) return "Route did not restore";
-  return `${failed} of ${total} source${total === 1 ? "" : "s"} failed`;
-}
-function failureLines(outcome) {
-  const lines = [];
-  for (const [id, r] of Object.entries(outcome.results)) {
-    if (r.ok && r.skipped.length === 0) continue;
-    const reason = r.skipped[0]?.reason ?? r.warnings[0] ?? "did not apply";
-    lines.push(`${id}: ${reason}`);
-  }
-  const route = outcome.route;
-  if (route?.status === "failed" || route?.status === "unavailable") lines.push(`route: ${route.status}`);
-  return lines;
-}
-
-/** A short-lived flag: set it, and it clears itself after `ms`. */
-function useFlash(ms) {
-  const [token, setToken] = useState(0);
-  useEffect(() => {
-    if (!token) return;
-    const timer = setTimeout(() => setToken(0), ms);
-    return () => clearTimeout(timer);
-  }, [token, ms]);
-  return [token > 0, () => setToken(n => n + 1)];
-}
-export function TimeMachineFloatingTool({
-  id,
-  revealToken,
-  dismiss
-}) {
-  const {
-    snapshots,
-    hasLoaded,
-    busy
-  } = useTimeMachineState();
-  const providers = useSnapshotProviders();
-  const pickedId = useSyncExternalStore(subscribePickedPoint, getPickedPointId, getPickedPointId);
-  const snapshotLimit = useLimit("timeMachine.snapshots");
-  const reloadMode = useSyncExternalStore(subscribeBarSettings, getBarReloadMode, getBarReloadMode);
-  const {
-    width
-  } = useWindowDimensions();
-  const [panel, setPanel] = useState(null);
-  const [failed, setFailed] = useState(null);
-  const [error, setError] = useState();
-  const [naming, setNaming] = useState(false);
-  const [restoredFlash, flashRestored] = useFlash(FLASH_MS);
-  const [capturedFlash, flashCaptured] = useFlash(FLASH_MS);
-  // The way back after a bar restore: the safety snapshot's id, for a while.
-  const [undo, setUndo] = useState(null);
-  const [undoneAt, setUndoneAt] = useState(null);
-  // Re-render on a slow clock so "just now" and "restored 5s ago" move on.
-  const [, setTick] = useState(0);
-  const mounted = useRef(true);
-  useEffect(() => {
-    mounted.current = true;
-    void ensurePickedPointLoaded();
-    void ensureBarSettingsLoaded();
-    void timeMachineStore.ensureLoaded();
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-  const armed = resolveArmedPoint(snapshots, pickedId);
-  const armedId = armed?.id;
-  const lastRestoredAt = armed?.lastRestoredAt;
-  const createdAt = armed?.createdAt;
-  useEffect(() => {
-    if (lastRestoredAt === undefined && createdAt === undefined && !undo && undoneAt === null) return;
-    const timer = setInterval(() => setTick(n => n + 1), 2_500);
-    return () => clearInterval(timer);
-  }, [lastRestoredAt, createdAt, undo, undoneAt]);
-
-  // A failure belongs to the point it happened on; arming another clears it.
-  useEffect(() => {
-    if (failed && failed.snapshotId !== armedId) {
-      setFailed(null);
-      setPanel(p => p === "outcome" ? null : p);
-    }
-  }, [armedId, failed]);
-  const now = Date.now();
-  const undoAvailable = undo !== null && now - undo.at < RECENT_MS && snapshots.some(meta => meta.id === undo.id);
-  // The tier cap counts the points you chose to keep, not the safety slot.
-  const kept = snapshots.filter(meta => !meta.safety);
-  const atCaptureLimit = kept.length >= snapshotLimit;
-  const restoreDisabled = !armed || busy !== null;
-  const captureDisabled = busy !== null;
-  const runRestore = async (targetId, options) => {
-    if (busy) return;
-    setPanel(null);
-    setError(undefined);
-    try {
-      const outcome = await timeMachineStore.restore(targetId,
-      // Reload mode restores storage, parks the route for the next boot
-      // and reloads: the only way to reach screens that read storage once.
-      reloadMode && options.safetyCapture ? "reload" : "live", undefined, options);
-      if (!mounted.current) return;
-      if (restoreNeedsAttention(outcome)) {
-        setFailed(outcome);
-        setPanel("outcome");
-      } else {
-        setFailed(null);
-        flashRestored();
-      }
-      setUndo(outcome.safetySnapshotId ? {
-        id: outcome.safetySnapshotId,
-        at: Date.now()
-      } : null);
-      if (outcome.safetySnapshotId) setUndoneAt(null);
-    } catch (failure) {
-      if (!mounted.current) return;
-      setError(failure instanceof Error ? failure.message : String(failure));
-      setPanel("error");
-    }
-  };
-
-  /** Tap: the point's own route setting applies. Long-press: state only. */
-  const restore = (stateOnly = false) => {
-    if (!armed) return;
-    void runRestore(armed.id, {
-      safetyCapture: true,
-      ...(stateOnly ? {
-        restoreRoute: false
-      } : {})
-    });
-  };
-  const undoRestore = () => {
-    if (!undo) return;
-    // Back to where the app was, state only: you have not moved since.
-    void runRestore(undo.id, {
-      safetyCapture: false,
-      restoreRoute: false
-    }).then(() => {
-      if (mounted.current) setUndoneAt(Date.now());
-    });
-  };
-
-  // `+` asks for a name first, in a dialog over the app. An empty name
-  // keeps the default (screen and clock).
-  const askForName = () => {
-    if (busy) return;
-    setError(undefined);
-    if (atCaptureLimit) {
-      setPanel("cap");
-      return;
-    }
-    setPanel(null);
-    setNaming(true);
-  };
-  const capture = async typed => {
-    setNaming(false);
-    if (busy) return;
-    try {
-      const meta = await timeMachineStore.capture(typed);
-      if (!mounted.current) return;
-      // Captured from the bar means "loop back to here": arm it.
-      setPickedPointId(meta.id);
-      setUndo(null);
-      flashCaptured();
-    } catch (failure) {
-      if (!mounted.current) return;
-      setError(failure instanceof Error ? failure.message : String(failure));
-      setPanel("error");
-    }
-  };
-  const pick = meta => {
-    setPickedPointId(meta.id);
-    setPanel(null);
-  };
-  const name = armed?.name ?? (hasLoaded ? "No restore points" : "Loading…");
-  let status;
-  let statusTone = "normal";
-  let idle = false;
-  if (busy === "restore") status = "Restoring…";else if (busy === "capture") status = "Capturing…";else if (error) {
-    status = error;
-    statusTone = "danger";
-  } else if (failed && armed && failed.snapshotId === armed.id) {
-    status = failureSummary(failed);
-    statusTone = "danger";
-  } else if (!armed) status = hasLoaded ? "Capture one with +" : "";else {
-    idle = true;
-    const restoredAgo = armed.lastRestoredAt === undefined ? null : now - armed.lastRestoredAt;
-    const capturedAgo = now - armed.createdAt;
-    if (undoneAt !== null && now - undoneAt < RECENT_MS) status = "undone, state only";else if (restoredAgo !== null && restoredAgo < RECENT_MS) status = "restored just now";else if (capturedAgo < RECENT_MS && restoredAgo === null) status = "captured just now";else if (armed.lastRestoredAt !== undefined) status = `restored ${timeAgo(armed.lastRestoredAt)}`;else status = `${Object.keys(armed.sources).length} sources`;
-    if (reloadMode) status += " · reloads";
-  }
-  // Say where a restore will take you before it does.
-  const destination = idle && !undoAvailable && armed && armed.route && willRestoreRoute(armed) ? armed.route.pathname : null;
-  const pickable = snapshots.filter(meta => !meta.baseline && !meta.safety);
-  const captureSummary = (() => {
-    const count = providers.filter(p => p.status().canCapture && isSourceEnabled(p.id)).length;
-    const route = captureCurrentRoute();
-    const parts = [`${count} source${count === 1 ? "" : "s"}`];
-    if (route) parts.push(route.pathname);
-    return parts.join(" · ");
-  })();
-  let accessory;
-  if (panel === "picker") {
-    accessory = /*#__PURE__*/_jsxs(View, {
-      style: styles.menu,
-      testID: "time-machine-bar-picker",
-      children: [/*#__PURE__*/_jsxs(ScrollView, {
-        style: styles.pickerList,
-        bounces: false,
-        children: [pickable.map(meta => {
-          const isArmed = meta.id === armed?.id;
-          return /*#__PURE__*/_jsxs(TouchableOpacity, {
-            testID: `time-machine-bar-pick-${meta.id}`,
-            accessibilityRole: "button",
-            accessibilityState: {
-              selected: isArmed
-            },
-            accessibilityLabel: `Arm ${meta.name}`,
-            onPress: () => pick(meta),
-            style: styles.pickRow,
-            children: [/*#__PURE__*/_jsxs(View, {
-              style: styles.pickText,
-              children: [/*#__PURE__*/_jsx(Text, {
-                numberOfLines: 1,
-                style: styles.pickName,
-                children: meta.name
-              }), /*#__PURE__*/_jsxs(Text, {
-                numberOfLines: 1,
-                style: styles.pickDetail,
-                children: [timeAgo(meta.createdAt), meta.route ? ` · ${meta.route.pathname}` : "", meta.lastRestoredAt !== undefined ? /*#__PURE__*/_jsx(Text, {
-                  style: styles.pickRestored,
-                  children: ` · restored ${timeAgo(meta.lastRestoredAt)}`
-                }) : null]
-              })]
-            }), isArmed ? /*#__PURE__*/_jsx(Check, {
-              size: 14,
-              color: night.color.accent
-            }) : null]
-          }, meta.id);
-        }), pickable.length === 0 ? /*#__PURE__*/_jsx(Text, {
-          style: styles.menuText,
-          children: "No restore points yet."
-        }) : null]
-      }), pickable.length > PICKER_ROWS ? /*#__PURE__*/_jsxs(Text, {
-        style: styles.pickerMore,
-        children: ["Scroll for ", pickable.length - PICKER_ROWS, " more"]
-      }) : null, /*#__PURE__*/_jsxs(View, {
-        style: styles.settingRow,
-        testID: "time-machine-bar-reload-mode",
-        children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.settingText,
-          children: [/*#__PURE__*/_jsx(Text, {
-            style: styles.settingLabel,
-            children: "Reload the app after restoring"
-          }), /*#__PURE__*/_jsx(Text, {
-            style: styles.settingHint,
-            children: "For screens that read their state from storage only when they open, like a cart kept in a React context."
-          })]
-        }), /*#__PURE__*/_jsx(NightSwitch, {
-          value: reloadMode,
-          onValueChange: setBarReloadMode
-        })]
-      })]
-    });
-  } else if (panel === "outcome" && failed) {
-    accessory = /*#__PURE__*/_jsxs(View, {
-      style: styles.menu,
-      testID: "time-machine-bar-outcome",
-      children: [failureLines(failed).map(line => /*#__PURE__*/_jsx(Text, {
-        style: styles.menuDanger,
-        children: line
-      }, line)), /*#__PURE__*/_jsx(Text, {
-        style: styles.menuText,
-        children: "The full report is on Time Machine's outcome card."
-      }), /*#__PURE__*/_jsx(DismissLink, {
-        onPress: () => setPanel(null)
-      })]
-    });
-  } else if (panel === "cap") {
-    accessory = /*#__PURE__*/_jsxs(View, {
-      style: styles.menu,
-      testID: "time-machine-bar-cap",
-      children: [/*#__PURE__*/_jsxs(Text, {
-        style: styles.menuText,
-        children: ["Free plan keeps ", snapshotLimit, " restore point", snapshotLimit === 1 ? "" : "s", ". Delete one in Time Machine, or upgrade to Pro for unlimited snapshots."]
-      }), /*#__PURE__*/_jsx(DismissLink, {
-        onPress: () => setPanel(null)
-      })]
-    });
-  } else if (panel === "error" && error) {
-    accessory = /*#__PURE__*/_jsxs(View, {
-      style: styles.menu,
-      testID: "time-machine-bar-error",
-      children: [/*#__PURE__*/_jsx(Text, {
-        accessibilityRole: "alert",
-        style: styles.menuDanger,
-        children: error
-      }), /*#__PURE__*/_jsx(DismissLink, {
-        onPress: () => {
-          setPanel(null);
-          setError(undefined);
-        }
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(NamePromptModal, {
-      visible: naming,
-      summary: captureSummary,
-      onCapture: typed => void capture(typed),
-      onCancel: () => setNaming(false)
-    }), /*#__PURE__*/_jsx(FloatingTool, {
-      id: id,
-      revealToken: revealToken,
-      variant: "strip",
-      dragFromSurface: true,
-      defaultPlacement: "bottom",
-      accessibilityLabel: `Move or hide the action bar. ${armed ? `${armed.name} armed` : "Nothing armed"}`,
-      accessory: accessory
-      // The hidden tab keeps the tool's icon, so it is not one more
-      // anonymous grip on the edge next to the minimized-tools dock.
-      ,
-      handleAdornment: /*#__PURE__*/_jsx(TimeMachineIcon, {
-        size: 12,
-        color: night.color.accent
-      }),
-      children: /*#__PURE__*/_jsxs(View, {
-        style: [styles.row, {
-          width: Math.max(260, Math.min(320, width - 64))
-        }],
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          testID: "time-machine-bar-restore",
-          accessibilityRole: "button",
-          accessibilityLabel: armed ? `Restore ${armed.name}` : "Restore, nothing armed",
-          accessibilityHint: destination ? `Also returns to ${destination}. Long press to restore state only.` : undefined,
-          accessibilityState: {
-            disabled: restoreDisabled
-          },
-          disabled: restoreDisabled,
-          onPress: () => restore(false),
-          onLongPress: () => restore(true),
-          style: [styles.restoreButton, restoreDisabled && styles.disabled],
-          children: busy === "restore" ? /*#__PURE__*/_jsx(ActivityIndicator, {
-            size: "small",
-            color: night.color.accent
-          }) : restoredFlash ? /*#__PURE__*/_jsx(Text, {
-            style: styles.restoreText,
-            testID: "time-machine-bar-restored",
-            children: "Restored"
-          }) : /*#__PURE__*/_jsx(Text, {
-            style: styles.restoreText,
-            children: "Restore"
-          })
-        }), /*#__PURE__*/_jsxs(View, {
-          style: styles.identity,
-          children: [/*#__PURE__*/_jsx(Text, {
-            testID: "time-machine-bar-name",
-            accessibilityLabel: `Armed restore point: ${name}`,
-            numberOfLines: 1
-            // Default names are "screen · clock"; the clock is what tells
-            // two captures apart, so the end must survive truncation.
-            ,
-            ellipsizeMode: "middle",
-            style: styles.name,
-            children: name
-          }), /*#__PURE__*/_jsxs(View, {
-            style: styles.statusRow,
-            children: [/*#__PURE__*/_jsxs(Text, {
-              testID: "time-machine-bar-status",
-              numberOfLines: 1,
-              accessibilityLiveRegion: "polite",
-              style: [styles.status, statusTone === "danger" && styles.danger],
-              children: [status, destination ? /*#__PURE__*/_jsx(Text, {
-                style: styles.destination,
-                children: ` · → ${destination}`
-              }) : null]
-            }), undoAvailable && !busy ? /*#__PURE__*/_jsx(TouchableOpacity, {
-              testID: "time-machine-bar-undo",
-              accessibilityRole: "button",
-              accessibilityLabel: "Undo the last restore",
-              onPress: undoRestore,
-              hitSlop: {
-                top: 8,
-                bottom: 8,
-                left: 6,
-                right: 6
-              },
-              children: /*#__PURE__*/_jsx(Text, {
-                style: styles.undo,
-                children: "Undo"
-              })
-            }) : null]
-          })]
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          testID: "time-machine-bar-pick",
-          accessibilityRole: "button",
-          accessibilityLabel: "Choose another restore point",
-          accessibilityState: {
-            expanded: panel === "picker"
-          },
-          onPress: () => setPanel(p => p === "picker" ? null : "picker"),
-          style: styles.smallButton,
-          children: panel === "picker" ? /*#__PURE__*/_jsx(ChevronUp, {
-            size: 14,
-            color: night.color.textSecondary
-          }) : /*#__PURE__*/_jsx(ChevronDown, {
-            size: 14,
-            color: night.color.textSecondary
-          })
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          testID: "time-machine-bar-capture",
-          accessibilityRole: "button",
-          accessibilityLabel: "Capture a new restore point here and arm it",
-          accessibilityState: {
-            disabled: captureDisabled
-          },
-          disabled: captureDisabled,
-          onPress: askForName,
-          style: [styles.smallButton, captureDisabled && styles.disabled],
-          children: busy === "capture" ? /*#__PURE__*/_jsx(ActivityIndicator, {
-            size: "small",
-            color: night.color.accent
-          }) : capturedFlash ? /*#__PURE__*/_jsx(View, {
-            testID: "time-machine-bar-captured",
-            children: /*#__PURE__*/_jsx(Check, {
-              size: 18,
-              color: night.color.accent
-            })
-          }) : /*#__PURE__*/_jsx(Plus, {
-            size: 18,
-            color: atCaptureLimit ? night.color.textTertiary : night.color.text
-          })
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.separator
-        }), /*#__PURE__*/_jsx(TouchableOpacity, {
-          testID: "time-machine-bar-close",
-          accessibilityRole: "button",
-          accessibilityLabel: "Close the action bar",
-          onPress: dismiss,
-          style: styles.closeButton,
-          children: /*#__PURE__*/_jsx(X, {
-            size: 16,
-            color: night.color.textSecondary
-          })
-        })]
-      })
-    })]
-  });
-}
-function DismissLink({
-  onPress,
-  label = "Dismiss"
-}) {
-  return /*#__PURE__*/_jsx(TouchableOpacity, {
-    testID: "time-machine-bar-dismiss",
-    accessibilityRole: "button",
-    onPress: onPress,
-    style: styles.dismiss,
-    children: /*#__PURE__*/_jsx(Text, {
-      style: styles.dismissText,
-      children: label
-    })
-  });
-}
-const styles = StyleSheet.create({
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 4,
-    paddingVertical: 4,
-    minHeight: 48
-  },
-  // The primary action is a word, not a glyph: "Restore" needs no legend.
-  // Same pill as Network's strip action: accent ink on a tinted, outlined
-  // dark chip, so it belongs to the strip instead of shouting over it.
-  restoreButton: {
-    height: 32,
-    minWidth: 72,
-    paddingHorizontal: 12,
-    borderRadius: 8,
-    borderWidth: 1,
-    borderColor: night.color.accentBorderStrong,
-    backgroundColor: night.color.accentSoft,
-    alignItems: "center",
-    justifyContent: "center",
-    marginLeft: 2
-  },
-  restoreText: {
-    color: night.color.accent,
-    fontSize: 12,
-    fontWeight: "700"
-  },
-  smallButton: {
-    width: 32,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  closeButton: {
-    width: 28,
-    minHeight: 44,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  identity: {
-    flex: 1,
-    minHeight: 44,
-    justifyContent: "center",
-    gap: 1
-  },
-  name: {
-    color: night.color.text,
-    fontSize: 13,
-    fontWeight: "500"
-  },
-  statusRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8
-  },
-  status: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    lineHeight: 14,
-    flexShrink: 1
-  },
-  destination: {
-    color: night.color.textTertiary
-  },
-  danger: {
-    color: night.color.danger
-  },
-  undo: {
-    color: night.color.accent,
-    fontSize: 10,
-    lineHeight: 14,
-    fontWeight: "700"
-  },
-  separator: {
-    height: 20,
-    width: 1,
-    backgroundColor: night.color.separator,
-    marginHorizontal: 2
-  },
-  disabled: {
-    opacity: 0.4
-  },
-  menu: {
-    marginVertical: 8,
-    padding: 6,
-    borderRadius: night.radius.card,
-    borderWidth: 1,
-    borderColor: night.color.separator,
-    backgroundColor: night.color.surface,
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 6
-    },
-    shadowOpacity: 0.25,
-    shadowRadius: 16,
-    elevation: 8
-  },
-  menuText: {
-    color: night.color.textSecondary,
-    fontSize: 12,
-    lineHeight: 18,
-    padding: 10
-  },
-  menuDanger: {
-    color: night.color.danger,
-    fontSize: 12,
-    lineHeight: 18,
-    paddingHorizontal: 10,
-    paddingTop: 6
-  },
-  pickerList: {
-    maxHeight: PICKER_ROWS * 44
-  },
-  pickerMore: {
-    color: night.color.textTertiary,
-    fontSize: 10,
-    lineHeight: 14,
-    textAlign: "center",
-    paddingVertical: 4
-  },
-  pickRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 8,
-    minHeight: 44,
-    paddingHorizontal: 10,
-    borderRadius: night.radius.row
-  },
-  pickText: {
-    flex: 1
-  },
-  settingRow: {
-    flexDirection: "row",
-    alignItems: "center",
-    gap: 10,
-    paddingHorizontal: 10,
-    paddingVertical: 8,
-    borderTopWidth: StyleSheet.hairlineWidth,
-    borderTopColor: night.color.separator,
-    marginTop: 4
-  },
-  settingText: {
-    flex: 1,
-    gap: 2
-  },
-  settingLabel: {
-    color: night.color.text,
-    fontSize: 12,
-    fontWeight: "500"
-  },
-  settingHint: {
-    color: night.color.textTertiary,
-    fontSize: 10,
-    lineHeight: 13
-  },
-  pickName: {
-    color: night.color.text,
-    fontSize: 13,
-    fontWeight: "500"
-  },
-  pickDetail: {
-    color: night.color.textSecondary,
-    fontSize: 10,
-    lineHeight: 14
-  },
-  pickRestored: {
-    color: night.color.accent
-  },
-  dismiss: {
-    alignSelf: "flex-end",
-    paddingHorizontal: 10,
-    paddingVertical: 8
-  },
-  dismissText: {
-    color: night.color.accent,
-    fontSize: 12,
-    fontWeight: "600"
-  }
-});
-//# sourceMappingURL=TimeMachineFloatingTool.js.map
+"use strict";import{useEffect as P,useRef as Le,useState as S,useSyncExternalStore as ne}from"react";import{ActivityIndicator as ie,ScrollView as Ce,StyleSheet as se,Text as s,TouchableOpacity as x,View as p,useWindowDimensions as Ae}from"react-native";import{Check as le,ChevronDown as ve,ChevronUp as ze,FloatingTool as Pe,NightSwitch as He,Plus as Me,TimeMachineIcon as _e,X as $e,night as r,openFloatingTool as Fe,persistentStorage as je,registerPersistentFloatingTool as Ne,useLimit as Oe}from"@buoy-gg/shared-ui";import{useSnapshotProviders as Ee,useTimeMachineState as We}from"../../hooks/useTimeMachine";import{timeMachineStore as E,willRestoreRoute as Be}from"../../store/timeMachineStore";import{captureCurrentRoute as Ve}from"../../store/routeRestore";import{isSourceEnabled as Ue}from"../../store/sourceSettings";import{restoreNeedsAttention as Ge}from"../list/RestoreOutcomeCard";import{timeAgo as W}from"../format";import{ensurePickedPointLoaded as Ke,getPickedPointId as ae,resolveArmedPoint as Xe,setPickedPointId as B,subscribePickedPoint as qe}from"./armedPoint";import{NamePromptModal as Je}from"./NamePromptModal";import{ensureBarSettingsLoaded as Qe,getBarReloadMode as ce,setBarReloadMode as Ye,subscribeBarSettings as Ze}from"./barSettings";import{jsx as o,jsxs as a,Fragment as et}from"react/jsx-runtime";export const TIME_MACHINE_FLOATING_TOOL_ID="time-machine-restore";const H=1e4;const de=900;const V=6;const ue={id:TIME_MACHINE_FLOATING_TOOL_ID,render:l=>o(TimeMachineFloatingTool,{...l})};if(typeof __DEV__!=="undefined"&&__DEV__&&typeof navigator!=="undefined"&&navigator.product==="ReactNative"){Ne(ue,je)}export function openTimeMachineFloatingTool(l){if(l)B(l);Fe(ue)}function tt(l){const c=Object.values(l.results);const g=c.filter(D=>!D.ok||D.skipped.length>0).length;const u=c.length;const y=l.route;const d=y?.status==="failed"||y?.status==="unavailable";if(g===0&&d)return"Route did not restore";return`${g} of ${u} source${u===1?"":"s"} failed`}function ot(l){const c=[];for(const[u,y]of Object.entries(l.results)){if(y.ok&&y.skipped.length===0)continue;const d=y.skipped[0]?.reason??y.warnings[0]??"did not apply";c.push(`${u}: ${d}`)}const g=l.route;if(g?.status==="failed"||g?.status==="unavailable")c.push(`route: ${g.status}`);return c}function he(l){const[c,g]=S(0);P(()=>{if(!c)return;const u=setTimeout(()=>g(0),l);return()=>clearTimeout(u)},[c,l]);return[c>0,()=>g(u=>u+1)]}export function TimeMachineFloatingTool({id:l,revealToken:c,dismiss:g}){const{snapshots:u,hasLoaded:y,busy:d}=We();const D=Ee();const me=ne(qe,ae,ae);const M=Oe("timeMachine.snapshots");const _=ne(Ze,ce,ce);const{width:fe}=Ae();const[T,h]=S(null);const[b,$]=S(null);const[L,w]=S();const[pe,F]=S(false);const[ge,ye]=he(de);const[be,Se]=he(de);const[R,G]=S(null);const[C,K]=S(null);const[,Re]=S(0);const k=Le(true);P(()=>{k.current=true;void Ke();void Qe();void E.ensureLoaded();return()=>{k.current=false}},[]);const n=Xe(u,me);const X=n?.id;const q=n?.lastRestoredAt;const J=n?.createdAt;P(()=>{if(q===void 0&&J===void 0&&!R&&C===null)return;const e=setInterval(()=>Re(i=>i+1),2500);return()=>clearInterval(e)},[q,J,R,C]);P(()=>{if(b&&b.snapshotId!==X){$(null);h(e=>e==="outcome"?null:e)}},[X,b]);const A=Date.now();const Q=R!==null&&A-R.at<H&&u.some(e=>e.id===R.id);const ke=u.filter(e=>!e.safety);const Y=ke.length>=M;const j=!n||d!==null;const N=d!==null;const Z=async(e,i)=>{if(d)return;h(null);w(void 0);try{const f=await E.restore(e,_&&i.safetyCapture?"reload":"live",void 0,i);if(!k.current)return;if(Ge(f)){$(f);h("outcome")}else{$(null);ye()}G(f.safetySnapshotId?{id:f.safetySnapshotId,at:Date.now()}:null);if(f.safetySnapshotId)K(null)}catch(f){if(!k.current)return;w(f instanceof Error?f.message:String(f));h("error")}};const ee=(e=false)=>{if(!n)return;void Z(n.id,{safetyCapture:true,...e?{restoreRoute:false}:{}})};const xe=()=>{if(!R)return;void Z(R.id,{safetyCapture:false,restoreRoute:false}).then(()=>{if(k.current)K(Date.now())})};const Te=()=>{if(d)return;w(void 0);if(Y){h("cap");return}h(null);F(true)};const we=async e=>{F(false);if(d)return;try{const i=await E.capture(e);if(!k.current)return;B(i.id);G(null);Se()}catch(i){if(!k.current)return;w(i instanceof Error?i.message:String(i));h("error")}};const Ie=e=>{B(e.id);h(null)};const te=n?.name??(y?"No restore points":"Loading\u2026");let m;let O="normal";let oe=false;if(d==="restore")m="Restoring\u2026";else if(d==="capture")m="Capturing\u2026";else if(L){m=L;O="danger"}else if(b&&n&&b.snapshotId===n.id){m=tt(b);O="danger"}else if(!n)m=y?"Capture one with +":"";else{oe=true;const e=n.lastRestoredAt===void 0?null:A-n.lastRestoredAt;const i=A-n.createdAt;if(C!==null&&A-C<H)m="undone, state only";else if(e!==null&&e<H)m="restored just now";else if(i<H&&e===null)m="captured just now";else if(n.lastRestoredAt!==void 0)m=`restored ${W(n.lastRestoredAt)}`;else m=`${Object.keys(n.sources).length} sources`;if(_)m+=" \xB7 reloads"}const v=oe&&!Q&&n&&n.route&&Be(n)?n.route.pathname:null;const z=u.filter(e=>!e.baseline&&!e.safety);const De=(()=>{const e=D.filter(re=>re.status().canCapture&&Ue(re.id)).length;const i=Ve();const f=[`${e} source${e===1?"":"s"}`];if(i)f.push(i.pathname);return f.join(" \xB7 ")})();let I;if(T==="picker"){I=a(p,{style:t.menu,testID:"time-machine-bar-picker",children:[a(Ce,{style:t.pickerList,bounces:false,children:[z.map(e=>{const i=e.id===n?.id;return a(x,{testID:`time-machine-bar-pick-${e.id}`,accessibilityRole:"button",accessibilityState:{selected:i},accessibilityLabel:`Arm ${e.name}`,onPress:()=>Ie(e),style:t.pickRow,children:[a(p,{style:t.pickText,children:[o(s,{numberOfLines:1,style:t.pickName,children:e.name}),a(s,{numberOfLines:1,style:t.pickDetail,children:[W(e.createdAt),e.route?` \xB7 ${e.route.pathname}`:"",e.lastRestoredAt!==void 0?o(s,{style:t.pickRestored,children:` \xB7 restored ${W(e.lastRestoredAt)}`}):null]})]}),i?o(le,{size:14,color:r.color.accent}):null]},e.id)}),z.length===0?o(s,{style:t.menuText,children:"No restore points yet."}):null]}),z.length>V?a(s,{style:t.pickerMore,children:["Scroll for ",z.length-V," more"]}):null,a(p,{style:t.settingRow,testID:"time-machine-bar-reload-mode",children:[a(p,{style:t.settingText,children:[o(s,{style:t.settingLabel,children:"Reload the app after restoring"}),o(s,{style:t.settingHint,children:"For screens that read their state from storage only when they open, like a cart kept in a React context."})]}),o(He,{value:_,onValueChange:Ye})]})]})}else if(T==="outcome"&&b){I=a(p,{style:t.menu,testID:"time-machine-bar-outcome",children:[ot(b).map(e=>o(s,{style:t.menuDanger,children:e},e)),o(s,{style:t.menuText,children:"The full report is on Time Machine's outcome card."}),o(U,{onPress:()=>h(null)})]})}else if(T==="cap"){I=a(p,{style:t.menu,testID:"time-machine-bar-cap",children:[a(s,{style:t.menuText,children:["Free plan keeps ",M," restore point",M===1?"":"s",". Delete one in Time Machine, or upgrade to Pro for unlimited snapshots."]}),o(U,{onPress:()=>h(null)})]})}else if(T==="error"&&L){I=a(p,{style:t.menu,testID:"time-machine-bar-error",children:[o(s,{accessibilityRole:"alert",style:t.menuDanger,children:L}),o(U,{onPress:()=>{h(null);w(void 0)}})]})}return a(et,{children:[o(Je,{visible:pe,summary:De,onCapture:e=>void we(e),onCancel:()=>F(false)}),o(Pe,{id:l,revealToken:c,variant:"strip",dragFromSurface:true,defaultPlacement:"bottom",accessibilityLabel:`Move or hide the action bar. ${n?`${n.name} armed`:"Nothing armed"}`,accessory:I,handleAdornment:o(_e,{size:12,color:r.color.accent}),children:a(p,{style:[t.row,{width:Math.max(260,Math.min(320,fe-64))}],children:[o(x,{testID:"time-machine-bar-restore",accessibilityRole:"button",accessibilityLabel:n?`Restore ${n.name}`:"Restore, nothing armed",accessibilityHint:v?`Also returns to ${v}. Long press to restore state only.`:void 0,accessibilityState:{disabled:j},disabled:j,onPress:()=>ee(false),onLongPress:()=>ee(true),style:[t.restoreButton,j&&t.disabled],children:d==="restore"?o(ie,{size:"small",color:r.color.accent}):ge?o(s,{style:t.restoreText,testID:"time-machine-bar-restored",children:"Restored"}):o(s,{style:t.restoreText,children:"Restore"})}),a(p,{style:t.identity,children:[o(s,{testID:"time-machine-bar-name",accessibilityLabel:`Armed restore point: ${te}`,numberOfLines:1,ellipsizeMode:"middle",style:t.name,children:te}),a(p,{style:t.statusRow,children:[a(s,{testID:"time-machine-bar-status",numberOfLines:1,accessibilityLiveRegion:"polite",style:[t.status,O==="danger"&&t.danger],children:[m,v?o(s,{style:t.destination,children:` \xB7 \u2192 ${v}`}):null]}),Q&&!d?o(x,{testID:"time-machine-bar-undo",accessibilityRole:"button",accessibilityLabel:"Undo the last restore",onPress:xe,hitSlop:{top:8,bottom:8,left:6,right:6},children:o(s,{style:t.undo,children:"Undo"})}):null]})]}),o(x,{testID:"time-machine-bar-pick",accessibilityRole:"button",accessibilityLabel:"Choose another restore point",accessibilityState:{expanded:T==="picker"},onPress:()=>h(e=>e==="picker"?null:"picker"),style:t.smallButton,children:T==="picker"?o(ze,{size:14,color:r.color.textSecondary}):o(ve,{size:14,color:r.color.textSecondary})}),o(x,{testID:"time-machine-bar-capture",accessibilityRole:"button",accessibilityLabel:"Capture a new restore point here and arm it",accessibilityState:{disabled:N},disabled:N,onPress:Te,style:[t.smallButton,N&&t.disabled],children:d==="capture"?o(ie,{size:"small",color:r.color.accent}):be?o(p,{testID:"time-machine-bar-captured",children:o(le,{size:18,color:r.color.accent})}):o(Me,{size:18,color:Y?r.color.textTertiary:r.color.text})}),o(p,{style:t.separator}),o(x,{testID:"time-machine-bar-close",accessibilityRole:"button",accessibilityLabel:"Close the action bar",onPress:g,style:t.closeButton,children:o($e,{size:16,color:r.color.textSecondary})})]})})]})}function U({onPress:l,label:c="Dismiss"}){return o(x,{testID:"time-machine-bar-dismiss",accessibilityRole:"button",onPress:l,style:t.dismiss,children:o(s,{style:t.dismissText,children:c})})}const t=se.create({row:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:4,minHeight:48},restoreButton:{height:32,minWidth:72,paddingHorizontal:12,borderRadius:8,borderWidth:1,borderColor:r.color.accentBorderStrong,backgroundColor:r.color.accentSoft,alignItems:"center",justifyContent:"center",marginLeft:2},restoreText:{color:r.color.accent,fontSize:12,fontWeight:"700"},smallButton:{width:32,minHeight:44,alignItems:"center",justifyContent:"center"},closeButton:{width:28,minHeight:44,alignItems:"center",justifyContent:"center"},identity:{flex:1,minHeight:44,justifyContent:"center",gap:1},name:{color:r.color.text,fontSize:13,fontWeight:"500"},statusRow:{flexDirection:"row",alignItems:"center",gap:8},status:{color:r.color.textSecondary,fontSize:10,lineHeight:14,flexShrink:1},destination:{color:r.color.textTertiary},danger:{color:r.color.danger},undo:{color:r.color.accent,fontSize:10,lineHeight:14,fontWeight:"700"},separator:{height:20,width:1,backgroundColor:r.color.separator,marginHorizontal:2},disabled:{opacity:.4},menu:{marginVertical:8,padding:6,borderRadius:r.radius.card,borderWidth:1,borderColor:r.color.separator,backgroundColor:r.color.surface,shadowColor:"#000",shadowOffset:{width:0,height:6},shadowOpacity:.25,shadowRadius:16,elevation:8},menuText:{color:r.color.textSecondary,fontSize:12,lineHeight:18,padding:10},menuDanger:{color:r.color.danger,fontSize:12,lineHeight:18,paddingHorizontal:10,paddingTop:6},pickerList:{maxHeight:V*44},pickerMore:{color:r.color.textTertiary,fontSize:10,lineHeight:14,textAlign:"center",paddingVertical:4},pickRow:{flexDirection:"row",alignItems:"center",gap:8,minHeight:44,paddingHorizontal:10,borderRadius:r.radius.row},pickText:{flex:1},settingRow:{flexDirection:"row",alignItems:"center",gap:10,paddingHorizontal:10,paddingVertical:8,borderTopWidth:se.hairlineWidth,borderTopColor:r.color.separator,marginTop:4},settingText:{flex:1,gap:2},settingLabel:{color:r.color.text,fontSize:12,fontWeight:"500"},settingHint:{color:r.color.textTertiary,fontSize:10,lineHeight:13},pickName:{color:r.color.text,fontSize:13,fontWeight:"500"},pickDetail:{color:r.color.textSecondary,fontSize:10,lineHeight:14},pickRestored:{color:r.color.accent},dismiss:{alignSelf:"flex-end",paddingHorizontal:10,paddingVertical:8},dismissText:{color:r.color.accent,fontSize:12,fontWeight:"600"}});