@buoy-gg/shared-ui 2.1.12 → 2.1.14

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-04-21T17:25:18.600Z
+ * Generated at: 2026-05-04T02:37:51.788Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

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

@@ -8,10 +8,18 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
- * DraggableHeader - Reusable draggable component based on JsModal's working implementation
+ * DraggableHeader — the canonical floating-tools drag handle.
  *
- * This component provides smooth drag functionality with proper boundary checking.
- * It uses the same proven pattern from JsModal that works reliably.
+ * Used by FloatingDevTools, JsModal's floating mode, and the perf-monitor
+ * bubble. Tracks drag via relative `dx`/`dy` (so parent padding/margins
+ * don't affect motion), discriminates tap-vs-drag by total distance, and
+ * clamps the final position to the container bounds.
+ *
+ * IMPORTANT: the PanResponder is created exactly ONCE per mount. All
+ * volatile props (callbacks, bounds, sizing) flow through `propsRef` so
+ * a parent re-render mid-gesture does NOT re-create the responder. Re-
+ * creating it during a drag detaches the active gesture and snaps the
+ * element back — that bug burned us once already.
  */
 const DraggableHeader = exports.DraggableHeader = /*#__PURE__*/(0, _react.memo)(function DraggableHeader({
   children,
@@ -19,6 +27,8 @@ const DraggableHeader = exports.DraggableHeader = /*#__PURE__*/(0, _react.memo)(
   onDragStart,
   onDragEnd,
   onTap,
+  onLongPress,
+  longPressDelay = 350,
   containerBounds = _reactNative.Dimensions.get("window"),
   elementSize = {
     width: 100,
@@ -29,113 +39,155 @@ const DraggableHeader = exports.DraggableHeader = /*#__PURE__*/(0, _react.memo)(
     y: 0
   },
   style,
-  enabled = true
+  enabled = true,
+  maxOverflowX = 0
 }) {
   const isDraggingRef = (0, _react.useRef)(false);
   const dragDistanceRef = (0, _react.useRef)(0);
-  const touchOffsetRef = (0, _react.useRef)({
+  const startPositionRef = (0, _react.useRef)({
     x: 0,
     y: 0
   });
-  const panResponder = (0, _react.useMemo)(() => _reactNative.PanResponder.create({
-    onStartShouldSetPanResponder: () => enabled,
-    onMoveShouldSetPanResponder: (_, g) => enabled && (Math.abs(g.dx) > 1 || Math.abs(g.dy) > 1),
-    onPanResponderTerminationRequest: () => false,
-    // Resist touch steal
-
-    onPanResponderGrant: evt => {
-      isDraggingRef.current = false; // Start as not dragging
-      dragDistanceRef.current = 0;
-      // Don't call onDragStart immediately - wait to see if it's actually a drag
+  const longPressTimerRef = (0, _react.useRef)(null);
+  const longPressFiredRef = (0, _react.useRef)(false);
 
-      // Record where inside the bubble the user touched
-      touchOffsetRef.current = {
-        x: evt.nativeEvent.locationX,
-        y: evt.nativeEvent.locationY
-      };
+  // Clear any pending long-press timer if the component unmounts mid-press,
+  // so the timeout never fires after we're gone.
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (longPressTimerRef.current != null) {
+        clearTimeout(longPressTimerRef.current);
+        longPressTimerRef.current = null;
+      }
+    };
+  }, []);
 
-      // Stop any running timing/spring and capture final XY
-      position.stopAnimation(({
-        x,
-        y
-      }) => {
-        // Use that exact final value as the new offset for the gesture
-        position.setOffset({
+  // Latest props in a ref. Keeps the PanResponder closure stable across
+  // re-renders so an active drag never gets its handlers swapped.
+  const propsRef = (0, _react.useRef)({
+    onDragStart,
+    onDragEnd,
+    onTap,
+    onLongPress,
+    longPressDelay,
+    containerBounds,
+    elementSize,
+    minPosition,
+    enabled,
+    maxOverflowX
+  });
+  propsRef.current = {
+    onDragStart,
+    onDragEnd,
+    onTap,
+    onLongPress,
+    longPressDelay,
+    containerBounds,
+    elementSize,
+    minPosition,
+    enabled,
+    maxOverflowX
+  };
+  const panResponder = (0, _react.useMemo)(() => {
+    const cancelLongPress = () => {
+      if (longPressTimerRef.current != null) {
+        clearTimeout(longPressTimerRef.current);
+        longPressTimerRef.current = null;
+      }
+    };
+    return _reactNative.PanResponder.create({
+      onStartShouldSetPanResponder: () => propsRef.current.enabled,
+      onMoveShouldSetPanResponder: (_, g) => propsRef.current.enabled && (Math.abs(g.dx) > 1 || Math.abs(g.dy) > 1),
+      onPanResponderTerminationRequest: () => false,
+      onPanResponderGrant: () => {
+        isDraggingRef.current = false;
+        dragDistanceRef.current = 0;
+        longPressFiredRef.current = false;
+        // Read position synchronously so the first onPanResponderMove
+        // has the correct startPosition. stopAnimation's callback can
+        // be async on iOS and races the first move event.
+        const sx = position.x.__getValue();
+        const sy = position.y.__getValue();
+        startPositionRef.current = {
+          x: sx,
+          y: sy
+        };
+        const {
+          onLongPress: lp,
+          longPressDelay: lpDelay
+        } = propsRef.current;
+        if (lp) {
+          longPressTimerRef.current = setTimeout(() => {
+            longPressTimerRef.current = null;
+            if (!isDraggingRef.current && dragDistanceRef.current <= 5) {
+              longPressFiredRef.current = true;
+              lp();
+            }
+          }, lpDelay);
+        }
+      },
+      onPanResponderMove: (_evt, gestureState) => {
+        const totalDistance = Math.abs(gestureState.dx) + Math.abs(gestureState.dy);
+        dragDistanceRef.current = totalDistance;
+        if (totalDistance > 5 && !isDraggingRef.current) {
+          isDraggingRef.current = true;
+          cancelLongPress();
+          propsRef.current.onDragStart?.();
+        }
+        // Use dx/dy relative movement so parent transforms don't affect
+        // the drag.
+        const x = startPositionRef.current.x + gestureState.dx;
+        const y = startPositionRef.current.y + gestureState.dy;
+        position.setValue({
           x,
           y
         });
-        position.setValue({
-          x: 0,
-          y: 0
-        });
-      });
-    },
-    onPanResponderMove: (evt, gestureState) => {
-      // Track total drag distance
-      const totalDistance = Math.abs(gestureState.dx) + Math.abs(gestureState.dy);
-      dragDistanceRef.current = totalDistance;
+      },
+      onPanResponderRelease: () => {
+        cancelLongPress();
+        const longPressed = longPressFiredRef.current;
+        longPressFiredRef.current = false;
+        const wasTap = dragDistanceRef.current <= 5 && !isDraggingRef.current;
+        if (wasTap) {
+          if (!longPressed) propsRef.current.onTap?.();
+          isDraggingRef.current = false;
+          return;
+        }
 
-      // Mark as dragging if moved more than 5 pixels
-      if (totalDistance > 5 && !isDraggingRef.current) {
-        isDraggingRef.current = true;
-        onDragStart?.(); // Call onDragStart only when we confirm it's a drag
-      }
-
-      // Use absolute finger anchoring for better grip feel
-      const x = evt.nativeEvent.pageX - touchOffsetRef.current.x;
-      const y = evt.nativeEvent.pageY - touchOffsetRef.current.y;
-
-      // When using absolute follow, use the value directly (no offset on move)
-      position.setOffset({
-        x: 0,
-        y: 0
-      });
-      position.setValue({
-        x,
-        y
-      });
-    },
-    onPanResponderRelease: () => {
-      // Get current position before any operations
-      const currentX = Number(JSON.stringify(position.x));
-      const currentY = Number(JSON.stringify(position.y));
-
-      // Check if it was a tap (minimal movement)
-      if (dragDistanceRef.current <= 5 && !isDraggingRef.current) {
-        // Reset position to current values without offset for tap
-        position.setOffset({
-          x: 0,
-          y: 0
-        });
+        // Read the final position synchronously and clamp.
+        const cx = position.x.__getValue();
+        const cy = position.y.__getValue();
+        const {
+          containerBounds: bounds,
+          elementSize: size,
+          minPosition: minPos,
+          maxOverflowX: maxOX,
+          onDragEnd: dragEnd
+        } = propsRef.current;
+        const maxX = bounds.width - size.width + maxOX;
+        const clampedX = Math.max(minPos.x, Math.min(cx, maxX));
+        const clampedY = Math.max(minPos.y, Math.min(cy, bounds.height - size.height));
         position.setValue({
-          x: currentX,
-          y: currentY
+          x: clampedX,
+          y: clampedY
+        });
+        dragEnd?.({
+          x: clampedX,
+          y: clampedY
         });
-        onTap?.();
-        // No need to call onDragEnd since onDragStart was never called for a tap
-        return;
+        isDraggingRef.current = false;
+      },
+      onPanResponderTerminate: () => {
+        cancelLongPress();
+        longPressFiredRef.current = false;
+        isDraggingRef.current = false;
       }
-
-      // Apply boundary constraints
-      const clampedX = Math.max(minPosition.x, Math.min(currentX, containerBounds.width - elementSize.width));
-      const clampedY = Math.max(minPosition.y, Math.min(currentY, containerBounds.height - elementSize.height));
-
-      // Set to clamped position
-      position.setValue({
-        x: clampedX,
-        y: clampedY
-      });
-      onDragEnd?.({
-        x: clampedX,
-        y: clampedY
-      });
-      isDraggingRef.current = false;
-    },
-    onPanResponderTerminate: () => {
-      isDraggingRef.current = false;
-      // No need to flattenOffset since we're using absolute positioning
-    }
-  }), [enabled, position, onDragStart, onDragEnd, onTap, containerBounds, elementSize, minPosition]);
+    });
+    // The responder is stable for the component's lifetime — props are
+    // read from a ref. Position is the only Animated.Value reference and
+    // is itself stable (created via useRef in the parent hook).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [position]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: style,
     ...panResponder.panHandlers,

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GripVerticalIcon = GripVerticalIcon;
+var _reactNative = require("react-native");
+var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
+var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Two columns of three dots — the standard "grabber" affordance used by
+ * floating bubbles in this suite (FloatingDevTools, perf-monitor HUD).
+ *
+ * Sizing comes from `getGripIconLayout` in `@buoy-gg/floating-tools-core`
+ * so all bubbles share identical proportions.
+ */
+function GripVerticalIcon({
+  size = 24,
+  color = _gameUIColors.buoyColors.textSecondary + "CC"
+}) {
+  const layout = (0, _floatingToolsCore.getGripIconLayout)(size);
+  const containerStyle = {
+    width: size,
+    height: size,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const columnStyle = {
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    marginHorizontal: layout.columnGap / 2
+  };
+  const dotStyle = {
+    width: layout.dotSize,
+    height: layout.dotSize,
+    borderRadius: layout.dotSize / 2,
+    backgroundColor: color,
+    marginVertical: layout.rowGap / 2
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: containerStyle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: columnStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dotStyle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dotStyle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dotStyle
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: columnStyle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dotStyle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dotStyle
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: dotStyle
+      })]
+    })]
+  });
+}

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

@@ -8,11 +8,11 @@ exports.setExpandableWindowControls = setExpandableWindowControls;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _index = require("../../icons/index.js");
+var _gameUIColors = require("../gameUI/constants/gameUIColors.js");
 var _jsxRuntime = require("react/jsx-runtime");
 // ============================================================================
 // Global expandable setting — controlled via setExpandableWindowControls()
 // ============================================================================
-
 let _expandableEnabled = true; // Default ON
 
 /**
@@ -345,12 +345,12 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: EXPANDED_BUTTON_SPACING,
-    backgroundColor: "rgba(16, 22, 35, 0.95)",
+    backgroundColor: _gameUIColors.buoyColors.card,
     borderRadius: (EXPANDED_BUTTON_SIZE + EXPANDED_PADDING * 2) / 2,
     paddingHorizontal: EXPANDED_PADDING,
     paddingVertical: EXPANDED_PADDING,
     borderWidth: 1,
-    borderColor: "rgba(0, 184, 230, 0.3)",
+    borderColor: _gameUIColors.buoyColors.border,
     shadowColor: "#000",
     shadowOffset: {
       width: 0,

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

@@ -177,6 +177,12 @@ Object.defineProperty(exports, "FilterSection", {
     return _FilterComponents.FilterSection;
   }
 });
+Object.defineProperty(exports, "GripVerticalIcon", {
+  enumerable: true,
+  get: function () {
+    return _GripVerticalIcon.GripVerticalIcon;
+  }
+});
 Object.defineProperty(exports, "HeaderSearchButton", {
   enumerable: true,
   get: function () {
@@ -356,6 +362,7 @@ var _StatusIndicator = require("./StatusIndicator.js");
 var _TimeDisplay = require("./TimeDisplay.js");
 var _DetailView = require("./DetailView.js");
 var _DraggableHeader = require("./DraggableHeader.js");
+var _GripVerticalIcon = require("./GripVerticalIcon.js");
 var _CollapsibleSection = require("./CollapsibleSection.js");
 var _DataInspector = require("./DataInspector.js");
 var _SearchBar = require("./SearchBar.js");

package/lib/commonjs/utils/persistentStorage.js

@@ -51,10 +51,22 @@ function getStorageDir() {
   if (!FileSystem?.documentDirectory) return null;
   return `${FileSystem.documentDirectory}${STORAGE_DIR_NAME}/`;
 }
+
+// Android's expo-file-system resolves write paths as URIs and decodes %2F back
+// to /, which turns slashed keys into non-existent subdirectories. Escape /
+// before encodeURIComponent so the filename stays flat. JSON-Pointer-style
+// escape is collision-free: ~ -> ~0, then / -> ~1. Decode reverses ~1 -> /
+// before ~0 -> ~ so a key containing the literal "~1" round-trips correctly.
+function encodeKeyForFs(key) {
+  return encodeURIComponent(key.replace(/~/g, "~0").replace(/\//g, "~1"));
+}
+function decodeKeyFromFs(encoded) {
+  return decodeURIComponent(encoded).replace(/~1/g, "/").replace(/~0/g, "~");
+}
 function getFilePath(key) {
   const dir = getStorageDir();
   if (!dir) return null;
-  return `${dir}${encodeURIComponent(key)}.json`;
+  return `${dir}${encodeKeyForFs(key)}.json`;
 }
 
 /**
@@ -244,7 +256,7 @@ const fileSystemStorage = {
       const dirInfo = await fs.getInfoAsync(storageDir);
       if (!dirInfo.exists) return [];
       const files = await fs.readDirectoryAsync(storageDir);
-      return files.filter(f => f.endsWith(".json")).map(f => decodeURIComponent(f.replace(".json", "")));
+      return files.filter(f => f.endsWith(".json")).map(f => decodeKeyFromFs(f.replace(".json", "")));
     } catch {
       return [];
     }

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

@@ -3,7 +3,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-04-21T17:25:18.600Z
+ * Generated at: 2026-05-04T02:37:51.788Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/module/ui/components/DraggableHeader.js

@@ -1,13 +1,21 @@
 "use strict";
 
-import { useRef, useMemo, memo } from "react";
+import { useRef, useMemo, useEffect, memo } from "react";
 import { View, PanResponder, Dimensions } from "react-native";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
- * DraggableHeader - Reusable draggable component based on JsModal's working implementation
+ * DraggableHeader — the canonical floating-tools drag handle.
  *
- * This component provides smooth drag functionality with proper boundary checking.
- * It uses the same proven pattern from JsModal that works reliably.
+ * Used by FloatingDevTools, JsModal's floating mode, and the perf-monitor
+ * bubble. Tracks drag via relative `dx`/`dy` (so parent padding/margins
+ * don't affect motion), discriminates tap-vs-drag by total distance, and
+ * clamps the final position to the container bounds.
+ *
+ * IMPORTANT: the PanResponder is created exactly ONCE per mount. All
+ * volatile props (callbacks, bounds, sizing) flow through `propsRef` so
+ * a parent re-render mid-gesture does NOT re-create the responder. Re-
+ * creating it during a drag detaches the active gesture and snaps the
+ * element back — that bug burned us once already.
  */
 export const DraggableHeader = /*#__PURE__*/memo(function DraggableHeader({
   children,
@@ -15,6 +23,8 @@ export const DraggableHeader = /*#__PURE__*/memo(function DraggableHeader({
   onDragStart,
   onDragEnd,
   onTap,
+  onLongPress,
+  longPressDelay = 350,
   containerBounds = Dimensions.get("window"),
   elementSize = {
     width: 100,
@@ -25,113 +35,155 @@ export const DraggableHeader = /*#__PURE__*/memo(function DraggableHeader({
     y: 0
   },
   style,
-  enabled = true
+  enabled = true,
+  maxOverflowX = 0
 }) {
   const isDraggingRef = useRef(false);
   const dragDistanceRef = useRef(0);
-  const touchOffsetRef = useRef({
+  const startPositionRef = useRef({
     x: 0,
     y: 0
   });
-  const panResponder = useMemo(() => PanResponder.create({
-    onStartShouldSetPanResponder: () => enabled,
-    onMoveShouldSetPanResponder: (_, g) => enabled && (Math.abs(g.dx) > 1 || Math.abs(g.dy) > 1),
-    onPanResponderTerminationRequest: () => false,
-    // Resist touch steal
-
-    onPanResponderGrant: evt => {
-      isDraggingRef.current = false; // Start as not dragging
-      dragDistanceRef.current = 0;
-      // Don't call onDragStart immediately - wait to see if it's actually a drag
+  const longPressTimerRef = useRef(null);
+  const longPressFiredRef = useRef(false);
 
-      // Record where inside the bubble the user touched
-      touchOffsetRef.current = {
-        x: evt.nativeEvent.locationX,
-        y: evt.nativeEvent.locationY
-      };
+  // Clear any pending long-press timer if the component unmounts mid-press,
+  // so the timeout never fires after we're gone.
+  useEffect(() => {
+    return () => {
+      if (longPressTimerRef.current != null) {
+        clearTimeout(longPressTimerRef.current);
+        longPressTimerRef.current = null;
+      }
+    };
+  }, []);
 
-      // Stop any running timing/spring and capture final XY
-      position.stopAnimation(({
-        x,
-        y
-      }) => {
-        // Use that exact final value as the new offset for the gesture
-        position.setOffset({
+  // Latest props in a ref. Keeps the PanResponder closure stable across
+  // re-renders so an active drag never gets its handlers swapped.
+  const propsRef = useRef({
+    onDragStart,
+    onDragEnd,
+    onTap,
+    onLongPress,
+    longPressDelay,
+    containerBounds,
+    elementSize,
+    minPosition,
+    enabled,
+    maxOverflowX
+  });
+  propsRef.current = {
+    onDragStart,
+    onDragEnd,
+    onTap,
+    onLongPress,
+    longPressDelay,
+    containerBounds,
+    elementSize,
+    minPosition,
+    enabled,
+    maxOverflowX
+  };
+  const panResponder = useMemo(() => {
+    const cancelLongPress = () => {
+      if (longPressTimerRef.current != null) {
+        clearTimeout(longPressTimerRef.current);
+        longPressTimerRef.current = null;
+      }
+    };
+    return PanResponder.create({
+      onStartShouldSetPanResponder: () => propsRef.current.enabled,
+      onMoveShouldSetPanResponder: (_, g) => propsRef.current.enabled && (Math.abs(g.dx) > 1 || Math.abs(g.dy) > 1),
+      onPanResponderTerminationRequest: () => false,
+      onPanResponderGrant: () => {
+        isDraggingRef.current = false;
+        dragDistanceRef.current = 0;
+        longPressFiredRef.current = false;
+        // Read position synchronously so the first onPanResponderMove
+        // has the correct startPosition. stopAnimation's callback can
+        // be async on iOS and races the first move event.
+        const sx = position.x.__getValue();
+        const sy = position.y.__getValue();
+        startPositionRef.current = {
+          x: sx,
+          y: sy
+        };
+        const {
+          onLongPress: lp,
+          longPressDelay: lpDelay
+        } = propsRef.current;
+        if (lp) {
+          longPressTimerRef.current = setTimeout(() => {
+            longPressTimerRef.current = null;
+            if (!isDraggingRef.current && dragDistanceRef.current <= 5) {
+              longPressFiredRef.current = true;
+              lp();
+            }
+          }, lpDelay);
+        }
+      },
+      onPanResponderMove: (_evt, gestureState) => {
+        const totalDistance = Math.abs(gestureState.dx) + Math.abs(gestureState.dy);
+        dragDistanceRef.current = totalDistance;
+        if (totalDistance > 5 && !isDraggingRef.current) {
+          isDraggingRef.current = true;
+          cancelLongPress();
+          propsRef.current.onDragStart?.();
+        }
+        // Use dx/dy relative movement so parent transforms don't affect
+        // the drag.
+        const x = startPositionRef.current.x + gestureState.dx;
+        const y = startPositionRef.current.y + gestureState.dy;
+        position.setValue({
           x,
           y
         });
-        position.setValue({
-          x: 0,
-          y: 0
-        });
-      });
-    },
-    onPanResponderMove: (evt, gestureState) => {
-      // Track total drag distance
-      const totalDistance = Math.abs(gestureState.dx) + Math.abs(gestureState.dy);
-      dragDistanceRef.current = totalDistance;
+      },
+      onPanResponderRelease: () => {
+        cancelLongPress();
+        const longPressed = longPressFiredRef.current;
+        longPressFiredRef.current = false;
+        const wasTap = dragDistanceRef.current <= 5 && !isDraggingRef.current;
+        if (wasTap) {
+          if (!longPressed) propsRef.current.onTap?.();
+          isDraggingRef.current = false;
+          return;
+        }
 
-      // Mark as dragging if moved more than 5 pixels
-      if (totalDistance > 5 && !isDraggingRef.current) {
-        isDraggingRef.current = true;
-        onDragStart?.(); // Call onDragStart only when we confirm it's a drag
-      }
-
-      // Use absolute finger anchoring for better grip feel
-      const x = evt.nativeEvent.pageX - touchOffsetRef.current.x;
-      const y = evt.nativeEvent.pageY - touchOffsetRef.current.y;
-
-      // When using absolute follow, use the value directly (no offset on move)
-      position.setOffset({
-        x: 0,
-        y: 0
-      });
-      position.setValue({
-        x,
-        y
-      });
-    },
-    onPanResponderRelease: () => {
-      // Get current position before any operations
-      const currentX = Number(JSON.stringify(position.x));
-      const currentY = Number(JSON.stringify(position.y));
-
-      // Check if it was a tap (minimal movement)
-      if (dragDistanceRef.current <= 5 && !isDraggingRef.current) {
-        // Reset position to current values without offset for tap
-        position.setOffset({
-          x: 0,
-          y: 0
-        });
+        // Read the final position synchronously and clamp.
+        const cx = position.x.__getValue();
+        const cy = position.y.__getValue();
+        const {
+          containerBounds: bounds,
+          elementSize: size,
+          minPosition: minPos,
+          maxOverflowX: maxOX,
+          onDragEnd: dragEnd
+        } = propsRef.current;
+        const maxX = bounds.width - size.width + maxOX;
+        const clampedX = Math.max(minPos.x, Math.min(cx, maxX));
+        const clampedY = Math.max(minPos.y, Math.min(cy, bounds.height - size.height));
         position.setValue({
-          x: currentX,
-          y: currentY
+          x: clampedX,
+          y: clampedY
+        });
+        dragEnd?.({
+          x: clampedX,
+          y: clampedY
         });
-        onTap?.();
-        // No need to call onDragEnd since onDragStart was never called for a tap
-        return;
+        isDraggingRef.current = false;
+      },
+      onPanResponderTerminate: () => {
+        cancelLongPress();
+        longPressFiredRef.current = false;
+        isDraggingRef.current = false;
       }
-
-      // Apply boundary constraints
-      const clampedX = Math.max(minPosition.x, Math.min(currentX, containerBounds.width - elementSize.width));
-      const clampedY = Math.max(minPosition.y, Math.min(currentY, containerBounds.height - elementSize.height));
-
-      // Set to clamped position
-      position.setValue({
-        x: clampedX,
-        y: clampedY
-      });
-      onDragEnd?.({
-        x: clampedX,
-        y: clampedY
-      });
-      isDraggingRef.current = false;
-    },
-    onPanResponderTerminate: () => {
-      isDraggingRef.current = false;
-      // No need to flattenOffset since we're using absolute positioning
-    }
-  }), [enabled, position, onDragStart, onDragEnd, onTap, containerBounds, elementSize, minPosition]);
+    });
+    // The responder is stable for the component's lifetime — props are
+    // read from a ref. Position is the only Animated.Value reference and
+    // is itself stable (created via useRef in the parent hook).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [position]);
   return /*#__PURE__*/_jsx(View, {
     style: style,
     ...panResponder.panHandlers,

package/lib/module/ui/components/GripVerticalIcon.js

@@ -0,0 +1,61 @@
+"use strict";
+
+import { View } from "react-native";
+import { getGripIconLayout } from "@buoy-gg/floating-tools-core";
+import { buoyColors } from "../gameUI/constants/gameUIColors.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Two columns of three dots — the standard "grabber" affordance used by
+ * floating bubbles in this suite (FloatingDevTools, perf-monitor HUD).
+ *
+ * Sizing comes from `getGripIconLayout` in `@buoy-gg/floating-tools-core`
+ * so all bubbles share identical proportions.
+ */
+export function GripVerticalIcon({
+  size = 24,
+  color = buoyColors.textSecondary + "CC"
+}) {
+  const layout = getGripIconLayout(size);
+  const containerStyle = {
+    width: size,
+    height: size,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const columnStyle = {
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    marginHorizontal: layout.columnGap / 2
+  };
+  const dotStyle = {
+    width: layout.dotSize,
+    height: layout.dotSize,
+    borderRadius: layout.dotSize / 2,
+    backgroundColor: color,
+    marginVertical: layout.rowGap / 2
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: containerStyle,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: columnStyle,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: dotStyle
+      }), /*#__PURE__*/_jsx(View, {
+        style: dotStyle
+      }), /*#__PURE__*/_jsx(View, {
+        style: dotStyle
+      })]
+    }), /*#__PURE__*/_jsxs(View, {
+      style: columnStyle,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: dotStyle
+      }), /*#__PURE__*/_jsx(View, {
+        style: dotStyle
+      }), /*#__PURE__*/_jsx(View, {
+        style: dotStyle
+      })]
+    })]
+  });
+}

package/lib/module/ui/components/WindowControls.js

@@ -3,11 +3,12 @@
 import { useState, useRef, useCallback, useEffect } from "react";
 import { View, TouchableOpacity, TouchableWithoutFeedback, StyleSheet, Animated, Modal } from "react-native";
 import { X, Minus, DockBottom, FloatWindow } from "../../icons/index.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { buoyColors } from "../gameUI/constants/gameUIColors.js";
+
 // ============================================================================
 // Global expandable setting — controlled via setExpandableWindowControls()
 // ============================================================================
-
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 let _expandableEnabled = true; // Default ON
 
 /**
@@ -340,12 +341,12 @@ const styles = StyleSheet.create({
     flexDirection: "row",
     alignItems: "center",
     gap: EXPANDED_BUTTON_SPACING,
-    backgroundColor: "rgba(16, 22, 35, 0.95)",
+    backgroundColor: buoyColors.card,
     borderRadius: (EXPANDED_BUTTON_SIZE + EXPANDED_PADDING * 2) / 2,
     paddingHorizontal: EXPANDED_PADDING,
     paddingVertical: EXPANDED_PADDING,
     borderWidth: 1,
-    borderColor: "rgba(0, 184, 230, 0.3)",
+    borderColor: buoyColors.border,
     shadowColor: "#000",
     shadowOffset: {
       width: 0,

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

@@ -23,6 +23,7 @@ export { StatusIndicator } from "./StatusIndicator.js";
 export { TimeDisplay } from "./TimeDisplay.js";
 export { DetailView } from "./DetailView.js";
 export { DraggableHeader } from "./DraggableHeader.js";
+export { GripVerticalIcon } from "./GripVerticalIcon.js";
 export { CollapsibleSection } from "./CollapsibleSection.js";
 export { DataInspector } from "./DataInspector.js";
 export { SearchBar } from "./SearchBar.js";

package/lib/module/utils/persistentStorage.js

@@ -45,10 +45,22 @@ function getStorageDir() {
   if (!FileSystem?.documentDirectory) return null;
   return `${FileSystem.documentDirectory}${STORAGE_DIR_NAME}/`;
 }
+
+// Android's expo-file-system resolves write paths as URIs and decodes %2F back
+// to /, which turns slashed keys into non-existent subdirectories. Escape /
+// before encodeURIComponent so the filename stays flat. JSON-Pointer-style
+// escape is collision-free: ~ -> ~0, then / -> ~1. Decode reverses ~1 -> /
+// before ~0 -> ~ so a key containing the literal "~1" round-trips correctly.
+function encodeKeyForFs(key) {
+  return encodeURIComponent(key.replace(/~/g, "~0").replace(/\//g, "~1"));
+}
+function decodeKeyFromFs(encoded) {
+  return decodeURIComponent(encoded).replace(/~1/g, "/").replace(/~0/g, "~");
+}
 function getFilePath(key) {
   const dir = getStorageDir();
   if (!dir) return null;
-  return `${dir}${encodeURIComponent(key)}.json`;
+  return `${dir}${encodeKeyForFs(key)}.json`;
 }
 
 /**
@@ -238,7 +250,7 @@ const fileSystemStorage = {
       const dirInfo = await fs.getInfoAsync(storageDir);
       if (!dirInfo.exists) return [];
       const files = await fs.readDirectoryAsync(storageDir);
-      return files.filter(f => f.endsWith(".json")).map(f => decodeURIComponent(f.replace(".json", "")));
+      return files.filter(f => f.endsWith(".json")).map(f => decodeKeyFromFs(f.replace(".json", "")));
     } catch {
       return [];
     }

package/lib/typescript/commonjs/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-04-21T17:25:18.600Z
+ * Generated at: 2026-05-04T02:37:51.788Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/commonjs/ui/components/DraggableHeader.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Animated, ViewStyle, StyleProp } from "react-native";
+import { type ReactNode } from "react";
+import { Animated, type ViewStyle, type StyleProp } from "react-native";
 interface DraggableHeaderProps {
     children: ReactNode;
     position: Animated.ValueXY;
@@ -9,6 +9,12 @@ interface DraggableHeaderProps {
         y: number;
     }) => void;
     onTap?: () => void;
+    /**
+     * Fired when the user holds the surface without moving for
+     * `longPressDelay` ms. Cancelled by any drag motion.
+     */
+    onLongPress?: () => void;
+    longPressDelay?: number;
     containerBounds?: {
         width: number;
         height: number;
@@ -23,12 +29,26 @@ interface DraggableHeaderProps {
     };
     style?: StyleProp<ViewStyle>;
     enabled?: boolean;
+    /**
+     * Allow the element to drift past the right edge by this many pixels.
+     * Used to support drag-past-edge "hide" gestures where the bubble can
+     * sit mostly off-screen with only a peek visible.
+     */
+    maxOverflowX?: number;
 }
 /**
- * DraggableHeader - Reusable draggable component based on JsModal's working implementation
+ * DraggableHeader — the canonical floating-tools drag handle.
  *
- * This component provides smooth drag functionality with proper boundary checking.
- * It uses the same proven pattern from JsModal that works reliably.
+ * Used by FloatingDevTools, JsModal's floating mode, and the perf-monitor
+ * bubble. Tracks drag via relative `dx`/`dy` (so parent padding/margins
+ * don't affect motion), discriminates tap-vs-drag by total distance, and
+ * clamps the final position to the container bounds.
+ *
+ * IMPORTANT: the PanResponder is created exactly ONCE per mount. All
+ * volatile props (callbacks, bounds, sizing) flow through `propsRef` so
+ * a parent re-render mid-gesture does NOT re-create the responder. Re-
+ * creating it during a drag detaches the active gesture and snaps the
+ * element back — that bug burned us once already.
  */
 export declare const DraggableHeader: import("react").NamedExoticComponent<DraggableHeaderProps>;
 export {};

package/lib/typescript/commonjs/ui/components/DraggableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DraggableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAGL,QAAQ,EAER,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,4DAsH1B,CAAC"}
+{"version":3,"file":"DraggableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DraggableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAGL,QAAQ,EAER,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,4DA0K1B,CAAC"}

package/lib/typescript/commonjs/ui/components/GripVerticalIcon.d.ts

@@ -0,0 +1,14 @@
+interface GripVerticalIconProps {
+    size?: number;
+    color?: string;
+}
+/**
+ * Two columns of three dots — the standard "grabber" affordance used by
+ * floating bubbles in this suite (FloatingDevTools, perf-monitor HUD).
+ *
+ * Sizing comes from `getGripIconLayout` in `@buoy-gg/floating-tools-core`
+ * so all bubbles share identical proportions.
+ */
+export declare function GripVerticalIcon({ size, color, }: GripVerticalIconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=GripVerticalIcon.d.ts.map

package/lib/typescript/commonjs/ui/components/GripVerticalIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GripVerticalIcon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/GripVerticalIcon.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,KAAuC,GACxC,EAAE,qBAAqB,+BAwCvB"}

package/lib/typescript/commonjs/ui/components/WindowControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WindowControls.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/WindowControls.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,QAE3D;AAMD,UAAU,mBAAmB;IAC3B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA+BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,IAAI,GACL,EAAE,mBAAmB,+BAoDrB"}
+{"version":3,"file":"WindowControls.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/WindowControls.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS/C;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,QAE3D;AAMD,UAAU,mBAAmB;IAC3B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA+BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,IAAI,GACL,EAAE,mBAAmB,+BAoDrB"}

package/lib/typescript/commonjs/ui/components/index.d.ts

@@ -23,6 +23,7 @@ export { StatusIndicator } from "./StatusIndicator";
 export { TimeDisplay } from "./TimeDisplay";
 export { DetailView } from "./DetailView";
 export { DraggableHeader } from "./DraggableHeader";
+export { GripVerticalIcon } from "./GripVerticalIcon";
 export { CollapsibleSection } from "./CollapsibleSection";
 export { DataInspector } from "./DataInspector";
 export { SearchBar } from "./SearchBar";

package/lib/typescript/commonjs/ui/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,aAAa,EACb,WAAW,EACX,cAAc,EACd,eAAe,EACf,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACvE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EACL,aAAa,EACb,WAAW,EACX,cAAc,EACd,eAAe,EACf,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,EACL,KAAK,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACvE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EACL,UAAU,EACV,gBAAgB,EAChB,mBAAmB,EACnB,yBAAyB,GAC1B,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EACL,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,mBAAmB,GACpB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,cAAc,EAAE,2BAA2B,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EAAE,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAG/D,OAAO,EACL,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,UAAU,EACV,gBAAgB,GACjB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EACV,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,oBAAoB,EACpB,eAAe,EACf,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,sBAAsB,CAAC"}

package/lib/typescript/commonjs/utils/persistentStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"persistentStorage.d.ts","sourceRoot":"","sources":["../../../../src/utils/persistentStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA2CH,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,UAAU,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7D,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACxB;AAGD,KAAK,cAAc,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;AAmjBhF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAmC/B,CAAC;AAEF;;GAEG;AACH,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CAGjE;AAED;;GAEG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,cAAc,CAAC,CAGrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}
+{"version":3,"file":"persistentStorage.d.ts","sourceRoot":"","sources":["../../../../src/utils/persistentStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA2CH,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,UAAU,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7D,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACxB;AAGD,KAAK,cAAc,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;AAgkBhF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAmC/B,CAAC;AAEF;;GAEG;AACH,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CAGjE;AAED;;GAEG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,cAAc,CAAC,CAGrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

package/lib/typescript/module/hooks/safe-area-impl.d.ts

@@ -1,7 +1,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-04-21T17:25:18.600Z
+ * Generated at: 2026-05-04T02:37:51.788Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/typescript/module/ui/components/DraggableHeader.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Animated, ViewStyle, StyleProp } from "react-native";
+import { type ReactNode } from "react";
+import { Animated, type ViewStyle, type StyleProp } from "react-native";
 interface DraggableHeaderProps {
     children: ReactNode;
     position: Animated.ValueXY;
@@ -9,6 +9,12 @@ interface DraggableHeaderProps {
         y: number;
     }) => void;
     onTap?: () => void;
+    /**
+     * Fired when the user holds the surface without moving for
+     * `longPressDelay` ms. Cancelled by any drag motion.
+     */
+    onLongPress?: () => void;
+    longPressDelay?: number;
     containerBounds?: {
         width: number;
         height: number;
@@ -23,12 +29,26 @@ interface DraggableHeaderProps {
     };
     style?: StyleProp<ViewStyle>;
     enabled?: boolean;
+    /**
+     * Allow the element to drift past the right edge by this many pixels.
+     * Used to support drag-past-edge "hide" gestures where the bubble can
+     * sit mostly off-screen with only a peek visible.
+     */
+    maxOverflowX?: number;
 }
 /**
- * DraggableHeader - Reusable draggable component based on JsModal's working implementation
+ * DraggableHeader — the canonical floating-tools drag handle.
  *
- * This component provides smooth drag functionality with proper boundary checking.
- * It uses the same proven pattern from JsModal that works reliably.
+ * Used by FloatingDevTools, JsModal's floating mode, and the perf-monitor
+ * bubble. Tracks drag via relative `dx`/`dy` (so parent padding/margins
+ * don't affect motion), discriminates tap-vs-drag by total distance, and
+ * clamps the final position to the container bounds.
+ *
+ * IMPORTANT: the PanResponder is created exactly ONCE per mount. All
+ * volatile props (callbacks, bounds, sizing) flow through `propsRef` so
+ * a parent re-render mid-gesture does NOT re-create the responder. Re-
+ * creating it during a drag detaches the active gesture and snaps the
+ * element back — that bug burned us once already.
  */
 export declare const DraggableHeader: import("react").NamedExoticComponent<DraggableHeaderProps>;
 export {};

package/lib/typescript/module/ui/components/DraggableHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DraggableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAGL,QAAQ,EAER,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;GAKG;AACH,eAAO,MAAM,eAAe,4DAsH1B,CAAC"}
+{"version":3,"file":"DraggableHeader.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/DraggableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,EAGL,QAAQ,EAER,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAEtB,UAAU,oBAAoB;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,aAAa,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACpD,WAAW,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAChD,WAAW,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,eAAe,4DA0K1B,CAAC"}

package/lib/typescript/module/ui/components/GripVerticalIcon.d.ts

@@ -0,0 +1,14 @@
+interface GripVerticalIconProps {
+    size?: number;
+    color?: string;
+}
+/**
+ * Two columns of three dots — the standard "grabber" affordance used by
+ * floating bubbles in this suite (FloatingDevTools, perf-monitor HUD).
+ *
+ * Sizing comes from `getGripIconLayout` in `@buoy-gg/floating-tools-core`
+ * so all bubbles share identical proportions.
+ */
+export declare function GripVerticalIcon({ size, color, }: GripVerticalIconProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=GripVerticalIcon.d.ts.map

package/lib/typescript/module/ui/components/GripVerticalIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GripVerticalIcon.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/GripVerticalIcon.tsx"],"names":[],"mappings":"AAIA,UAAU,qBAAqB;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,KAAuC,GACxC,EAAE,qBAAqB,+BAwCvB"}

package/lib/typescript/module/ui/components/WindowControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WindowControls.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/WindowControls.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,QAE3D;AAMD,UAAU,mBAAmB;IAC3B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA+BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,IAAI,GACL,EAAE,mBAAmB,+BAoDrB"}
+{"version":3,"file":"WindowControls.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/WindowControls.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAS/C;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,OAAO,QAE3D;AAMD,UAAU,mBAAmB;IAC3B,+BAA+B;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,sFAAsF;IACtF,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2EAA2E;IAC3E,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AA+BD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,UAAU,EACV,YAAY,EACZ,IAAI,GACL,EAAE,mBAAmB,+BAoDrB"}

package/lib/typescript/module/ui/components/index.d.ts

@@ -23,6 +23,7 @@ export { StatusIndicator } from "./StatusIndicator";
 export { TimeDisplay } from "./TimeDisplay";
 export { DetailView } from "./DetailView";
 export { DraggableHeader } from "./DraggableHeader";
+export { GripVerticalIcon } from "./GripVerticalIcon";
 export { CollapsibleSection } from "./CollapsibleSection";
 export { DataInspector } from "./DataInspector";
 export { SearchBar } from "./SearchBar";

package/lib/typescript/module/ui/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/ui/components/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/module/utils/persistentStorage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"persistentStorage.d.ts","sourceRoot":"","sources":["../../../../src/utils/persistentStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA2CH,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,UAAU,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7D,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACxB;AAGD,KAAK,cAAc,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;AAmjBhF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAmC/B,CAAC;AAEF;;GAEG;AACH,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CAGjE;AAED;;GAEG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,cAAc,CAAC,CAGrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}
+{"version":3,"file":"persistentStorage.d.ts","sourceRoot":"","sources":["../../../../src/utils/persistentStorage.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AA2CH,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IAC7C,OAAO,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,UAAU,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC;IAChC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,CAAC;IAC7D,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3C,KAAK,IAAI,OAAO,CAAC,IAAI,CAAC,CAAC;CACxB;AAGD,KAAK,cAAc,GAAG,YAAY,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;AAgkBhF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,eAmC/B,CAAC;AAEF;;GAEG;AACH,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,OAAO,CAAC,CAGjE;AAED;;GAEG;AACH,wBAAsB,qBAAqB,IAAI,OAAO,CAAC,cAAc,CAAC,CAGrE;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAIvC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/shared-ui",
-  "version": "2.1.12",
+  "version": "2.1.14",
   "description": "Shared UI components, hooks, and utilities",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -115,10 +115,10 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/floating-tools-core": "2.1.12"
+    "@buoy-gg/floating-tools-core": "2.1.14"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "2.1.12",
+    "@buoy-gg/license": "2.1.14",
     "@react-native-clipboard/clipboard": "*",
     "expo-clipboard": "*",
     "expo-file-system": "*",
@@ -146,7 +146,7 @@
     "expo-clipboard": "~7.1.5",
     "react-native-safe-area-context": "^5.6.2",
     "typescript": "~5.8.3",
-    "@buoy-gg/license": "2.1.12"
+    "@buoy-gg/license": "2.1.14"
   },
   "react-native-builder-bob": {
     "source": "src",