@buoy-gg/core 7.0.40 → 7.0.42

package/lib/commonjs/floatingMenu/AppHost.js

@@ -1,460 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAppHost = exports.AppOverlay = exports.AppHostProvider = void 0;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _AppHostLogic = require("./AppHostLogic.js");
-var _AppIcon = require("./AppIcon");
-var _MinimizedToolsContext = require("./MinimizedToolsContext.js");
-var _ToolHost = require("./ToolHost.js");
-var _DevToolsSettingsModal = require("./DevToolsSettingsModal");
-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); }
-const AppHostContext = /*#__PURE__*/(0, _react.createContext)(null);
-const STORAGE_KEY_OPEN_APPS = "@react_buoy_open_apps";
-const PERSISTENCE_DELAY = 500;
-
-// Type for persisted app state
-
-/**
- * Provides the floating dev tools application host. Tracks open tool instances, restores
- * persisted state, and exposes imperative helpers used by `FloatingMenu` and friends.
- */
-const AppHostProvider = ({
-  children
-}) => {
-  const [openApps, setOpenApps] = (0, _react.useState)([]);
-  const [isRestored, setIsRestored] = (0, _react.useState)(false);
-  const persistenceTimeoutRef = (0, _react.useRef)(null);
-  const installedAppsRef = (0, _react.useRef)([]);
-  const pendingRestoreRef = (0, _react.useRef)(null);
-  const {
-    restore: removeFromMinimizedStack
-  } = (0, _MinimizedToolsContext.useMinimizedTools)();
-  const open = (0, _react.useCallback)(def => {
-    let resolvedId = "";
-    setOpenApps(current => {
-      const {
-        apps,
-        instanceId,
-        wasMinimized
-      } = (0, _AppHostLogic.resolveOpenAppsState)(current, def, () => `${def.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);
-      resolvedId = instanceId;
-
-      // If the app was minimized, remove it from the minimized stack
-      // This needs to be done outside of setOpenApps to avoid nested state updates
-      if (wasMinimized) {
-        // Schedule the removal for after this state update completes
-        setTimeout(() => removeFromMinimizedStack(instanceId), 0);
-      }
-      return apps;
-    });
-    return resolvedId;
-  }, [removeFromMinimizedStack]);
-  const tryRestorePending = (0, _react.useCallback)(() => {
-    if (isRestored) return;
-    if (!installedAppsRef.current.length) return;
-    const pendingApps = pendingRestoreRef.current;
-    if (!pendingApps || pendingApps.length === 0) {
-      setIsRestored(true);
-      return;
-    }
-    pendingRestoreRef.current = null;
-    pendingApps.forEach(({
-      id: appId,
-      minimized
-    }) => {
-      const appDef = installedAppsRef.current.find(app => app.id === appId);
-      if (appDef) {
-        const resolvedIcon = (0, _AppIcon.renderAppIcon)(appDef.icon, {
-          slot: "dial",
-          size: 20,
-          color: appDef.color
-        });
-        open({
-          id: appDef.id,
-          title: appDef.name,
-          component: appDef.component,
-          props: appDef.props,
-          launchMode: appDef.launchMode || "self-modal",
-          singleton: appDef.singleton,
-          icon: resolvedIcon,
-          color: appDef.color,
-          modal: appDef.modal,
-          minimized: minimized // Preserve minimized state
-        });
-      }
-    });
-    setIsRestored(true);
-  }, [isRestored, open]);
-
-  // Restore open apps on mount
-  (0, _react.useEffect)(() => {
-    const restoreOpenApps = async () => {
-      try {
-        const saved = await _sharedUi.persistentStorage.getItem(STORAGE_KEY_OPEN_APPS);
-        if (saved) {
-          const parsed = JSON.parse(saved);
-          // Handle both old format (string[]) and new format (PersistedAppState[])
-          let savedApps;
-          if (Array.isArray(parsed) && parsed.length > 0) {
-            if (typeof parsed[0] === "string") {
-              // Old format: convert string[] to PersistedAppState[]
-              savedApps = parsed.map(id => ({
-                id,
-                minimized: false
-              }));
-            } else {
-              // New format: already PersistedAppState[]
-              savedApps = parsed;
-            }
-            if (savedApps.length) {
-              pendingRestoreRef.current = savedApps;
-              tryRestorePending();
-              return;
-            }
-          }
-        }
-      } catch (error) {
-        // Failed to restore open apps - continue with fresh state
-      }
-      setIsRestored(true);
-    };
-    restoreOpenApps();
-  }, [tryRestorePending]);
-
-  // Save open apps with debounce
-  (0, _react.useEffect)(() => {
-    if (!isRestored) return;
-
-    // Clear existing timeout
-    if (persistenceTimeoutRef.current) {
-      clearTimeout(persistenceTimeoutRef.current);
-    }
-
-    // Set new timeout to save
-    persistenceTimeoutRef.current = setTimeout(() => {
-      const appStates = openApps.map(app => ({
-        id: app.id,
-        minimized: app.minimized ?? false
-      }));
-      _sharedUi.persistentStorage.setItem(STORAGE_KEY_OPEN_APPS, JSON.stringify(appStates));
-    }, PERSISTENCE_DELAY);
-    return () => {
-      if (persistenceTimeoutRef.current) {
-        clearTimeout(persistenceTimeoutRef.current);
-      }
-    };
-  }, [openApps, isRestored]);
-
-  // Store reference to installed apps for restoration
-  const registerApps = (0, _react.useCallback)(apps => {
-    installedAppsRef.current = apps;
-    tryRestorePending();
-  }, [tryRestorePending]);
-  const close = (0, _react.useCallback)(instanceId => {
-    setOpenApps(s => {
-      if (!s.length) return s;
-      if (!instanceId) return s.slice(0, -1);
-      return s.filter(a => a.instanceId !== instanceId);
-    });
-  }, []);
-  const closeAll = (0, _react.useCallback)(() => setOpenApps([]), []);
-  const minimize = (0, _react.useCallback)(instanceId => {
-    setOpenApps(s => s.map(app => app.instanceId === instanceId ? {
-      ...app,
-      minimized: true
-    } : app));
-  }, []);
-  const restore = (0, _react.useCallback)((instanceId, restoreState) => {
-    setOpenApps(s => s.map(app => app.instanceId === instanceId ? {
-      ...app,
-      minimized: false,
-      restoreState
-    } : app));
-  }, []);
-  const isMinimized = (0, _react.useCallback)(instanceId => {
-    const app = openApps.find(a => a.instanceId === instanceId);
-    return app?.minimized ?? false;
-  }, [openApps]);
-  _react.default.useEffect(() => {
-    if (openApps.length === 0) return;
-    const handler = () => {
-      close();
-      return true;
-    };
-    const sub = _reactNative.BackHandler.addEventListener("hardwareBackPress", handler);
-    return () => sub.remove();
-  }, [openApps.length, close]);
-  const value = (0, _react.useMemo)(() => ({
-    openApps,
-    // Only count non-toggle-only and non-minimized tools as "open"
-    isAnyOpen: openApps.filter(app => app.launchMode !== "toggle-only" && !app.minimized).length > 0,
-    open,
-    close,
-    closeAll,
-    registerApps,
-    minimize,
-    restore,
-    isMinimized
-  }), [openApps, open, close, closeAll, registerApps, minimize, restore, isMinimized]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppHostContext.Provider, {
-    value: value,
-    children: children
-  });
-};
-
-/**
- * Accessor hook for the dev tools app host. Components can open/close tools or inspect
- * the active stack. Falls back to a no-op implementation when rendered outside the provider.
- */
-exports.AppHostProvider = AppHostProvider;
-const useAppHost = () => {
-  const ctx = (0, _react.useContext)(AppHostContext);
-  // Return a default value if not in provider (for backwards compatibility)
-  if (!ctx) {
-    return {
-      openApps: [],
-      isAnyOpen: false,
-      open: () => "",
-      close: () => {},
-      closeAll: () => {},
-      minimize: () => {},
-      restore: (_instanceId, _restoreState) => {},
-      isMinimized: () => false
-    };
-  }
-  return ctx;
-};
-
-/**
- * Renders a single app instance. Keeps component mounted even when minimized
- * by passing visible={false} instead of unmounting.
- *
- * Supports multiple simultaneous modals - each gets its own z-index based on
- * position in the open apps stack (later opened = higher z-index).
- */
-exports.useAppHost = useAppHost;
-const AppRenderer = ({
-  app,
-  zIndex,
-  onClose,
-  onMinimize,
-  minimizeTargetPosition,
-  globalEnableSharedModalDimensions
-}) => {
-  const Comp = app.component;
-  // All non-minimized apps are visible - supports multiple simultaneous modals
-  const isVisible = !app.minimized;
-
-  // Merge props with global settings override
-  // Priority: Global settings (if defined) > Tool prop > Default (false)
-  const mergedProps = {
-    ...(app.props ?? {}),
-    // Only override if globalEnableSharedModalDimensions is explicitly true
-    // (when the user turns it on in settings)
-    ...(globalEnableSharedModalDimensions === true ? {
-      enableSharedModalDimensions: true
-    } : {})
-  };
-
-  // Declarative chrome: the component is a plain body — wrap it in the shared
-  // modal shell (JsModal + managed header + search + toasts).
-  if (app.modal && (app.launchMode === "self-modal" || !app.launchMode)) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolHost.ToolModalShell, {
-      app: app,
-      config: app.modal,
-      visible: isVisible,
-      zIndex: zIndex,
-      onClose: onClose,
-      onMinimize: onMinimize,
-      initialModalState: app.restoreState,
-      enableSharedModalDimensions: globalEnableSharedModalDimensions === true,
-      bodyProps: mergedProps
-    });
-  }
-  if (app.launchMode === "self-modal") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-      ...mergedProps,
-      visible: isVisible,
-      onClose: onClose,
-      onRequestClose: onClose,
-      onMinimize: onMinimize,
-      minimizeTargetPosition: minimizeTargetPosition,
-      initialModalState: app.restoreState,
-      instanceId: app.instanceId,
-      zIndex: zIndex
-    });
-  }
-  if (app.launchMode === "inline") {
-    if (!isVisible) return null;
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      pointerEvents: "box-none",
-      style: [_reactNative.StyleSheet.absoluteFill, {
-        zIndex
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-        ...mergedProps,
-        onClose: onClose,
-        onMinimize: onMinimize,
-        minimizeTargetPosition: minimizeTargetPosition,
-        initialModalState: app.restoreState,
-        instanceId: app.instanceId
-      })
-    });
-  }
-
-  // host-modal mode
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Modal, {
-    visible: isVisible,
-    transparent: true,
-    animationType: "slide",
-    onRequestClose: onClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.backdrop,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.card,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-          ...mergedProps,
-          onClose: onClose,
-          onMinimize: onMinimize,
-          minimizeTargetPosition: minimizeTargetPosition,
-          initialModalState: app.restoreState,
-          instanceId: app.instanceId
-        })
-      })
-    })
-  });
-};
-
-/**
- * Renders all dev tool surfaces. Keeps minimized apps mounted but hidden
- * so their state and listeners are preserved (similar to React Navigation screens).
- *
- * Supports multiple simultaneous modals - each modal gets a z-index based on
- * its position in the stack (later opened modals appear on top).
- */
-const AppOverlay = () => {
-  const {
-    openApps,
-    close,
-    minimize
-  } = useAppHost();
-  const {
-    minimize: addToMinimizedStack,
-    restore: removeFromMinimizedStack,
-    getNextIconPosition,
-    minimizedTools
-  } = (0, _MinimizedToolsContext.useMinimizedTools)();
-  const {
-    settings
-  } = (0, _DevToolsSettingsModal.useDevToolsSettings)();
-
-  // Sync expandable window controls setting to WindowControls module
-  (0, _react.useEffect)(() => {
-    // Default to true (expandable ON) when setting is undefined
-    (0, _sharedUi.setExpandableWindowControls)(settings.globalSettings?.expandableWindowControls !== false);
-  }, [settings.globalSettings?.expandableWindowControls]);
-
-  // Sync restored minimized apps to MinimizedToolsContext
-  // This handles apps that were restored from persistence with minimized=true
-  _react.default.useEffect(() => {
-    openApps.forEach(app => {
-      if (app.minimized && app.launchMode !== "toggle-only") {
-        // Check if this app is already in the minimized stack
-        const isInStack = minimizedTools.some(t => t.instanceId === app.instanceId);
-        if (!isInStack) {
-          // Add to minimized stack (restored from persistence)
-          addToMinimizedStack({
-            instanceId: app.instanceId,
-            id: app.id,
-            title: app.title || app.id,
-            icon: app.icon,
-            color: app.color
-          });
-        }
-      }
-    });
-
-    // ...and take out anything the rail is still showing that is no longer
-    // minimized, or no longer open at all.
-    //
-    // WHY THIS HALF EXISTS. `openApps` and the rail are two separate stores
-    // for one fact, and only the ADD side was reliable. Minimizing goes
-    // through an event handler; un-minimizing happens inside `open`, which
-    // schedules the rail removal with a `setTimeout` from INSIDE a
-    // `setOpenApps` updater. Updaters are not a safe place for side effects —
-    // React may double-invoke or discard them — so the removal could be
-    // skipped while `minimized: false` still landed. The rail then kept an
-    // icon for an already-open tool, and tapping it did nothing except delete
-    // the icon: the tool looked like it vanished, with no way back to it, and
-    // both stores are persisted so it survived every reload.
-    //
-    // Reconciling here makes the rail eventually consistent with `openApps`
-    // whichever way the state moved, without moving the side effect.
-    minimizedTools.forEach(tool => {
-      const app = openApps.find(a => a.instanceId === tool.instanceId);
-      if (!app || !app.minimized) {
-        removeFromMinimizedStack(tool.instanceId);
-      }
-    });
-  }, [openApps, minimizedTools, addToMinimizedStack, removeFromMinimizedStack]);
-
-  // Filter to renderable apps (exclude toggle-only)
-  const renderableApps = openApps.filter(app => app.launchMode !== "toggle-only");
-  if (renderableApps.length === 0) return null;
-
-  // Base z-index for modals - each subsequent modal gets +1
-  const BASE_ZINDEX = 9000;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: renderableApps.map((app, index) => {
-      // z-index based on position - later in array = higher z-index (on top)
-      const zIndex = BASE_ZINDEX + index;
-      const minimizeTargetPosition = getNextIconPosition();
-      const handleMinimize = modalState => {
-        // IMPORTANT: Order matters here!
-        // 1. First mark the app as minimized in AppHost - this updates isAnyOpen
-        //    so that pushToSide becomes false before the icon component mounts
-        minimize(app.instanceId);
-        // 2. Then add to the minimized stack - this triggers the icon to mount
-        //    By now isAnyOpen is false, so the icon mounts with pushToSide=false
-        addToMinimizedStack({
-          instanceId: app.instanceId,
-          id: app.id,
-          title: app.title || app.id,
-          icon: app.icon,
-          color: app.color,
-          modalState: modalState
-        });
-      };
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppRenderer, {
-        app: app,
-        zIndex: zIndex,
-        onClose: () => close(app.instanceId),
-        onMinimize: handleMinimize,
-        minimizeTargetPosition: minimizeTargetPosition,
-        globalEnableSharedModalDimensions: settings.globalSettings?.enableSharedModalDimensions
-      }, app.instanceId);
-    })
-  });
-};
-exports.AppOverlay = AppOverlay;
-const styles = _reactNative.StyleSheet.create({
-  backdrop: {
-    flex: 1,
-    backgroundColor: "rgba(0,0,0,0.28)",
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  card: {
-    maxHeight: "90%",
-    width: "94%",
-    borderRadius: 12,
-    backgroundColor: "white",
-    overflow: "hidden"
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useAppHost=exports.AppOverlay=exports.AppHostProvider=void 0;var _sharedUi=require("@buoy-gg/shared-ui");var _react=_interopRequireWildcard(require("react"));var _reactNative=require("react-native");var _AppHostLogic=require("./AppHostLogic.js");var _AppIcon=require("./AppIcon");var _MinimizedToolsContext=require("./MinimizedToolsContext.js");var _ToolHost=require("./ToolHost.js");var _DevToolsSettingsModal=require("./DevToolsSettingsModal");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(t,l){if("function"==typeof WeakMap)var a=new WeakMap,m=new WeakMap;return(_interopRequireWildcard=function(i,f){if(!f&&i&&i.__esModule)return i;var c,d,u={__proto__:null,default:i};if(null===i||"object"!=typeof i&&"function"!=typeof i)return u;if(c=f?m:a){if(c.has(i))return c.get(i);c.set(i,u)}for(const g in i)"default"!==g&&{}.hasOwnProperty.call(i,g)&&((d=(c=Object.defineProperty)&&Object.getOwnPropertyDescriptor(i,g))&&(d.get||d.set)?c(u,g,d):u[g]=i[g]);return u})(t,l)}const AppHostContext=(0,_react.createContext)(null);const STORAGE_KEY_OPEN_APPS="@react_buoy_open_apps";const PERSISTENCE_DELAY=500;const AppHostProvider=({children:t})=>{const[l,a]=(0,_react.useState)([]);const[m,i]=(0,_react.useState)(false);const f=(0,_react.useRef)(null);const c=(0,_react.useRef)([]);const d=(0,_react.useRef)(null);const{restore:u}=(0,_MinimizedToolsContext.useMinimizedTools)();const g=(0,_react.useCallback)(n=>{let o="";a(s=>{const{apps:r,instanceId:S,wasMinimized:x}=(0,_AppHostLogic.resolveOpenAppsState)(s,n,()=>`${n.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);o=S;if(x){setTimeout(()=>u(S),0)}return r});return o},[u]);const e=(0,_react.useCallback)(()=>{if(m)return;if(!c.current.length)return;const n=d.current;if(!n||n.length===0){i(true);return}d.current=null;n.forEach(({id:o,minimized:s})=>{const r=c.current.find(S=>S.id===o);if(r){const S=(0,_AppIcon.renderAppIcon)(r.icon,{slot:"dial",size:20,color:r.color});g({id:r.id,title:r.name,component:r.component,props:r.props,launchMode:r.launchMode||"self-modal",singleton:r.singleton,icon:S,color:r.color,modal:r.modal,minimized:s})}});i(true)},[m,g]);(0,_react.useEffect)(()=>{const n=async()=>{try{const o=await _sharedUi.persistentStorage.getItem(STORAGE_KEY_OPEN_APPS);if(o){const s=JSON.parse(o);let r;if(Array.isArray(s)&&s.length>0){if(typeof s[0]==="string"){r=s.map(S=>({id:S,minimized:false}))}else{r=s}if(r.length){d.current=r;e();return}}}}catch(o){}i(true)};n()},[e]);(0,_react.useEffect)(()=>{if(!m)return;if(f.current){clearTimeout(f.current)}f.current=setTimeout(()=>{const n=l.map(o=>({id:o.id,minimized:o.minimized??false}));_sharedUi.persistentStorage.setItem(STORAGE_KEY_OPEN_APPS,JSON.stringify(n))},PERSISTENCE_DELAY);return()=>{if(f.current){clearTimeout(f.current)}}},[l,m]);const h=(0,_react.useCallback)(n=>{c.current=n;e()},[e]);const p=(0,_react.useCallback)(n=>{a(o=>{if(!o.length)return o;if(!n)return o.slice(0,-1);return o.filter(s=>s.instanceId!==n)})},[]);const v=(0,_react.useCallback)(()=>a([]),[]);const M=(0,_react.useCallback)(n=>{a(o=>o.map(s=>s.instanceId===n?{...s,minimized:true}:s))},[]);const b=(0,_react.useCallback)((n,o)=>{a(s=>s.map(r=>r.instanceId===n?{...r,minimized:false,restoreState:o}:r))},[]);const I=(0,_react.useCallback)(n=>{const o=l.find(s=>s.instanceId===n);return o?.minimized??false},[l]);_react.default.useEffect(()=>{if(l.length===0)return;const n=()=>{p();return true};const o=_reactNative.BackHandler.addEventListener("hardwareBackPress",n);return()=>o.remove()},[l.length,p]);const A=(0,_react.useMemo)(()=>({openApps:l,isAnyOpen:l.filter(n=>n.launchMode!=="toggle-only"&&!n.minimized).length>0,open:g,close:p,closeAll:v,registerApps:h,minimize:M,restore:b,isMinimized:I}),[l,g,p,v,h,M,b,I]);return(0,_jsxRuntime.jsx)(AppHostContext.Provider,{value:A,children:t})};exports.AppHostProvider=AppHostProvider;const useAppHost=()=>{const t=(0,_react.useContext)(AppHostContext);if(!t){return{openApps:[],isAnyOpen:false,open:()=>"",close:()=>{},closeAll:()=>{},minimize:()=>{},restore:(l,a)=>{},isMinimized:()=>false}}return t};exports.useAppHost=useAppHost;const AppRenderer=({app:t,zIndex:l,onClose:a,onMinimize:m,minimizeTargetPosition:i,globalEnableSharedModalDimensions:f})=>{const c=t.component;const d=!t.minimized;const u={...t.props??{},...f===true?{enableSharedModalDimensions:true}:{}};if(t.modal&&(t.launchMode==="self-modal"||!t.launchMode)){return(0,_jsxRuntime.jsx)(_ToolHost.ToolModalShell,{app:t,config:t.modal,visible:d,zIndex:l,onClose:a,onMinimize:m,initialModalState:t.restoreState,enableSharedModalDimensions:f===true,bodyProps:u})}if(t.launchMode==="self-modal"){return(0,_jsxRuntime.jsx)(c,{...u,visible:d,onClose:a,onRequestClose:a,onMinimize:m,minimizeTargetPosition:i,initialModalState:t.restoreState,instanceId:t.instanceId,zIndex:l})}if(t.launchMode==="inline"){if(!d)return null;return(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"box-none",style:[_reactNative.StyleSheet.absoluteFill,{zIndex:l}],children:(0,_jsxRuntime.jsx)(c,{...u,onClose:a,onMinimize:m,minimizeTargetPosition:i,initialModalState:t.restoreState,instanceId:t.instanceId})})}return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:d,transparent:true,animationType:"slide",onRequestClose:a,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.backdrop,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.card,children:(0,_jsxRuntime.jsx)(c,{...u,onClose:a,onMinimize:m,minimizeTargetPosition:i,initialModalState:t.restoreState,instanceId:t.instanceId})})})})};const AppOverlay=()=>{const{openApps:t,close:l,minimize:a}=useAppHost();const{minimize:m,restore:i,getNextIconPosition:f,minimizedTools:c}=(0,_MinimizedToolsContext.useMinimizedTools)();const{settings:d}=(0,_DevToolsSettingsModal.useDevToolsSettings)();(0,_react.useEffect)(()=>{(0,_sharedUi.setExpandableWindowControls)(d.globalSettings?.expandableWindowControls!==false)},[d.globalSettings?.expandableWindowControls]);_react.default.useEffect(()=>{t.forEach(e=>{if(e.minimized&&e.launchMode!=="toggle-only"){const h=c.some(p=>p.instanceId===e.instanceId);if(!h){m({instanceId:e.instanceId,id:e.id,title:e.title||e.id,icon:e.icon,color:e.color})}}});c.forEach(e=>{const h=t.find(p=>p.instanceId===e.instanceId);if(!h||!h.minimized){i(e.instanceId)}})},[t,c,m,i]);const u=t.filter(e=>e.launchMode!=="toggle-only");if(u.length===0)return null;const g=9e3;return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:u.map((e,h)=>{const p=g+h;const v=f();const M=b=>{a(e.instanceId);m({instanceId:e.instanceId,id:e.id,title:e.title||e.id,icon:e.icon,color:e.color,modalState:b})};return(0,_jsxRuntime.jsx)(AppRenderer,{app:e,zIndex:p,onClose:()=>l(e.instanceId),onMinimize:M,minimizeTargetPosition:v,globalEnableSharedModalDimensions:d.globalSettings?.enableSharedModalDimensions},e.instanceId)})})};exports.AppOverlay=AppOverlay;const styles=_reactNative.StyleSheet.create({backdrop:{flex:1,backgroundColor:"rgba(0,0,0,0.28)",alignItems:"center",justifyContent:"center"},card:{maxHeight:"90%",width:"94%",borderRadius:12,backgroundColor:"white",overflow:"hidden"}});