@buoy-gg/shared-ui 1.7.8 → 2.1.2

package/lib/commonjs/license/index.js

@@ -15,12 +15,6 @@ Object.defineProperty(exports, "LicenseEntryModal", {
     return _LicenseEntryModal.LicenseEntryModal;
   }
 });
-Object.defineProperty(exports, "ManageDevicesModal", {
-  enumerable: true,
-  get: function () {
-    return _ManageDevicesModal.ManageDevicesModal;
-  }
-});
 Object.defineProperty(exports, "ProBadge", {
   enumerable: true,
   get: function () {
@@ -61,7 +55,6 @@ Object.defineProperty(exports, "useFeatureGate", {
 });
 var _FeatureGate = require("./FeatureGate.js");
 var _LicenseEntryModal = require("./LicenseEntryModal.js");
-var _ManageDevicesModal = require("./ManageDevicesModal.js");
 // Centralized lazy loading for license hooks to avoid duplication across packages
 // This is the SINGLE source of truth - all packages should import from here
 let _useIsPro = null;

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/PowerToggleButton.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PowerToggleButton = PowerToggleButton;
+var _reactNative = require("react-native");
+var _index = require("../../icons/index.js");
+var _macOSDesignSystemColors = require("../gameUI/constants/macOSDesignSystemColors.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * PowerToggleButton Component
+ *
+ * A reusable power button for toggling capture/recording state across dev tools.
+ * Displays green when enabled, red when disabled.
+ */
+
+/**
+ * Power toggle button used across dev tools for start/stop functionality.
+ *
+ * @example
+ * ```tsx
+ * <PowerToggleButton
+ *   isEnabled={isRecording}
+ *   onToggle={() => setIsRecording(!isRecording)}
+ *   accessibilityLabel="Toggle network recording"
+ * />
+ * ```
+ */
+function PowerToggleButton({
+  isEnabled,
+  onToggle,
+  size = "medium",
+  accessibilityLabel,
+  disabled = false
+}) {
+  const buttonSize = size === "small" ? 28 : 32;
+  const iconSize = size === "small" ? 12 : 14;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    onPress: onToggle,
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    style: [styles.button, {
+      width: buttonSize,
+      height: buttonSize
+    }, isEnabled ? styles.enabledButton : styles.disabledButton, disabled && styles.buttonDisabled],
+    activeOpacity: 0.7,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Power, {
+      size: iconSize,
+      color: isEnabled ? _macOSDesignSystemColors.macOSColors.semantic.success : _macOSDesignSystemColors.macOSColors.semantic.error
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    borderRadius: 8,
+    borderWidth: 1,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  enabledButton: {
+    backgroundColor: _macOSDesignSystemColors.macOSColors.semantic.successBackground,
+    borderColor: _macOSDesignSystemColors.macOSColors.semantic.success + "40"
+  },
+  disabledButton: {
+    backgroundColor: _macOSDesignSystemColors.macOSColors.semantic.errorBackground,
+    borderColor: _macOSDesignSystemColors.macOSColors.semantic.error + "40"
+  },
+  buttonDisabled: {
+    opacity: 0.55
+  }
+});

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 () {
@@ -213,6 +225,12 @@ Object.defineProperty(exports, "NoSearchResultsEmptyState", {
     return _EmptyState.NoSearchResultsEmptyState;
   }
 });
+Object.defineProperty(exports, "PowerToggleButton", {
+  enumerable: true,
+  get: function () {
+    return _PowerToggleButton.PowerToggleButton;
+  }
+});
 Object.defineProperty(exports, "SearchBar", {
   enumerable: true,
   get: function () {
@@ -307,6 +325,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");
@@ -320,4 +339,5 @@ var _DynamicFilterView = require("./DynamicFilterView.js");
 var _WindowControls = require("./WindowControls.js");
 var _EventStepperFooter = require("./EventStepperFooter.js");
 var _ExpandablePopover = require("./ExpandablePopover.js");
+var _PowerToggleButton = require("./PowerToggleButton.js");
 var _index = require("./EventHistoryViewer/index.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,13 +17,13 @@ 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";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // ============================================================================
 // CONSTANTS - Modal dimensions and configuration
 // ============================================================================
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const SCREEN = Dimensions.get("window");
 const MIN_HEIGHT = 100;
 const DEFAULT_HEIGHT = 400;
@@ -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-29T01:02:34.738Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-clipboard.js
  *

package/lib/module/dataViewer/VirtualizedDataExplorer.js

@@ -727,8 +727,7 @@ const VirtualizedItemComponent = ({
   data,
   index,
   onSelect,
-  isSelected,
-  disableCopy = false
+  isSelected
 }) => {
   const [isPressed, setIsPressed] = useState(false);
   const [showFullKey, setShowFullKey] = useState(false);
@@ -751,9 +750,9 @@ const VirtualizedItemComponent = ({
 
   // Always show full key for better identification
   const displayKey = item.key;
-  return /*#__PURE__*/_jsx(View, {
+  return /*#__PURE__*/_jsxs(View, {
     style: [STABLE_STYLES.itemContainer, indentStyle],
-    children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
       "sentry-label": "ignore devtools data explorer item",
       style: [STABLE_STYLES.itemTouchable, isPressed && STABLE_STYLES.itemTouchablePressed, isSelected && STABLE_STYLES.itemSelected, isLongKey && {
         minHeight: LONG_ITEM_HEIGHT,
@@ -775,21 +774,12 @@ const VirtualizedItemComponent = ({
           style: STABLE_STYLES.labelText,
           numberOfLines: 1,
           children: [item.key, ":"]
-        }), item.isExpandable ? /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsxs(Text, {
-            style: [STABLE_STYLES.valueText, {
-              color: gameUIColors.secondary
-            }],
-            numberOfLines: 1,
-            children: [item.valueType, " (", item.childCount, " ", item.childCount === 1 ? "item" : "items", ")"]
-          }), item.id === "root" && data && /*#__PURE__*/_jsx(CopyButton, {
-            value: data,
-            size: 16,
-            buttonStyle: {
-              marginLeft: 8
-            },
-            disabled: disableCopy
-          })]
+        }), item.isExpandable ? /*#__PURE__*/_jsxs(Text, {
+          style: [STABLE_STYLES.valueText, {
+            color: gameUIColors.secondary
+          }],
+          numberOfLines: 1,
+          children: [item.valueType, " (", item.childCount, " ", item.childCount === 1 ? "item" : "items", ")"]
         }) : /*#__PURE__*/_jsx(Text, {
           style: [STABLE_STYLES.valueText, {
             color
@@ -798,7 +788,14 @@ const VirtualizedItemComponent = ({
           children: formatValue(item.value, item.valueType)
         })]
       })]
-    })
+    }), item.id === "root" && data !== undefined && data !== null ? /*#__PURE__*/_jsx(CopyButton, {
+      value: data,
+      size: 16,
+      buttonStyle: {
+        marginLeft: 8,
+        marginRight: 8
+      }
+    }) : null]
   });
 };
 VirtualizedItemComponent.displayName = "VirtualizedItem";
@@ -813,7 +810,8 @@ export const VirtualizedDataExplorer = ({
   maxDepth = 10,
   rawMode = false,
   initialExpanded = false,
-  disableCopy = false
+  // disableCopy is accepted for API compatibility but CopyButton handles Pro gating internally
+  disableCopy: _disableCopy = false
 }) => {
   const [isExpanded, setIsExpanded] = useState(rawMode); // Auto-expand in raw mode
   const {
@@ -879,8 +877,7 @@ export const VirtualizedDataExplorer = ({
     onToggleExpanded: toggleExpanded,
     data: data,
     onSelect: setSelectedIndex,
-    isSelected: selectedIndex === index,
-    disableCopy: disableCopy
+    isSelected: selectedIndex === index
   });
 
   // Uniform row height for crisp guide geometry

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-29T01:02:34.764Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *