@buoy-gg/time-machine 7.0.36 → 7.0.38

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

@@ -0,0 +1,715 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIME_MACHINE_FLOATING_TOOL_ID = void 0;
+exports.TimeMachineFloatingTool = TimeMachineFloatingTool;
+exports.openTimeMachineFloatingTool = openTimeMachineFloatingTool;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _useTimeMachine = require("../../hooks/useTimeMachine");
+var _timeMachineStore = require("../../store/timeMachineStore");
+var _routeRestore = require("../../store/routeRestore");
+var _sourceSettings = require("../../store/sourceSettings");
+var _RestoreOutcomeCard = require("../list/RestoreOutcomeCard");
+var _format = require("../format");
+var _armedPoint = require("./armedPoint");
+var _NamePromptModal = require("./NamePromptModal");
+var _barSettings = require("./barSettings");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * 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.
+ */
+
+const TIME_MACHINE_FLOATING_TOOL_ID = exports.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__*/(0, _jsxRuntime.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") {
+  (0, _sharedUi.registerPersistentFloatingTool)(registration, _sharedUi.persistentStorage);
+}
+
+/** Open (or reveal) the restore bar, optionally arming a specific point. */
+function openTimeMachineFloatingTool(armId) {
+  if (armId) (0, _armedPoint.setPickedPointId)(armId);
+  (0, _sharedUi.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] = (0, _react.useState)(0);
+  (0, _react.useEffect)(() => {
+    if (!token) return;
+    const timer = setTimeout(() => setToken(0), ms);
+    return () => clearTimeout(timer);
+  }, [token, ms]);
+  return [token > 0, () => setToken(n => n + 1)];
+}
+function TimeMachineFloatingTool({
+  id,
+  revealToken,
+  dismiss
+}) {
+  const {
+    snapshots,
+    hasLoaded,
+    busy
+  } = (0, _useTimeMachine.useTimeMachineState)();
+  const providers = (0, _useTimeMachine.useSnapshotProviders)();
+  const pickedId = (0, _react.useSyncExternalStore)(_armedPoint.subscribePickedPoint, _armedPoint.getPickedPointId, _armedPoint.getPickedPointId);
+  const snapshotLimit = (0, _sharedUi.useLimit)("timeMachine.snapshots");
+  const reloadMode = (0, _react.useSyncExternalStore)(_barSettings.subscribeBarSettings, _barSettings.getBarReloadMode, _barSettings.getBarReloadMode);
+  const {
+    width
+  } = (0, _reactNative.useWindowDimensions)();
+  const [panel, setPanel] = (0, _react.useState)(null);
+  const [failed, setFailed] = (0, _react.useState)(null);
+  const [error, setError] = (0, _react.useState)();
+  const [naming, setNaming] = (0, _react.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] = (0, _react.useState)(null);
+  const [undoneAt, setUndoneAt] = (0, _react.useState)(null);
+  // Re-render on a slow clock so "just now" and "restored 5s ago" move on.
+  const [, setTick] = (0, _react.useState)(0);
+  const mounted = (0, _react.useRef)(true);
+  (0, _react.useEffect)(() => {
+    mounted.current = true;
+    void (0, _armedPoint.ensurePickedPointLoaded)();
+    void (0, _barSettings.ensureBarSettingsLoaded)();
+    void _timeMachineStore.timeMachineStore.ensureLoaded();
+    return () => {
+      mounted.current = false;
+    };
+  }, []);
+  const armed = (0, _armedPoint.resolveArmedPoint)(snapshots, pickedId);
+  const armedId = armed?.id;
+  const lastRestoredAt = armed?.lastRestoredAt;
+  const createdAt = armed?.createdAt;
+  (0, _react.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.
+  (0, _react.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.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 ((0, _RestoreOutcomeCard.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.timeMachineStore.capture(typed);
+      if (!mounted.current) return;
+      // Captured from the bar means "loop back to here": arm it.
+      (0, _armedPoint.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 => {
+    (0, _armedPoint.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 ${(0, _format.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 && (0, _timeMachineStore.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 && (0, _sourceSettings.isSourceEnabled)(p.id)).length;
+    const route = (0, _routeRestore.captureCurrentRoute)();
+    const parts = [`${count} source${count === 1 ? "" : "s"}`];
+    if (route) parts.push(route.pathname);
+    return parts.join(" · ");
+  })();
+  let accessory;
+  if (panel === "picker") {
+    accessory = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.menu,
+      testID: "time-machine-bar-picker",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
+        style: styles.pickerList,
+        bounces: false,
+        children: [pickable.map(meta => {
+          const isArmed = meta.id === armed?.id;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              style: styles.pickText,
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                numberOfLines: 1,
+                style: styles.pickName,
+                children: meta.name
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+                numberOfLines: 1,
+                style: styles.pickDetail,
+                children: [(0, _format.timeAgo)(meta.createdAt), meta.route ? ` · ${meta.route.pathname}` : "", meta.lastRestoredAt !== undefined ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                  style: styles.pickRestored,
+                  children: ` · restored ${(0, _format.timeAgo)(meta.lastRestoredAt)}`
+                }) : null]
+              })]
+            }), isArmed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
+              size: 14,
+              color: _sharedUi.night.color.accent
+            }) : null]
+          }, meta.id);
+        }), pickable.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.menuText,
+          children: "No restore points yet."
+        }) : null]
+      }), pickable.length > PICKER_ROWS ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.pickerMore,
+        children: ["Scroll for ", pickable.length - PICKER_ROWS, " more"]
+      }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.settingRow,
+        testID: "time-machine-bar-reload-mode",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.settingText,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.settingLabel,
+            children: "Reload the app after restoring"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSwitch, {
+          value: reloadMode,
+          onValueChange: _barSettings.setBarReloadMode
+        })]
+      })]
+    });
+  } else if (panel === "outcome" && failed) {
+    accessory = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.menu,
+      testID: "time-machine-bar-outcome",
+      children: [failureLines(failed).map(line => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.menuDanger,
+        children: line
+      }, line)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.menuText,
+        children: "The full report is on Time Machine's outcome card."
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DismissLink, {
+        onPress: () => setPanel(null)
+      })]
+    });
+  } else if (panel === "cap") {
+    accessory = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.menu,
+      testID: "time-machine-bar-cap",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(DismissLink, {
+        onPress: () => setPanel(null)
+      })]
+    });
+  } else if (panel === "error" && error) {
+    accessory = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.menu,
+      testID: "time-machine-bar-error",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        accessibilityRole: "alert",
+        style: styles.menuDanger,
+        children: error
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DismissLink, {
+        onPress: () => {
+          setPanel(null);
+          setError(undefined);
+        }
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_NamePromptModal.NamePromptModal, {
+      visible: naming,
+      summary: captureSummary,
+      onCapture: typed => void capture(typed),
+      onCancel: () => setNaming(false)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.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__*/(0, _jsxRuntime.jsx)(_sharedUi.TimeMachineIcon, {
+        size: 12,
+        color: _sharedUi.night.color.accent
+      }),
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: [styles.row, {
+          width: Math.max(260, Math.min(320, width - 64))
+        }],
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            size: "small",
+            color: _sharedUi.night.color.accent
+          }) : restoredFlash ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.restoreText,
+            testID: "time-machine-bar-restored",
+            children: "Restored"
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: styles.restoreText,
+            children: "Restore"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: styles.identity,
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+            style: styles.statusRow,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+              testID: "time-machine-bar-status",
+              numberOfLines: 1,
+              accessibilityLiveRegion: "polite",
+              style: [styles.status, statusTone === "danger" && styles.danger],
+              children: [status, destination ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.destination,
+                children: ` · → ${destination}`
+              }) : null]
+            }), undoAvailable && !busy ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+                style: styles.undo,
+                children: "Undo"
+              })
+            }) : null]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronUp, {
+            size: 14,
+            color: _sharedUi.night.color.textSecondary
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ChevronDown, {
+            size: 14,
+            color: _sharedUi.night.color.textSecondary
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+            size: "small",
+            color: _sharedUi.night.color.accent
+          }) : capturedFlash ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            testID: "time-machine-bar-captured",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Check, {
+              size: 18,
+              color: _sharedUi.night.color.accent
+            })
+          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Plus, {
+            size: 18,
+            color: atCaptureLimit ? _sharedUi.night.color.textTertiary : _sharedUi.night.color.text
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.separator
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          testID: "time-machine-bar-close",
+          accessibilityRole: "button",
+          accessibilityLabel: "Close the action bar",
+          onPress: dismiss,
+          style: styles.closeButton,
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
+            size: 16,
+            color: _sharedUi.night.color.textSecondary
+          })
+        })]
+      })
+    })]
+  });
+}
+function DismissLink({
+  onPress,
+  label = "Dismiss"
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    testID: "time-machine-bar-dismiss",
+    accessibilityRole: "button",
+    onPress: onPress,
+    style: styles.dismiss,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.dismissText,
+      children: label
+    })
+  });
+}
+const styles = _reactNative.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: _sharedUi.night.color.accentBorderStrong,
+    backgroundColor: _sharedUi.night.color.accentSoft,
+    alignItems: "center",
+    justifyContent: "center",
+    marginLeft: 2
+  },
+  restoreText: {
+    color: _sharedUi.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: _sharedUi.night.color.text,
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  statusRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  status: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: 10,
+    lineHeight: 14,
+    flexShrink: 1
+  },
+  destination: {
+    color: _sharedUi.night.color.textTertiary
+  },
+  danger: {
+    color: _sharedUi.night.color.danger
+  },
+  undo: {
+    color: _sharedUi.night.color.accent,
+    fontSize: 10,
+    lineHeight: 14,
+    fontWeight: "700"
+  },
+  separator: {
+    height: 20,
+    width: 1,
+    backgroundColor: _sharedUi.night.color.separator,
+    marginHorizontal: 2
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  menu: {
+    marginVertical: 8,
+    padding: 6,
+    borderRadius: _sharedUi.night.radius.card,
+    borderWidth: 1,
+    borderColor: _sharedUi.night.color.separator,
+    backgroundColor: _sharedUi.night.color.surface,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 6
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 16,
+    elevation: 8
+  },
+  menuText: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: 12,
+    lineHeight: 18,
+    padding: 10
+  },
+  menuDanger: {
+    color: _sharedUi.night.color.danger,
+    fontSize: 12,
+    lineHeight: 18,
+    paddingHorizontal: 10,
+    paddingTop: 6
+  },
+  pickerList: {
+    maxHeight: PICKER_ROWS * 44
+  },
+  pickerMore: {
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: 10,
+    lineHeight: 14,
+    textAlign: "center",
+    paddingVertical: 4
+  },
+  pickRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    minHeight: 44,
+    paddingHorizontal: 10,
+    borderRadius: _sharedUi.night.radius.row
+  },
+  pickText: {
+    flex: 1
+  },
+  settingRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    borderTopWidth: _reactNative.StyleSheet.hairlineWidth,
+    borderTopColor: _sharedUi.night.color.separator,
+    marginTop: 4
+  },
+  settingText: {
+    flex: 1,
+    gap: 2
+  },
+  settingLabel: {
+    color: _sharedUi.night.color.text,
+    fontSize: 12,
+    fontWeight: "500"
+  },
+  settingHint: {
+    color: _sharedUi.night.color.textTertiary,
+    fontSize: 10,
+    lineHeight: 13
+  },
+  pickName: {
+    color: _sharedUi.night.color.text,
+    fontSize: 13,
+    fontWeight: "500"
+  },
+  pickDetail: {
+    color: _sharedUi.night.color.textSecondary,
+    fontSize: 10,
+    lineHeight: 14
+  },
+  pickRestored: {
+    color: _sharedUi.night.color.accent
+  },
+  dismiss: {
+    alignSelf: "flex-end",
+    paddingHorizontal: 10,
+    paddingVertical: 8
+  },
+  dismissText: {
+    color: _sharedUi.night.color.accent,
+    fontSize: 12,
+    fontWeight: "600"
+  }
+});
+//# sourceMappingURL=TimeMachineFloatingTool.js.map