@buoy-gg/storage 1.7.2

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

@@ -0,0 +1,224 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionActionBar = SelectionActionBar;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Lazy load the license hooks to avoid circular dependencies
+let _useIsPro = null;
+let _licenseLoadAttempted = false;
+function loadLicenseModule() {
+  if (_licenseLoadAttempted) return;
+  _licenseLoadAttempted = true;
+  try {
+    const mod = require("@buoy-gg/license");
+    if (mod) {
+      _useIsPro = mod.useIsPro ?? null;
+    }
+  } catch {
+    // License package not available
+  }
+}
+function getUseIsPro() {
+  loadLicenseModule();
+  return _useIsPro ?? (() => false);
+}
+function SelectionActionBar({
+  selectedKeys,
+  mmkvInstances,
+  onDeleteComplete,
+  onSelectAll,
+  onClearSelection,
+  totalVisibleKeys
+}) {
+  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
+
+  // Check Pro status internally
+  const useIsPro = getUseIsPro();
+  const isPro = useIsPro();
+  const selectedCount = selectedKeys.length;
+  const allSelected = selectedCount === totalVisibleKeys && totalVisibleKeys > 0;
+
+  // Generate copy data for selected keys
+  const getCopyData = () => {
+    const data = {};
+    selectedKeys.forEach(key => {
+      const prefix = key.instanceId ? `[${key.storageType}:${key.instanceId}]` : `[${key.storageType}]`;
+      data[`${prefix} ${key.key}`] = key.value;
+    });
+    return {
+      selectedCount,
+      keys: data,
+      timestamp: new Date().toISOString()
+    };
+  };
+
+  // Handle delete selected keys
+  const handleDeleteSelected = () => {
+    if (selectedCount === 0) return;
+
+    // Gate delete behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    _reactNative.Alert.alert("Delete Selected Keys", `Delete ${selectedCount} selected key${selectedCount > 1 ? "s" : ""}? This cannot be undone.`, [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Delete",
+      style: "destructive",
+      onPress: async () => {
+        try {
+          // Group keys by storage type
+          const asyncKeys = selectedKeys.filter(k => k.storageType === "async");
+          const mmkvKeys = selectedKeys.filter(k => k.storageType === "mmkv");
+
+          // Delete AsyncStorage keys
+          if (asyncKeys.length > 0) {
+            await _asyncStorage.default.multiRemove(asyncKeys.map(k => k.key));
+          }
+
+          // Delete MMKV keys
+          if (mmkvKeys.length > 0) {
+            // Group by instance
+            const byInstance = {};
+            mmkvKeys.forEach(k => {
+              const instanceId = k.instanceId || "default";
+              if (!byInstance[instanceId]) byInstance[instanceId] = [];
+              byInstance[instanceId].push(k.key);
+            });
+
+            // Delete from each instance
+            Object.entries(byInstance).forEach(([instanceId, keys]) => {
+              const inst = mmkvInstances.find(i => i.id === instanceId);
+              if (inst) {
+                keys.forEach(key => inst.instance.delete(key));
+              }
+            });
+          }
+          onDeleteComplete?.();
+        } catch (error) {
+          _reactNative.Alert.alert("Error", `Failed to delete keys: ${error}`);
+        }
+      }
+    }]);
+  };
+  if (selectedCount === 0) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.leftSection,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+        style: styles.selectAllButton,
+        onPress: allSelected ? onClearSelection : onSelectAll,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CheckSquare, {
+          size: 14,
+          color: allSelected ? _sharedUi.macOSColors.semantic.info : _sharedUi.macOSColors.text.secondary
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.selectAllText,
+          children: allSelected ? "Deselect All" : "Select All"
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.countBadge,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: styles.countText,
+          children: [selectedCount, " selected"]
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.actionsSection,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
+        value: getCopyData(),
+        size: 14,
+        buttonStyle: styles.actionButton,
+        colors: {
+          idle: _sharedUi.macOSColors.semantic.info,
+          success: _sharedUi.macOSColors.semantic.success,
+          error: _sharedUi.macOSColors.semantic.error
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: styles.actionButton,
+        onPress: handleDeleteSelected,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
+          size: 14,
+          color: _sharedUi.macOSColors.semantic.error
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
+      visible: showUpgradeModal,
+      onClose: () => setShowUpgradeModal(false),
+      featureName: "Storage Editing"
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    backgroundColor: _sharedUi.macOSColors.semantic.info + "15",
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: _sharedUi.macOSColors.semantic.info + "30",
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    marginBottom: 10
+  },
+  leftSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12
+  },
+  selectAllButton: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingVertical: 4,
+    paddingHorizontal: 8,
+    backgroundColor: _sharedUi.macOSColors.background.card,
+    borderRadius: 6,
+    borderWidth: 1,
+    borderColor: _sharedUi.macOSColors.border.default
+  },
+  selectAllText: {
+    fontSize: 11,
+    fontWeight: "600",
+    color: _sharedUi.macOSColors.text.secondary
+  },
+  countBadge: {
+    backgroundColor: _sharedUi.macOSColors.semantic.info + "20",
+    paddingHorizontal: 8,
+    paddingVertical: 4,
+    borderRadius: 6
+  },
+  countText: {
+    fontSize: 11,
+    fontWeight: "700",
+    color: _sharedUi.macOSColors.semantic.info,
+    fontFamily: "monospace"
+  },
+  actionsSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  actionButton: {
+    width: 28,
+    height: 28,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 6,
+    backgroundColor: _sharedUi.macOSColors.background.card,
+    borderWidth: 1,
+    borderColor: _sharedUi.macOSColors.border.default
+  }
+});

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

