@buoy-gg/shared-ui 3.0.1 → 4.0.1

package/lib/commonjs/ui/console/CyberpunkConsoleSection.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.CyberpunkConsoleSection = CyberpunkConsoleSection;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _absoluteFill = require("../../utils/absoluteFill.js");
 var _index = require("../../icons/index.js");
 var _index2 = require("../gameUI/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -484,31 +485,31 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: "rgba(5, 5, 10, 0.6)" // Darker glass background
   },
   glassLayer1: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._absoluteFill.absoluteFill,
     backgroundColor: "rgba(10, 10, 15, 0.7)",
     opacity: 0.8
   },
   glassLayer2: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._absoluteFill.absoluteFill,
     backgroundColor: "rgba(15, 15, 25, 0.5)",
     opacity: 0.6,
     top: "20%",
     left: "20%"
   },
   glassLayer3: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._absoluteFill.absoluteFill,
     backgroundColor: "rgba(20, 20, 35, 0.3)",
     opacity: 0.4,
     top: "40%",
     left: "40%"
   },
   glassShimmer: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._absoluteFill.absoluteFill,
     backgroundColor: "rgba(255, 255, 255, 0.03)",
     opacity: 0.6
   },
   glitchOverlayLayer: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._absoluteFill.absoluteFill,
     borderRadius: 12,
     borderWidth: 1,
     justifyContent: "center",

package/lib/commonjs/ui/console/GalaxyButton.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.GalaxyButton = GalaxyButton;
 var _react = require("react");
 var _reactNative = require("react-native");
+var _absoluteFill = require("../../utils/absoluteFill.js");
 var _jsxRuntime = require("react/jsx-runtime");
 const {
   width: screenWidth
@@ -76,7 +77,7 @@ const styles = _reactNative.StyleSheet.create({
     overflow: "hidden"
   },
   starsContainer: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._absoluteFill.absoluteFill,
     overflow: "hidden"
   },
   starsLayer: {

package/lib/commonjs/ui/gameUI/components/GameUIStatusHeader.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.GameUIStatusHeader = GameUIStatusHeader;
 var _reactNative = require("react-native");
+var _absoluteFill = require("../../../utils/absoluteFill.js");
 var _gameUIColors = require("../constants/gameUIColors.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -82,7 +83,7 @@ const styles = _reactNative.StyleSheet.create({
     overflow: "hidden"
   },
   glow: {
-    ..._reactNative.StyleSheet.absoluteFillObject,
+    ..._absoluteFill.absoluteFill,
     opacity: 0.5
   },
   content: {

package/lib/commonjs/utils/absoluteFill.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.absoluteFill = void 0;
+/**
+ * Spreadable absolute-fill style.
+ *
+ * Replaces `StyleSheet.absoluteFillObject`, which was REMOVED in React Native
+ * 0.85 (returns `undefined` there). Spreading `undefined` is a silent no-op, so
+ * any overlay/backdrop/full-screen Pressable that relied on it collapses to zero
+ * size on RN 0.85+ — invisible and untappable.
+ *
+ * `StyleSheet.absoluteFill` is not a safe replacement for the spread pattern
+ * because its type changed across versions: it's a registered style *number* on
+ * RN <= 0.84 (spreading a number yields `{}`) and a frozen object only on 0.85+.
+ *
+ * This plain object works identically on every RN version, whether spread
+ * (`{ ...absoluteFill }`) or passed directly (`style={absoluteFill}`).
+ */
+const absoluteFill = exports.absoluteFill = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0
+};

package/lib/commonjs/utils/index.js

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "Subscribable", {
     return _subscribable.Subscribable;
   }
 });
