@buoy-gg/time-machine 7.0.35 → 7.0.38

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

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ensurePickedPointLoaded = ensurePickedPointLoaded;
+exports.getPickedPointId = getPickedPointId;
+exports.resetPickedPointForTests = resetPickedPointForTests;
+exports.resolveArmedPoint = resolveArmedPoint;
+exports.setPickedPointId = setPickedPointId;
+exports.subscribePickedPoint = subscribePickedPoint;
+var _sharedUi = require("@buoy-gg/shared-ui");
+/**
+ * Which restore point the floating restore bar restores on tap.
+ *
+ * The bar needs an answer before the user picks anything, or its first tap is
+ * a picker instead of a restore. So the armed point is resolved, not just
+ * stored: an explicit pick wins, then the point restored most recently, then
+ * the newest capture. Baselines never resolve; restoring one wipes storage
+ * and reloads behind a confirm dialog, which is not a one-tap action. The
+ * safety slot never resolves either: Undo is its way in.
+ *
+ * The explicit pick is persisted so it survives the reloads the loop itself
+ * causes (RELOAD APP, reload-mode restores).
+ */
+
+const KEY = _sharedUi.devToolsStorageKeys.timeMachine.armedPoint();
+let pickedId = null;
+let loaded = false;
+let loadPromise = null;
+const listeners = new Set();
+const notify = () => listeners.forEach(listener => listener());
+function getPickedPointId() {
+  return pickedId;
+}
+function subscribePickedPoint(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+/** Read the saved pick once. Later calls return the same promise. */
+function ensurePickedPointLoaded() {
+  if (loaded) return Promise.resolve();
+  if (!loadPromise) {
+    loadPromise = _sharedUi.persistentStorage.getItem(KEY).then(saved => {
+      // A pick made while the read was in flight wins over the disk copy.
+      if (pickedId === null && saved) {
+        pickedId = saved;
+        notify();
+      }
+    }).catch(() => {}).finally(() => {
+      loaded = true;
+    });
+  }
+  return loadPromise;
+}
+function setPickedPointId(id) {
+  if (pickedId === id) return;
+  pickedId = id;
+  notify();
+  void (id === null ? _sharedUi.persistentStorage.removeItem(KEY) : _sharedUi.persistentStorage.setItem(KEY, id)).catch(() => {});
+}
+
+/** Test seam: forget the pick and the load, without touching storage. */
+function resetPickedPointForTests() {
+  pickedId = null;
+  loaded = false;
+  loadPromise = null;
+}
+
+/**
+ * The point the bar restores: the saved pick if it still exists, else the
+ * most recently restored point, else the newest capture. Never a baseline.
+ */
+function resolveArmedPoint(snapshots, pickedId) {
+  const candidates = snapshots.filter(meta => !meta.baseline && !meta.safety);
+  if (candidates.length === 0) return null;
+  if (pickedId) {
+    const picked = candidates.find(meta => meta.id === pickedId);
+    if (picked) return picked;
+  }
+  let best = null;
+  for (const meta of candidates) {
+    if (meta.lastRestoredAt === undefined) continue;
+    if (!best || meta.lastRestoredAt > (best.lastRestoredAt ?? 0)) best = meta;
+  }
+  if (best) return best;
+  return candidates.reduce((newest, meta) => meta.createdAt > newest.createdAt ? meta : newest);
+}
+//# sourceMappingURL=armedPoint.js.map

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

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ensureBarSettingsLoaded = ensureBarSettingsLoaded;
+exports.getBarReloadMode = getBarReloadMode;
+exports.resetBarSettingsForTests = resetBarSettingsForTests;
+exports.setBarReloadMode = setBarReloadMode;
+exports.subscribeBarSettings = subscribeBarSettings;
+var _sharedUi = require("@buoy-gg/shared-ui");
+/**
+ * The action bar's one setting: restore live, or restore and reload.
+ *
+ * Live restore replaces stores in place and is right for state that lives in
+ * Redux, Zustand, Jotai or the query cache. It cannot reach a React context
+ * or `useState` that hydrates itself from storage once at mount: the
+ * storage key comes back, the screen keeps showing what it already had, and
+ * "restore did nothing" is the report. A restore that reloads the app makes
+ * those screens rebuild from the restored storage. Persisted, because the
+ * reload itself is what brings the bar back.
+ */
+
+const KEY = _sharedUi.devToolsStorageKeys.timeMachine.barReloadMode();
+let reloadMode = false;
+let loaded = false;
+let loadPromise = null;
+const listeners = new Set();
+const notify = () => listeners.forEach(listener => listener());
+function getBarReloadMode() {
+  return reloadMode;
+}
+function subscribeBarSettings(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function ensureBarSettingsLoaded() {
+  if (loaded) return Promise.resolve();
+  if (!loadPromise) {
+    loadPromise = _sharedUi.persistentStorage.getItem(KEY).then(saved => {
+      if (!reloadMode && saved === "1") {
+        reloadMode = true;
+        notify();
+      }
+    }).catch(() => {}).finally(() => {
+      loaded = true;
+    });
+  }
+  return loadPromise;
+}
+function setBarReloadMode(on) {
+  if (on === reloadMode) return;
+  reloadMode = on;
+  notify();
+  void _sharedUi.persistentStorage.setItem(KEY, on ? "1" : "0").catch(() => {});
+}
+
+/** Test seam. */
+function resetBarSettingsForTests() {
+  reloadMode = false;
+  loaded = false;
+  loadPromise = null;
+}
+//# sourceMappingURL=barSettings.js.map

package/lib/commonjs/components/list/CaptureBar.js

@@ -61,6 +61,8 @@ const styles = _reactNative.StyleSheet.create({
     marginHorizontal: _tmTheme.tm.gutter,
     backgroundColor: _tmTheme.tm.color.group,
     borderRadius: _tmTheme.tm.radius.group,
+    borderWidth: 1,
+    borderColor: _tmTheme.tm.color.groupBorder,
     paddingLeft: _tmTheme.tm.textInset,
     padding: 6
   },

package/lib/commonjs/components/list/RestoreOutcomeCard.js

@@ -136,6 +136,8 @@ const styles = _reactNative.StyleSheet.create({
     marginTop: 12,
     backgroundColor: _tmTheme.tm.color.group,
     borderRadius: _tmTheme.tm.radius.group,
+    borderWidth: 1,
+    borderColor: _tmTheme.tm.color.groupBorder,
     padding: 14,
     gap: 4
   },

package/lib/commonjs/components/list/SnapshotRow.js

@@ -32,20 +32,29 @@ var _jsxRuntime = require("react/jsx-runtime");
   // A saved selection is worth stating on the row — this restore point no
   // longer does the obvious thing, and one tap on RESTORE honors it.
   if (meta.excludedKeys?.length) parts.push(`skips ${meta.excludedKeys.length}`);else if (meta.scope?.length) parts.push(`scoped (${meta.scope.length})`);
+  // The bar's own undo slot: kept for one restore, not a point you chose.
+  if (meta.safety) parts.unshift("safety copy");
   return parts.join(" · ");
 }
 function SnapshotRow({
   meta,
   busy,
+  armed = false,
   onOpen,
   onRestore,
   onDelete,
-  onDuplicate
+  onDuplicate,
+  onArm
 }) {
   const testID = `time-machine-snap-${meta.id}`;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SwipeActionsRow.SwipeActionsRow, {
     testID: testID,
     actions: [
+    // "Bar": put this point on the floating action bar.
+    {
+      label: "Bar",
+      onPress: onArm
+    },
     // "Dup" over "Copy": on a row full of text, "Copy" reads as
     // copy-to-clipboard.
     {
@@ -57,21 +66,26 @@ function SnapshotRow({
       background: _tmTheme.tm.color.danger,
       color: _tmTheme.tm.color.onDanger
     }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
       style: styles.row,
-      onPress: onOpen,
-      activeOpacity: 0.7,
-      accessibilityRole: "button",
-      accessibilityLabel: `${meta.name}. ${describe(meta)}. Open restore preview`,
-      testID: testID,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
         style: styles.text,
+        onPress: onOpen,
+        activeOpacity: 0.7,
+        accessibilityRole: "button",
+        accessibilityLabel: `${meta.name}. ${describe(meta)}. Open restore preview`,
+        testID: testID,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.name,
           numberOfLines: 1,
           testID: `${testID}-name`,
           children: meta.name
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        }), armed ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.armed,
+          numberOfLines: 1,
+          testID: `${testID}-armed`,
+          children: "On the action bar"
+        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
           style: styles.meta,
           numberOfLines: 1,
           testID: `${testID}-meta`,
@@ -90,7 +104,7 @@ function SnapshotRow({
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
         onPress: onRestore,
         disabled: busy,
-        style: busy ? styles.actionDisabled : null,
+        style: [styles.restore, busy ? styles.actionDisabled : null],
         accessibilityRole: "button",
         accessibilityLabel: meta.baseline ? "Wipe and reload" : "Restore",
         testID: `${testID}-restore`,
@@ -109,12 +123,17 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: 10,
-    paddingHorizontal: _tmTheme.tm.textInset,
-    paddingVertical: 11
+    paddingHorizontal: _tmTheme.tm.textInset
   },
+  // The text block is the tallest child, so its padding sets the row height
+  // and the open target spans the full row.
   text: {
     flex: 1,
-    minWidth: 0
+    minWidth: 0,
+    paddingVertical: 11
+  },
+  restore: {
+    justifyContent: "center"
   },
   name: {
     color: _tmTheme.tm.color.label,
@@ -133,6 +152,11 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: _tmTheme.tm.font.footnote,
     marginTop: 2
   },
+  armed: {
+    color: _tmTheme.tm.color.accent,
+    fontSize: _tmTheme.tm.font.footnote,
+    marginTop: 2
+  },
   route: {
     color: _tmTheme.tm.color.labelTertiary,
     fontFamily: _tmTheme.TM_MONO,

package/lib/commonjs/components/list/SourcesStrip.js

@@ -5,124 +5,168 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SourcesStrip = SourcesStrip;
 var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _primitives = require("../../ui/primitives");
 var _tmTheme = require("../../ui/tmTheme");
 var _sources = require("../sources");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
- * Sources — one horizontally scrollable line of what a capture will pick up.
+ * Sources — one settings row per source, each with a switch.
  *
- * Each source is its own tile (icon over name) rather than a count behind a
- * disclosure: "is Redux wired?" is a glance question, and the answer should
- * not cost a screen. A source that can't fully participate dims and carries a
- * status dot, with the reason spelled out underneath the strip.
+ * The iOS Settings shape the rest of the tool uses, because that is what a
+ * list of things you can turn on and off looks like: icon, name, a line of
+ * status, and a switch at the trailing edge. Off means every capture and
+ * restore leaves that source alone, for the store whose full replace the
+ * app cannot survive.
+ *
+ * Only sources the app has wired are listed; a library the app does not use
+ * is not a choice to make. Icons keep full brightness in every state. Under
+ * each name is what the source holds, in plain words; a short state line
+ * appears only when something is off or capture-only.
  */
 
-function statusDotColor(source) {
-  if (!source.canCapture) return _tmTheme.tm.color.labelTertiary; // not detected
-  if (!source.canRestore) return _tmTheme.tm.color.warning; // capture only
-  return null; // ready — nothing to flag
+/**
+ * What each source holds, in words for someone who has never heard of the
+ * library. The library name is the row title; this line is the meaning.
+ */const DESCRIPTIONS = {
+  storage: "Settings, sign-in and other things saved on the device",
+  redux: "Data the whole app shares between screens",
+  zustand: "Data the whole app shares between screens",
+  jotai: "Small pieces of data screens share",
+  query: "Data the app loaded from the server",
+  route: "Which screen you were on"
+};
+function describe(source) {
+  return DESCRIPTIONS[source.id] ?? "App data";
 }
-function SourceTile({
-  source
+
+/**
+ * The short state under the description, when there is one worth saying.
+ * "Working" is the default and needs no line.
+ */
+function stateLine(source) {
+  if (!source.enabled) return {
+    text: "Off · left as it is",
+    tone: "off"
+  };
+  if (!source.canRestore) return {
+    text: "Can be saved but not put back",
+    tone: "warn"
+  };
+  return null;
+}
+function SourceRow({
+  source,
+  onToggle
 }) {
   const Icon = (0, _sources.sourceIcon)(source.id);
-  const dot = statusDotColor(source);
+  const description = describe(source);
+  const state = stateLine(source);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.tile,
+    style: styles.row,
     testID: `time-machine-source-${source.id}`,
-    accessibilityLabel: `${source.label}: ${source.canCapture ? source.canRestore ? "capture and restore" : "capture only" : "not detected"}`,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: [styles.disc, !source.canCapture ? styles.discOff : null],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
-        size: 26,
-        bgColor: _tmTheme.tm.color.fill
-      }), dot ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dot, {
-          backgroundColor: dot
-        }]
+    accessibilityLabel: `${source.label}: ${description}${state ? `. ${state.text}` : ""}`,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.disc,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+        size: 22,
+        bgColor: _tmTheme.tm.color.disc
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.text,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        numberOfLines: 1,
+        testID: `time-machine-source-${source.id}-label`,
+        children: source.label
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.description,
+        numberOfLines: 2,
+        testID: `time-machine-source-${source.id}-description`,
+        children: description
+      }), state ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.state, styles[`state_${state.tone}`]],
+        numberOfLines: 1,
+        testID: state.tone === "off" ? `time-machine-source-${source.id}-off` : `time-machine-source-${source.id}-detail`,
+        children: state.text
       }) : null]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.label, !source.canCapture ? styles.labelOff : null],
-      numberOfLines: 1,
-      testID: `time-machine-source-${source.id}-label`,
-      children: source.label
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: `time-machine-source-${source.id}-switch`,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.NightSwitch, {
+        value: source.enabled
+        // The desktop mirror shows the device's setting and cannot flip it.
+        ,
+        disabled: !onToggle,
+        onValueChange: next => onToggle?.(source.id, next)
+      })
     })]
   });
 }
 function SourcesStrip({
-  sources
+  sources,
+  onToggle
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.card,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.ScrollView, {
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles.strip,
-      testID: "time-machine-sources",
-      children: [sources.map(source => /*#__PURE__*/(0, _jsxRuntime.jsx)(SourceTile, {
-        source: source
-      }, source.id)), sources.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: styles.empty,
-        testID: "time-machine-sources-empty",
-        children: "No state tools installed."
-      }) : null]
-    })
+  // A source the app has not wired (no Redux Provider, no Zustand stores)
+  // is not listed: there is nothing to capture and nothing to switch off.
+  const wired = sources.filter(source => source.canCapture);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_primitives.Group, {
+    children: [wired.map(source => /*#__PURE__*/(0, _jsxRuntime.jsx)(SourceRow, {
+      source: source,
+      onToggle: onToggle
+    }, source.id)), wired.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.row,
+      testID: "time-machine-sources-empty",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.description,
+        children: "No state tools are set up in this app."
+      })
+    }) : null]
   });
 }
 const styles = _reactNative.StyleSheet.create({
-  card: {
-    marginHorizontal: _tmTheme.tm.gutter,
-    backgroundColor: _tmTheme.tm.color.group,
-    borderRadius: _tmTheme.tm.radius.group,
-    paddingVertical: 12
-  },
-  strip: {
+  row: {
     flexDirection: "row",
-    alignItems: "flex-start",
-    paddingHorizontal: _tmTheme.tm.textInset,
-    gap: 18
-  },
-  tile: {
     alignItems: "center",
-    gap: 7,
-    // Fixed width so the row reads as a grid, and wide enough for the
-    // longest source name on ONE line: a second line would be blank for
-    // every other tile while still setting the card's height.
-    width: 78
+    gap: 12,
+    minHeight: _tmTheme.tm.rowMinHeight,
+    paddingHorizontal: _tmTheme.tm.textInset,
+    paddingVertical: 10
   },
   disc: {
-    width: 50,
-    height: 50,
+    width: 36,
+    height: 36,
     borderRadius: _tmTheme.tm.radius.pill,
-    backgroundColor: _tmTheme.tm.color.fill,
+    backgroundColor: _tmTheme.tm.color.disc,
     alignItems: "center",
     justifyContent: "center"
   },
-  discOff: {
-    opacity: 0.35
-  },
-  dot: {
-    position: "absolute",
-    top: 2,
-    right: 2,
-    width: 10,
-    height: 10,
-    borderRadius: 5,
-    // Ring it in the card color so it reads as a badge, not a smudge.
-    borderWidth: 2,
-    borderColor: _tmTheme.tm.color.group
+  text: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2
   },
   label: {
-    color: _tmTheme.tm.color.labelSecondary,
+    color: _tmTheme.tm.color.label,
+    fontSize: _tmTheme.tm.font.row,
+    fontWeight: "500",
+    letterSpacing: _tmTheme.tm.tracking.row
+  },
+  description: {
+    fontSize: _tmTheme.tm.font.footnote,
+    lineHeight: _tmTheme.tm.font.footnote * 1.3,
+    color: _tmTheme.tm.color.labelSecondary
+  },
+  state: {
     fontSize: _tmTheme.tm.font.mono,
-    textAlign: "center"
+    lineHeight: _tmTheme.tm.font.mono * 1.3,
+    fontWeight: "600",
+    marginTop: 1
   },
-  labelOff: {
+  state_off: {
     color: _tmTheme.tm.color.labelTertiary
   },
-  empty: {
-    color: _tmTheme.tm.color.labelSecondary,
-    fontSize: _tmTheme.tm.font.footnote
+  state_warn: {
+    color: _tmTheme.tm.color.warning
   }
 });
 //# sourceMappingURL=SourcesStrip.js.map

package/lib/commonjs/components/list/UndoDeleteBar.js

@@ -65,7 +65,9 @@ const styles = _reactNative.StyleSheet.create({
     minHeight: 46,
     paddingHorizontal: _tmTheme.tm.textInset,
     backgroundColor: _tmTheme.tm.color.group,
-    borderRadius: _tmTheme.tm.radius.group
+    borderRadius: _tmTheme.tm.radius.group,
+    borderWidth: 1,
+    borderColor: _tmTheme.tm.color.groupBorder
   },
   text: {
     flex: 1,

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

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _core = require("@buoy-gg/core");
+var _HeaderActions = require("../HeaderActions");
 var _primitives = require("../../ui/primitives");
 var _tmTheme = require("../../ui/tmTheme");
 var _timeMachineStore = require("../../store/timeMachineStore");
@@ -384,10 +385,14 @@ function RestorePreviewScreen({
   (0, _core.useToolHeader)(hosted ? {
     title: "Restore Preview",
     subtitle: rightMeta?.name ?? "preview",
-    onBack
+    onBack,
+    // BAR from here arms the point being previewed.
+    actions: /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderActions.TimeMachineHeaderActions, {
+      armId: rightMeta?.id
+    })
   } : null,
   // eslint-disable-next-line react-hooks/exhaustive-deps
-  [hosted, rightMeta?.name]);
+  [hosted, rightMeta?.name, rightMeta?.id]);
   const {
     rows,
     blockedSources

package/lib/commonjs/components/sources.js

@@ -3,13 +3,21 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ROUTE_SOURCE_ID = void 0;
+Object.defineProperty(exports, "ROUTE_SOURCE_ID", {
+  enumerable: true,
+  get: function () {
+    return _sourceIds.ROUTE_SOURCE_ID;
+  }
+});
 exports.isAttached = isAttached;
 exports.sourceIcon = sourceIcon;
 exports.useSourceStatuses = useSourceStatuses;
 var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
+var _react = require("react");
 var _useTimeMachine = require("../hooks/useTimeMachine");
 var _routeRestore = require("../store/routeRestore");
+var _sourceIds = require("../store/sourceIds");
+var _sourceSettings = require("../store/sourceSettings");
 /**
  * What Time Machine can capture from, and how healthy each source is.
  *
@@ -38,26 +46,29 @@ const ICONS = {
 function sourceIcon(id) {
   return ICONS[id] ?? _floatingToolsCore.TimeMachineIcon;
 }
-
-/** Id of the route tile — a device capability, not a snapshot provider. */
-const ROUTE_SOURCE_ID = exports.ROUTE_SOURCE_ID = "route";
 function useSourceStatuses() {
   const {
     remoteProviders,
     remoteRoute
   } = (0, _useTimeMachine.useTimeMachineState)();
   const localProviders = (0, _useTimeMachine.useSnapshotProviders)();
-  const providers = remoteProviders ?? localProviders.map(p => ({
+  const disabled = (0, _react.useSyncExternalStore)(_sourceSettings.subscribeSourceSettings, _sourceSettings.getDisabledSources, _sourceSettings.getDisabledSources);
+  const providers = remoteProviders ? remoteProviders.map(p => ({
+    ...p,
+    enabled: p.enabled !== false
+  })) : localProviders.map(p => ({
     id: p.id,
     label: p.label,
-    ...p.status()
+    ...p.status(),
+    enabled: !disabled.has(p.id)
   }));
   const routeAvailable = remoteProviders ? remoteRoute?.available === true : (0, _routeRestore.canNavigate)();
   return [...providers, {
-    id: ROUTE_SOURCE_ID,
+    id: _sourceIds.ROUTE_SOURCE_ID,
     label: "Route",
     canCapture: routeAvailable,
     canRestore: routeAvailable,
+    enabled: remoteProviders ? remoteRoute?.enabled !== false : !disabled.has(_sourceIds.ROUTE_SOURCE_ID),
     // No live pathname here: these screens only re-render on store changes,
     // so a route printed as status goes stale the moment you navigate with
     // the tool still open. Each restore point shows the route it holds.
@@ -67,6 +78,6 @@ function useSourceStatuses() {
 
 /** A source is "attached" when a snapshot would actually pick it up. */
 function isAttached(source) {
-  return source.canCapture;
+  return source.canCapture && source.enabled;
 }
 //# sourceMappingURL=sources.js.map