@@ -0,0 +1,239 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StorageActionButtons = StorageActionButtons;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _asyncStorage = _interopRequireDefault(require("@react-native-async-storage/async-storage"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Lazy load the license hooks to avoid circular dependencies
+let _useIsPro = null;
+let _licenseLoadAttempted = false;
+function loadLicenseModule() {
+  if (_licenseLoadAttempted) return;
+  _licenseLoadAttempted = true;
+  try {
+    const mod = require("@buoy-gg/license");
+    if (mod) {
+      _useIsPro = mod.useIsPro ?? null;
+    }
+  } catch {
+    // License package not available
+  }
+}
+function getUseIsPro() {
+  loadLicenseModule();
+  return _useIsPro ?? (() => false);
+}
+function StorageActionButtons({
+  copyValue,
+  mmkvInstances = [],
+  activeStorageType = "all",
+  onClearComplete,
+  isSelectMode = false,
+  onToggleSelectMode,
+  selectedCount = 0
+}) {
+  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
+
+  // Check Pro status internally
+  const useIsPro = getUseIsPro();
+  const isPro = useIsPro();
+  const handleClearAsyncStorage = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    _reactNative.Alert.alert("Clear AsyncStorage", "Delete all AsyncStorage keys? This cannot be undone.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear",
+      style: "destructive",
+      onPress: async () => {
+        try {
+          await _asyncStorage.default.clear();
+          onClearComplete?.();
+        } catch (error) {
+          _reactNative.Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const handleClearMMKV = (instanceId, instanceName) => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    _reactNative.Alert.alert(`Clear ${instanceName}`, `Delete all keys from ${instanceName}? This cannot be undone.`, [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear",
+      style: "destructive",
+      onPress: () => {
+        try {
+          const inst = mmkvInstances.find(i => i.id === instanceId);
+          if (inst) {
+            inst.instance.clearAll();
+            onClearComplete?.();
+          }
+        } catch (error) {
+          _reactNative.Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const handleClearAllMMKV = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    _reactNative.Alert.alert("Clear All MMKV", `Delete all keys from ${mmkvInstances.length} instances? This cannot be undone.`, [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear All",
+      style: "destructive",
+      onPress: () => {
+        try {
+          mmkvInstances.forEach(inst => inst.instance.clearAll());
+          onClearComplete?.();
+        } catch (error) {
+          _reactNative.Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const handleClearAll = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    _reactNative.Alert.alert("Clear All Storage", "Delete all storage data? This cannot be undone.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear All",
+      style: "destructive",
+      onPress: async () => {
+        try {
+          await _asyncStorage.default.clear();
+          mmkvInstances.forEach(inst => inst.instance.clearAll());
+          onClearComplete?.();
+        } catch (error) {
+          _reactNative.Alert.alert("Error", `Failed: ${error}`);
+        }
+      }
+    }]);
+  };
+  const showAsyncActions = activeStorageType === "all" || activeStorageType === "async";
+  const showMMKVActions = activeStorageType === "all" || activeStorageType === "mmkv";
+
+  // Determine which clear actions to show based on active filter
+  const showClearAll = activeStorageType === "all";
+  const showClearAsync = showAsyncActions && !showClearAll;
+  const showClearMMKVIndividual = showMMKVActions && !showClearAll;
+  const showClearAllMMKV = showMMKVActions && mmkvInstances.length > 1 && !showClearAll;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [onToggleSelectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: onToggleSelectMode,
+      style: [styles.actionButton, isSelectMode && styles.actionButtonActive],
+      children: isSelectMode ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.selectModeActiveContainer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.X, {
+          size: 14,
+          color: _sharedUi.macOSColors.semantic.info
+        }), selectedCount > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.selectedCountText,
+          children: selectedCount
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.SquareDashed, {
+        size: 16,
+        color: _sharedUi.macOSColors.text.secondary
+      })
+    }), !isSelectMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
+      value: copyValue,
+      size: 16,
+      buttonStyle: styles.actionButton,
+      colors: {
+        idle: _sharedUi.macOSColors.text.secondary,
+        success: _sharedUi.macOSColors.semantic.success,
+        error: _sharedUi.macOSColors.semantic.error
+      }
+    }), !isSelectMode && showClearAll && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: handleClearAll,
+      style: styles.actionButton,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
+        size: 16,
+        color: _sharedUi.macOSColors.semantic.error
+      })
+    }), !isSelectMode && showClearAsync && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: handleClearAsyncStorage,
+      style: styles.actionButton,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
+        size: 16,
+        color: _sharedUi.macOSColors.semantic.error
+      })
+    }), !isSelectMode && showClearAllMMKV && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: handleClearAllMMKV,
+      style: styles.actionButton,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
+        size: 16,
+        color: _sharedUi.macOSColors.semantic.error
+      })
+    }), !isSelectMode && showClearMMKVIndividual && mmkvInstances.length === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      onPress: () => handleClearMMKV(mmkvInstances[0].id, mmkvInstances[0].id),
+      style: styles.actionButton,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
+        size: 16,
+        color: _sharedUi.macOSColors.semantic.error
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
+      visible: showUpgradeModal,
+      onClose: () => setShowUpgradeModal(false),
+      featureName: "Storage Editing"
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  actionButton: {
+    width: 32,
+    height: 32,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: 6,
+    backgroundColor: _sharedUi.macOSColors.background.input,
+    borderWidth: 1,
+    borderColor: _sharedUi.macOSColors.border.default
+  },
+  actionButtonActive: {
+    backgroundColor: _sharedUi.macOSColors.semantic.info + "20",
+    borderColor: _sharedUi.macOSColors.semantic.info + "40"
+  },
+  selectModeActiveContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2
+  },
+  selectedCountText: {
+    fontSize: 10,
+    fontWeight: "700",
+    color: _sharedUi.macOSColors.semantic.info,
+    fontFamily: "monospace"
+  }
+});

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

