@buoy-gg/shared-ui 1.7.8 → 2.1.1

package/lib/commonjs/JsModal.js

@@ -9,7 +9,7 @@ var _reactNative = require("react-native");
 var _useSafeAreaInsets = require("./hooks/useSafeAreaInsets.js");
 var _index = require("./ui/gameUI/index.js");
 var _index2 = require("./ui/components/index.js");
-var _safeAsyncStorage = require("./utils/safeAsyncStorage.js");
+var _persistentStorage = require("./utils/persistentStorage.js");
 var _devToolsStorageKeys = require("./storage/devToolsStorageKeys.js");
 var _index3 = require("./context/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -58,7 +58,7 @@ class ModalStorage {
   static async save(key, value) {
     try {
       this.memoryCache[key] = value;
-      await (0, _safeAsyncStorage.safeSetItem)(key, JSON.stringify(value));
+      await _persistentStorage.persistentStorage.setItem(key, JSON.stringify(value));
     } catch (error) {
       // Failed to save modal state
     }
@@ -78,7 +78,7 @@ class ModalStorage {
       }
 
       // Load from storage (AsyncStorage or memory fallback)
-      const stored = await (0, _safeAsyncStorage.safeGetItem)(key);
+      const stored = await _persistentStorage.persistentStorage.getItem(key);
       if (stored) {
         const parsed = JSON.parse(stored);
         this.memoryCache[key] = parsed;
@@ -339,7 +339,8 @@ const JsModalComponent = ({
   onMinimize,
   minimizeTargetPosition,
   initialModalState,
-  zIndex
+  zIndex,
+  disableScrollWrapper = false
 }) => {
   const insets = (0, _useSafeAreaInsets.useSafeAreaInsets)();
   const [isStateLoaded, setIsStateLoaded] = (0, _react.useState)(!enablePersistence);
@@ -429,7 +430,7 @@ const JsModalComponent = ({
     const loadHintStatus = async () => {
       try {
         const hintKey = _devToolsStorageKeys.devToolsStorageKeys.modal.hintAcknowledged();
-        const acknowledged = await (0, _safeAsyncStorage.safeGetItem)(hintKey);
+        const acknowledged = await _persistentStorage.persistentStorage.getItem(hintKey);
         if (mounted) {
           // Show hint if not acknowledged yet
           setShowHint(acknowledged !== "true");
@@ -453,7 +454,7 @@ const JsModalComponent = ({
   const handleHintAcknowledge = (0, _react.useCallback)(async () => {
     try {
       const hintKey = _devToolsStorageKeys.devToolsStorageKeys.modal.hintAcknowledged();
-      await (0, _safeAsyncStorage.safeSetItem)(hintKey, "true");
+      await _persistentStorage.persistentStorage.setItem(hintKey, "true");
       setShowHint(false);
     } catch (error) {
       // Failed to save hint acknowledgment, just hide it locally
@@ -1101,7 +1102,19 @@ const JsModalComponent = ({
         })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
         style: [styles.content, customStyles.content],
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        children: [disableScrollWrapper ?
+        /*#__PURE__*/
+        // Render children directly when they manage their own scrolling (FlatList, etc.)
+        (0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: {
+            flex: 1,
+            paddingBottom: footerHeight
+          },
+          children: children
+        }) :
+        /*#__PURE__*/
+        // Wrap in ScrollView for content that needs scrolling
+        (0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
           style: {
             flex: 1
           },
@@ -1190,7 +1203,19 @@ const JsModalComponent = ({
           onAcknowledge: handleHintAcknowledge
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
           style: [styles.content, customStyles.content],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+          children: [disableScrollWrapper ?
+          /*#__PURE__*/
+          // Render children directly when they manage their own scrolling (FlatList, etc.)
+          (0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: {
+              flex: 1,
+              paddingBottom: footerHeight
+            },
+            children: children
+          }) :
+          /*#__PURE__*/
+          // Wrap in ScrollView for content that needs scrolling
+          (0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
             style: {
               flex: 1
             },

package/lib/commonjs/clipboard/clipboard-impl.js

@@ -7,7 +7,7 @@ exports.isClipboardAvailable = exports.clipboardType = exports.clipboardFunction
 /**
  * Auto-generated clipboard implementation
  * Detected: none
- * Generated at: 2026-01-09T18:05:40.988Z
+ * Generated at: 2026-01-12T04:02:16.197Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-clipboard.js
  *

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-01-09T18:05:41.014Z
+ * Generated at: 2026-01-12T04:02:16.222Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/hooks/useSafeAreaInsets.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useSafeAreaInsets = exports.useSafeAreaFrame = exports.hasNotch = exports.getSafeAreaInsets = exports.SafeAreaConfig = void 0;
+exports.useSafeAreaInsets = exports.hasNotch = exports.getSafeAreaInsets = exports.SafeAreaConfig = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _safeAreaImpl = require("./safe-area-impl.js");
@@ -221,26 +221,6 @@ const SafeAreaConfig = exports.SafeAreaConfig = {
   }
 };
 
-/**
- * Compatibility hook that returns the window frame dimensions
- *
- * @returns Frame object with x, y, width, height properties
- *
- * @deprecated Use Dimensions.get("window") directly instead
- */
-const useSafeAreaFrame = () => {
-  const {
-    width,
-    height
-  } = _reactNative.Dimensions.get("window");
-  return {
-    x: 0,
-    y: 0,
-    width,
-    height
-  };
-};
-
 /**
  * Export the pure JS implementation directly for compatibility
  *
@@ -252,5 +232,4 @@ const useSafeAreaFrame = () => {
  * console.log(`Top inset: ${insets.top}px`);
  * ```
  */
-exports.useSafeAreaFrame = useSafeAreaFrame;
 const getSafeAreaInsets = exports.getSafeAreaInsets = getPureJSSafeAreaInsets;

package/lib/commonjs/index.js

@@ -7,11 +7,6 @@ var _exportNames = {
   displayValue: true,
   parseDisplayValue: true,
   getSafeAreaInsets: true,
-  safeGetItem: true,
-  safeSetItem: true,
-  safeRemoveItem: true,
-  isPersistentStorageAvailable: true,
-  useSafeAsyncStorage: true,
   persistentStorage: true,
   isUsingPersistentStorage: true,
   getStorageBackendType: true,
@@ -252,12 +247,6 @@ Object.defineProperty(exports, "isJsonSerializable", {
     return _index2.isJsonSerializable;
   }
 });
-Object.defineProperty(exports, "isPersistentStorageAvailable", {
-  enumerable: true,
-  get: function () {
-    return _index2.isPersistentStorageAvailable;
-  }
-});
 Object.defineProperty(exports, "isPlainObjectUtil", {
   enumerable: true,
   get: function () {
@@ -318,24 +307,6 @@ Object.defineProperty(exports, "persistentStorage", {
     return _index2.persistentStorage;
   }
 });
-Object.defineProperty(exports, "safeGetItem", {
-  enumerable: true,
-  get: function () {
-    return _index2.safeGetItem;
-  }
-});
-Object.defineProperty(exports, "safeRemoveItem", {
-  enumerable: true,
-  get: function () {
-    return _index2.safeRemoveItem;
-  }
-});
-Object.defineProperty(exports, "safeSetItem", {
-  enumerable: true,
-  get: function () {
-    return _index2.safeSetItem;
-  }
-});
 Object.defineProperty(exports, "safeStringify", {
   enumerable: true,
   get: function () {
@@ -384,12 +355,6 @@ Object.defineProperty(exports, "useSafeAreaInsets", {
     return _index0.useSafeAreaInsets;
   }
 });
-Object.defineProperty(exports, "useSafeAsyncStorage", {
-  enumerable: true,
-  get: function () {
-    return _index2.useSafeAsyncStorage;
-  }
-});
 var _index = require("./ui/index.js");
 Object.keys(_index).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/lib/commonjs/settings/components/BubbleSettingsSection.js

@@ -11,7 +11,7 @@ var _index = require("../../icons/index.js");
 var _react = require("react");
 var _CyberpunkSectionButton = require("../../ui/console/CyberpunkSectionButton.js");
 var _devToolsStorageKeys = require("../../storage/devToolsStorageKeys.js");
-var _safeAsyncStorage = require("../../utils/safeAsyncStorage.js");
+var _persistentStorage = require("../../utils/persistentStorage.js");
 var _jsxRuntime = require("react/jsx-runtime");
 const STORAGE_KEY = _devToolsStorageKeys.devToolsStorageKeys.bubble.settings();
 const USER_PREFERENCES_KEY = _devToolsStorageKeys.devToolsStorageKeys.bubble.userPreferences();
@@ -32,7 +32,7 @@ function BubbleSettingsSection({
   }, []);
   const loadSettings = async () => {
     try {
-      const stored = await (0, _safeAsyncStorage.safeGetItem)(STORAGE_KEY);
+      const stored = await _persistentStorage.persistentStorage.getItem(STORAGE_KEY);
       if (stored) {
         setSettings(JSON.parse(stored));
       }
@@ -64,7 +64,7 @@ function BubbleSettingsDetail({
   }, []);
   const loadSettings = async () => {
     try {
-      const stored = await (0, _safeAsyncStorage.safeGetItem)(STORAGE_KEY);
+      const stored = await _persistentStorage.persistentStorage.getItem(STORAGE_KEY);
       if (stored) {
         setSettings(JSON.parse(stored));
       }
@@ -76,7 +76,7 @@ function BubbleSettingsDetail({
   };
   const saveSettings = async newSettings => {
     try {
-      await (0, _safeAsyncStorage.safeSetItem)(STORAGE_KEY, JSON.stringify(newSettings));
+      await _persistentStorage.persistentStorage.setItem(STORAGE_KEY, JSON.stringify(newSettings));
       setSettings(newSettings);
       // Trigger the callback to reload settings in the parent
       onSettingsChange?.(newSettings);
@@ -92,14 +92,14 @@ function BubbleSettingsDetail({
 
     // Mark this preference as explicitly set by the user
     try {
-      const prefsStored = await (0, _safeAsyncStorage.safeGetItem)(USER_PREFERENCES_KEY);
+      const prefsStored = await _persistentStorage.persistentStorage.getItem(USER_PREFERENCES_KEY);
       const currentPrefs = prefsStored ? JSON.parse(prefsStored) : {};
       const prefKey = key.replace("show", "hasSet");
       const updatedPrefs = {
         ...currentPrefs,
         [prefKey]: true
       };
-      await (0, _safeAsyncStorage.safeSetItem)(USER_PREFERENCES_KEY, JSON.stringify(updatedPrefs));
+      await _persistentStorage.persistentStorage.setItem(USER_PREFERENCES_KEY, JSON.stringify(updatedPrefs));
     } catch (error) {
       console.error("Failed to save user preference marker:", error);
     }
@@ -236,7 +236,7 @@ function BubbleSettingsDetail({
 }
 async function getBubbleVisibilitySettings() {
   try {
-    const stored = await (0, _safeAsyncStorage.safeGetItem)(STORAGE_KEY);
+    const stored = await _persistentStorage.persistentStorage.getItem(STORAGE_KEY);
     if (stored) {
       return JSON.parse(stored);
     }

package/lib/commonjs/storage/devToolsStorageKeys.js

@@ -162,6 +162,17 @@ const devToolsStorageKeys = exports.devToolsStorageKeys = {
     activeTab: () => `${devToolsStorageKeys.benchmark.root()}_active_tab`,
     settings: () => `${devToolsStorageKeys.benchmark.root()}_settings`,
     selectedReports: () => `${devToolsStorageKeys.benchmark.root()}_selected_reports`
+  },
+  /**
+   * Unified events-related storage keys
+   */
+  events: {
+    root: () => `${devToolsStorageKeys.base}_events`,
+    modal: () => `${devToolsStorageKeys.events.root()}_modal`,
+    /** Selected badge/source filters */
+    enabledSources: () => `${devToolsStorageKeys.events.root()}_enabled_sources`,
+    /** Copy/export settings */
+    copySettings: () => `${devToolsStorageKeys.events.root()}_copy_settings`
   }
 };
 

package/lib/commonjs/ui/components/CopyButton.js

@@ -11,7 +11,7 @@ var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
 var _lucideIcons = require("../../icons/lucide-icons.js");
 var _ClipboardHintBanner = require("./ClipboardHintBanner.js");
 var _devToolsStorageKeys = require("../../storage/devToolsStorageKeys.js");
-var _safeAsyncStorage = require("../../utils/safeAsyncStorage.js");
+var _persistentStorage = require("../../utils/persistentStorage.js");
 var _index = require("../../context/index.js");
 var _index2 = require("../../license/index.js");
 var _license = require("@buoy-gg/license");
@@ -32,7 +32,7 @@ async function loadHintAcknowledged() {
     globalHintLoadPromise = (async () => {
       try {
         const hintKey = _devToolsStorageKeys.devToolsStorageKeys.clipboard.hintAcknowledged();
-        const acknowledged = await (0, _safeAsyncStorage.safeGetItem)(hintKey);
+        const acknowledged = await _persistentStorage.persistentStorage.getItem(hintKey);
         globalHintAcknowledged = acknowledged === "true";
         return globalHintAcknowledged;
       } catch {
@@ -46,7 +46,7 @@ async function loadHintAcknowledged() {
 async function setHintAcknowledged() {
   try {
     const hintKey = _devToolsStorageKeys.devToolsStorageKeys.clipboard.hintAcknowledged();
-    await (0, _safeAsyncStorage.safeSetItem)(hintKey, "true");
+    await _persistentStorage.persistentStorage.setItem(hintKey, "true");
     globalHintAcknowledged = true;
   } catch {
     // Failed to save, just update local state
@@ -62,8 +62,6 @@ const CopyButton = exports.CopyButton = /*#__PURE__*/(0, _react.memo)(function C
   onCopyError,
   feedbackDuration = 1500,
   colors = {},
-  disabled: _deprecated,
-  // Ignored - Pro status checked internally
   ...touchableProps
 }) {
   const isPro = (0, _license.useIsPro)();

package/lib/commonjs/ui/components/DevToolsCard.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEVTOOLS_CARD_CONSTANTS = void 0;
+exports.DevToolsCard = DevToolsCard;
+var _reactNative = require("react-native");
+var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * DevToolsCard
+ *
+ * A unified container component for all DevTools list items.
+ * Provides consistent sizing, spacing, and styling across all packages.
+ *
+ * Usage:
+ * ```tsx
+ * <DevToolsCard onPress={handlePress} isSelected={selected}>
+ *   <YourCustomContent />
+ * </DevToolsCard>
+ * ```
+ */
+
+/**
+ * Standard card dimensions - adjust these to change all DevTools cards globally
+ */
+const DEVTOOLS_CARD_CONSTANTS = exports.DEVTOOLS_CARD_CONSTANTS = {
+  /** Horizontal padding inside the card */
+  padding: 12,
+  /** Horizontal margin between card and screen edge */
+  marginHorizontal: 12,
+  /** Vertical margin between cards */
+  marginVertical: 4,
+  /** Card corner radius */
+  borderRadius: 8,
+  /** Minimum height for touch accessibility (Apple HIG) */
+  minHeight: 44,
+  /** Border width */
+  borderWidth: 1
+};
+function DevToolsCard({
+  children,
+  onPress,
+  onLongPress,
+  isSelected = false,
+  disabled = false,
+  activeOpacity = 0.8,
+  style,
+  contentStyle,
+  testID
+}) {
+  const isInteractive = !!onPress || !!onLongPress;
+
+  // Non-interactive card (just a container)
+  if (!isInteractive) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.wrapper, style],
+      testID: testID,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.card, isSelected && styles.selectedCard, contentStyle],
+        children: children
+      })
+    });
+  }
+
+  // Interactive card
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.wrapper, style],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: [styles.card, isSelected && styles.selectedCard, contentStyle],
+      onPress: onPress,
+      onLongPress: onLongPress,
+      activeOpacity: activeOpacity,
+      disabled: disabled,
+      testID: testID,
+      children: children
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  wrapper: {
+    marginHorizontal: DEVTOOLS_CARD_CONSTANTS.marginHorizontal,
+    marginVertical: DEVTOOLS_CARD_CONSTANTS.marginVertical
+  },
+  card: {
+    backgroundColor: _gameUIColors.buoyColors.card,
+    borderRadius: DEVTOOLS_CARD_CONSTANTS.borderRadius,
+    borderWidth: DEVTOOLS_CARD_CONSTANTS.borderWidth,
+    borderColor: _gameUIColors.buoyColors.border + "40",
+    padding: DEVTOOLS_CARD_CONSTANTS.padding,
+    minHeight: DEVTOOLS_CARD_CONSTANTS.minHeight
+  },
+  selectedCard: {
+    backgroundColor: _gameUIColors.buoyColors.primary + "15",
+    borderColor: _gameUIColors.buoyColors.primary + "50",
+    shadowColor: _gameUIColors.buoyColors.primary,
+    shadowOffset: {
+      width: 0,
+      height: 0
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 8,
+    elevation: 2
+  }
+});

package/lib/commonjs/ui/components/ExpandablePopover.js

@@ -157,9 +157,9 @@ function ExpandablePopover({
       try {
         // Dynamic import to avoid circular dependency
         const {
-          safeGetItem
-        } = await Promise.resolve().then(() => _interopRequireWildcard(require("../../utils/safeAsyncStorage")));
-        const saved = await safeGetItem(storageKey);
+          persistentStorage
+        } = await Promise.resolve().then(() => _interopRequireWildcard(require("../../utils/persistentStorage")));
+        const saved = await persistentStorage.getItem(storageKey);
         if (saved === "true") {
           setIsExpanded(true);
           progress.setValue(1);
@@ -178,9 +178,9 @@ function ExpandablePopover({
     const persistExpanded = async () => {
       try {
         const {
-          safeSetItem
-        } = await Promise.resolve().then(() => _interopRequireWildcard(require("../../utils/safeAsyncStorage")));
-        await safeSetItem(storageKey, isExpanded ? "true" : "false");
+          persistentStorage
+        } = await Promise.resolve().then(() => _interopRequireWildcard(require("../../utils/persistentStorage")));
+        await persistentStorage.setItem(storageKey, isExpanded ? "true" : "false");
       } catch {
         // Ignore errors
       }

package/lib/commonjs/ui/components/index.js

@@ -75,6 +75,12 @@ Object.defineProperty(exports, "CountBadge", {
     return _Badge.CountBadge;
   }
 });
+Object.defineProperty(exports, "DEVTOOLS_CARD_CONSTANTS", {
+  enumerable: true,
+  get: function () {
+    return _DevToolsCard.DEVTOOLS_CARD_CONSTANTS;
+  }
+});
 Object.defineProperty(exports, "DataInspector", {
   enumerable: true,
   get: function () {
@@ -87,6 +93,12 @@ Object.defineProperty(exports, "DetailView", {
     return _DetailView.DetailView;
   }
 });
+Object.defineProperty(exports, "DevToolsCard", {
+  enumerable: true,
+  get: function () {
+    return _DevToolsCard.DevToolsCard;
+  }
+});
 Object.defineProperty(exports, "DiffModeTabs", {
   enumerable: true,
   get: function () {
@@ -307,6 +319,7 @@ var _TabSelector = require("./TabSelector.js");
 var _EventListItem = require("./EventListItem.js");
 var _StatsCard = require("./StatsCard.js");
 var _CompactRow = require("./CompactRow.js");
+var _DevToolsCard = require("./DevToolsCard.js");
 var _HeaderSearchButton = require("./HeaderSearchButton.js");
 var _EmptyState = require("./EmptyState.js");
 var _StatusIndicator = require("./StatusIndicator.js");

package/lib/commonjs/utils/index.js

@@ -81,12 +81,6 @@ Object.defineProperty(exports, "isJsonSerializable", {
     return _typeHelpers.isJsonSerializable;
   }
 });
-Object.defineProperty(exports, "isPersistentStorageAvailable", {
-  enumerable: true,
-  get: function () {
-    return _safeAsyncStorage.isPersistentStorageAvailable;
-  }
-});
 Object.defineProperty(exports, "isPrimitive", {
   enumerable: true,
   get: function () {
@@ -129,24 +123,6 @@ Object.defineProperty(exports, "persistentStorage", {
     return _persistentStorage.persistentStorage;
   }
 });
-Object.defineProperty(exports, "safeGetItem", {
-  enumerable: true,
-  get: function () {
-    return _safeAsyncStorage.safeGetItem;
-  }
-});
-Object.defineProperty(exports, "safeRemoveItem", {
-  enumerable: true,
-  get: function () {
-    return _safeAsyncStorage.safeRemoveItem;
-  }
-});
-Object.defineProperty(exports, "safeSetItem", {
-  enumerable: true,
-  get: function () {
-    return _safeAsyncStorage.safeSetItem;
-  }
-});
 Object.defineProperty(exports, "safeStringify", {
   enumerable: true,
   get: function () {
@@ -159,15 +135,8 @@ Object.defineProperty(exports, "truncateText", {
     return _valueFormatting.truncateText;
   }
 });
-Object.defineProperty(exports, "useSafeAsyncStorage", {
-  enumerable: true,
-  get: function () {
-    return _safeAsyncStorage.useSafeAsyncStorage;
-  }
-});
 var _displayValue = require("./displayValue.js");
 var _getSafeAreaInsets = require("./getSafeAreaInsets.js");
-var _safeAsyncStorage = require("./safeAsyncStorage.js");
 var _persistentStorage = require("./persistentStorage.js");
 var _safeStringify = require("./safeStringify.js");
 var _typeHelpers = require("./typeHelpers.js");

package/lib/module/JsModal.js

@@ -17,7 +17,7 @@ import { View, StyleSheet, TouchableWithoutFeedback, Dimensions, PanResponder, A
 import { useSafeAreaInsets } from "./hooks/useSafeAreaInsets.js";
 import { gameUIColors, buoyColors } from "./ui/gameUI/index.js";
 import { DraggableHeader, ModalHintBanner, WindowControls } from "./ui/components/index.js";
-import { safeGetItem, safeSetItem } from "./utils/safeAsyncStorage.js";
+import { persistentStorage } from "./utils/persistentStorage.js";
 import { devToolsStorageKeys } from "./storage/devToolsStorageKeys.js";
 import { useHintsDisabled } from "./context/index.js";
 // ============================================================================
@@ -54,7 +54,7 @@ class ModalStorage {
   static async save(key, value) {
     try {
       this.memoryCache[key] = value;
-      await safeSetItem(key, JSON.stringify(value));
+      await persistentStorage.setItem(key, JSON.stringify(value));
     } catch (error) {
       // Failed to save modal state
     }
@@ -74,7 +74,7 @@ class ModalStorage {
       }
 
       // Load from storage (AsyncStorage or memory fallback)
-      const stored = await safeGetItem(key);
+      const stored = await persistentStorage.getItem(key);
       if (stored) {
         const parsed = JSON.parse(stored);
         this.memoryCache[key] = parsed;
@@ -335,7 +335,8 @@ const JsModalComponent = ({
   onMinimize,
   minimizeTargetPosition,
   initialModalState,
-  zIndex
+  zIndex,
+  disableScrollWrapper = false
 }) => {
   const insets = useSafeAreaInsets();
   const [isStateLoaded, setIsStateLoaded] = useState(!enablePersistence);
@@ -425,7 +426,7 @@ const JsModalComponent = ({
     const loadHintStatus = async () => {
       try {
         const hintKey = devToolsStorageKeys.modal.hintAcknowledged();
-        const acknowledged = await safeGetItem(hintKey);
+        const acknowledged = await persistentStorage.getItem(hintKey);
         if (mounted) {
           // Show hint if not acknowledged yet
           setShowHint(acknowledged !== "true");
@@ -449,7 +450,7 @@ const JsModalComponent = ({
   const handleHintAcknowledge = useCallback(async () => {
     try {
       const hintKey = devToolsStorageKeys.modal.hintAcknowledged();
-      await safeSetItem(hintKey, "true");
+      await persistentStorage.setItem(hintKey, "true");
       setShowHint(false);
     } catch (error) {
       // Failed to save hint acknowledgment, just hide it locally
@@ -1097,7 +1098,19 @@ const JsModalComponent = ({
         })
       }), /*#__PURE__*/_jsxs(View, {
         style: [styles.content, customStyles.content],
-        children: [/*#__PURE__*/_jsx(ScrollView, {
+        children: [disableScrollWrapper ?
+        /*#__PURE__*/
+        // Render children directly when they manage their own scrolling (FlatList, etc.)
+        _jsx(View, {
+          style: {
+            flex: 1,
+            paddingBottom: footerHeight
+          },
+          children: children
+        }) :
+        /*#__PURE__*/
+        // Wrap in ScrollView for content that needs scrolling
+        _jsx(ScrollView, {
           style: {
             flex: 1
           },
@@ -1186,7 +1199,19 @@ const JsModalComponent = ({
           onAcknowledge: handleHintAcknowledge
         }), /*#__PURE__*/_jsxs(View, {
           style: [styles.content, customStyles.content],
-          children: [/*#__PURE__*/_jsx(ScrollView, {
+          children: [disableScrollWrapper ?
+          /*#__PURE__*/
+          // Render children directly when they manage their own scrolling (FlatList, etc.)
+          _jsx(View, {
+            style: {
+              flex: 1,
+              paddingBottom: footerHeight
+            },
+            children: children
+          }) :
+          /*#__PURE__*/
+          // Wrap in ScrollView for content that needs scrolling
+          _jsx(ScrollView, {
             style: {
               flex: 1
             },

package/lib/module/clipboard/clipboard-impl.js

@@ -3,7 +3,7 @@
 /**
  * Auto-generated clipboard implementation
  * Detected: none
- * Generated at: 2026-01-09T18:05:40.988Z
+ * Generated at: 2026-01-12T04:02:16.197Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-clipboard.js
  *

package/lib/module/hooks/safe-area-impl.js

@@ -3,7 +3,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-01-09T18:05:41.014Z
+ * Generated at: 2026-01-12T04:02:16.222Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *