@buoy-gg/time-machine 7.0.41 → 7.0.42

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

@@ -1,715 +1 @@
-"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
+"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");const TIME_MACHINE_FLOATING_TOOL_ID=exports.TIME_MACHINE_FLOATING_TOOL_ID="time-machine-restore";const RECENT_MS=1e4;const FLASH_MS=900;const PICKER_ROWS=6;const registration={id:TIME_MACHINE_FLOATING_TOOL_ID,render:r=>(0,_jsxRuntime.jsx)(TimeMachineFloatingTool,{...r})};if(typeof __DEV__!=="undefined"&&__DEV__&&typeof navigator!=="undefined"&&navigator.product==="ReactNative"){(0,_sharedUi.registerPersistentFloatingTool)(registration,_sharedUi.persistentStorage)}function openTimeMachineFloatingTool(r){if(r)(0,_armedPoint.setPickedPointId)(r);(0,_sharedUi.openFloatingTool)(registration)}function failureSummary(r){const n=Object.values(r.results);const d=n.filter(y=>!y.ok||y.skipped.length>0).length;const s=n.length;const u=r.route;const o=u?.status==="failed"||u?.status==="unavailable";if(d===0&&o)return"Route did not restore";return`${d} of ${s} source${s===1?"":"s"} failed`}function failureLines(r){const n=[];for(const[s,u]of Object.entries(r.results)){if(u.ok&&u.skipped.length===0)continue;const o=u.skipped[0]?.reason??u.warnings[0]??"did not apply";n.push(`${s}: ${o}`)}const d=r.route;if(d?.status==="failed"||d?.status==="unavailable")n.push(`route: ${d.status}`);return n}function useFlash(r){const[n,d]=(0,_react.useState)(0);(0,_react.useEffect)(()=>{if(!n)return;const s=setTimeout(()=>d(0),r);return()=>clearTimeout(s)},[n,r]);return[n>0,()=>d(s=>s+1)]}function TimeMachineFloatingTool({id:r,revealToken:n,dismiss:d}){const{snapshots:s,hasLoaded:u,busy:o}=(0,_useTimeMachine.useTimeMachineState)();const y=(0,_useTimeMachine.useSnapshotProviders)();const q=(0,_react.useSyncExternalStore)(_armedPoint.subscribePickedPoint,_armedPoint.getPickedPointId,_armedPoint.getPickedPointId);const k=(0,_sharedUi.useLimit)("timeMachine.snapshots");const w=(0,_react.useSyncExternalStore)(_barSettings.subscribeBarSettings,_barSettings.getBarReloadMode,_barSettings.getBarReloadMode);const{width:B}=(0,_reactNative.useWindowDimensions)();const[f,a]=(0,_react.useState)(null);const[h,I]=(0,_react.useState)(null);const[b,p]=(0,_react.useState)();const[W,v]=(0,_react.useState)(false);const[U,G]=useFlash(FLASH_MS);const[K,X]=useFlash(FLASH_MS);const[g,M]=(0,_react.useState)(null);const[T,A]=(0,_react.useState)(null);const[,J]=(0,_react.useState)(0);const m=(0,_react.useRef)(true);(0,_react.useEffect)(()=>{m.current=true;void(0,_armedPoint.ensurePickedPointLoaded)();void(0,_barSettings.ensureBarSettingsLoaded)();void _timeMachineStore.timeMachineStore.ensureLoaded();return()=>{m.current=false}},[]);const t=(0,_armedPoint.resolveArmedPoint)(s,q);const C=t?.id;const L=t?.lastRestoredAt;const O=t?.createdAt;(0,_react.useEffect)(()=>{if(L===void 0&&O===void 0&&!g&&T===null)return;const e=setInterval(()=>J(i=>i+1),2500);return()=>clearInterval(e)},[L,O,g,T]);(0,_react.useEffect)(()=>{if(h&&h.snapshotId!==C){I(null);a(e=>e==="outcome"?null:e)}},[C,h]);const S=Date.now();const z=g!==null&&S-g.at<RECENT_MS&&s.some(e=>e.id===g.id);const Q=s.filter(e=>!e.safety);const H=Q.length>=k;const D=!t||o!==null;const _=o!==null;const E=async(e,i)=>{if(o)return;a(null);p(void 0);try{const c=await _timeMachineStore.timeMachineStore.restore(e,w&&i.safetyCapture?"reload":"live",void 0,i);if(!m.current)return;if((0,_RestoreOutcomeCard.restoreNeedsAttention)(c)){I(c);a("outcome")}else{I(null);G()}M(c.safetySnapshotId?{id:c.safetySnapshotId,at:Date.now()}:null);if(c.safetySnapshotId)A(null)}catch(c){if(!m.current)return;p(c instanceof Error?c.message:String(c));a("error")}};const F=(e=false)=>{if(!t)return;void E(t.id,{safetyCapture:true,...e?{restoreRoute:false}:{}})};const Y=()=>{if(!g)return;void E(g.id,{safetyCapture:false,restoreRoute:false}).then(()=>{if(m.current)A(Date.now())})};const Z=()=>{if(o)return;p(void 0);if(H){a("cap");return}a(null);v(true)};const ee=async e=>{v(false);if(o)return;try{const i=await _timeMachineStore.timeMachineStore.capture(e);if(!m.current)return;(0,_armedPoint.setPickedPointId)(i.id);M(null);X()}catch(i){if(!m.current)return;p(i instanceof Error?i.message:String(i));a("error")}};const te=e=>{(0,_armedPoint.setPickedPointId)(e.id);a(null)};const N=t?.name??(u?"No restore points":"Loading\u2026");let l;let P="normal";let V=false;if(o==="restore")l="Restoring\u2026";else if(o==="capture")l="Capturing\u2026";else if(b){l=b;P="danger"}else if(h&&t&&h.snapshotId===t.id){l=failureSummary(h);P="danger"}else if(!t)l=u?"Capture one with +":"";else{V=true;const e=t.lastRestoredAt===void 0?null:S-t.lastRestoredAt;const i=S-t.createdAt;if(T!==null&&S-T<RECENT_MS)l="undone, state only";else if(e!==null&&e<RECENT_MS)l="restored just now";else if(i<RECENT_MS&&e===null)l="captured just now";else if(t.lastRestoredAt!==void 0)l=`restored ${(0,_format.timeAgo)(t.lastRestoredAt)}`;else l=`${Object.keys(t.sources).length} sources`;if(w)l+=" \xB7 reloads"}const j=V&&!z&&t&&t.route&&(0,_timeMachineStore.willRestoreRoute)(t)?t.route.pathname:null;const R=s.filter(e=>!e.baseline&&!e.safety);const ie=(()=>{const e=y.filter($=>$.status().canCapture&&(0,_sourceSettings.isSourceEnabled)($.id)).length;const i=(0,_routeRestore.captureCurrentRoute)();const c=[`${e} source${e===1?"":"s"}`];if(i)c.push(i.pathname);return c.join(" \xB7 ")})();let x;if(f==="picker"){x=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.menu,testID:"time-machine-bar-picker",children:[(0,_jsxRuntime.jsxs)(_reactNative.ScrollView,{style:styles.pickerList,bounces:false,children:[R.map(e=>{const i=e.id===t?.id;return(0,_jsxRuntime.jsxs)(_reactNative.TouchableOpacity,{testID:`time-machine-bar-pick-${e.id}`,accessibilityRole:"button",accessibilityState:{selected:i},accessibilityLabel:`Arm ${e.name}`,onPress:()=>te(e),style:styles.pickRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.pickText,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,style:styles.pickName,children:e.name}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{numberOfLines:1,style:styles.pickDetail,children:[(0,_format.timeAgo)(e.createdAt),e.route?` \xB7 ${e.route.pathname}`:"",e.lastRestoredAt!==void 0?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.pickRestored,children:` \xB7 restored ${(0,_format.timeAgo)(e.lastRestoredAt)}`}):null]})]}),i?(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:14,color:_sharedUi.night.color.accent}):null]},e.id)}),R.length===0?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.menuText,children:"No restore points yet."}):null]}),R.length>PICKER_ROWS?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.pickerMore,children:["Scroll for ",R.length-PICKER_ROWS," more"]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingRow,testID:"time-machine-bar-reload-mode",children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.settingText,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.settingLabel,children:"Reload the app after restoring"}),(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."})]}),(0,_jsxRuntime.jsx)(_sharedUi.NightSwitch,{value:w,onValueChange:_barSettings.setBarReloadMode})]})]})}else if(f==="outcome"&&h){x=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.menu,testID:"time-machine-bar-outcome",children:[failureLines(h).map(e=>(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.menuDanger,children:e},e)),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.menuText,children:"The full report is on Time Machine's outcome card."}),(0,_jsxRuntime.jsx)(DismissLink,{onPress:()=>a(null)})]})}else if(f==="cap"){x=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.menu,testID:"time-machine-bar-cap",children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.menuText,children:["Free plan keeps ",k," restore point",k===1?"":"s",". Delete one in Time Machine, or upgrade to Pro for unlimited snapshots."]}),(0,_jsxRuntime.jsx)(DismissLink,{onPress:()=>a(null)})]})}else if(f==="error"&&b){x=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.menu,testID:"time-machine-bar-error",children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{accessibilityRole:"alert",style:styles.menuDanger,children:b}),(0,_jsxRuntime.jsx)(DismissLink,{onPress:()=>{a(null);p(void 0)}})]})}return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_NamePromptModal.NamePromptModal,{visible:W,summary:ie,onCapture:e=>void ee(e),onCancel:()=>v(false)}),(0,_jsxRuntime.jsx)(_sharedUi.FloatingTool,{id:r,revealToken:n,variant:"strip",dragFromSurface:true,defaultPlacement:"bottom",accessibilityLabel:`Move or hide the action bar. ${t?`${t.name} armed`:"Nothing armed"}`,accessory:x,handleAdornment:(0,_jsxRuntime.jsx)(_sharedUi.TimeMachineIcon,{size:12,color:_sharedUi.night.color.accent}),children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.row,{width:Math.max(260,Math.min(320,B-64))}],children:[(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"time-machine-bar-restore",accessibilityRole:"button",accessibilityLabel:t?`Restore ${t.name}`:"Restore, nothing armed",accessibilityHint:j?`Also returns to ${j}. Long press to restore state only.`:void 0,accessibilityState:{disabled:D},disabled:D,onPress:()=>F(false),onLongPress:()=>F(true),style:[styles.restoreButton,D&&styles.disabled],children:o==="restore"?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:_sharedUi.night.color.accent}):U?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.restoreText,testID:"time-machine-bar-restored",children:"Restored"}):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.restoreText,children:"Restore"})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.identity,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{testID:"time-machine-bar-name",accessibilityLabel:`Armed restore point: ${N}`,numberOfLines:1,ellipsizeMode:"middle",style:styles.name,children:N}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.statusRow,children:[(0,_jsxRuntime.jsxs)(_reactNative.Text,{testID:"time-machine-bar-status",numberOfLines:1,accessibilityLiveRegion:"polite",style:[styles.status,P==="danger"&&styles.danger],children:[l,j?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.destination,children:` \xB7 \u2192 ${j}`}):null]}),z&&!o?(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"time-machine-bar-undo",accessibilityRole:"button",accessibilityLabel:"Undo the last restore",onPress:Y,hitSlop:{top:8,bottom:8,left:6,right:6},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.undo,children:"Undo"})}):null]})]}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"time-machine-bar-pick",accessibilityRole:"button",accessibilityLabel:"Choose another restore point",accessibilityState:{expanded:f==="picker"},onPress:()=>a(e=>e==="picker"?null:"picker"),style:styles.smallButton,children:f==="picker"?(0,_jsxRuntime.jsx)(_sharedUi.ChevronUp,{size:14,color:_sharedUi.night.color.textSecondary}):(0,_jsxRuntime.jsx)(_sharedUi.ChevronDown,{size:14,color:_sharedUi.night.color.textSecondary})}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"time-machine-bar-capture",accessibilityRole:"button",accessibilityLabel:"Capture a new restore point here and arm it",accessibilityState:{disabled:_},disabled:_,onPress:Z,style:[styles.smallButton,_&&styles.disabled],children:o==="capture"?(0,_jsxRuntime.jsx)(_reactNative.ActivityIndicator,{size:"small",color:_sharedUi.night.color.accent}):K?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:"time-machine-bar-captured",children:(0,_jsxRuntime.jsx)(_sharedUi.Check,{size:18,color:_sharedUi.night.color.accent})}):(0,_jsxRuntime.jsx)(_sharedUi.Plus,{size:18,color:H?_sharedUi.night.color.textTertiary:_sharedUi.night.color.text})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.separator}),(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"time-machine-bar-close",accessibilityRole:"button",accessibilityLabel:"Close the action bar",onPress:d,style:styles.closeButton,children:(0,_jsxRuntime.jsx)(_sharedUi.X,{size:16,color:_sharedUi.night.color.textSecondary})})]})})]})}function DismissLink({onPress:r,label:n="Dismiss"}){return(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{testID:"time-machine-bar-dismiss",accessibilityRole:"button",onPress:r,style:styles.dismiss,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.dismissText,children:n})})}const styles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center",gap:4,paddingVertical:4,minHeight:48},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:.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:.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"}});