@buoy-gg/storage 7.0.33 → 7.0.35

package/lib/commonjs/storage/components/StorageModalWithTabs.js

@@ -29,6 +29,41 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
  * because it is part of the package's public exports.
  */
 const FREE_TIER_EVENT_LIMIT = exports.FREE_TIER_EVENT_LIMIT = _sharedUi.TIER_LIMITS["storage.events"].free;
+/**
+ * Persistence recipes. These keys were always written straight to
+ * AsyncStorage (not the FileSystem-first persistentStorage), so they keep
+ * that backend — a user's saved tab, filters and pins survive the upgrade.
+ */
+const ASYNC_STORAGE_BACKEND = {
+  getItem: key => _asyncStorage.default.getItem(key),
+  setItem: (key, value) => _asyncStorage.default.setItem(key, value)
+};
+const TAB_PERSISTENCE = {
+  storage: ASYNC_STORAGE_BACKEND,
+  // Stored as the bare tab name, not JSON.
+  parse: raw => raw === "browser" || raw === "events" ? raw : undefined,
+  serialize: tab => tab
+};
+const BOOLEAN_PERSISTENCE = {
+  storage: ASYNC_STORAGE_BACKEND,
+  // Stored as "true" / "false".
+  parse: raw => raw === "true",
+  serialize: value => value.toString()
+};
+const STRING_SET_PERSISTENCE = {
+  storage: ASYNC_STORAGE_BACKEND,
+  parse: raw => new Set(JSON.parse(raw)),
+  serialize: set => JSON.stringify(Array.from(set))
+};
+const IGNORED_PATTERNS_PERSISTENCE = {
+  ...STRING_SET_PERSISTENCE,
+  parse: raw => {
+    const filters = JSON.parse(raw);
+    // Always ensure @react_buoy is included to hide dev tool keys
+    if (!filters.includes("@react_buoy")) filters.push("@react_buoy");
+    return new Set(filters);
+  }
+};
 function StorageModalWithTabs({
   visible,
   onClose,
@@ -43,7 +78,7 @@ function StorageModalWithTabs({
 }) {
   const isPro = (0, _license.useIsPro)();
   const eventLimit = (0, _sharedUi.useLimit)("storage.events");
-  const [activeTab, setActiveTab] = (0, _react.useState)("browser");
+  const [activeTab, setActiveTab] = (0, _sharedUi.usePersistedState)(_sharedUi.devToolsStorageKeys.storage.activeTab(), "browser", TAB_PERSISTENCE);
   (0, _react.useEffect)(() => {
     onTabChange?.(activeTab);
   }, [activeTab, onTabChange]);
@@ -59,7 +94,7 @@ function StorageModalWithTabs({
   const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
 
   // Local state to control subscription (true = subscribed, false = unsubscribed)
-  const [isListeningEnabled, setIsListeningEnabled] = (0, _react.useState)(true);
+  const [isListeningEnabled, setIsListeningEnabled] = (0, _sharedUi.usePersistedState)(_sharedUi.devToolsStorageKeys.storage.isMonitoring(), true, BOOLEAN_PERSISTENCE);
 
   // Event Listener state - using centralized store via hook
   // Pass enabled option to control subscription - this allows events tool to
@@ -76,8 +111,9 @@ function StorageModalWithTabs({
   const [selectedHistoryEventIndex, setSelectedHistoryEventIndex] = (0, _react.useState)(null);
   const [selectedEventIndex, setSelectedEventIndex] = (0, _react.useState)(0);
   const [showFilters, setShowFilters] = (0, _react.useState)(false);
-  const [ignoredPatterns, setIgnoredPatterns] = (0, _react.useState)(new Set(["@react_buoy", "@RNAsyncStorage", "redux-persist", "persist:"]) // Auto-hide dev tool keys by default
-  );
+  const [ignoredPatterns, setIgnoredPatterns] = (0, _sharedUi.usePersistedState)(_sharedUi.devToolsStorageKeys.storage.eventFilters(),
+  // Auto-hide dev tool keys by default
+  new Set(["@react_buoy", "@RNAsyncStorage", "redux-persist", "persist:"]), IGNORED_PATTERNS_PERSISTENCE);
   /**
    * Which backend both tabs are looking at.
    *
@@ -93,12 +129,8 @@ function StorageModalWithTabs({
   const [storageTypeFilter, setStorageTypeFilter] = (0, _react.useState)("all");
   const [enabledStorageTypes, setEnabledStorageTypes] = (0, _react.useState)(new Set(['async', 'mmkv', 'secure']) // All enabled by default
   );
-  const [pinnedKeys, setPinnedKeys] = (0, _react.useState)(new Set());
+  const [pinnedKeys, setPinnedKeys] = (0, _sharedUi.usePersistedState)(_sharedUi.devToolsStorageKeys.storage.pinnedKeys(), new Set(), STRING_SET_PERSISTENCE);
   const lastEventRef = (0, _react.useRef)(null);
-  const hasLoadedFilters = (0, _react.useRef)(false);
-  const hasLoadedPins = (0, _react.useRef)(false);
-  const hasLoadedTabState = (0, _react.useRef)(false);
-  const hasLoadedMonitoringState = (0, _react.useRef)(false);
 
   // isListening = enabled and capturing (has subscribers)
   const isListening = isListeningEnabled && isCapturing;
@@ -113,140 +145,6 @@ function StorageModalWithTabs({
 
   // Timer removed - using useTickEveryMinute hook instead
 
-  // Load persisted tab state on mount
-  (0, _react.useEffect)(() => {
-    if (!visible || hasLoadedTabState.current) return;
-    const loadTabState = async () => {
-      try {
-        const storedTab = await _asyncStorage.default.getItem(_sharedUi.devToolsStorageKeys.storage.activeTab());
-        if (storedTab && (storedTab === "browser" || storedTab === "events")) {
-          setActiveTab(storedTab);
-        }
-        hasLoadedTabState.current = true;
-      } catch (error) {
-        // Failed to load tab state
-      }
-    };
-    loadTabState();
-  }, [visible]);
-
-  // Load persisted monitoring state on mount
-  (0, _react.useEffect)(() => {
-    if (!visible || hasLoadedMonitoringState.current) return;
-    const loadMonitoringState = async () => {
-      try {
-        const storedMonitoring = await _asyncStorage.default.getItem(_sharedUi.devToolsStorageKeys.storage.isMonitoring());
-        if (storedMonitoring !== null) {
-          const shouldMonitor = storedMonitoring === "true";
-          setIsListeningEnabled(shouldMonitor);
-        }
-        hasLoadedMonitoringState.current = true;
-      } catch (error) {
-        // Failed to load monitoring state
-      }
-    };
-    loadMonitoringState();
-  }, [visible]);
-
-  // Note: Conversations will appear when storage events are triggered
-  // Click on any conversation to see the unified view with toggle cards
-
-  // Save tab state when it changes
-  (0, _react.useEffect)(() => {
-    if (!hasLoadedTabState.current) return; // Don't save on initial load
-
-    const saveTabState = async () => {
-      try {
-        await _asyncStorage.default.setItem(_sharedUi.devToolsStorageKeys.storage.activeTab(), activeTab);
-      } catch (error) {
-        // Failed to save tab state
-      }
-    };
-    saveTabState();
-  }, [activeTab]);
-
-  // Save monitoring state when it changes
-  (0, _react.useEffect)(() => {
-    if (!hasLoadedMonitoringState.current) return; // Don't save on initial load
-
-    const saveMonitoringState = async () => {
-      try {
-        await _asyncStorage.default.setItem(_sharedUi.devToolsStorageKeys.storage.isMonitoring(), isListening.toString());
-      } catch (error) {
-        // Failed to save monitoring state
-      }
-    };
-    saveMonitoringState();
-  }, [isListening]);
-
-  // Load persisted filters on mount
-  (0, _react.useEffect)(() => {
-    if (!visible || hasLoadedFilters.current) return;
-    const loadFilters = async () => {
-      try {
-        const storedFilters = await _asyncStorage.default.getItem(_sharedUi.devToolsStorageKeys.storage.eventFilters());
-        if (storedFilters) {
-          const filters = JSON.parse(storedFilters);
-          // Always ensure @react_buoy is included to hide dev tool keys
-          if (!filters.includes("@react_buoy")) {
-            filters.push("@react_buoy");
-          }
-          setIgnoredPatterns(new Set(filters));
-        }
-        hasLoadedFilters.current = true;
-      } catch (error) {
-        // Failed to load filters
-      }
-    };
-    loadFilters();
-  }, [visible]);
-
-  // Save filters when they change
-  (0, _react.useEffect)(() => {
-    if (!hasLoadedFilters.current) return; // Don't save on initial load
-
-    const saveFilters = async () => {
-      try {
-        const filters = Array.from(ignoredPatterns);
-        await _asyncStorage.default.setItem(_sharedUi.devToolsStorageKeys.storage.eventFilters(), JSON.stringify(filters));
-      } catch (error) {
-        // Failed to save filters
-      }
-    };
-    saveFilters();
-  }, [ignoredPatterns]);
-
-  // Load persisted pinned keys on mount
-  (0, _react.useEffect)(() => {
-    if (!visible || hasLoadedPins.current) return;
-    const loadPins = async () => {
-      try {
-        const stored = await _asyncStorage.default.getItem(_sharedUi.devToolsStorageKeys.storage.pinnedKeys());
-        if (stored) {
-          setPinnedKeys(new Set(JSON.parse(stored)));
-        }
-        hasLoadedPins.current = true;
-      } catch (error) {
-        // Failed to load pinned keys
-      }
-    };
-    loadPins();
-  }, [visible]);
-
-  // Save pinned keys when they change
-  (0, _react.useEffect)(() => {
-    if (!hasLoadedPins.current) return; // Don't save on initial load
-
-    const savePins = async () => {
-      try {
-        await _asyncStorage.default.setItem(_sharedUi.devToolsStorageKeys.storage.pinnedKeys(), JSON.stringify(Array.from(pinnedKeys)));
-      } catch (error) {
-        // Failed to save pinned keys
-      }
-    };
-    savePins();
-  }, [pinnedKeys]);
-
   // Event listener setup - now handled by useStorageEvents hook
   // The hook subscribes to the centralized storageEventStore
 
@@ -993,7 +891,7 @@ const styles = _reactNative.StyleSheet.create({
     fontWeight: "600",
     marginTop: 16,
     marginBottom: 8,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     letterSpacing: 0.5,
     textTransform: "uppercase"
   },
@@ -1001,7 +899,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.textSecondary,
     fontSize: 14,
     textAlign: "center",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   eventNavigation: {
     flexDirection: "row",
@@ -1020,7 +918,7 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.text,
     fontSize: 12,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     paddingHorizontal: 8
   },
   headerTopRow: {
@@ -1047,7 +945,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 13,
     fontWeight: "600",
     color: _sharedUi.night.color.accent,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     letterSpacing: 0.5
   },
   contentWrapper: {

package/lib/commonjs/storage/components/StorageTypeFilterBar.js

@@ -137,7 +137,7 @@ const styles = _reactNative.StyleSheet.create({
   value: {
     fontSize: 12,
     fontWeight: "600",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     lineHeight: 14
   }
 });

package/lib/commonjs/storage/hooks/useStorageEvents.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useStorageEvents = useStorageEvents;
 var _react = require("react");
+var _sharedUi = require("@buoy-gg/shared-ui");
 var _storageEventStore = require("../stores/storageEventStore");
 /**
  * useStorageEvents Hook
@@ -39,60 +40,22 @@ function useStorageEvents(options = {}) {
     maxEvents = 500,
     enabled = true
   } = options;
-  const [events, setEvents] = (0, _react.useState)([]);
-  // Track capturing state locally so it updates reactively with the subscription
-  const [isCapturing, setIsCapturing] = (0, _react.useState)(enabled);
-
-  // Subscribe to store - this automatically starts/stops the storage listener
-  // based on subscriber count (Subscribable pattern from TanStack Query)
-  // Only subscribe when enabled is true
-  (0, _react.useEffect)(() => {
-    if (!enabled) {
-      setIsCapturing(false);
-      return;
-    }
-
-    // Frame-coalesced (same pattern as network's useNetworkEventList):
-    // bursts of storage writes land as ONE commit per frame instead of
-    // one per emission — the dominant live-churn cost measured on the
-    // network tool (tool-bench 2026-07-06).
-    let rafId = null;
-    let pending = null;
-    const unsubscribe = _storageEventStore.storageEventStore.subscribeToEvents(allEvents => {
-      pending = allEvents;
-      if (rafId != null) return;
-      rafId = requestAnimationFrame(() => {
-        rafId = null;
-        if (!pending) return;
-        // Filter by storage type if specified
-        let filtered = pending;
-        pending = null;
-        if (storageType !== "all") {
-          filtered = filtered.filter(e => e.storageType === storageType);
-        }
-        // Limit events
-        if (filtered.length > maxEvents) {
-          filtered = filtered.slice(0, maxEvents);
-        }
-        setEvents(filtered);
-      });
-    });
-
-    // Mark as capturing after successful subscription
-    setIsCapturing(true);
-    return () => {
-      unsubscribe();
-      if (rafId != null) cancelAnimationFrame(rafId);
-      // Note: Don't set isCapturing=false here because we might be
-      // re-subscribing due to dependency change, not actually stopping
-    };
-  }, [storageType, maxEvents, enabled]);
-  const clearEvents = (0, _react.useCallback)(() => {
-    _storageEventStore.storageEventStore.clearEvents();
-  }, []);
+  // Stable per storageType so the shared hook doesn't resubscribe every render.
+  const select = (0, _react.useMemo)(() => storageType === "all" ? undefined : events => events.filter(e => e.storageType === storageType), [storageType]);
+  // Subscribing auto-starts the storage listener (Subscribable pattern), and
+  // the shared hook frame-coalesces write bursts into one commit.
+  const {
+    events,
+    clearEvents,
+    isActive
+  } = (0, _sharedUi.useEventStoreEvents)(_storageEventStore.storageEventStore, {
+    maxEvents,
+    enabled,
+    select
+  });
   return {
     events,
     clearEvents,
-    isCapturing
+    isCapturing: isActive
   };
 }

package/lib/commonjs/storage/utils/snapshotProvider.js

@@ -108,24 +108,12 @@ async function capture() {
 }
 async function restore(data, options) {
   const snapshot = data;
-  const excludedSet = new Set(options?.excludeKeys ?? []);
-  const includedSet = options?.includeKeys ? new Set(options.includeKeys) : null;
+  const scope = (0, _sharedUi.createRestoreScope)(options);
   /** True when this item may be touched (scope + exclusions agree). */
-  const touch = key => !excludedSet.has(key) && (!includedSet || includedSet.has(key));
-  let excludedHits = 0;
-  const result = {
-    ok: true,
-    applied: 0,
-    skipped: [],
-    warnings: []
-  };
+  const touch = scope.touch;
+  const result = (0, _sharedUi.emptyRestoreResult)();
   if (!snapshot) {
-    return {
-      ok: false,
-      applied: 0,
-      skipped: [],
-      warnings: ["empty storage snapshot"]
-    };
+    return (0, _sharedUi.failedRestore)("empty storage snapshot");
   }
 
   // ── AsyncStorage: delete app keys missing from the snapshot, write the rest ──
@@ -134,7 +122,7 @@ async function restore(data, options) {
     const snapKeys = new Set(snapPairs.map(([k]) => k));
     const liveKeys = (await _asyncStorage.default.getAllKeys()).filter(k => !(0, _sharedUi.isDevToolsStorageKey)(k));
     const toRemove = liveKeys.filter(k => !snapKeys.has(k) && touch(`async:${k}`));
-    excludedHits += (snapshot.async ?? []).length - snapPairs.length;
+    scope.countExcluded((snapshot.async ?? []).length - snapPairs.length);
     if (toRemove.length > 0) await (0, _asyncStorageCompat.removeMany)(toRemove);
     if (snapPairs.length > 0) await (0, _asyncStorageCompat.writeMany)(snapPairs);
     result.applied += snapPairs.length + toRemove.length;
@@ -167,10 +155,7 @@ async function restore(data, options) {
       const snapKeys = new Set(entries.map(e => e.key));
       const liveKeys = instance.getAllKeys().filter(key => !(0, _sharedUi.isDevToolsStorageKey)(key));
       for (const key of liveKeys) {
-        if (!touch(`mmkv:${id}/${key}`)) {
-          excludedHits += 1;
-          continue;
-        }
+        if (!scope.allows(`mmkv:${id}/${key}`)) continue;
         if (!snapKeys.has(key)) {
           deleteMMKVKey(instance, key);
           result.applied += 1;
@@ -201,10 +186,7 @@ async function restore(data, options) {
     key,
     options
   } of _SecureStoreRegistry.secureStoreRegistry.getAll()) {
-    if (!touch(`secure:${key}`)) {
-      excludedHits += 1;
-      continue;
-    }
+    if (!scope.allows(`secure:${key}`)) continue;
     if (options.requireAuthentication) {
       if (key in secureSnap) {
         result.skipped.push({
@@ -237,20 +219,14 @@ async function restore(data, options) {
       });
     }
   }
-  if (excludedHits > 0) {
-    result.warnings.push(`${excludedHits} item(s) excluded by you`);
-  }
+  const excludedWarning = scope.excludedWarning("item(s)");
+  if (excludedWarning) result.warnings.push(excludedWarning);
   return result;
 }
 
 /** Wipe to fresh-install state (Buoy keys preserved). Used by baseline restore. */
 async function clear() {
-  const result = {
-    ok: true,
-    applied: 0,
-    skipped: [],
-    warnings: []
-  };
+  const result = (0, _sharedUi.emptyRestoreResult)();
   try {
     await (0, _clearAllStorage.clearAllAppStorage)();
     result.applied += 1;
@@ -301,40 +277,24 @@ async function clear() {
   return result;
 }
 const ITEM_RENDER_CHAR_LIMIT = 256 * 1024;
+
+/**
+ * Storage values are strings (or MMKV primitives): identity equality and a
+ * character-length size gate are the right tests, not a deep walk.
+ */
 function classifyValue(key, label, oldValue, newValue, inOld, inNew) {
-  if (!inNew) return {
+  return (0, _sharedUi.classifyPreviewItem)({
     key,
     label,
-    verdict: "removed",
-    oldValue
-  };
-  if (!inOld) return {
-    key,
-    label,
-    verdict: "added",
-    newValue
-  };
-  if (Object.is(oldValue, newValue)) return {
-    key,
-    label,
-    verdict: "unchanged"
-  };
-  const tooLarge = typeof oldValue === "string" && oldValue.length > ITEM_RENDER_CHAR_LIMIT || typeof newValue === "string" && newValue.length > ITEM_RENDER_CHAR_LIMIT;
-  if (tooLarge) {
-    return {
-      key,
-      label,
-      verdict: "too-large",
-      reason: "value too large to render a diff — restore still applies it"
-    };
-  }
-  return {
-    key,
-    label,
-    verdict: "changed",
     oldValue,
-    newValue
-  };
+    newValue,
+    inOld,
+    inNew
+  }, {
+    equal: Object.is,
+    tooLarge: value => typeof value === "string" && value.length > ITEM_RENDER_CHAR_LIMIT,
+    tooLargeReason: "value too large to render a diff — restore still applies it"
+  });
 }
 
 /** Per-key restore preview across all three backends. */
@@ -356,46 +316,31 @@ async function previewItems(target, base) {
   // ── AsyncStorage ──
   const oldAsync = new Map(baseData.async ?? []);
   const newAsync = new Map(targetData.async ?? []);
-  for (const key of new Set([...oldAsync.keys(), ...newAsync.keys()])) {
+  for (const key of (0, _sharedUi.unionKeys)(oldAsync, newAsync)) {
     if ((0, _sharedUi.isDevToolsStorageKey)(key)) continue;
     items.push(classifyValue(`async:${key}`, key, oldAsync.get(key), newAsync.get(key), oldAsync.has(key), newAsync.has(key)));
   }
 
   // ── MMKV ──
-  const instanceIds = new Set([...Object.keys(baseData.mmkv ?? {}), ...Object.keys(targetData.mmkv ?? {})]);
-  for (const id of instanceIds) {
+  for (const id of (0, _sharedUi.unionKeys)(baseData.mmkv, targetData.mmkv)) {
     const registered = liveMode ? _MMKVInstanceRegistry.mmkvInstanceRegistry.get(id) : null;
     const instanceUnavailable = liveMode && !registered;
     const readOnly = liveMode && registered?.instance.isReadOnly === true;
     const oldEntries = new Map((baseData.mmkv?.[id] ?? []).map(e => [e.key, e]));
     const newEntries = new Map((targetData.mmkv?.[id] ?? []).map(e => [e.key, e]));
-    for (const key of new Set([...oldEntries.keys(), ...newEntries.keys()])) {
+    for (const key of (0, _sharedUi.unionKeys)(oldEntries, newEntries)) {
       if ((0, _sharedUi.isDevToolsStorageKey)(key)) continue;
       const itemKey = `mmkv:${id}/${key}`;
       const label = `${id} · ${key}`;
       const oldE = oldEntries.get(key);
       const newE = newEntries.get(key);
       let item = classifyValue(itemKey, label, oldE?.value, newE?.value, oldEntries.has(key), newEntries.has(key));
-      if (item.verdict !== "unchanged") {
-        if (instanceUnavailable) {
-          item = {
-            ...item,
-            verdict: "wont-apply",
-            reason: "MMKV instance not registered"
-          };
-        } else if (readOnly) {
-          item = {
-            ...item,
-            verdict: "wont-apply",
-            reason: "MMKV instance registered read-only"
-          };
-        } else if (newE?.valueType === "buffer" || oldE?.valueType === "buffer") {
-          item = {
-            ...item,
-            verdict: "wont-apply",
-            reason: "ArrayBuffer values cannot be restored"
-          };
-        }
+      if (instanceUnavailable) {
+        item = (0, _sharedUi.wontApply)(item, "MMKV instance not registered");
+      } else if (readOnly) {
+        item = (0, _sharedUi.wontApply)(item, "MMKV instance registered read-only");
+      } else if (newE?.valueType === "buffer" || oldE?.valueType === "buffer") {
+        item = (0, _sharedUi.wontApply)(item, "ArrayBuffer values cannot be restored");
       }
       items.push(item);
     }
@@ -405,22 +350,14 @@ async function previewItems(target, base) {
   const oldSecure = baseData.secure ?? {};
   const newSecure = targetData.secure ?? {};
   const registeredSecure = liveMode ? new Map(_SecureStoreRegistry.secureStoreRegistry.getAll().map(e => [e.key, e])) : null;
-  for (const key of new Set([...Object.keys(oldSecure), ...Object.keys(newSecure)])) {
+  for (const key of (0, _sharedUi.unionKeys)(oldSecure, newSecure)) {
     let item = classifyValue(`secure:${key}`, key, oldSecure[key], newSecure[key], key in oldSecure, key in newSecure);
-    if (liveMode && item.verdict !== "unchanged") {
+    if (liveMode) {
       const entry = registeredSecure?.get(key);
       if (!entry) {
-        item = {
-          ...item,
-          verdict: "wont-apply",
-          reason: "key no longer registered with registerSecureStoreKeys"
-        };
+        item = (0, _sharedUi.wontApply)(item, "key no longer registered with registerSecureStoreKeys");
       } else if (entry.options.requireAuthentication) {
-        item = {
-          ...item,
-          verdict: "wont-apply",
-          reason: "biometric-protected keys are never written"
-        };
+        item = (0, _sharedUi.wontApply)(item, "biometric-protected keys are never written");
       }
     }
     items.push(item);

package/lib/module/preset.js

@@ -18,6 +18,7 @@
  */
 
 import { StorageIcon } from "@buoy-gg/floating-tools-core";
+import { createToolFactory, defineToolPreset } from "@buoy-gg/shared-ui";
 import { StorageModalWithTabs } from "./storage/components/StorageModalWithTabs";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
@@ -28,7 +29,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
  * - Live storage event monitoring
  * - Required key validation
  */
-export const storageToolPreset = {
+export const storageToolPreset = defineToolPreset({
   id: "storage",
   name: "STORAGE",
   description: "AsyncStorage browser",
@@ -43,7 +44,7 @@ export const storageToolPreset = {
     requiredStorageKeys: [],
     enableSharedModalDimensions: false
   }
-};
+});
 
 /**
  * Create a custom AsyncStorage browser tool configuration.
@@ -69,21 +70,7 @@ export const storageToolPreset = {
  * });
  * ```
  */
-export function createStorageTool(options) {
-  return {
-    id: options?.id || "storage",
-    name: options?.name || "STORAGE",
-    description: options?.description || "AsyncStorage browser",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/_jsx(StorageIcon, {
-      size: size
-    }),
-    component: StorageModalWithTabs,
-    props: {
-      requiredStorageKeys: options?.requiredStorageKeys || [],
-      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
-    }
-  };
-}
+export const createStorageTool = createToolFactory(storageToolPreset, options => ({
+  requiredStorageKeys: options.requiredStorageKeys || [],
+  enableSharedModalDimensions: options.enableSharedModalDimensions ?? false
+}));