@buoy-gg/core 7.0.41 → 7.0.42

package/lib/module/floatingMenu/FloatingMenu.js

@@ -1,366 +1 @@
-"use strict";
-
-import React, { useEffect, useMemo, useRef, useState } from "react";
-import { TouchableOpacity, StyleSheet, View } from "react-native";
-import { absoluteFill } from "@buoy-gg/shared-ui";
-import { FloatingTools, UserStatus } from "./floatingTools";
-import { renderAppIcon } from "./AppIcon";
-import { DialDevTools } from "./dial/DialDevTools";
-import { EnvironmentIndicator, persistentStorage, useHintsDisabled, devToolsStorageKeys, buoyColors } from "@buoy-gg/shared-ui";
-import { useDevToolsSettings } from "./DevToolsSettingsModal";
-import { useAppHost } from "./AppHost";
-import { useDevToolsVisibility } from "./DevToolsVisibilityContext.js";
-import { toggleStateManager } from "./ToggleStateManager.js";
-import { OnboardingTooltip } from "./dial/OnboardingTooltip";
-
-/**
- * Props for the floating developer tools launcher. Controls which apps are shown and
- * how the menu integrates with the current host environment.
- */
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/**
- * 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";
-export const FloatingMenu = ({
-  apps,
-  state,
-  actions,
-  hidden,
-  environment,
-  userRole = "admin",
-  availableEnvironments,
-  onEnvironmentSwitch
-}) => {
-  const [internalHidden, setInternalHidden] = useState(false);
-  const [showDial, setShowDial] = useState(false);
-  const [dialStateLoaded, setDialStateLoaded] = useState(false);
-  const [onboardingStep, setOnboardingStep] = useState(null);
-  const [, forceUpdate] = useState(0); // Used to force re-render when toggle states change
-  const onboardingDismissedRef = useRef(false); // Track if onboarding was dismissed
-  const hintsDisabled = useHintsDisabled();
-
-  // Load persisted dial state on mount
-  useEffect(() => {
-    const loadDialState = async () => {
-      try {
-        const savedDialOpen = await persistentStorage.getItem(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
-  useEffect(() => {
-    // Only persist after initial state is loaded to avoid overwriting with default
-    if (!dialStateLoaded) return;
-    persistentStorage.setItem(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
-  } = useAppHost();
-  const wasAppOpenRef = useRef(isAnyOpen);
-  const {
-    setDialOpen,
-    setToolOpen
-  } = useDevToolsVisibility();
-
-  // Check onboarding status on first load
-  useEffect(() => {
-    // Skip onboarding if hints are disabled
-    if (hintsDisabled) {
-      return;
-    }
-    const checkOnboarding = async () => {
-      try {
-        const hasSeenOnboarding = await 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
-  useEffect(() => {
-    const unsubscribe = toggleStateManager.subscribe(() => {
-      forceUpdate(prev => prev + 1);
-    });
-    return unsubscribe;
-  }, []);
-
-  // Sync dial state with visibility context
-  useEffect(() => {
-    setDialOpen(showDial);
-  }, [showDial, setDialOpen]);
-
-  // Sync tool open state with visibility context
-  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 = useMemo(() => Boolean(showDial || isAnyOpen), [showDial, isAnyOpen]);
-
-  // Use external hidden prop or internal hidden state for complete hiding
-  const isCompletelyHidden = useMemo(() => Boolean(hidden ?? internalHidden), [hidden, internalHidden]);
-  const {
-    settings: devToolsSettings
-  } = useDevToolsSettings();
-
-  // Register apps with AppHost for persistence
-  useEffect(() => {
-    if (registerApps) {
-      registerApps(apps);
-    }
-  }, [apps, registerApps]);
-  const mergedActions = useMemo(() => {
-    return {
-      ...(actions ?? {}),
-      closeMenu: () => setShowDial(false),
-      hideFloatingRow: () => setInternalHidden(true),
-      showFloatingRow: () => setInternalHidden(false),
-      notifyToggleChange: () => forceUpdate(prev => prev + 1)
-    };
-  }, [actions]);
-  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 = 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
-    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__*/_jsxs(_Fragment, {
-    children: [isOnboarding && !showDial && !isAnyOpen && /*#__PURE__*/_jsxs(View, {
-      style: styles.onboardingContainer,
-      children: [/*#__PURE__*/_jsx(View, {
-        style: styles.onboardingBackdrop
-      }), /*#__PURE__*/_jsx(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__*/_jsx(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__*/_jsxs(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__*/_jsx(EnvironmentIndicator, {
-          environment: environment
-        }) : null, userRole ? /*#__PURE__*/_jsx(UserStatus, {
-          userRole: userRole,
-          onPress: handleDialOpen
-        }) :
-        /*#__PURE__*/
-        // Fallback: small launcher icon to ensure settings are always accessible
-        _jsx(TouchableOpacity, {
-          accessibilityLabel: "Open Dev Tools Menu",
-          onPress: handleDialOpen,
-          style: styles.fab,
-          children: /*#__PURE__*/_jsx(View, {
-            style: styles.menuButton,
-            children: /*#__PURE__*/_jsx(MenuLauncherIcon, {
-              size: 14
-            })
-          })
-        }), apps.filter(a => (a.slot ?? "both") !== "dial" && isFloatingEnabled(a.id)).map(app => /*#__PURE__*/_jsx(TouchableOpacity, {
-          accessibilityLabel: app.name,
-          onPress: () => handlePress(app),
-          style: styles.fab,
-          children: (() => {
-            if (typeof app.icon === "function") {
-              const IconComponent = app.icon;
-              return /*#__PURE__*/_jsx(IconComponent, {
-                slot: "row",
-                size: 16,
-                state: state,
-                actions: mergedActions
-              });
-            }
-            return renderAppIcon(app.icon, {
-              slot: "row",
-              size: 16,
-              color: app.color
-            });
-          })()
-        }, `row-${app.id}`))]
-      })
-    }), showDial && !isCompletelyHidden && /*#__PURE__*/_jsx(DialDevTools, {
-      apps: apps,
-      state: state,
-      actions: mergedActions,
-      onClose: () => {
-        setShowDial(false);
-      }
-    })]
-  });
-};
-const styles = 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: {
-    ...absoluteFill,
-    zIndex: 10000
-  },
-  onboardingBackdrop: {
-    ...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 = 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__*/_jsx(View, {
-    style: {
-      width: size,
-      height: size,
-      flexDirection: "row",
-      flexWrap: "wrap",
-      alignContent: "center",
-      justifyContent: "center"
-    },
-    children: items.map((_, i) => /*#__PURE__*/_jsx(View, {
-      style: {
-        width: dotSize,
-        height: dotSize,
-        margin: gap,
-        borderRadius: 2,
-        backgroundColor: color
-      }
-    }, i))
-  });
-};
+"use strict";import fo,{useEffect as r,useMemo as I,useRef as k,useState as m}from"react";import{TouchableOpacity as L,StyleSheet as X,View as l}from"react-native";import{absoluteFill as N}from"@buoy-gg/shared-ui";import{FloatingTools as Z,UserStatus as oo}from"./floatingTools";import{renderAppIcon as W}from"./AppIcon";import{DialDevTools as eo}from"./dial/DialDevTools";import{EnvironmentIndicator as to,persistentStorage as p,useHintsDisabled as no,devToolsStorageKeys as G,buoyColors as so}from"@buoy-gg/shared-ui";import{useDevToolsSettings as io}from"./DevToolsSettingsModal";import{useAppHost as ro}from"./AppHost";import{useDevToolsVisibility as lo}from"./DevToolsVisibilityContext.js";import{toggleStateManager as ao}from"./ToggleStateManager.js";import{OnboardingTooltip as co}from"./dial/OnboardingTooltip";import{jsx as e,jsxs as _,Fragment as uo}from"react/jsx-runtime";const V="@react_buoy_floating_menu_tooltip_shown";const Co="@react_buoy_onboarding_step";export const FloatingMenu=({apps:n,state:f,actions:a,hidden:h,environment:c,userRole:w="admin",availableEnvironments:b,onEnvironmentSwitch:C})=>{const[M,S]=m(false);const[s,d]=m(false);const[x,K]=m(false);const[U,A]=m(null);const[,E]=m(0);const F=k(false);const D=no();r(()=>{const o=async()=>{try{const t=await p.getItem(G.dial.isOpen());if(t==="true"){d(true)}}catch(t){}finally{K(true)}};o()},[]);r(()=>{if(!x)return;p.setItem(G.dial.isOpen(),s?"true":"false").catch(o=>{console.warn("Failed to save dial state:",o)})},[s,x]);const P=Boolean(b?.length&&C);const{isAnyOpen:i,open:Y,registerApps:O}=ro();const R=k(i);const{setDialOpen:B,setToolOpen:H}=lo();r(()=>{if(D){return}const o=async()=>{try{const t=await p.getItem(V);if(!t){setTimeout(()=>{A("positioning")},1e3)}}catch(t){}};o()},[D]);r(()=>{const o=ao.subscribe(()=>{E(t=>t+1)});return o},[]);r(()=>{B(s)},[s,B]);r(()=>{H(i)},[i,H]);const $=I(()=>Boolean(s||i),[s,i]);const v=I(()=>Boolean(h??M),[h,M]);const{settings:y}=io();r(()=>{if(O){O(n)}},[n,O]);const T=I(()=>{return{...a??{},closeMenu:()=>d(false),hideFloatingRow:()=>S(true),showFloatingRow:()=>S(false),notifyToggleChange:()=>E(o=>o+1)}},[a]);r(()=>{if(R.current&&!i){S(false);d(false)}R.current=i},[i]);const q=o=>{if(!y)return false;return y.floatingTools[o]??false};const J=o=>{o?.onPress?.(T);if(o.launchMode!=="toggle-only"){const t=W(o.icon,{slot:"dial",size:20,color:o.color});Y({id:o.id,title:o.name,component:o.component,props:o.props,launchMode:o.launchMode??"self-modal",singleton:o.singleton??true,icon:t,color:o.color,modal:o.modal})}};const j=()=>{F.current=true;A(null);p.setItem(V,"true").catch(o=>{console.warn("Failed to save onboarding state:",o)})};const z=()=>{if(u){j()}d(true)};const u=U==="positioning"&&!F.current&&!D;const Q=!u;return _(uo,{children:[u&&!s&&!i&&_(l,{style:g.onboardingContainer,children:[e(l,{style:g.onboardingBackdrop}),e(co,{visible:true,onDismiss:j,title:"Welcome to Buoy!",message:"Grab and position this menu wherever you want, then tap the icon to open your tools."})]}),e(l,{nativeID:"floating-devtools-root",pointerEvents:v||s?"none":"box-none",style:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:u?10001:9999,opacity:v?0:1},children:_(Z,{enablePositionPersistence:Q,pushToSide:$,centerOnboarding:u,environment:c,availableEnvironments:b,onEnvironmentSwitch:C,showEnvironmentSelector:P&&y?.floatingTools?.environment,children:[c&&y?.floatingTools?.environment!==false&&!P?e(to,{environment:c}):null,w?e(oo,{userRole:w,onPress:z}):e(L,{accessibilityLabel:"Open Dev Tools Menu",onPress:z,style:g.fab,children:e(l,{style:g.menuButton,children:e(mo,{size:14})})}),n.filter(o=>(o.slot??"both")!=="dial"&&q(o.id)).map(o=>e(L,{accessibilityLabel:o.name,onPress:()=>J(o),style:g.fab,children:(()=>{if(typeof o.icon==="function"){const t=o.icon;return e(t,{slot:"row",size:16,state:f,actions:T})}return W(o.icon,{slot:"row",size:16,color:o.color})})()},`row-${o.id}`))]})}),s&&!v&&e(eo,{apps:n,state:f,actions:T,onClose:()=>{d(false)}})]})};const g=X.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:{...N,zIndex:1e4},onboardingBackdrop:{...N,backgroundColor:"rgba(0, 0, 0, 0.85)"}});const mo=({size:n=14,color:f=so.primary})=>{const a=Math.max(2,Math.floor(n/4));const h=Math.max(1,Math.floor(n/16));const c=Array.from({length:9});return e(l,{style:{width:n,height:n,flexDirection:"row",flexWrap:"wrap",alignContent:"center",justifyContent:"center"},children:c.map((w,b)=>e(l,{style:{width:a,height:a,margin:h,borderRadius:2,backgroundColor:f}},b))})};

