@buoy-gg/core 7.0.41 → 7.0.43

package/lib/commonjs/floatingMenu/FloatingMenu.js

@@ -1,371 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FloatingMenu = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _floatingTools = require("./floatingTools");
-var _AppIcon = require("./AppIcon");
-var _DialDevTools = require("./dial/DialDevTools");
-var _DevToolsSettingsModal = require("./DevToolsSettingsModal");
-var _AppHost = require("./AppHost");
-var _DevToolsVisibilityContext = require("./DevToolsVisibilityContext.js");
-var _ToggleStateManager = require("./ToggleStateManager.js");
-var _OnboardingTooltip = require("./dial/OnboardingTooltip");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Props for the floating developer tools launcher. Controls which apps are shown and
- * how the menu integrates with the current host environment.
- */
-
-/**
- * FloatingMenu renders the persistent developer tools entry point. It handles visibility,
- * integrates with the AppHost, and presents available tools as floating shortcuts and a dial.
- */
-const FLOATING_MENU_ONBOARDING_KEY = "@react_buoy_floating_menu_tooltip_shown";
-const ONBOARDING_STEP_KEY = "@react_buoy_onboarding_step";
-const FloatingMenu = ({
-  apps,
-  state,
-  actions,
-  hidden,
-  environment,
-  userRole = "admin",
-  availableEnvironments,
-  onEnvironmentSwitch
-}) => {
-  const [internalHidden, setInternalHidden] = (0, _react.useState)(false);
-  const [showDial, setShowDial] = (0, _react.useState)(false);
-  const [dialStateLoaded, setDialStateLoaded] = (0, _react.useState)(false);
-  const [onboardingStep, setOnboardingStep] = (0, _react.useState)(null);
-  const [, forceUpdate] = (0, _react.useState)(0); // Used to force re-render when toggle states change
-  const onboardingDismissedRef = (0, _react.useRef)(false); // Track if onboarding was dismissed
-  const hintsDisabled = (0, _sharedUi.useHintsDisabled)();
-
-  // Load persisted dial state on mount
-  (0, _react.useEffect)(() => {
-    const loadDialState = async () => {
-      try {
-        const savedDialOpen = await _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.dial.isOpen());
-        if (savedDialOpen === "true") {
-          setShowDial(true);
-        }
-      } catch (error) {
-        // Failed to load dial state - use default (closed)
-      } finally {
-        setDialStateLoaded(true);
-      }
-    };
-    loadDialState();
-  }, []);
-
-  // Persist dial state when it changes
-  (0, _react.useEffect)(() => {
-    // Only persist after initial state is loaded to avoid overwriting with default
-    if (!dialStateLoaded) return;
-    _sharedUi.persistentStorage.setItem(_sharedUi.devToolsStorageKeys.dial.isOpen(), showDial ? "true" : "false").catch(error => {
-      // Failed to save dial state - continue without persistence
-      console.warn("Failed to save dial state:", error);
-    });
-  }, [showDial, dialStateLoaded]);
-
-  // Determine if environment selector should be shown
-  const showEnvironmentSelector = Boolean(availableEnvironments?.length && onEnvironmentSwitch);
-  const {
-    isAnyOpen,
-    open,
-    registerApps
-  } = (0, _AppHost.useAppHost)();
-  const wasAppOpenRef = (0, _react.useRef)(isAnyOpen);
-  const {
-    setDialOpen,
-    setToolOpen
-  } = (0, _DevToolsVisibilityContext.useDevToolsVisibility)();
-
-  // Check onboarding status on first load
-  (0, _react.useEffect)(() => {
-    // Skip onboarding if hints are disabled
-    if (hintsDisabled) {
-      return;
-    }
-    const checkOnboarding = async () => {
-      try {
-        const hasSeenOnboarding = await _sharedUi.persistentStorage.getItem(FLOATING_MENU_ONBOARDING_KEY);
-        if (!hasSeenOnboarding) {
-          // Small delay to let the UI settle before showing tooltip
-          setTimeout(() => {
-            setOnboardingStep("positioning");
-          }, 1000);
-        }
-      } catch (error) {
-        // If there's an error reading storage, don't show onboarding
-      }
-    };
-    checkOnboarding();
-  }, [hintsDisabled]);
-
-  // Subscribe to toggle state changes to update icon colors
-  (0, _react.useEffect)(() => {
-    const unsubscribe = _ToggleStateManager.toggleStateManager.subscribe(() => {
-      forceUpdate(prev => prev + 1);
-    });
-    return unsubscribe;
-  }, []);
-
-  // Sync dial state with visibility context
-  (0, _react.useEffect)(() => {
-    setDialOpen(showDial);
-  }, [showDial, setDialOpen]);
-
-  // Sync tool open state with visibility context
-  (0, _react.useEffect)(() => {
-    setToolOpen(isAnyOpen);
-  }, [isAnyOpen, setToolOpen]);
-
-  // When an app is open or dial is shown, push the menu to the side instead of hiding completely
-  const shouldPushToSide = (0, _react.useMemo)(() => Boolean(showDial || isAnyOpen), [showDial, isAnyOpen]);
-
-  // Use external hidden prop or internal hidden state for complete hiding
-  const isCompletelyHidden = (0, _react.useMemo)(() => Boolean(hidden ?? internalHidden), [hidden, internalHidden]);
-  const {
-    settings: devToolsSettings
-  } = (0, _DevToolsSettingsModal.useDevToolsSettings)();
-
-  // Register apps with AppHost for persistence
-  (0, _react.useEffect)(() => {
-    if (registerApps) {
-      registerApps(apps);
-    }
-  }, [apps, registerApps]);
-  const mergedActions = (0, _react.useMemo)(() => {
-    return {
-      ...(actions ?? {}),
-      closeMenu: () => setShowDial(false),
-      hideFloatingRow: () => setInternalHidden(true),
-      showFloatingRow: () => setInternalHidden(false),
-      notifyToggleChange: () => forceUpdate(prev => prev + 1)
-    };
-  }, [actions]);
-  (0, _react.useEffect)(() => {
-    if (wasAppOpenRef.current && !isAnyOpen) {
-      setInternalHidden(false);
-      setShowDial(false);
-    }
-    wasAppOpenRef.current = isAnyOpen;
-  }, [isAnyOpen]);
-
-  // Filter function for floating tools based on settings
-  const isFloatingEnabled = id => {
-    if (!devToolsSettings) return false;
-    // Floating tools require explicit opt-in (unlike dial tools which auto-enable)
-    return devToolsSettings.floatingTools[id] ?? false;
-  };
-
-  // Dial is the default/only layout
-
-  const handlePress = app => {
-    // Call the app's onPress callback if provided, passing actions for toggle tools
-    app?.onPress?.(mergedActions);
-
-    // Only open modal if not a toggle-only tool
-    if (app.launchMode !== "toggle-only") {
-      // Resolve the icon for minimize stack display (createElement keeps
-      // function-icon hooks working; strings become text icons).
-      const resolvedIcon = (0, _AppIcon.renderAppIcon)(app.icon, {
-        slot: "dial",
-        size: 20,
-        color: app.color
-      });
-      open({
-        id: app.id,
-        title: app.name,
-        component: app.component,
-        props: app.props,
-        launchMode: app.launchMode ?? "self-modal",
-        singleton: app.singleton ?? true,
-        icon: resolvedIcon,
-        color: app.color,
-        modal: app.modal
-      });
-    }
-  };
-  const handleOnboardingDismiss = () => {
-    // Mark as dismissed immediately in ref (synchronous, no re-render needed)
-    onboardingDismissedRef.current = true;
-
-    // Update state to hide tooltip
-    setOnboardingStep(null);
-
-    // Save to storage asynchronously in the background
-    _sharedUi.persistentStorage.setItem(FLOATING_MENU_ONBOARDING_KEY, "true").catch(error => {
-      // Silently fail - user already saw onboarding, just won't persist
-      console.warn("Failed to save onboarding state:", error);
-    });
-  };
-  const handleDialOpen = () => {
-    // If user opens dial during onboarding, mark onboarding as complete
-    if (isOnboarding) {
-      handleOnboardingDismiss();
-    }
-    setShowDial(true);
-  };
-
-  // Determine if we're in onboarding mode (only when explicitly set to positioning AND not dismissed AND hints not disabled)
-  const isOnboarding = onboardingStep === "positioning" && !onboardingDismissedRef.current && !hintsDisabled;
-
-  // During onboarding, disable position persistence and use centered position
-  const shouldEnablePositionPersistence = !isOnboarding;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [isOnboarding && !showDial && !isAnyOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.onboardingContainer,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.onboardingBackdrop
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_OnboardingTooltip.OnboardingTooltip, {
-        visible: true,
-        onDismiss: handleOnboardingDismiss,
-        title: "Welcome to Buoy!",
-        message: "Grab and position this menu wherever you want, then tap the icon to open your tools."
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      nativeID: "floating-devtools-root"
-      // While the dial overlay is open, the floating menu underneath must be
-      // inert — otherwise the draggable bubble's gesture handling intercepts
-      // touches on dial controls that overlap it (e.g. the pager buttons).
-      ,
-      pointerEvents: isCompletelyHidden || showDial ? "none" : "box-none",
-      style: {
-        position: "absolute",
-        top: 0,
-        left: 0,
-        right: 0,
-        bottom: 0,
-        zIndex: isOnboarding ? 10001 : 9999,
-        // Higher z-index during onboarding to show above backdrop
-        opacity: isCompletelyHidden ? 0 : 1
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_floatingTools.FloatingTools, {
-        enablePositionPersistence: shouldEnablePositionPersistence,
-        pushToSide: shouldPushToSide,
-        centerOnboarding: isOnboarding,
-        environment: environment,
-        availableEnvironments: availableEnvironments,
-        onEnvironmentSwitch: onEnvironmentSwitch,
-        showEnvironmentSelector: showEnvironmentSelector && devToolsSettings?.floatingTools?.environment,
-        children: [environment && devToolsSettings?.floatingTools?.environment !== false && !showEnvironmentSelector ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.EnvironmentIndicator, {
-          environment: environment
-        }) : null, userRole ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingTools.UserStatus, {
-          userRole: userRole,
-          onPress: handleDialOpen
-        }) :
-        /*#__PURE__*/
-        // Fallback: small launcher icon to ensure settings are always accessible
-        (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          accessibilityLabel: "Open Dev Tools Menu",
-          onPress: handleDialOpen,
-          style: styles.fab,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.menuButton,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuLauncherIcon, {
-              size: 14
-            })
-          })
-        }), apps.filter(a => (a.slot ?? "both") !== "dial" && isFloatingEnabled(a.id)).map(app => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
-          accessibilityLabel: app.name,
-          onPress: () => handlePress(app),
-          style: styles.fab,
-          children: (() => {
-            if (typeof app.icon === "function") {
-              const IconComponent = app.icon;
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
-                slot: "row",
-                size: 16,
-                state: state,
-                actions: mergedActions
-              });
-            }
-            return (0, _AppIcon.renderAppIcon)(app.icon, {
-              slot: "row",
-              size: 16,
-              color: app.color
-            });
-          })()
-        }, `row-${app.id}`))]
-      })
-    }), showDial && !isCompletelyHidden && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialDevTools.DialDevTools, {
-      apps: apps,
-      state: state,
-      actions: mergedActions,
-      onClose: () => {
-        setShowDial(false);
-      }
-    })]
-  });
-};
-exports.FloatingMenu = FloatingMenu;
-const styles = _reactNative.StyleSheet.create({
-  fab: {
-    paddingHorizontal: 6,
-    paddingVertical: 4,
-    borderRadius: 6,
-    marginRight: 4,
-    alignItems: "center",
-    justifyContent: "center",
-    minWidth: 0,
-    minHeight: 0,
-    backgroundColor: "transparent"
-  },
-  menuButton: {
-    paddingHorizontal: 4,
-    paddingVertical: 2,
-    minWidth: 16,
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  menuDots: {
-    color: "#8CA2C8",
-    fontSize: 14,
-    fontWeight: "900"
-  },
-  onboardingContainer: {
-    ..._sharedUi.absoluteFill,
-    zIndex: 10000
-  },
-  onboardingBackdrop: {
-    ..._sharedUi.absoluteFill,
-    backgroundColor: "rgba(0, 0, 0, 0.85)"
-  }
-});
-/** Minimal 3x3 dot icon used when the user status badge is unavailable. */
-const MenuLauncherIcon = ({
-  size = 14,
-  color = _sharedUi.buoyColors.primary
-}) => {
-  const dotSize = Math.max(2, Math.floor(size / 4));
-  const gap = Math.max(1, Math.floor(size / 16));
-  const items = Array.from({
-    length: 9
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      width: size,
-      height: size,
-      flexDirection: "row",
-      flexWrap: "wrap",
-      alignContent: "center",
-      justifyContent: "center"
-    },
-    children: items.map((_, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        width: dotSize,
-        height: dotSize,
-        margin: gap,
-        borderRadius: 2,
-        backgroundColor: color
-      }
-    }, i))
-  });
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.FloatingMenu=void 0;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _floatingTools=require("./floatingTools");var _AppIcon=require("./AppIcon");var _DialDevTools=require("./dial/DialDevTools");var _DevToolsSettingsModal=require("./DevToolsSettingsModal");var _AppHost=require("./AppHost");var _DevToolsVisibilityContext=require("./DevToolsVisibilityContext.js");var _ToggleStateManager=require("./ToggleStateManager.js");var _OnboardingTooltip=require("./dial/OnboardingTooltip");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(o,d){if("function"==typeof WeakMap)var c=new WeakMap,g=new WeakMap;return(_interopRequireWildcard=function(t,f){if(!f&&t&&t.__esModule)return t;var n,u,l={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return l;if(n=f?g:c){if(n.has(t))return n.get(t);n.set(t,l)}for(const i in t)"default"!==i&&{}.hasOwnProperty.call(t,i)&&((u=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,i))&&(u.get||u.set)?n(l,i,u):l[i]=t[i]);return l})(o,d)}const FLOATING_MENU_ONBOARDING_KEY="@react_buoy_floating_menu_tooltip_shown";const ONBOARDING_STEP_KEY="@react_buoy_onboarding_step";const FloatingMenu=({apps:o,state:d,actions:c,hidden:g,environment:t,userRole:f="admin",availableEnvironments:n,onEnvironmentSwitch:u})=>{const[l,i]=(0,_react.useState)(false);const[r,h]=(0,_react.useState)(false);const[_,E]=(0,_react.useState)(false);const[A,T]=(0,_react.useState)(null);const[,w]=(0,_react.useState)(0);const D=(0,_react.useRef)(false);const p=(0,_sharedUi.useHintsDisabled)();(0,_react.useEffect)(()=>{const e=async()=>{try{const s=await _sharedUi.persistentStorage.getItem(_sharedUi.devToolsStorageKeys.dial.isOpen());if(s==="true"){h(true)}}catch(s){}finally{E(true)}};e()},[]);(0,_react.useEffect)(()=>{if(!_)return;_sharedUi.persistentStorage.setItem(_sharedUi.devToolsStorageKeys.dial.isOpen(),r?"true":"false").catch(e=>{console.warn("Failed to save dial state:",e)})},[r,_]);const x=Boolean(n?.length&&u);const{isAnyOpen:a,open:P,registerApps:y}=(0,_AppHost.useAppHost)();const O=(0,_react.useRef)(a);const{setDialOpen:j,setToolOpen:M}=(0,_DevToolsVisibilityContext.useDevToolsVisibility)();(0,_react.useEffect)(()=>{if(p){return}const e=async()=>{try{const s=await _sharedUi.persistentStorage.getItem(FLOATING_MENU_ONBOARDING_KEY);if(!s){setTimeout(()=>{T("positioning")},1e3)}}catch(s){}};e()},[p]);(0,_react.useEffect)(()=>{const e=_ToggleStateManager.toggleStateManager.subscribe(()=>{w(s=>s+1)});return e},[]);(0,_react.useEffect)(()=>{j(r)},[r,j]);(0,_react.useEffect)(()=>{M(a)},[a,M]);const q=(0,_react.useMemo)(()=>Boolean(r||a),[r,a]);const v=(0,_react.useMemo)(()=>Boolean(g??l),[g,l]);const{settings:m}=(0,_DevToolsSettingsModal.useDevToolsSettings)();(0,_react.useEffect)(()=>{if(y){y(o)}},[o,y]);const S=(0,_react.useMemo)(()=>{return{...c??{},closeMenu:()=>h(false),hideFloatingRow:()=>i(true),showFloatingRow:()=>i(false),notifyToggleChange:()=>w(e=>e+1)}},[c]);(0,_react.useEffect)(()=>{if(O.current&&!a){i(false);h(false)}O.current=a},[a]);const F=e=>{if(!m)return false;return m.floatingTools[e]??false};const R=e=>{e?.onPress?.(S);if(e.launchMode!=="toggle-only"){const s=(0,_AppIcon.renderAppIcon)(e.icon,{slot:"dial",size:20,color:e.color});P({id:e.id,title:e.name,component:e.component,props:e.props,launchMode:e.launchMode??"self-modal",singleton:e.singleton??true,icon:s,color:e.color,modal:e.modal})}};const I=()=>{D.current=true;T(null);_sharedUi.persistentStorage.setItem(FLOATING_MENU_ONBOARDING_KEY,"true").catch(e=>{console.warn("Failed to save onboarding state:",e)})};const C=()=>{if(b){I()}h(true)};const b=A==="positioning"&&!D.current&&!p;const V=!b;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[b&&!r&&!a&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.onboardingContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.onboardingBackdrop}),(0,_jsxRuntime.jsx)(_OnboardingTooltip.OnboardingTooltip,{visible:true,onDismiss:I,title:"Welcome to Buoy!",message:"Grab and position this menu wherever you want, then tap the icon to open your tools."})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{nativeID:"floating-devtools-root",pointerEvents:v||r?"none":"box-none",style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:b?10001:9999,opacity:v?0:1},children:(0,_jsxRuntime.jsxs)(_floatingTools.FloatingTools,{enablePositionPersistence:V,pushToSide:q,centerOnboarding:b,environment:t,availableEnvironments:n,onEnvironmentSwitch:u,showEnvironmentSelector:x&&m?.floatingTools?.environment,children:[t&&m?.floatingTools?.environment!==false&&!x?(0,_jsxRuntime.jsx)(_sharedUi.EnvironmentIndicator,{environment:t}):null,f?(0,_jsxRuntime.jsx)(_floatingTools.UserStatus,{userRole:f,onPress:C}):(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{accessibilityLabel:"Open Dev Tools Menu",onPress:C,style:styles.fab,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.menuButton,children:(0,_jsxRuntime.jsx)(MenuLauncherIcon,{size:14})})}),o.filter(e=>(e.slot??"both")!=="dial"&&F(e.id)).map(e=>(0,_jsxRuntime.jsx)(_reactNative.TouchableOpacity,{accessibilityLabel:e.name,onPress:()=>R(e),style:styles.fab,children:(()=>{if(typeof e.icon==="function"){const s=e.icon;return(0,_jsxRuntime.jsx)(s,{slot:"row",size:16,state:d,actions:S})}return(0,_AppIcon.renderAppIcon)(e.icon,{slot:"row",size:16,color:e.color})})()},`row-${e.id}`))]})}),r&&!v&&(0,_jsxRuntime.jsx)(_DialDevTools.DialDevTools,{apps:o,state:d,actions:S,onClose:()=>{h(false)}})]})};exports.FloatingMenu=FloatingMenu;const styles=_reactNative.StyleSheet.create({fab:{paddingHorizontal:6,paddingVertical:4,borderRadius:6,marginRight:4,alignItems:"center",justifyContent:"center",minWidth:0,minHeight:0,backgroundColor:"transparent"},menuButton:{paddingHorizontal:4,paddingVertical:2,minWidth:16,alignItems:"center",justifyContent:"center"},menuDots:{color:"#8CA2C8",fontSize:14,fontWeight:"900"},onboardingContainer:{..._sharedUi.absoluteFill,zIndex:1e4},onboardingBackdrop:{..._sharedUi.absoluteFill,backgroundColor:"rgba(0, 0, 0, 0.85)"}});const MenuLauncherIcon=({size:o=14,color:d=_sharedUi.buoyColors.primary})=>{const c=Math.max(2,Math.floor(o/4));const g=Math.max(1,Math.floor(o/16));const t=Array.from({length:9});return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:o,height:o,flexDirection:"row",flexWrap:"wrap",alignContent:"center",justifyContent:"center"},children:t.map((f,n)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:c,height:c,margin:g,borderRadius:2,backgroundColor:d}},n))})};

