@buoy-gg/time-machine 7.0.36 → 7.0.38

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

@@ -0,0 +1,82 @@
+"use strict";
+
+/**
+ * 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).
+ */
+import { devToolsStorageKeys, persistentStorage } from "@buoy-gg/shared-ui";
+const KEY = devToolsStorageKeys.timeMachine.armedPoint();
+let pickedId = null;
+let loaded = false;
+let loadPromise = null;
+const listeners = new Set();
+const notify = () => listeners.forEach(listener => listener());
+export function getPickedPointId() {
+  return pickedId;
+}
+export function subscribePickedPoint(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+
+/** Read the saved pick once. Later calls return the same promise. */
+export function ensurePickedPointLoaded() {
+  if (loaded) return Promise.resolve();
+  if (!loadPromise) {
+    loadPromise = 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;
+}
+export function setPickedPointId(id) {
+  if (pickedId === id) return;
+  pickedId = id;
+  notify();
+  void (id === null ? persistentStorage.removeItem(KEY) : persistentStorage.setItem(KEY, id)).catch(() => {});
+}
+
+/** Test seam: forget the pick and the load, without touching storage. */
+export 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.
+ */
+export 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/module/components/floating/barSettings.js

@@ -0,0 +1,57 @@
+"use strict";
+
+/**
+ * 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.
+ */
+import { devToolsStorageKeys, persistentStorage } from "@buoy-gg/shared-ui";
+const KEY = devToolsStorageKeys.timeMachine.barReloadMode();
+let reloadMode = false;
+let loaded = false;
+let loadPromise = null;
+const listeners = new Set();
+const notify = () => listeners.forEach(listener => listener());
+export function getBarReloadMode() {
+  return reloadMode;
+}
+export function subscribeBarSettings(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+export function ensureBarSettingsLoaded() {
+  if (loaded) return Promise.resolve();
+  if (!loadPromise) {
+    loadPromise = persistentStorage.getItem(KEY).then(saved => {
+      if (!reloadMode && saved === "1") {
+        reloadMode = true;
+        notify();
+      }
+    }).catch(() => {}).finally(() => {
+      loaded = true;
+    });
+  }
+  return loadPromise;
+}
+export function setBarReloadMode(on) {
+  if (on === reloadMode) return;
+  reloadMode = on;
+  notify();
+  void persistentStorage.setItem(KEY, on ? "1" : "0").catch(() => {});
+}
+
+/** Test seam. */
+export function resetBarSettingsForTests() {
+  reloadMode = false;
+  loaded = false;
+  loadPromise = null;
+}
+//# sourceMappingURL=barSettings.js.map

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

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

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

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

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

@@ -29,20 +29,29 @@ function describe(meta) {
   // 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(" · ");
 }
 export function SnapshotRow({
   meta,
   busy,
+  armed = false,
   onOpen,
   onRestore,
   onDelete,
-  onDuplicate
+  onDuplicate,
+  onArm
 }) {
   const testID = `time-machine-snap-${meta.id}`;
   return /*#__PURE__*/_jsx(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.
     {
@@ -54,21 +63,26 @@ export function SnapshotRow({
       background: tm.color.danger,
       color: tm.color.onDanger
     }],
-    children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+    children: /*#__PURE__*/_jsxs(View, {
       style: styles.row,
-      onPress: onOpen,
-      activeOpacity: 0.7,
-      accessibilityRole: "button",
-      accessibilityLabel: `${meta.name}. ${describe(meta)}. Open restore preview`,
-      testID: testID,
-      children: [/*#__PURE__*/_jsxs(View, {
+      children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
         style: styles.text,
+        onPress: onOpen,
+        activeOpacity: 0.7,
+        accessibilityRole: "button",
+        accessibilityLabel: `${meta.name}. ${describe(meta)}. Open restore preview`,
+        testID: testID,
         children: [/*#__PURE__*/_jsx(Text, {
           style: styles.name,
           numberOfLines: 1,
           testID: `${testID}-name`,
           children: meta.name
-        }), /*#__PURE__*/_jsx(Text, {
+        }), armed ? /*#__PURE__*/_jsx(Text, {
+          style: styles.armed,
+          numberOfLines: 1,
+          testID: `${testID}-armed`,
+          children: "On the action bar"
+        }) : null, /*#__PURE__*/_jsx(Text, {
           style: styles.meta,
           numberOfLines: 1,
           testID: `${testID}-meta`,
@@ -87,7 +101,7 @@ export function SnapshotRow({
       }), /*#__PURE__*/_jsx(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`,
@@ -106,12 +120,17 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: 10,
-    paddingHorizontal: tm.textInset,
-    paddingVertical: 11
+    paddingHorizontal: 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: tm.color.label,
@@ -130,6 +149,11 @@ const styles = StyleSheet.create({
     fontSize: tm.font.footnote,
     marginTop: 2
   },
+  armed: {
+    color: tm.color.accent,
+    fontSize: tm.font.footnote,
+    marginTop: 2
+  },
   route: {
     color: tm.color.labelTertiary,
     fontFamily: TM_MONO,

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

@@ -1,123 +1,169 @@
 "use strict";
 
 /**
- * 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.
  */
-import { ScrollView, StyleSheet, Text, View } from "react-native";
+import { StyleSheet, Text, View } from "react-native";
+import { NightSwitch } from "@buoy-gg/shared-ui";
+import { Group } from "../../ui/primitives";
 import { tm } from "../../ui/tmTheme";
 import { sourceIcon } from "../sources";
+
+/**
+ * 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.
+ */
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function statusDotColor(source) {
-  if (!source.canCapture) return tm.color.labelTertiary; // not detected
-  if (!source.canRestore) return tm.color.warning; // capture only
-  return null; // ready — nothing to flag
+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";
+}
+
+/**
+ * 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 SourceTile({
-  source
+function SourceRow({
+  source,
+  onToggle
 }) {
   const Icon = sourceIcon(source.id);
-  const dot = statusDotColor(source);
+  const description = describe(source);
+  const state = stateLine(source);
   return /*#__PURE__*/_jsxs(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__*/_jsxs(View, {
-      style: [styles.disc, !source.canCapture ? styles.discOff : null],
-      children: [/*#__PURE__*/_jsx(Icon, {
-        size: 26,
-        bgColor: tm.color.fill
-      }), dot ? /*#__PURE__*/_jsx(View, {
-        style: [styles.dot, {
-          backgroundColor: dot
-        }]
+    accessibilityLabel: `${source.label}: ${description}${state ? `. ${state.text}` : ""}`,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.disc,
+      children: /*#__PURE__*/_jsx(Icon, {
+        size: 22,
+        bgColor: tm.color.disc
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.text,
+      children: [/*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        numberOfLines: 1,
+        testID: `time-machine-source-${source.id}-label`,
+        children: source.label
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.description,
+        numberOfLines: 2,
+        testID: `time-machine-source-${source.id}-description`,
+        children: description
+      }), state ? /*#__PURE__*/_jsx(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__*/_jsx(Text, {
-      style: [styles.label, !source.canCapture ? styles.labelOff : null],
-      numberOfLines: 1,
-      testID: `time-machine-source-${source.id}-label`,
-      children: source.label
+    }), /*#__PURE__*/_jsx(View, {
+      testID: `time-machine-source-${source.id}-switch`,
+      children: /*#__PURE__*/_jsx(NightSwitch, {
+        value: source.enabled
+        // The desktop mirror shows the device's setting and cannot flip it.
+        ,
+        disabled: !onToggle,
+        onValueChange: next => onToggle?.(source.id, next)
+      })
     })]
   });
 }
 export function SourcesStrip({
-  sources
+  sources,
+  onToggle
 }) {
-  return /*#__PURE__*/_jsx(View, {
-    style: styles.card,
-    children: /*#__PURE__*/_jsxs(ScrollView, {
-      horizontal: true,
-      showsHorizontalScrollIndicator: false,
-      contentContainerStyle: styles.strip,
-      testID: "time-machine-sources",
-      children: [sources.map(source => /*#__PURE__*/_jsx(SourceTile, {
-        source: source
-      }, source.id)), sources.length === 0 ? /*#__PURE__*/_jsx(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__*/_jsxs(Group, {
+    children: [wired.map(source => /*#__PURE__*/_jsx(SourceRow, {
+      source: source,
+      onToggle: onToggle
+    }, source.id)), wired.length === 0 ? /*#__PURE__*/_jsx(View, {
+      style: styles.row,
+      testID: "time-machine-sources-empty",
+      children: /*#__PURE__*/_jsx(Text, {
+        style: styles.description,
+        children: "No state tools are set up in this app."
+      })
+    }) : null]
   });
 }
 const styles = StyleSheet.create({
-  card: {
-    marginHorizontal: tm.gutter,
-    backgroundColor: tm.color.group,
-    borderRadius: tm.radius.group,
-    paddingVertical: 12
-  },
-  strip: {
+  row: {
     flexDirection: "row",
-    alignItems: "flex-start",
-    paddingHorizontal: 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: tm.rowMinHeight,
+    paddingHorizontal: tm.textInset,
+    paddingVertical: 10
   },
   disc: {
-    width: 50,
-    height: 50,
+    width: 36,
+    height: 36,
     borderRadius: tm.radius.pill,
-    backgroundColor: tm.color.fill,
+    backgroundColor: 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: tm.color.group
+  text: {
+    flex: 1,
+    minWidth: 0,
+    gap: 2
   },
   label: {
-    color: tm.color.labelSecondary,
+    color: tm.color.label,
+    fontSize: tm.font.row,
+    fontWeight: "500",
+    letterSpacing: tm.tracking.row
+  },
+  description: {
+    fontSize: tm.font.footnote,
+    lineHeight: tm.font.footnote * 1.3,
+    color: tm.color.labelSecondary
+  },
+  state: {
     fontSize: tm.font.mono,
-    textAlign: "center"
+    lineHeight: tm.font.mono * 1.3,
+    fontWeight: "600",
+    marginTop: 1
   },
-  labelOff: {
+  state_off: {
     color: tm.color.labelTertiary
   },
-  empty: {
-    color: tm.color.labelSecondary,
-    fontSize: tm.font.footnote
+  state_warn: {
+    color: tm.color.warning
   }
 });
 //# sourceMappingURL=SourcesStrip.js.map

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

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

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

@@ -20,6 +20,7 @@ import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { ActivityIndicator, FlatList, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import { ChevronUp, AlertTriangle, RefreshCw, useSafeAreaInsets } from "@buoy-gg/shared-ui";
 import { useToolHeader, useToolHost } from "@buoy-gg/core";
+import { TimeMachineHeaderActions } from "../HeaderActions";
 import { DisclosureChevron, Group, SectionLabel } from "../../ui/primitives";
 import { TM_MONO, tm } from "../../ui/tmTheme";
 import { timeMachineStore, willRestoreRoute } from "../../store/timeMachineStore";
@@ -379,10 +380,14 @@ export function RestorePreviewScreen({
   useToolHeader(hosted ? {
     title: "Restore Preview",
     subtitle: rightMeta?.name ?? "preview",
-    onBack
+    onBack,
+    // BAR from here arms the point being previewed.
+    actions: /*#__PURE__*/_jsx(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/module/components/sources.js

@@ -11,8 +11,12 @@
  */
 
 import { JotaiIcon, QueryIcon, ReduxIcon, RoutesIcon, StorageIcon, TimeMachineIcon, ZustandIcon } from "@buoy-gg/floating-tools-core";
+import { useSyncExternalStore } from "react";
 import { useSnapshotProviders, useTimeMachineState } from "../hooks/useTimeMachine";
 import { canNavigate } from "../store/routeRestore";
+import { ROUTE_SOURCE_ID } from "../store/sourceIds";
+import { getDisabledSources, subscribeSourceSettings } from "../store/sourceSettings";
+export { ROUTE_SOURCE_ID };
 
 /**
  * Buoy icons paint their knock-out parts with `fill: "bg"`, defaulting to a
@@ -32,19 +36,21 @@ const ICONS = {
 export function sourceIcon(id) {
   return ICONS[id] ?? TimeMachineIcon;
 }
-
-/** Id of the route tile — a device capability, not a snapshot provider. */
-export const ROUTE_SOURCE_ID = "route";
 export function useSourceStatuses() {
   const {
     remoteProviders,
     remoteRoute
   } = useTimeMachineState();
   const localProviders = useSnapshotProviders();
-  const providers = remoteProviders ?? localProviders.map(p => ({
+  const disabled = useSyncExternalStore(subscribeSourceSettings, getDisabledSources, 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 : canNavigate();
   return [...providers, {
@@ -52,6 +58,7 @@ export function useSourceStatuses() {
     label: "Route",
     canCapture: routeAvailable,
     canRestore: routeAvailable,
+    enabled: remoteProviders ? remoteRoute?.enabled !== false : !disabled.has(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.
@@ -61,6 +68,6 @@ export function useSourceStatuses() {
 
 /** A source is "attached" when a snapshot would actually pick it up. */
 export function isAttached(source) {
-  return source.canCapture;
+  return source.canCapture && source.enabled;
 }
 //# sourceMappingURL=sources.js.map

package/lib/module/index.js

@@ -20,15 +20,21 @@ export { timeMachineToolPreset, createTimeMachineTool } from "./preset";
 // Components
 export { TimeMachineModal, TimeMachineToolView } from "./components/TimeMachineModal";
 
+// The floating restore bar (one armed point, one tap to restore)
+export { openTimeMachineFloatingTool, TIME_MACHINE_FLOATING_TOOL_ID } from "./components/floating/TimeMachineFloatingTool";
+
 // External-sync adapter (auto-registered by @buoy-gg/core)
 export { timeMachineSyncAdapter } from "./sync/timeMachineSyncAdapter";
 
 // Programmatic snapshot control (also used by tests / power users)
-export { timeMachineStore, RESTORE_ORDER } from "./store/timeMachineStore";
+export { timeMachineStore, RESTORE_ORDER, SAFETY_SNAPSHOT_NAME } from "./store/timeMachineStore";
 
 // Route capture / restore ("also take me back to the screen I was on")
 export { armPendingRouteRestore, captureCurrentRoute, navigateToRoute, canNavigate as canRestoreRoute } from "./store/routeRestore";
 
+// Per-source on/off switches (the Sources strip); off = never captured or restored
+export { isSourceEnabled, setSourceEnabled, subscribeSourceSettings } from "./store/sourceSettings";
+
 // Buoy Desktop remote-mirror seam
 export { setRemoteTimeMachineHandler, replaceTimeMachineFromSnapshot } from "./store/timeMachineStore";
 // A reload-mode restore that also restores the route can't navigate itself —

package/lib/module/preset.js

@@ -11,9 +11,10 @@
  * ```
  */
 
+import { Platform } from "react-native";
 import { TimeMachineIcon, TIME_MACHINE_ICON_COLOR } from "@buoy-gg/shared-ui";
 import { TimeMachineBody } from "./components/TimeMachineBody";
-import { HeaderReloadButton } from "./components/HeaderReloadButton";
+import { TimeMachineHeaderActions } from "./components/HeaderActions";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const timeMachineToolPreset = {
   id: "time-machine",
@@ -22,9 +23,10 @@ export const timeMachineToolPreset = {
   slot: "both",
   icon: ({
     size,
-    color
+    color,
+    slot
   }) => /*#__PURE__*/_jsx(TimeMachineIcon, {
-    size: size,
+    size: slot === "dial" && Platform.OS !== "web" ? size * 1.5 : size,
     color: color || TIME_MACHINE_ICON_COLOR
   }),
   component: TimeMachineBody,
@@ -34,7 +36,7 @@ export const timeMachineToolPreset = {
     subtitle: "snapshot & restore app state",
     searchable: true,
     searchPlaceholder: "Filter…",
-    headerActions: /*#__PURE__*/_jsx(HeaderReloadButton, {})
+    headerActions: /*#__PURE__*/_jsx(TimeMachineHeaderActions, {})
   }
 };