package/lib/module/floatingMenu/MinimizedToolsContext.js

@@ -1,266 +1 @@
-"use strict";
-
-import React, { createContext, useContext, useState, useCallback, useEffect, useRef, useMemo } from "react";
-import { Dimensions } from "react-native";
-import { persistentStorage, getSafeAreaInsets } from "@buoy-gg/shared-ui";
-
-// ============================================================================
-// 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
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-// ============================================================================
-// 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
- */
-export function getIconPosition(index) {
-  const {
-    width: screenWidth,
-    height: screenHeight
-  } = Dimensions.get("window");
-  const safeArea = 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
- */
-export 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__*/createContext(null);
-
-// ============================================================================
-// Provider
-// ============================================================================
-
-/**
- * Provider component for minimized tools management.
- * Handles state, persistence, and provides context to children.
- */
-export function MinimizedToolsProvider({
-  children,
-  getToolIcon
-}) {
-  const [minimizedTools, setMinimizedTools] = 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 = useRef([]);
-  const [isRestored, setIsRestored] = useState(false);
-  const persistenceTimeoutRef = useRef(null);
-  const getToolIconRef = useRef(getToolIcon);
-
-  // Keep ref updated
-  useEffect(() => {
-    getToolIconRef.current = getToolIcon;
-  }, [getToolIcon]);
-
-  // Restore minimized tools from storage on mount
-  useEffect(() => {
-    const restoreMinimizedTools = async () => {
-      try {
-        const saved = await 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
-  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);
-      persistentStorage.setItem(STORAGE_KEY, JSON.stringify(serialized));
-    }, PERSISTENCE_DELAY);
-    return () => {
-      if (persistenceTimeoutRef.current) {
-        clearTimeout(persistenceTimeoutRef.current);
-      }
-    };
-  }, [minimizedTools, isRestored]);
-  const minimize = 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 = 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 = useCallback(id => {
-    return minimizedTools.some(t => t.id === id);
-  }, [minimizedTools]);
-  const getMinimizedTool = useCallback(instanceId => {
-    return minimizedTools.find(t => t.instanceId === instanceId);
-  }, [minimizedTools]);
-  const clearAll = useCallback(() => {
-    setMinimizedTools([]);
-  }, []);
-  const getNextIconPosition = useCallback(() => {
-    // Next icon will be at the current count index
-    return getIconPosition(minimizedTools.length);
-  }, [minimizedTools.length]);
-  const getToolIconPosition = useCallback(instanceId => {
-    const index = minimizedTools.findIndex(t => t.instanceId === instanceId);
-    if (index === -1) return null;
-    return getIconPosition(index);
-  }, [minimizedTools]);
-  const value = useMemo(() => ({
-    minimizedTools,
-    minimize,
-    restore,
-    isMinimized,
-    getMinimizedTool,
-    clearAll,
-    count: minimizedTools.length,
-    getNextIconPosition,
-    getToolIconPosition
-  }), [minimizedTools, minimize, restore, isMinimized, getMinimizedTool, clearAll, getNextIconPosition, getToolIconPosition]);
-  return /*#__PURE__*/_jsx(MinimizedToolsContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-// ============================================================================
-// Hook
-// ============================================================================
-
-/**
- * Hook to access minimized tools context.
- * Must be used within a MinimizedToolsProvider.
- */
-export function useMinimizedTools() {
-  const context = 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";import J,{createContext as N,useContext as w,useState as _,useCallback as s,useEffect as T,useRef as z,useMemo as y}from"react";import{Dimensions as v}from"react-native";import{persistentStorage as A,getSafeAreaInsets as b}from"@buoy-gg/shared-ui";import{jsx as D}from"react/jsx-runtime";const a=44;const F=12;const G=100;const Y=16;export function getIconPosition(r){const{width:u,height:n}=v.get("window");const c=b();const m=u-a-Y;const d=n-c.bottom-G-a;const f=d-r*(a+F);return{x:m,y:f}}export function getIconSize(){return a}const O="@react_buoy_minimized_tools";const j=500;const P=N(null);export function MinimizedToolsProvider({children:r,getToolIcon:u}){const[n,c]=_([]);const m=z([]);const[d,f]=_(false);const l=z(null);const g=z(u);T(()=>{g.current=u},[u]);T(()=>{const t=async()=>{try{const e=await A.getItem(O);if(e){const i=JSON.parse(e);const o=i.map(R=>({...R,icon:g.current?.(R.id)??null}));c(o)}}catch(e){}f(true)};t()},[]);m.current=n;T(()=>{if(!d)return;if(l.current){clearTimeout(l.current)}l.current=setTimeout(()=>{const t=n.map(({icon:e,...i})=>i);A.setItem(O,JSON.stringify(t))},j);return()=>{if(l.current){clearTimeout(l.current)}}},[n,d]);const I=s(t=>{c(e=>{const i=e.find(o=>o.id===t.id);if(i){return e.map(o=>o.id===t.id?{...t,minimizedAt:Date.now()}:o)}return[...e,{...t,minimizedAt:Date.now()}]})},[]);const x=s(t=>{const e=m.current.find(i=>i.instanceId===t)??null;if(!e)return null;c(i=>i.filter(o=>o.instanceId!==t));return e},[]);const p=s(t=>{return n.some(e=>e.id===t)},[n]);const S=s(t=>{return n.find(e=>e.instanceId===t)},[n]);const M=s(()=>{c([])},[]);const h=s(()=>{return getIconPosition(n.length)},[n.length]);const E=s(t=>{const e=n.findIndex(i=>i.instanceId===t);if(e===-1)return null;return getIconPosition(e)},[n]);const C=y(()=>({minimizedTools:n,minimize:I,restore:x,isMinimized:p,getMinimizedTool:S,clearAll:M,count:n.length,getNextIconPosition:h,getToolIconPosition:E}),[n,I,x,p,S,M,h,E]);return D(P.Provider,{value:C,children:r})}export function useMinimizedTools(){const r=w(P);if(!r){return{minimizedTools:[],minimize:()=>{},restore:()=>null,isMinimized:()=>false,getMinimizedTool:()=>void 0,clearAll:()=>{},count:0,getNextIconPosition:()=>({x:0,y:0}),getToolIconPosition:()=>null}}return r}