@buoy-gg/core 7.0.40 → 7.0.42

package/lib/commonjs/floatingMenu/AppHost.web.js

@@ -1,364 +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 = require("react");
-var _AppHostLogic = require("./AppHostLogic.js");
-var _AppIcon = require("./AppIcon");
-var _floatingToolsWeb = require("./floatingTools.web.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * AppHost.web.tsx — DOM port of AppHost.tsx (React Native).
- *
- * Same state machine (shared `AppHostLogic.ts`), same `@react_buoy_open_apps`
- * persistence key + JSON shape (`{id, minimized}[]`, 500ms debounce), same
- * launch modes and z-order model (base 9000 + stack index).
- *
- * Intentional deviations from the native file (all logged):
- * - No `MinimizedToolsContext`/`MinimizedToolsStack` second store: the
- *   minimized dock derives directly from `openApps` (`minimized === true`),
- *   the same simplification the Flutter port made deliberately
- *   (packages-flutter/buoy_core — see FLUTTER_TOOLS_PORT/MASTER_PLAN.md).
- *   `@react_buoy_minimized_tools` is therefore not written on web.
- * - `BackHandler` (Android hardware back) → `Escape` keydown closes the
- *   top-most open tool.
- * - No `setExpandableWindowControls` / global settings bridge — the web
- *   settings modal has no global-settings tab yet.
- * - `minimizeTargetPosition` is computed from the dock layout below instead
- *   of `MinimizedToolsContext.getNextIconPosition()`.
- *
- * @platform React DOM Web
- */
-
-const AppHostContext = /*#__PURE__*/(0, _react.createContext)(null);
-const STORAGE_KEY_OPEN_APPS = "@react_buoy_open_apps";
-const PERSISTENCE_DELAY = 500;
-
-// Minimized dock geometry — mirrors MinimizedToolsContext.tsx constants.
-const ICON_SIZE = 44;
-const ICON_GAP = 12;
-const BOTTOM_OFFSET = 100;
-const RIGHT_OFFSET = 16;
-const dockIconPosition = index => ({
-  x: window.innerWidth - ICON_SIZE - RIGHT_OFFSET,
-  y: window.innerHeight - BOTTOM_OFFSET - ICON_SIZE - index * (ICON_SIZE + ICON_GAP)
-});
-
-/**
- * Provides the floating dev tools application host for web. Tracks open tool
- * instances, restores persisted state, and exposes the same imperative
- * helpers as the native `AppHostProvider`.
- */
-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 open = (0, _react.useCallback)(def => {
-    let resolvedId = "";
-    setOpenApps(current => {
-      const {
-        apps,
-        instanceId
-      } = (0, _AppHostLogic.resolveOpenAppsState)(current, def, () => `${def.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);
-      resolvedId = instanceId;
-      return apps;
-    });
-    return resolvedId;
-  }, []);
-  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 && appDef.component) {
-        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,
-          minimized
-        });
-      }
-    });
-    setIsRestored(true);
-  }, [isRestored, open]);
-
-  // Restore open apps on mount. Handles both the legacy `string[]` shape and
-  // the current `{id, minimized}[]` shape — same tolerance as native.
-  (0, _react.useEffect)(() => {
-    const restoreOpenApps = async () => {
-      try {
-        const saved = await _sharedUi.persistentStorage.getItem(STORAGE_KEY_OPEN_APPS);
-        if (saved) {
-          const parsed = JSON.parse(saved);
-          let savedApps;
-          if (Array.isArray(parsed) && parsed.length > 0) {
-            if (typeof parsed[0] === "string") {
-              savedApps = parsed.map(id => ({
-                id,
-                minimized: false
-              }));
-            } else {
-              savedApps = parsed;
-            }
-            if (savedApps.length) {
-              pendingRestoreRef.current = savedApps;
-              tryRestorePending();
-              return;
-            }
-          }
-        }
-      } catch {
-        // Failed to restore open apps - continue with fresh state
-      }
-      setIsRestored(true);
-    };
-    restoreOpenApps();
-  }, [tryRestorePending]);
-
-  // Save open apps with debounce
-  (0, _react.useEffect)(() => {
-    if (!isRestored) return;
-    if (persistenceTimeoutRef.current) {
-      clearTimeout(persistenceTimeoutRef.current);
-    }
-    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 => {
-    setOpenApps(s => s.map(app => app.instanceId === instanceId ? {
-      ...app,
-      minimized: false
-    } : app));
-  }, []);
-  const isMinimized = (0, _react.useCallback)(instanceId => {
-    const app = openApps.find(a => a.instanceId === instanceId);
-    return app?.minimized ?? false;
-  }, [openApps]);
-
-  // Escape closes the top-most open tool — web analog of the native
-  // hardware-back handler.
-  const hasVisibleApps = openApps.some(app => app.launchMode !== "toggle-only" && !app.minimized);
-  (0, _react.useEffect)(() => {
-    if (!hasVisibleApps) return;
-    const handler = event => {
-      if (event.key !== "Escape") return;
-      close();
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [hasVisibleApps, close]);
-  const value = (0, _react.useMemo)(() => ({
-    openApps,
-    isAnyOpen: hasVisibleApps,
-    open,
-    close,
-    closeAll,
-    registerApps,
-    minimize,
-    restore,
-    isMinimized
-  }), [openApps, hasVisibleApps, open, close, closeAll, registerApps, minimize, restore, isMinimized]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppHostContext.Provider, {
-    value: value,
-    children: children
-  });
-};
-
-/**
- * Accessor hook for the web app host. Falls back to a no-op implementation
- * when rendered outside the provider — same contract as native.
- */
-exports.AppHostProvider = AppHostProvider;
-const useAppHost = () => {
-  const ctx = (0, _react.useContext)(AppHostContext);
-  if (!ctx) {
-    return {
-      openApps: [],
-      isAnyOpen: false,
-      open: () => "",
-      close: () => {},
-      closeAll: () => {},
-      registerApps: () => {},
-      minimize: () => {},
-      restore: () => {},
-      isMinimized: () => false
-    };
-  }
-  return ctx;
-};
-
-// Base z-index for tool surfaces — parity with native AppOverlay.
-exports.useAppHost = useAppHost;
-const BASE_ZINDEX = 9000;
-// The dock sits above tool panels but below the dial/settings overlays (10000).
-
-const backdropStyle = {
-  position: "fixed",
-  inset: 0,
-  backgroundColor: "rgba(0,0,0,0.28)",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center"
-};
-const cardStyle = {
-  maxHeight: "90%",
-  width: "94%",
-  borderRadius: 12,
-  backgroundColor: "white",
-  overflow: "hidden"
-};
-
-/**
- * Renders a single app instance — DOM twin of the native `AppRenderer`.
- * Keeps the component mounted while minimized (visible={false} /
- * display:none) so tool state and listeners survive, like native.
- */
-const AppRenderer = ({
-  app,
-  zIndex,
-  onClose,
-  onMinimize,
-  minimizeTargetPosition
-}) => {
-  const Comp = app.component;
-  const isVisible = !app.minimized;
-  if (app.launchMode === "self-modal") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-      ...(app.props ?? {}),
-      visible: isVisible,
-      onClose: onClose,
-      onRequestClose: onClose,
-      onMinimize: onMinimize,
-      minimizeTargetPosition: minimizeTargetPosition,
-      instanceId: app.instanceId,
-      zIndex: zIndex
-    });
-  }
-  if (app.launchMode === "inline") {
-    if (!isVisible) return null;
-    // pointerEvents:none matches native box-none: the layer never eats input;
-    // inline tool components opt back in with pointerEvents:auto on their own
-    // interactive surfaces.
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        position: "fixed",
-        inset: 0,
-        zIndex,
-        pointerEvents: "none"
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-        ...(app.props ?? {}),
-        onClose: onClose,
-        onMinimize: onMinimize,
-        minimizeTargetPosition: minimizeTargetPosition,
-        instanceId: app.instanceId
-      })
-    });
-  }
-
-  // host-modal mode
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      ...backdropStyle,
-      zIndex,
-      display: isVisible ? "flex" : "none"
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: cardStyle,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
-        ...(app.props ?? {}),
-        onClose: onClose,
-        onMinimize: onMinimize,
-        minimizeTargetPosition: minimizeTargetPosition,
-        instanceId: app.instanceId
-      })
-    })
-  });
-};
-
-/**
- * Renders all open dev tool surfaces — DOM twin of the native `AppOverlay`.
- * Later-opened tools stack on top (base z 9000 + index). Minimized tools are
- * shown by the MinimizedToolsStack fused to the floating bubble (native
- * parity) — the old fixed bottom-right MinimizedDock was replaced by it.
- */
-const AppOverlay = () => {
-  const {
-    openApps,
-    close,
-    minimize
-  } = useAppHost();
-  const renderableApps = openApps.filter(app => app.launchMode !== "toggle-only");
-  if (renderableApps.length === 0) return null;
-  const minimizedCount = renderableApps.filter(app => app.minimized).length;
-
-  // Minimize animation shrinks toward the bubble (where the stack lives);
-  // fall back to the legacy dock slot if the bubble hasn't mounted yet.
-  const minimizeTarget = (0, _floatingToolsWeb.getBubbleAnchorPosition)() ?? dockIconPosition(minimizedCount);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: renderableApps.map((app, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(AppRenderer, {
-      app: app,
-      zIndex: BASE_ZINDEX + index,
-      onClose: () => close(app.instanceId),
-      onMinimize: () => minimize(app.instanceId),
-      minimizeTargetPosition: minimizeTarget
-    }, app.instanceId))
-  });
-};
-exports.AppOverlay = AppOverlay;
+"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=require("react");var _AppHostLogic=require("./AppHostLogic.js");var _AppIcon=require("./AppIcon");var _ToolHost=require("./ToolHost.js");var _DevToolsSettingsModalShared=require("./DevToolsSettingsModal.shared.js");var _floatingToolsWeb=require("./floatingTools.web.js");var _jsxRuntime=require("react/jsx-runtime");const AppHostContext=(0,_react.createContext)(null);const STORAGE_KEY_OPEN_APPS="@react_buoy_open_apps";const ICON_SIZE=44;const ICON_GAP=12;const BOTTOM_OFFSET=100;const RIGHT_OFFSET=16;const dockIconPosition=t=>({x:window.innerWidth-ICON_SIZE-RIGHT_OFFSET,y:window.innerHeight-BOTTOM_OFFSET-ICON_SIZE-t*(ICON_SIZE+ICON_GAP)});const AppHostProvider=({children:t})=>{const[r,l]=(0,_react.useState)([]);const[d,c]=(0,_react.useState)(false);const f=(0,_react.useRef)([]);const u=(0,_react.useRef)(null);const i=(0,_react.useRef)(false);const p=(0,_react.useRef)(false);const g=(0,_react.useRef)(false);const h=(0,_react.useCallback)(n=>{let s="";l(o=>{const{apps:e,instanceId:a}=(0,_AppHostLogic.resolveOpenAppsState)(o,n,()=>`${n.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);s=a;return e});return s},[]);const v=(0,_react.useCallback)(()=>{if(i.current||!p.current||!g.current)return;i.current=true;const n=u.current;if(!n||n.length===0){c(true);return}u.current=null;n.forEach(({id:s,minimized:o})=>{const e=f.current.find(a=>a.id===s);if(e&&e.component){const a=(0,_AppIcon.renderAppIcon)(e.icon,{slot:"dial",size:20,color:e.color});h({id:e.id,title:e.name,component:e.component,props:e.props,modal:e.modal,launchMode:e.launchMode||"self-modal",singleton:e.singleton??true,icon:a,color:e.color,minimized:o})}});c(true)},[h]);(0,_react.useEffect)(()=>{let n=false;const s=async()=>{try{const o=await _sharedUi.persistentStorage.getItem(STORAGE_KEY_OPEN_APPS);if(n)return;if(o){const e=JSON.parse(o);let a;if(Array.isArray(e)&&e.length>0){if(typeof e[0]==="string"){a=e.map(m=>({id:m,minimized:false}))}else{a=e.filter(m=>typeof m==="object"&&m!==null&&typeof m.id==="string")}if(a.length){u.current=a}}}}catch{}if(n)return;p.current=true;v()};void s();return()=>{n=true}},[v]);(0,_react.useEffect)(()=>{if(!d)return;const n=r.map(s=>({id:s.id,minimized:s.minimized??false}));void _sharedUi.persistentStorage.setItem(STORAGE_KEY_OPEN_APPS,JSON.stringify(n))},[r,d]);const b=(0,_react.useCallback)(n=>{f.current=n;g.current=true;v()},[v]);const A=(0,_react.useCallback)(n=>{l(s=>{if(!s.length)return s;if(!n)return s.slice(0,-1);return s.filter(o=>o.instanceId!==n)})},[]);const S=(0,_react.useCallback)(()=>l([]),[]);const x=(0,_react.useCallback)((n,s)=>{l(o=>o.map(e=>e.instanceId===n?{...e,minimized:true,restoreState:s}:e))},[]);const I=(0,_react.useCallback)((n,s)=>{l(o=>o.map(e=>e.instanceId===n?{...e,minimized:false,restoreState:s??e.restoreState}:e))},[]);const M=(0,_react.useCallback)(n=>{const s=r.find(o=>o.instanceId===n);return s?.minimized??false},[r]);const y=r.some(n=>n.launchMode!=="toggle-only"&&!n.minimized);(0,_react.useEffect)(()=>{if(!y)return;const n=s=>{if(s.key!=="Escape")return;if(s.defaultPrevented)return;const o=[...r].reverse().find(e=>e.launchMode!=="toggle-only"&&!e.minimized);if(o)A(o.instanceId)};window.addEventListener("keydown",n);return()=>window.removeEventListener("keydown",n)},[y,A,r]);const z=(0,_react.useMemo)(()=>({openApps:r,isAnyOpen:y,open:h,close:A,closeAll:S,registerApps:b,minimize:x,restore:I,isMinimized:M}),[r,y,h,A,S,b,x,I,M]);return(0,_jsxRuntime.jsx)(AppHostContext.Provider,{value:z,children:t})};exports.AppHostProvider=AppHostProvider;const useAppHost=()=>{const t=(0,_react.useContext)(AppHostContext);if(!t){return{openApps:[],isAnyOpen:false,open:()=>"",close:()=>{},closeAll:()=>{},registerApps:()=>{},minimize:()=>{},restore:()=>{},isMinimized:()=>false}}return t};exports.useAppHost=useAppHost;const BASE_ZINDEX=9e3;const backdropStyle={position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.28)",display:"flex",alignItems:"center",justifyContent:"center"};const cardStyle={maxHeight:"90%",width:"94%",borderRadius:12,backgroundColor:"white",overflow:"hidden"};const AppRenderer=({app:t,zIndex:r,onClose:l,onMinimize:d,minimizeTargetPosition:c,enableSharedModalDimensions:f})=>{const u=t.component;const i=!t.minimized;const p={...t.props??{},...f?{enableSharedModalDimensions:true}:{}};if(t.modal&&(!t.launchMode||t.launchMode==="self-modal")){return(0,_jsxRuntime.jsx)(_ToolHost.ToolModalShell,{app:t,config:t.modal,visible:i,zIndex:r,onClose:l,onMinimize:d,initialModalState:t.restoreState,enableSharedModalDimensions:f,bodyProps:p})}if(t.launchMode==="self-modal"){return(0,_jsxRuntime.jsx)(u,{...p,visible:i,onClose:l,onRequestClose:l,onMinimize:d,minimizeTargetPosition:c,instanceId:t.instanceId,zIndex:r,initialModalState:t.restoreState})}if(t.launchMode==="inline"){if(!i)return null;return(0,_jsxRuntime.jsx)("div",{style:{position:"fixed",inset:0,zIndex:r,pointerEvents:"none"},children:(0,_jsxRuntime.jsx)(u,{...p,onClose:l,onMinimize:d,minimizeTargetPosition:c,instanceId:t.instanceId})})}return(0,_jsxRuntime.jsx)("div",{style:{...backdropStyle,zIndex:r,display:i?"flex":"none"},children:(0,_jsxRuntime.jsx)("div",{style:cardStyle,children:(0,_jsxRuntime.jsx)(u,{...p,onClose:l,onMinimize:d,minimizeTargetPosition:c,instanceId:t.instanceId})})})};const AppOverlay=()=>{const{openApps:t,close:r,minimize:l}=useAppHost();const{settings:d}=(0,_DevToolsSettingsModalShared.useDevToolsSettings)();const c=t.filter(i=>i.launchMode!=="toggle-only");if(c.length===0)return null;const f=c.filter(i=>i.minimized).length;const u=(0,_floatingToolsWeb.getBubbleAnchorPosition)()??dockIconPosition(f);return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:c.map((i,p)=>(0,_jsxRuntime.jsx)(AppRenderer,{app:i,zIndex:BASE_ZINDEX+p,onClose:()=>r(i.instanceId),onMinimize:g=>l(i.instanceId,g),enableSharedModalDimensions:d.globalSettings?.enableSharedModalDimensions===true,minimizeTargetPosition:u},i.instanceId))})};exports.AppOverlay=AppOverlay;

package/lib/commonjs/floatingMenu/AppHostLogic.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveOpenAppsState = void 0;
-/**
- * Modal state to restore when reopening a minimized tool. Defined here (the
- * platform-free logic module) so the web host doesn't pull in the native
- * MinimizedToolsContext; that file re-exports this type for back-compat.
- */
-
-/**
- * Computes the new list of open tool instances when a user launches a dev app. Singleton
- * tools reuse their existing instance while non-singletons create a new entry using the
- * provided `generateId` helper.
- *
- * @param current - Current stack of open app instances.
- * @param def - Descriptor of the tool to launch (without runtime instance id).
- * @param generateId - Callback used to generate a unique instance identifier.
- * @returns Updated instance list alongside the resolved instance id.
- */
-const resolveOpenAppsState = (current, def, generateId) => {
-  if (def.singleton) {
-    const existing = current.find(app => app.id === def.id);
-    if (existing) {
-      const wasMinimized = existing.minimized ?? false;
-      return {
-        instanceId: existing.instanceId,
-        wasMinimized,
-        apps: [...current.filter(app => app.instanceId !== existing.instanceId),
-        // Un-minimize the existing app when re-opening it
-        {
-          ...existing,
-          minimized: false
-        }]
-      };
-    }
-  }
-  const instanceId = generateId();
-  return {
-    instanceId,
-    wasMinimized: false,
-    apps: [...current, {
-      ...def,
-      instanceId
-    }]
-  };
-};
-exports.resolveOpenAppsState = resolveOpenAppsState;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.resolveOpenAppsState=void 0;const resolveOpenAppsState=(s,i,p)=>{if(i.singleton){const e=s.find(n=>n.id===i.id);if(e){const n=e.minimized??false;return{instanceId:e.instanceId,wasMinimized:n,apps:[...s.filter(a=>a.instanceId!==e.instanceId),{...e,minimized:false}]}}}const t=p();return{instanceId:t,wasMinimized:false,apps:[...s,{...i,instanceId:t}]}};exports.resolveOpenAppsState=resolveOpenAppsState;

package/lib/commonjs/floatingMenu/AppIcon.js

@@ -1,91 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AppTextIcon = AppTextIcon;
-exports.renderAppIcon = renderAppIcon;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * Icon resolution for `InstalledApp.icon`.
- *
- * Custom tools may provide an icon three ways:
- *  - a component `({ slot, size }) => node` (dynamic, hook-capable)
- *  - a pre-built ReactNode
- *  - a PLAIN STRING — "AUTH", "KIT", "🗑️" — rendered as an auto-fitting text
- *    icon so simple tools never need an icon library.
- *
- * Every menu surface (dial, row, minimize stack, restore path) resolves icons
- * through `renderAppIcon` so all three forms behave identically.
- */
-
-/** Visible glyphs, not UTF-16 units — "🗑️" is one glyph, not three. */
-function glyphCount(label) {
-  // Strip variation selectors + zero-width joiners before counting.
-  const stripped = label.replace(/[\uFE00-\uFE0F\u200D]/g, "");
-  return Math.max(Array.from(stripped).length, 1);
-}
-function AppTextIcon({
-  label,
-  size,
-  color = _sharedUi.toolTheme.colors.text
-}) {
-  const chars = glyphCount(label);
-  // Short labels stay square; longer ones ("AUTH") get a wider box — the
-  // dial/row layouts have breathing room and the label reads better than a
-  // squashed square would. The computed font size is what fits the box on
-  // web; adjustsFontSizeToFit covers native font-metric drift.
-  const maxWidth = chars <= 2 ? size : size * 1.6;
-  const fontSize = Math.max(7, Math.min(size * (chars === 1 ? 0.7 : 0.62), maxWidth / (0.62 * chars)));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      minWidth: size,
-      maxWidth,
-      height: size,
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      numberOfLines: 1,
-      adjustsFontSizeToFit: true,
-      minimumFontScale: 0.5,
-      style: {
-        color,
-        fontSize,
-        fontWeight: "800",
-        letterSpacing: 0.5,
-        textAlign: "center"
-      },
-      children: label
-    })
-  });
-}
-
-/**
- * Resolve any `InstalledApp.icon` form to a renderable node. Function icons
- * become elements (createElement — hooks keep working); strings become
- * auto-fitting text icons; nodes pass through.
- */
-function renderAppIcon(icon, ctx) {
-  if (icon == null) return icon;
-  if (typeof icon === "function") {
-    return /*#__PURE__*/_react.default.createElement(icon, {
-      slot: ctx.slot,
-      size: ctx.size,
-      state: ctx.state,
-      actions: ctx.actions
-    });
-  }
-  if (typeof icon === "string" || typeof icon === "number") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppTextIcon, {
-      label: String(icon),
-      size: ctx.size,
-      color: ctx.color
-    });
-  }
-  return icon;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.AppTextIcon=AppTextIcon;exports.renderAppIcon=renderAppIcon;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function glyphCount(e){const t=e.replace(/[\uFE00-\uFE0F\u200D]/g,"");return Math.max(Array.from(t).length,1)}function AppTextIcon({label:e,size:t,color:u=_sharedUi.toolTheme.colors.text}){const r=glyphCount(e);const n=r<=2?t:t*1.6;const i=Math.max(7,Math.min(t*(r===1?.7:.62),n/(.62*r)));return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{minWidth:t,maxWidth:n,height:t,alignItems:"center",justifyContent:"center"},children:(0,_jsxRuntime.jsx)(_reactNative.Text,{numberOfLines:1,adjustsFontSizeToFit:true,minimumFontScale:.5,style:{color:u,fontSize:i,fontWeight:"800",letterSpacing:.5,textAlign:"center"},children:e})})}function renderAppIcon(e,t){if(e==null)return e;if(typeof e==="function"){return _react.default.createElement(e,{slot:t.slot,size:t.size,state:t.state,actions:t.actions})}if(typeof e==="string"||typeof e==="number"){return(0,_jsxRuntime.jsx)(AppTextIcon,{label:String(e),size:t.size,color:t.color})}return e}