+Object.defineProperty(exports, "absoluteFill", {
+  enumerable: true,
+  get: function () {
+    return _absoluteFill.absoluteFill;
+  }
+});
 Object.defineProperty(exports, "displayValue", {
   enumerable: true,
   get: function () {
@@ -51,6 +57,12 @@ Object.defineProperty(exports, "getSafeAreaInsets", {
     return _getSafeAreaInsets.getSafeAreaInsets;
   }
 });
+Object.defineProperty(exports, "getSafeCurrentPathname", {
+  enumerable: true,
+  get: function () {
+    return _safeExpoRouter.getSafeCurrentPathname;
+  }
+});
 Object.defineProperty(exports, "getSafeRouter", {
   enumerable: true,
   get: function () {
@@ -195,6 +207,7 @@ Object.defineProperty(exports, "useSafeSegments", {
     return _safeExpoRouter.useSafeSegments;
   }
 });
+var _absoluteFill = require("./absoluteFill.js");
 var _displayValue = require("./displayValue.js");
 var _getSafeAreaInsets = require("./getSafeAreaInsets.js");
 var _persistentStorage = require("./persistentStorage.js");

package/lib/commonjs/utils/safeExpoRouter.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.getSafeCurrentPathname = getSafeCurrentPathname;
 exports.getSafeRouter = getSafeRouter;
 exports.isExpoRouterAvailable = isExpoRouterAvailable;
 exports.useSafeGlobalSearchParams = useSafeGlobalSearchParams;
@@ -31,14 +32,27 @@ let checkedAvailability = false;
  * where native modules moved to the Expo Modules API.
  */
 function hasExpoNativeRuntime() {
+  // Modern Expo (SDK 50+, both Old and New Architecture): expo-modules-core
+  // installs a global `expo` object — the Expo Modules API runtime — via JSI
+  // when the native runtime is actually present. This is the most reliable
+  // signal and, crucially, the ONLY one of these checks that fires on SDK 54+ /
+  // New Architecture dev builds, where the legacy NativeModules entries below
+  // are no longer registered (ExpoLinking is gone, NativeUnimoduleProxy isn't
+  // on the bridge). It stays absent on bare RN CLI, so there's no false
+  // positive there. Without this, navigation-dependent tools (route sitemap,
+  // remote navigate, perf-monitor automation) silently no-op on modern builds.
+  const expoGlobal = globalThis.expo;
+  if (expoGlobal != null && (expoGlobal.modules != null || expoGlobal.EventEmitter != null || expoGlobal.NativeModule != null)) {
+    return true;
+  }
+
   // Check legacy NativeModules bridge (Expo SDK < 54)
   if (_reactNative.NativeModules.ExpoLinking) {
     return true;
   }
 
-  // Check for Expo Modules Core native bridge (Expo SDK 51+)
-  // NativeUnimoduleProxy is registered by expo-modules-core on both old and new arch
-  if (_reactNative.NativeModules.NativeUnimoduleProxy) {
+  // Check for Expo Modules Core native bridge (older SDKs / Old Architecture)
+  if (_reactNative.NativeModules.NativeUnimoduleProxy || _reactNative.NativeModules.ExpoModulesCore) {
     return true;
   }
 
@@ -47,7 +61,7 @@ function hasExpoNativeRuntime() {
     return true;
   }
 
-  // No Expo native runtime detected.
+  // No Expo native runtime detected (e.g. bare RN CLI).
   // NOTE: We intentionally do NOT try require("expo-modules-core") here because
   // on RN CLI it may be bundled as a transitive dep but the native modules
   // (requireOptionalNativeModule etc.) are undefined, causing crashes.
@@ -161,6 +175,47 @@ function getSafeRouter() {
   }
 }
 
+// ============================================================================
+// Imperative current-route getter
+// ============================================================================
+
+// expo-router doesn't publicly re-export its imperative store, so we reach it
+// via its build path. Cached + best-effort: if a future expo-router moves this
+// path the require throws and the imperative fallback simply disables (callers
+// degrade to route-events history). expo-router's store exposes getRouteInfo(),
+// which returns the live pathname even before any navigation is recorded.
+let routerStore;
+function getRouterStore() {
+  if (routerStore !== undefined) return routerStore;
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    routerStore = require("expo-router/build/global-state/router-store")?.store ?? null;
+  } catch {
+    routerStore = null;
+  }
+  return routerStore;
+}
+
+/**
+ * The current route pathname, read imperatively from expo-router's store.
+ *
+ * Unlike a route-events history lookup, this works even before any navigation
+ * has been recorded — e.g. right after a cold start while the app sits on its
+ * initial route. Returns null when expo-router isn't available or the store
+ * can't be reached.
+ */
+function getSafeCurrentPathname() {
+  if (!checkExpoRouterAvailability()) {
+    return null;
+  }
+  try {
+    const pathname = getRouterStore()?.getRouteInfo?.()?.pathname;
+    return typeof pathname === "string" && pathname.length > 0 ? pathname : null;
+  } catch (error) {
+    return null;
+  }
+}
+
 // ============================================================================
 // Availability check
 // ============================================================================

package/lib/module/JsModal.js

@@ -14,6 +14,7 @@
 
 import { useState, useRef, useEffect, useMemo, useCallback, memo, isValidElement, cloneElement } from "react";
 import { View, StyleSheet, TouchableWithoutFeedback, Dimensions, PanResponder, Animated, ScrollView, Text } from "react-native";
+import { absoluteFill } from "./utils/absoluteFill.js";
 import { useSafeAreaInsets } from "./hooks/useSafeAreaInsets.js";
 import { gameUIColors, buoyColors } from "./ui/gameUI/index.js";
 import { DraggableHeader, ModalHintBanner, WindowControls } from "./ui/components/index.js";
@@ -1237,7 +1238,7 @@ const JsModalComponent = ({
 // ============================================================================
 const styles = StyleSheet.create({
   fullScreenContainer: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     zIndex: 1000
   },
   bottomSheetWrapper: {

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

@@ -16,9 +16,17 @@
  * Fallback chain:
  * 1. expo-clipboard
  * 2. @react-native-clipboard/clipboard
- * 3. Graceful failure
+ * 3. Web clipboard API (navigator.clipboard)
+ * 4. Graceful failure
  */
 
+// navigator.clipboard isn't in React Native's TS lib — narrow it manually
+
+function getWebClipboard() {
+  if (typeof navigator === "undefined") return null;
+  const clipboard = navigator.clipboard;
+  return clipboard && typeof clipboard.writeText === "function" ? clipboard : null;
+}
 // Grab module references at load time (top-level try-catch for Metro)
 // Always require both — we decide which actually works at call time
 let _expoClipboard = null;
@@ -63,6 +71,21 @@ async function detect(text) {
       return true;
     } catch {/* rn-clipboard not functional */}
   }
+
+  // 3. Web fallback (react-native-web / desktop dashboard / browsers)
+  const webClipboard = getWebClipboard();
+  if (webClipboard) {
+    try {
+      await webClipboard.writeText(text);
+      _detectedType = "web";
+      _clipboardFn = async t => {
+        await webClipboard.writeText(t);
+        return true;
+      };
+      _detected = true;
+      return true;
+    } catch {/* clipboard permission denied */}
+  }
   _detected = true;
   return false;
 }
@@ -71,7 +94,10 @@ export const clipboardType = () => {
 };
 export const isClipboardAvailable = () => {
   // Before first use, optimistically return true if we have a module ref
-  if (!_detected) return _expoClipboard != null || _rnClipboard != null;
+  // or the web clipboard API is present
+  if (!_detected) {
+    return _expoClipboard != null || _rnClipboard != null || getWebClipboard() != null;
+  }
   return _clipboardFn != null;
 };
 export const clipboardFunction = async text => {

package/lib/module/dataViewer/VirtualizedDataExplorer.js

@@ -723,7 +723,6 @@ const useDataFlattening = (data, maxDepth = 10, autoExpandFirstLevel = false) =>
 const VirtualizedItemComponent = ({
   item,
   onToggleExpanded,
-  data,
   index,
   onSelect,
   isSelected
@@ -787,9 +786,9 @@ const VirtualizedItemComponent = ({
           children: formatValue(item.value, item.valueType)
         })]
       })]
-    }), item.id === "root" && data !== undefined && data !== null ? /*#__PURE__*/_jsx(CopyButton, {
-      value: data,
-      size: 16,
+    }), item.value !== undefined ? /*#__PURE__*/_jsx(CopyButton, {
+      value: item.value,
+      size: 14,
       buttonStyle: {
         marginLeft: 8,
         marginRight: 8
@@ -874,7 +873,6 @@ export const VirtualizedDataExplorer = ({
     item: item,
     index: index,
     onToggleExpanded: toggleExpanded,
-    data: data,
     onSelect: setSelectedIndex,
     isSelected: selectedIndex === index
   });

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

@@ -3,7 +3,7 @@
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-05-28T20:48:12.491Z
+ * Generated at: 2026-06-30T15:42:30.947Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/module/icons/lucide-icons.js

@@ -505,6 +505,31 @@ export const Eye = ({
     strokeWidth: strokeWidth
   })]
 });
+export const Pin = ({
+  size = 24,
+  color = "currentColor",
+  strokeWidth = 2,
+  ...props
+}) => /*#__PURE__*/_jsxs(Svg, {
+  width: size,
+  height: size,
+  viewBox: "0 0 24 24",
+  ...props,
+  children: [/*#__PURE__*/_jsx(Circle, {
+    cx: 12,
+    cy: 9,
+    r: 5,
+    stroke: color,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: 12,
+    y1: 14,
+    x2: 12,
+    y2: 21,
+    stroke: color,
+    strokeWidth: strokeWidth
+  })]
+});
 export const EyeOff = ({
   size = 24,
   color = "currentColor",
@@ -1361,7 +1386,65 @@ export const Plus = ({
     strokeWidth: strokeWidth
   })]
 });
+
+// Refresh / reload icon: a smooth 270° ring (open on the right) with a
+// clockwise triangle arrowhead. Built from the buoy icon-editor design
+// (smootharc ring + triangle) using the View-based border trick so it stays
+// crisp at any size. `strokeWidth` is accepted for API compatibility but the
+// proportions are fixed to keep the perfected look.
 export const RefreshCw = ({
+  size = 24,
+  color = "currentColor",
+  strokeWidth: _strokeWidth = 2,
+  ...props
+}) => {
+  const RING_RADIUS = 7; // outer radius, centered in the 24x24 viewBox
+  const RING_STROKE = 2.4;
+  const ARROW_SIZE = 5.2;
+  const ARROW_HALF = ARROW_SIZE * 0.577; // equilateral-ish half-width
+  // Arrowhead anchor (from the editor design, mapped into the 0..24 viewBox)
+  const arrowLeft = 12 + 3.162277660168379;
+  const arrowTop = 12 - 2.846049894151541 - ARROW_HALF;
+  return /*#__PURE__*/_jsxs(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    ...props,
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: "absolute",
+        left: 12 - RING_RADIUS,
+        top: 12 - RING_RADIUS,
+        width: RING_RADIUS * 2,
+        height: RING_RADIUS * 2,
+        borderRadius: RING_RADIUS,
+        borderWidth: RING_STROKE,
+        borderTopColor: color,
+        borderLeftColor: color,
+        borderBottomColor: color,
+        borderRightColor: "transparent"
+      }
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        position: "absolute",
+        left: arrowLeft,
+        top: arrowTop,
+        width: 0,
+        height: 0,
+        borderTopWidth: ARROW_HALF,
+        borderBottomWidth: ARROW_HALF,
+        borderLeftWidth: ARROW_SIZE,
+        borderTopColor: "transparent",
+        borderBottomColor: "transparent",
+        borderLeftColor: color,
+        transform: [{
+          rotate: "45deg"
+        }]
+      }
+    })]
+  });
+};
+export const Home = ({
   size = 24,
   color = "currentColor",
   strokeWidth = 2,
@@ -1372,41 +1455,64 @@ export const RefreshCw = ({
   viewBox: "0 0 24 24",
   ...props,
   children: [/*#__PURE__*/_jsx(Line, {
-    x1: 23,
-    y1: 4,
-    x2: 23,
-    y2: 10,
+    x1: 3,
+    y1: 10,
+    x2: 12,
+    y2: 3,
     stroke: color,
     strokeWidth: strokeWidth
   }), /*#__PURE__*/_jsx(Line, {
-    x1: 23,
-    y1: 10,
-    x2: 17,
+    x1: 12,
+    y1: 3,
+    x2: 21,
     y2: 10,
     stroke: color,
     strokeWidth: strokeWidth
   }), /*#__PURE__*/_jsx(Line, {
-    x1: 1,
-    y1: 20,
-    x2: 1,
-    y2: 14,
+    x1: 5,
+    y1: 9,
+    x2: 5,
+    y2: 21,
     stroke: color,
     strokeWidth: strokeWidth
   }), /*#__PURE__*/_jsx(Line, {
-    x1: 1,
-    y1: 14,
-    x2: 7,
-    y2: 14,
+    x1: 19,
+    y1: 9,
+    x2: 19,
+    y2: 21,
     stroke: color,
     strokeWidth: strokeWidth
-  }), /*#__PURE__*/_jsx(Circle, {
-    cx: 12,
-    cy: 12,
-    r: 9,
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: 5,
+    y1: 21,
+    x2: 19,
+    y2: 21,
+    stroke: color,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: 10,
+    y1: 21,
+    x2: 10,
+    y2: 15,
+    stroke: color,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: 10,
+    y1: 15,
+    x2: 14,
+    y2: 15,
+    stroke: color,
+    strokeWidth: strokeWidth
+  }), /*#__PURE__*/_jsx(Line, {
+    x1: 14,
+    y1: 15,
+    x2: 14,
+    y2: 21,
     stroke: color,
     strokeWidth: strokeWidth
   })]
 });
+export const HomeIcon = Home;
 export const Search = ({
   size = 24,
   color = "currentColor",

package/lib/module/index.js

@@ -8,6 +8,8 @@ export * from "./stores/index.js";
 
 // Utils exports - selectively export to avoid conflicts
 export {
+// Absolute-fill style (replaces StyleSheet.absoluteFillObject, removed in RN 0.85)
+absoluteFill,
 // Display utilities
 displayValue, parseDisplayValue,
 // Safe area utilities
@@ -27,7 +29,7 @@ Subscribable,
 // Subscriber count notifier for cross-package notifications
 subscriberCountNotifier, subscribeToSubscriberCountChanges, notifySubscriberCountChange,
 // Safe expo-router wrappers (falls back to no-ops on RN CLI)
-useSafeRouter, useSafePathname, useSafeSegments, useSafeGlobalSearchParams, getSafeRouter, isExpoRouterAvailable } from "./utils/index.js";
+useSafeRouter, useSafePathname, useSafeSegments, useSafeGlobalSearchParams, getSafeRouter, getSafeCurrentPathname, isExpoRouterAvailable } from "./utils/index.js";
 
 // Also export formatting utils
 export * from "./utils/formatting/index.js";

package/lib/module/license/DeviceLimitModal.js

@@ -8,6 +8,7 @@
 
 import React, { useState, useEffect, useCallback } from "react";
 import { View, Text, TouchableOpacity, StyleSheet, Modal, ActivityIndicator, ScrollView, Alert, Platform, Linking } from "react-native";
+import { absoluteFill } from "../utils/absoluteFill.js";
 import { macOSColors } from "../ui/gameUI/constants/macOSDesignSystemColors.js";
 import { X, Smartphone, Trash2, RefreshCw, AlertTriangle } from "../icons/lucide-icons.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -266,7 +267,7 @@ const styles = StyleSheet.create({
     alignItems: "center"
   },
   backdrop: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: "rgba(0, 0, 0, 0.8)"
   },
   modal: {