@@ -0,0 +1,192 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StorageActions = StorageActions;
+var _reactNative = require("react-native");
+var _react = require("react");
+var _clearAllStorage = require("../utils/clearAllStorage");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+// Lazy load the license hooks to avoid circular dependencies
+let _useIsPro = null;
+let _licenseLoadAttempted = false;
+function loadLicenseModule() {
+  if (_licenseLoadAttempted) return;
+  _licenseLoadAttempted = true;
+  try {
+    const mod = require("@buoy-gg/license");
+    if (mod) {
+      _useIsPro = mod.useIsPro ?? null;
+    }
+  } catch {
+    // License package not available
+  }
+}
+function getUseIsPro() {
+  loadLicenseModule();
+  return _useIsPro ?? (() => false);
+}
+function StorageActions({
+  storageKeys,
+  onClearAll,
+  onRefresh,
+  totalCount
+}) {
+  const [isRefreshing, setIsRefreshing] = (0, _react.useState)(false);
+  const [showUpgradeModal, setShowUpgradeModal] = (0, _react.useState)(false);
+
+  // Check Pro status internally
+  const useIsPro = getUseIsPro();
+  const isPro = useIsPro();
+  const handleRefresh = (0, _react.useCallback)(async () => {
+    setIsRefreshing(true);
+    try {
+      await onRefresh();
+    } finally {
+      setTimeout(() => setIsRefreshing(false), 500);
+    }
+  }, [onRefresh]);
+  const handleClear = () => {
+    // Gate clear behind Pro
+    if (!isPro) {
+      setShowUpgradeModal(true);
+      return;
+    }
+    _reactNative.Alert.alert("Clear Storage", "Choose what to clear:", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Clear App Data",
+      onPress: handleClearAppData
+    }, {
+      text: "Clear Everything",
+      style: "destructive",
+      onPress: handleClearEverything
+    }]);
+  };
+  const handleClearAppData = async () => {
+    try {
+      await onClearAll();
+      await onRefresh(); // Auto-refresh after clearing
+    } catch (error) {
+      _reactNative.Alert.alert("Error", `Failed to clear storage: ${error}`);
+    }
+  };
+  const handleClearEverything = async () => {
+    // Clear everything directly without extra confirmation
+    try {
+      await (0, _clearAllStorage.clearAllStorageIncludingDevTools)();
+      await onRefresh(); // Auto-refresh after clearing
+
+      // Show success message briefly
+      _reactNative.Alert.alert("Success", "All storage cleared including dev tools settings.", [{
+        text: "OK"
+      }], {
+        cancelable: true
+      });
+    } catch (error) {
+      _reactNative.Alert.alert("Error", `Failed to clear all storage: ${error}`);
+    }
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.headerContainer,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.leftSection,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: styles.keyCount,
+        children: [totalCount, " ", totalCount === 1 ? "key" : "keys", " found"]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.headerActions,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        "sentry-label": "ignore storage refresh button",
+        onPress: handleRefresh,
+        style: [styles.iconButton, isRefreshing && styles.activeButton],
+        accessibilityLabel: "Refresh storage",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RefreshCw, {
+          size: 16,
+          color: isRefreshing ? "#10B981" : "#9CA3AF"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.CopyButton, {
+        value: storageKeys,
+        size: 16,
+        buttonStyle: styles.iconButton,
+        colors: {
+          idle: "#3B82F6",
+          success: "#10B981",
+          error: "#F87171"
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        "sentry-label": "ignore storage clear button",
+        onPress: handleClear,
+        style: styles.iconButton,
+        accessibilityLabel: "Clear storage",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.Trash2, {
+          size: 16,
+          color: "#F87171"
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ProUpgradeModal, {
+      visible: showUpgradeModal,
+      onClose: () => setShowUpgradeModal(false),
+      featureName: "Storage Editing"
+    })]
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  // Header styles matching Sentry pattern
+  headerContainer: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between",
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    backgroundColor: "rgba(255, 255, 255, 0.03)",
+    borderRadius: 8,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: "rgba(255, 255, 255, 0.08)"
+  },
+  leftSection: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  keyCount: {
+    color: "#9CA3AF",
+    fontSize: 12,
+    fontWeight: "500"
+  },
+  copiedBadge: {
+    backgroundColor: "#10B981",
+    paddingHorizontal: 8,
+    paddingVertical: 3,
+    borderRadius: 10
+  },
+  copiedText: {
+    color: "#FFFFFF",
+    fontSize: 10,
+    fontWeight: "600"
+  },
+  headerActions: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  iconButton: {
+    width: 32,
+    height: 32,
+    borderRadius: 6,
+    backgroundColor: "rgba(255, 255, 255, 0.03)",
+    borderWidth: 1,
+    borderColor: "rgba(255, 255, 255, 0.08)",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  activeButton: {
+    backgroundColor: "rgba(16, 185, 129, 0.1)",
+    borderColor: "rgba(16, 185, 129, 0.2)"
+  }
+});

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

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StorageBrowserMode = StorageBrowserMode;
+var _GameUIStorageBrowser = require("./GameUIStorageBrowser");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Storage browser mode component
+ * Displays storage keys with game UI styled interface
+ */
+function StorageBrowserMode({
+  requiredStorageKeys = [],
+  showFilters = false,
+  ignoredPatterns = new Set(),
+  onTogglePattern,
+  onAddPattern,
+  searchQuery = "",
+  storageDataRef
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_GameUIStorageBrowser.GameUIStorageBrowser, {
+    requiredStorageKeys: requiredStorageKeys,
+    showFilters: showFilters,
+    ignoredPatterns: ignoredPatterns,
+    onTogglePattern: onTogglePattern,
+    onAddPattern: onAddPattern,
+    searchQuery: searchQuery,
+    storageDataRef: storageDataRef
+  });
+}