package/lib/commonjs/floatingMenu/AppIcon.web.js

@@ -1,53 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AppTextIcon = AppTextIcon;
-exports.renderAppIcon = renderAppIcon;
-var _react = _interopRequireDefault(require("react"));
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/** DOM twin of the native icon resolver; importing RN breaks pure web hosts. */
-function AppTextIcon({
-  label,
-  size,
-  color = _sharedUi.toolTheme.colors.text
-}) {
-  const chars = Math.max(Array.from(label.replace(/[\uFE00-\uFE0F\u200D]/g, "")).length, 1);
-  const maxWidth = chars <= 2 ? size : size * 1.6;
-  const fontSize = Math.max(7, Math.min(size * (chars === 1 ? 0.7 : 0.62), maxWidth / (0.62 * chars)));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-    style: {
-      display: "inline-flex",
-      minWidth: size,
-      maxWidth,
-      height: size,
-      alignItems: "center",
-      justifyContent: "center",
-      color,
-      fontSize,
-      fontWeight: 800,
-      letterSpacing: 0.5,
-      whiteSpace: "nowrap",
-      overflow: "hidden"
-    },
-    children: label
-  });
-}
-function renderAppIcon(icon, ctx) {
-  if (icon == null) return icon;
-  if (typeof icon === "function") return /*#__PURE__*/_react.default.createElement(icon, {
-    slot: ctx.slot,
-    size: ctx.size,
-    state: ctx.state,
-    actions: ctx.actions
-  });
-  if (typeof icon === "string" || typeof icon === "number") return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppTextIcon, {
-    label: String(icon),
-    size: ctx.size,
-    color: ctx.color
-  });
-  return icon;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.AppTextIcon=AppTextIcon;exports.renderAppIcon=renderAppIcon;var _react=_interopRequireDefault(require("react"));var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function AppTextIcon({label:e,size:t,color:o=_sharedUi.toolTheme.colors.text}){const r=Math.max(Array.from(e.replace(/[\uFE00-\uFE0F\u200D]/g,"")).length,1);const n=r<=2?t:t*1.6;const a=Math.max(7,Math.min(t*(r===1?.7:.62),n/(.62*r)));return(0,_jsxRuntime.jsx)("span",{style:{display:"inline-flex",minWidth:t,maxWidth:n,height:t,alignItems:"center",justifyContent:"center",color:o,fontSize:a,fontWeight:800,letterSpacing:.5,whiteSpace:"nowrap",overflow:"hidden"},children:e})}function renderAppIcon(e,t){if(e==null)return e;if(typeof e==="function")return _react.default.createElement(e,{slot:t.slot,size:t.size,state:t.state,actions:t.actions});if(typeof e==="string"||typeof e==="number")return(0,_jsxRuntime.jsx)(AppTextIcon,{label:String(e),size:t.size,color:t.color});return e}