package/lib/commonjs/floatingMenu/MinimizedToolsContext.js

@@ -1,274 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MinimizedToolsProvider = MinimizedToolsProvider;
-exports.getIconPosition = getIconPosition;
-exports.getIconSize = getIconSize;
-exports.useMinimizedTools = useMinimizedTools;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-// ============================================================================
-// Types
-// ============================================================================
-
-// Type moved to the platform-free AppHostLogic.ts (so the web host can use
-// it without importing this react-native file); re-exported for back-compat.
-
-/**
- * Represents a minimized tool that can be restored
- */
-
-/**
- * Position for a minimized tool icon in the stack
- */
-
-// ============================================================================
-// Constants
-// ============================================================================
-
-const ICON_SIZE = 44;
-const ICON_GAP = 12;
-const BOTTOM_OFFSET = 100; // Distance from safe area bottom
-const RIGHT_OFFSET = 16; // Distance from right edge
-
-/**
- * Calculate the position of a minimized tool icon in the stack
- * Icons stack upward from bottom-right corner
- */
-function getIconPosition(index) {
-  const {
-    width: screenWidth,
-    height: screenHeight
-  } = _reactNative.Dimensions.get("window");
-  const safeArea = (0, _sharedUi.getSafeAreaInsets)();
-
-  // X position: right edge minus icon size and offset
-  const x = screenWidth - ICON_SIZE - RIGHT_OFFSET;
-
-  // Y position: bottom up, starting at safe area bottom + offset
-  const baseY = screenHeight - safeArea.bottom - BOTTOM_OFFSET - ICON_SIZE;
-  const y = baseY - index * (ICON_SIZE + ICON_GAP);
-  return {
-    x,
-    y
-  };
-}
-
-/**
- * Get the icon size constant
- */
-function getIconSize() {
-  return ICON_SIZE;
-}
-
-/**
- * Context value for minimized tools management
- */
-
-// ============================================================================
-// Storage
-// ============================================================================
-
-const STORAGE_KEY = "@react_buoy_minimized_tools";
-const PERSISTENCE_DELAY = 500;
-
-/**
- * Serializable version of MinimizedTool for storage
- * (icon is not serializable, so we only store the id to reconstruct)
- */
-
-// ============================================================================
-// Context
-// ============================================================================
-
-const MinimizedToolsContext = /*#__PURE__*/(0, _react.createContext)(null);
-
-// ============================================================================
-// Provider
-// ============================================================================
-
-/**
- * Provider component for minimized tools management.
- * Handles state, persistence, and provides context to children.
- */
-function MinimizedToolsProvider({
-  children,
-  getToolIcon
-}) {
-  const [minimizedTools, setMinimizedTools] = (0, _react.useState)([]);
-  /**
-   * A mirror of the list that can be read SYNCHRONOUSLY.
-   *
-   * `restore()` has to return the tool it removed, in the same tick, because
-   * its caller uses that return value to un-minimize the tool in AppHost. It
-   * cannot get that from `minimizedTools` (the callback is memoized with no
-   * deps, so it would close over a stale list) and it cannot get it from
-   * inside a state updater either — see the note on `restore`.
-   */
-  const minimizedToolsRef = (0, _react.useRef)([]);
-  const [isRestored, setIsRestored] = (0, _react.useState)(false);
-  const persistenceTimeoutRef = (0, _react.useRef)(null);
-  const getToolIconRef = (0, _react.useRef)(getToolIcon);
-
-  // Keep ref updated
-  (0, _react.useEffect)(() => {
-    getToolIconRef.current = getToolIcon;
-  }, [getToolIcon]);
-
-  // Restore minimized tools from storage on mount
-  (0, _react.useEffect)(() => {
-    const restoreMinimizedTools = async () => {
-      try {
-        const saved = await _sharedUi.persistentStorage.getItem(STORAGE_KEY);
-        if (saved) {
-          const serialized = JSON.parse(saved);
-          // Reconstruct tools with icons
-          const restored = serialized.map(tool => ({
-            ...tool,
-            icon: getToolIconRef.current?.(tool.id) ?? null
-          }));
-          setMinimizedTools(restored);
-        }
-      } catch (error) {
-        // Failed to restore minimized tools - continue with empty state
-      }
-      setIsRestored(true);
-    };
-    restoreMinimizedTools();
-  }, []);
-
-  // One assignment, every render, so the ref never lags the state it mirrors.
-  minimizedToolsRef.current = minimizedTools;
-
-  // Persist minimized tools to storage with debounce
-  (0, _react.useEffect)(() => {
-    if (!isRestored) return;
-    if (persistenceTimeoutRef.current) {
-      clearTimeout(persistenceTimeoutRef.current);
-    }
-    persistenceTimeoutRef.current = setTimeout(() => {
-      // Serialize tools (exclude icon which is not serializable)
-      const serialized = minimizedTools.map(({
-        icon,
-        ...rest
-      }) => rest);
-      _sharedUi.persistentStorage.setItem(STORAGE_KEY, JSON.stringify(serialized));
-    }, PERSISTENCE_DELAY);
-    return () => {
-      if (persistenceTimeoutRef.current) {
-        clearTimeout(persistenceTimeoutRef.current);
-      }
-    };
-  }, [minimizedTools, isRestored]);
-  const minimize = (0, _react.useCallback)(tool => {
-    setMinimizedTools(current => {
-      // Check if already minimized (by id for singleton behavior)
-      const existing = current.find(t => t.id === tool.id);
-      if (existing) {
-        // Update existing minimized tool
-        return current.map(t => t.id === tool.id ? {
-          ...tool,
-          minimizedAt: Date.now()
-        } : t);
-      }
-      // Add new minimized tool
-      return [...current, {
-        ...tool,
-        minimizedAt: Date.now()
-      }];
-    });
-  }, []);
-
-  /**
-   * Take a tool out of the minimized list and hand it back to the caller.
-   *
-   * THE RETURN VALUE IS LOAD-BEARING. `MinimizedToolsStack` only calls
-   * `onRestore` — which is what actually un-minimizes the tool in AppHost —
-   * when this returns non-null. This used to assign the tool inside the
-   * `setMinimizedTools` updater and read it back on the next line, which
-   * assumes React runs updaters synchronously at the call site. Under React
-   * 18's automatic batching it does not: the updater runs in the render
-   * phase, so the caller always saw `null`, `onRestore` never fired, and
-   * AppHost kept the tool flagged `minimized: true`. The tool then sat in the
-   * rail with no way back — tapping it did nothing, and neither did opening
-   * it again from the dial, because AppHost already had it open. It survived
-   * reloads, because both stores are persisted.
-   *
-   * Reading the ref instead keeps the lookup synchronous and leaves the
-   * updater doing only what an updater should: deriving the next state.
-   */
-  const restore = (0, _react.useCallback)(instanceId => {
-    const restoredTool = minimizedToolsRef.current.find(t => t.instanceId === instanceId) ?? null;
-    if (!restoredTool) return null;
-    setMinimizedTools(current => current.filter(t => t.instanceId !== instanceId));
-    return restoredTool;
-  }, []);
-  const isMinimized = (0, _react.useCallback)(id => {
-    return minimizedTools.some(t => t.id === id);
-  }, [minimizedTools]);
-  const getMinimizedTool = (0, _react.useCallback)(instanceId => {
-    return minimizedTools.find(t => t.instanceId === instanceId);
-  }, [minimizedTools]);
-  const clearAll = (0, _react.useCallback)(() => {
-    setMinimizedTools([]);
-  }, []);
-  const getNextIconPosition = (0, _react.useCallback)(() => {
-    // Next icon will be at the current count index
-    return getIconPosition(minimizedTools.length);
-  }, [minimizedTools.length]);
-  const getToolIconPosition = (0, _react.useCallback)(instanceId => {
-    const index = minimizedTools.findIndex(t => t.instanceId === instanceId);
-    if (index === -1) return null;
-    return getIconPosition(index);
-  }, [minimizedTools]);
-  const value = (0, _react.useMemo)(() => ({
-    minimizedTools,
-    minimize,
-    restore,
-    isMinimized,
-    getMinimizedTool,
-    clearAll,
-    count: minimizedTools.length,
-    getNextIconPosition,
-    getToolIconPosition
-  }), [minimizedTools, minimize, restore, isMinimized, getMinimizedTool, clearAll, getNextIconPosition, getToolIconPosition]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MinimizedToolsContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-// ============================================================================
-// Hook
-// ============================================================================
-
-/**
- * Hook to access minimized tools context.
- * Must be used within a MinimizedToolsProvider.
- */
-function useMinimizedTools() {
-  const context = (0, _react.useContext)(MinimizedToolsContext);
-  if (!context) {
-    // Return a no-op implementation when outside provider
-    return {
-      minimizedTools: [],
-      minimize: () => {},
-      restore: () => null,
-      isMinimized: () => false,
-      getMinimizedTool: () => undefined,
-      clearAll: () => {},
-      count: 0,
-      getNextIconPosition: () => ({
-        x: 0,
-        y: 0
-      }),
-      getToolIconPosition: () => null
-    };
-  }
-  return context;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.MinimizedToolsProvider=MinimizedToolsProvider;exports.getIconPosition=getIconPosition;exports.getIconSize=getIconSize;exports.useMinimizedTools=useMinimizedTools;var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(u,f){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,m){if(!m&&e&&e.__esModule)return e;var o,s,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(o=m?a:t){if(o.has(e))return o.get(e);o.set(e,l)}for(const c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((s=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,c))&&(s.get||s.set)?o(l,c,s):l[c]=e[c]);return l})(u,f)}const ICON_SIZE=44;const ICON_GAP=12;const BOTTOM_OFFSET=100;const RIGHT_OFFSET=16;function getIconPosition(u){const{width:f,height:t}=_reactNative.Dimensions.get("window");const a=(0,_sharedUi.getSafeAreaInsets)();const e=f-ICON_SIZE-RIGHT_OFFSET;const m=t-a.bottom-BOTTOM_OFFSET-ICON_SIZE;const o=m-u*(ICON_SIZE+ICON_GAP);return{x:e,y:o}}function getIconSize(){return ICON_SIZE}const STORAGE_KEY="@react_buoy_minimized_tools";const PERSISTENCE_DELAY=500;const MinimizedToolsContext=(0,_react.createContext)(null);function MinimizedToolsProvider({children:u,getToolIcon:f}){const[t,a]=(0,_react.useState)([]);const e=(0,_react.useRef)([]);const[m,o]=(0,_react.useState)(false);const s=(0,_react.useRef)(null);const l=(0,_react.useRef)(f);(0,_react.useEffect)(()=>{l.current=f},[f]);(0,_react.useEffect)(()=>{const i=async()=>{try{const n=await _sharedUi.persistentStorage.getItem(STORAGE_KEY);if(n){const r=JSON.parse(n);const d=r.map(x=>({...x,icon:l.current?.(x.id)??null}));a(d)}}catch(n){}o(true)};i()},[]);e.current=t;(0,_react.useEffect)(()=>{if(!m)return;if(s.current){clearTimeout(s.current)}s.current=setTimeout(()=>{const i=t.map(({icon:n,...r})=>r);_sharedUi.persistentStorage.setItem(STORAGE_KEY,JSON.stringify(i))},PERSISTENCE_DELAY);return()=>{if(s.current){clearTimeout(s.current)}}},[t,m]);const c=(0,_react.useCallback)(i=>{a(n=>{const r=n.find(d=>d.id===i.id);if(r){return n.map(d=>d.id===i.id?{...i,minimizedAt:Date.now()}:d)}return[...n,{...i,minimizedAt:Date.now()}]})},[]);const g=(0,_react.useCallback)(i=>{const n=e.current.find(r=>r.instanceId===i)??null;if(!n)return null;a(r=>r.filter(d=>d.instanceId!==i));return n},[]);const p=(0,_react.useCallback)(i=>{return t.some(n=>n.id===i)},[t]);const T=(0,_react.useCallback)(i=>{return t.find(n=>n.instanceId===i)},[t]);const z=(0,_react.useCallback)(()=>{a([])},[]);const _=(0,_react.useCallback)(()=>{return getIconPosition(t.length)},[t.length]);const I=(0,_react.useCallback)(i=>{const n=t.findIndex(r=>r.instanceId===i);if(n===-1)return null;return getIconPosition(n)},[t]);const M=(0,_react.useMemo)(()=>({minimizedTools:t,minimize:c,restore:g,isMinimized:p,getMinimizedTool:T,clearAll:z,count:t.length,getNextIconPosition:_,getToolIconPosition:I}),[t,c,g,p,T,z,_,I]);return(0,_jsxRuntime.jsx)(MinimizedToolsContext.Provider,{value:M,children:u})}function useMinimizedTools(){const u=(0,_react.useContext)(MinimizedToolsContext);if(!u){return{minimizedTools:[],minimize:()=>{},restore:()=>null,isMinimized:()=>false,getMinimizedTool:()=>void 0,clearAll:()=>{},count:0,getNextIconPosition:()=>({x:0,y:0}),getToolIconPosition:()=>null}}return u}