package/lib/commonjs/floatingMenu/BrowserToolRuntime.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.BrowserToolRuntime=BrowserToolRuntime;var _react=require("react");var _license=require("@buoy-gg/license");var _sharedUi=require("@buoy-gg/shared-ui");var _externalSyncGate=require("./externalSyncGate.js");var _deviceIdentity=require("./deviceIdentity.js");var _appSyncAdapter=require("./sync/appSyncAdapter.js");var _jsxRuntime=require("react/jsx-runtime");const roots=["ConsoleRoot","RouteTracker","ReactQueryTracker","ReduxAutoInstrument","PerfMonitorRoot","AutomationResumer","ImagesRoot"];const overlays=["DebugBordersStandaloneOverlay","HighlightUpdatesOverlay","ImageOverlayStandalone","PerfMonitorOverlay","JsTopHudOverlay","ImpersonateOverlay","ScenariosOverlay"];function BrowserToolRuntime(e){const o=(0,_react.useMemo)(()=>Object.fromEntries(Object.entries(e.modules).map(([i,u])=>[i.replace(/^@buoy-gg\//,"").replace(/\/web$/,""),u])),[e.modules]);const c=o["react-query"];return c?.useReactQuerySyncAdapter?(0,_jsxRuntime.jsx)(QueryRuntime,{...e,modules:o,query:c}):(0,_jsxRuntime.jsx)(ToolRuntime,{...e,modules:o})}function QueryRuntime(e){const o=e.query.useReactQuerySyncAdapter();return(0,_jsxRuntime.jsx)(ToolRuntime,{...e,queryAdapter:o})}function ToolRuntime({modules:e,apps:o,requiredEnvVars:c,externalSync:i,headless:u,sentryGetClient:l,queryAdapter:s}){const{isPro:y,tier:S}=(0,_license.useLicense)();const f=(0,_react.useMemo)(()=>{const n={app:_appSyncAdapter.appSyncAdapter};for(const[t,r]of Object.entries(e)){for(const[a,p]of Object.entries(r)){if(a.endsWith("SyncAdapter")&&p&&typeof p==="object")n[t]=p}}if(s)n.query=s;if(e.env?.createEnvSyncAdapter)n.env=e.env.createEnvSyncAdapter(c??[]);for(const t of o??[])if(t.sync)n[`custom:${t.id}`]=t.sync;return n},[e,o,c,s]);const d=(0,_react.useRef)(f);d.current=f;(0,_react.useEffect)(()=>(0,_sharedUi.registerToolAdapters)(()=>d.current),[]);(0,_react.useEffect)(()=>{const n=[];const t=r=>{const a=r?.();if(typeof a==="function")n.push(a)};t(e.network?.startNetworkCapture);t(e.storage?.startBrowserStorageCapture);t(e.assets?.startBrowserAssetCapture);if(e.storage?.storageSyncAdapter?.subscribe)t(()=>e.storage.storageSyncAdapter.subscribe(()=>{}));if(e["focus-inspector"]?.focusInspectorSyncAdapter?.subscribe)t(()=>e["focus-inspector"].focusInspectorSyncAdapter.subscribe(()=>{}));return()=>{for(const r of n.reverse())r()}},[e]);const v=e["external-sync"];const g=typeof __DEV__!=="undefined"?__DEV__:process.env.NODE_ENV!=="production";const j=(0,_externalSyncGate.shouldMountExternalSync)({isDevelopment:g,isLicensed:y,externalSync:i,isAvailable:Boolean(v)});const b=e.sentry?.SentryRoot;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[Object.entries(e).flatMap(([n,t])=>roots.map(r=>{const a=t[r];return a?(0,_jsxRuntime.jsx)(a,{},`${n}:${r}`):null})),b&&(0,_jsxRuntime.jsx)(b,{getClient:l}),Object.entries(e).flatMap(([n,t])=>overlays.map(r=>{const a=t[r];return a&&(!u||r==="ScenariosOverlay"||r==="ImpersonateOverlay")?(0,_jsxRuntime.jsx)(a,{},`${n}:${r}`):null})),j&&(0,_jsxRuntime.jsx)(BrowserExternalSync,{module:v,tools:f,options:(0,_externalSyncGate.externalSyncOptions)(i),isPro:y,tier:S})]})}function BrowserExternalSync({module:e,tools:o,options:c,isPro:i,tier:u}){const l=(0,_deviceIdentity.useDeviceIdentity)(c,{appName:typeof document==="undefined"?null:document.title||location.hostname,hardwareName:"Browser",platform:"web"});const{socket:s}=e.useExternalSyncSocket({deviceName:l?.deviceName??"Buoy Browser",socketURL:c?.socketURL??e.getDefaultSocketURL(),persistentDeviceId:l?.deviceId??null,platform:"web",enableLogs:c?.enableLogs});(0,_react.useEffect)(()=>{if(!s)return;const y=()=>{if(s.connected&&_license.LicenseManager.hasAccountAccess())s.emit("device-license",{isPro:i?"1":"0",tier:u})};y();s.on("connect",y);return()=>{s.off("connect",y)}},[s,i,u]);e.useExternalSync({tools:o,socket:s,deviceId:l?.deviceId??null,enableLogs:c?.enableLogs});return null}

package/lib/commonjs/floatingMenu/DefaultConfigContext.js

@@ -1,45 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultConfigProvider = DefaultConfigProvider;
-exports.useDefaultConfig = useDefaultConfig;
-var _react = _interopRequireWildcard(require("react"));
-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); }
-/**
- * Context value for default configuration settings.
- */
-
-const DefaultConfigContext = /*#__PURE__*/(0, _react.createContext)({});
-
-/**
- * Provider for default configuration that can be consumed by the settings system.
- * This allows teams to set default tool configurations without prop drilling.
- *
- * @internal Used by FloatingDevTools to provide defaults to the settings hook.
- */
-function DefaultConfigProvider({
-  children,
-  defaultFloatingTools,
-  defaultDialTools
-}) {
-  const value = _react.default.useMemo(() => ({
-    defaultFloatingTools,
-    defaultDialTools
-  }), [defaultFloatingTools, defaultDialTools]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultConfigContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-/**
- * Hook to access the default configuration from context.
- *
- * @internal Used by useDevToolsSettings to apply defaults.
- */
-function useDefaultConfig() {
-  return (0, _react.useContext)(DefaultConfigContext);
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DefaultConfigProvider=DefaultConfigProvider;exports.useDefaultConfig=useDefaultConfig;var _react=_interopRequireWildcard(require("react"));var _jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(f,u){if("function"==typeof WeakMap)var o=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,c){if(!c&&e&&e.__esModule)return e;var t,i,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(t=c?a:o){if(t.has(e))return t.get(e);t.set(e,n)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((i=(t=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(i.get||i.set)?t(n,r,i):n[r]=e[r]);return n})(f,u)}const DefaultConfigContext=(0,_react.createContext)({});function DefaultConfigProvider({children:f,defaultFloatingTools:u,defaultDialTools:o}){const a=_react.default.useMemo(()=>({defaultFloatingTools:u,defaultDialTools:o}),[u,o]);return(0,_jsxRuntime.jsx)(DefaultConfigContext.Provider,{value:a,children:f})}function useDefaultConfig(){return(0,_react.useContext)(DefaultConfigContext)}