@buoy-gg/core 7.0.40 → 7.0.42

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

@@ -1,356 +1 @@
-"use strict";
-
-/**
- * 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
- */
-import { persistentStorage } from "@buoy-gg/shared-ui";
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import { resolveOpenAppsState } from "./AppHostLogic.js";
-import { renderAppIcon } from "./AppIcon";
-import { getBubbleAnchorPosition } from "./floatingTools.web.js";
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-const AppHostContext = /*#__PURE__*/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`.
- */
-export const AppHostProvider = ({
-  children
-}) => {
-  const [openApps, setOpenApps] = useState([]);
-  const [isRestored, setIsRestored] = useState(false);
-  const persistenceTimeoutRef = useRef(null);
-  const installedAppsRef = useRef([]);
-  const pendingRestoreRef = useRef(null);
-  const open = useCallback(def => {
-    let resolvedId = "";
-    setOpenApps(current => {
-      const {
-        apps,
-        instanceId
-      } = resolveOpenAppsState(current, def, () => `${def.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);
-      resolvedId = instanceId;
-      return apps;
-    });
-    return resolvedId;
-  }, []);
-  const tryRestorePending = 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 = 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.
-  useEffect(() => {
-    const restoreOpenApps = async () => {
-      try {
-        const saved = await 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
-  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
-      }));
-      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 = useCallback(apps => {
-    installedAppsRef.current = apps;
-    tryRestorePending();
-  }, [tryRestorePending]);
-  const close = 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 = useCallback(() => setOpenApps([]), []);
-  const minimize = useCallback(instanceId => {
-    setOpenApps(s => s.map(app => app.instanceId === instanceId ? {
-      ...app,
-      minimized: true
-    } : app));
-  }, []);
-  const restore = useCallback(instanceId => {
-    setOpenApps(s => s.map(app => app.instanceId === instanceId ? {
-      ...app,
-      minimized: false
-    } : app));
-  }, []);
-  const isMinimized = 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);
-  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 = useMemo(() => ({
-    openApps,
-    isAnyOpen: hasVisibleApps,
-    open,
-    close,
-    closeAll,
-    registerApps,
-    minimize,
-    restore,
-    isMinimized
-  }), [openApps, hasVisibleApps, open, close, closeAll, registerApps, minimize, restore, isMinimized]);
-  return /*#__PURE__*/_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.
- */
-export const useAppHost = () => {
-  const ctx = 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.
-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__*/_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__*/_jsx("div", {
-      style: {
-        position: "fixed",
-        inset: 0,
-        zIndex,
-        pointerEvents: "none"
-      },
-      children: /*#__PURE__*/_jsx(Comp, {
-        ...(app.props ?? {}),
-        onClose: onClose,
-        onMinimize: onMinimize,
-        minimizeTargetPosition: minimizeTargetPosition,
-        instanceId: app.instanceId
-      })
-    });
-  }
-
-  // host-modal mode
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      ...backdropStyle,
-      zIndex,
-      display: isVisible ? "flex" : "none"
-    },
-    children: /*#__PURE__*/_jsx("div", {
-      style: cardStyle,
-      children: /*#__PURE__*/_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.
- */
-export 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 = getBubbleAnchorPosition() ?? dockIconPosition(minimizedCount);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: renderableApps.map((app, index) => /*#__PURE__*/_jsx(AppRenderer, {
-      app: app,
-      zIndex: BASE_ZINDEX + index,
-      onClose: () => close(app.instanceId),
-      onMinimize: () => minimize(app.instanceId),
-      minimizeTargetPosition: minimizeTarget
-    }, app.instanceId))
-  });
-};
+"use strict";import{persistentStorage as P}from"@buoy-gg/shared-ui";import{createContext as D,useCallback as p,useContext as F,useEffect as M,useMemo as H,useRef as y,useState as C}from"react";import{resolveOpenAppsState as N}from"./AppHostLogic.js";import{renderAppIcon as j}from"./AppIcon";import{ToolModalShell as B}from"./ToolHost.js";import{useDevToolsSettings as G}from"./DevToolsSettingsModal.shared.js";import{getBubbleAnchorPosition as $}from"./floatingTools.web.js";import{jsx as a,Fragment as J}from"react/jsx-runtime";const _=D(null);const T="@react_buoy_open_apps";const b=44;const L=12;const V=100;const Z=16;const q=t=>({x:window.innerWidth-b-Z,y:window.innerHeight-V-b-t*(b+L)});export const AppHostProvider=({children:t})=>{const[r,l]=C([]);const[m,c]=C(false);const g=y([]);const u=y(null);const s=y(false);const f=y(false);const A=y(false);const I=p(n=>{let o="";l(i=>{const{apps:e,instanceId:d}=N(i,n,()=>`${n.id}-${Date.now()}-${Math.random().toString(36).slice(2)}`);o=d;return e});return o},[]);const S=p(()=>{if(s.current||!f.current||!A.current)return;s.current=true;const n=u.current;if(!n||n.length===0){c(true);return}u.current=null;n.forEach(({id:o,minimized:i})=>{const e=g.current.find(d=>d.id===o);if(e&&e.component){const d=j(e.icon,{slot:"dial",size:20,color:e.color});I({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:d,color:e.color,minimized:i})}});c(true)},[I]);M(()=>{let n=false;const o=async()=>{try{const i=await P.getItem(T);if(n)return;if(i){const e=JSON.parse(i);let d;if(Array.isArray(e)&&e.length>0){if(typeof e[0]==="string"){d=e.map(h=>({id:h,minimized:false}))}else{d=e.filter(h=>typeof h==="object"&&h!==null&&typeof h.id==="string")}if(d.length){u.current=d}}}}catch{}if(n)return;f.current=true;S()};void o();return()=>{n=true}},[S]);M(()=>{if(!m)return;const n=r.map(o=>({id:o.id,minimized:o.minimized??false}));void P.setItem(T,JSON.stringify(n))},[r,m]);const O=p(n=>{g.current=n;A.current=true;S()},[S]);const v=p(n=>{l(o=>{if(!o.length)return o;if(!n)return o.slice(0,-1);return o.filter(i=>i.instanceId!==n)})},[]);const R=p(()=>l([]),[]);const w=p((n,o)=>{l(i=>i.map(e=>e.instanceId===n?{...e,minimized:true,restoreState:o}:e))},[]);const x=p((n,o)=>{l(i=>i.map(e=>e.instanceId===n?{...e,minimized:false,restoreState:o??e.restoreState}:e))},[]);const E=p(n=>{const o=r.find(i=>i.instanceId===n);return o?.minimized??false},[r]);const z=r.some(n=>n.launchMode!=="toggle-only"&&!n.minimized);M(()=>{if(!z)return;const n=o=>{if(o.key!=="Escape")return;if(o.defaultPrevented)return;const i=[...r].reverse().find(e=>e.launchMode!=="toggle-only"&&!e.minimized);if(i)v(i.instanceId)};window.addEventListener("keydown",n);return()=>window.removeEventListener("keydown",n)},[z,v,r]);const k=H(()=>({openApps:r,isAnyOpen:z,open:I,close:v,closeAll:R,registerApps:O,minimize:w,restore:x,isMinimized:E}),[r,z,I,v,R,O,w,x,E]);return a(_.Provider,{value:k,children:t})};export const useAppHost=()=>{const t=F(_);if(!t){return{openApps:[],isAnyOpen:false,open:()=>"",close:()=>{},closeAll:()=>{},registerApps:()=>{},minimize:()=>{},restore:()=>{},isMinimized:()=>false}}return t};const K=9e3;const W={position:"fixed",inset:0,backgroundColor:"rgba(0,0,0,0.28)",display:"flex",alignItems:"center",justifyContent:"center"};const X={maxHeight:"90%",width:"94%",borderRadius:12,backgroundColor:"white",overflow:"hidden"};const Y=({app:t,zIndex:r,onClose:l,onMinimize:m,minimizeTargetPosition:c,enableSharedModalDimensions:g})=>{const u=t.component;const s=!t.minimized;const f={...t.props??{},...g?{enableSharedModalDimensions:true}:{}};if(t.modal&&(!t.launchMode||t.launchMode==="self-modal")){return a(B,{app:t,config:t.modal,visible:s,zIndex:r,onClose:l,onMinimize:m,initialModalState:t.restoreState,enableSharedModalDimensions:g,bodyProps:f})}if(t.launchMode==="self-modal"){return a(u,{...f,visible:s,onClose:l,onRequestClose:l,onMinimize:m,minimizeTargetPosition:c,instanceId:t.instanceId,zIndex:r,initialModalState:t.restoreState})}if(t.launchMode==="inline"){if(!s)return null;return a("div",{style:{position:"fixed",inset:0,zIndex:r,pointerEvents:"none"},children:a(u,{...f,onClose:l,onMinimize:m,minimizeTargetPosition:c,instanceId:t.instanceId})})}return a("div",{style:{...W,zIndex:r,display:s?"flex":"none"},children:a("div",{style:X,children:a(u,{...f,onClose:l,onMinimize:m,minimizeTargetPosition:c,instanceId:t.instanceId})})})};export const AppOverlay=()=>{const{openApps:t,close:r,minimize:l}=useAppHost();const{settings:m}=G();const c=t.filter(s=>s.launchMode!=="toggle-only");if(c.length===0)return null;const g=c.filter(s=>s.minimized).length;const u=$()??q(g);return a(J,{children:c.map((s,f)=>a(Y,{app:s,zIndex:K+f,onClose:()=>r(s.instanceId),onMinimize:A=>l(s.instanceId,A),enableSharedModalDimensions:m.globalSettings?.enableSharedModalDimensions===true,minimizeTargetPosition:u},s.instanceId))})};

package/lib/module/floatingMenu/AppHostLogic.js

@@ -1,45 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-export 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
-    }]
-  };
-};
+"use strict";export const resolveOpenAppsState=(n,s,a)=>{if(s.singleton){const i=n.find(e=>e.id===s.id);if(i){const e=i.minimized??false;return{instanceId:i.instanceId,wasMinimized:e,apps:[...n.filter(d=>d.instanceId!==i.instanceId),{...i,minimized:false}]}}}const t=a();return{instanceId:t,wasMinimized:false,apps:[...n,{...s,instanceId:t}]}};

package/lib/module/floatingMenu/AppIcon.js

@@ -1,84 +1 @@
-"use strict";
-
-/**
- * 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.
- */
-import React from "react";
-import { Text, View } from "react-native";
-import { toolTheme } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** 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);
-}
-export function AppTextIcon({
-  label,
-  size,
-  color = 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__*/_jsx(View, {
-    style: {
-      minWidth: size,
-      maxWidth,
-      height: size,
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    children: /*#__PURE__*/_jsx(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.
- */
-export function renderAppIcon(icon, ctx) {
-  if (icon == null) return icon;
-  if (typeof icon === "function") {
-    return /*#__PURE__*/React.createElement(icon, {
-      slot: ctx.slot,
-      size: ctx.size,
-      state: ctx.state,
-      actions: ctx.actions
-    });
-  }
-  if (typeof icon === "string" || typeof icon === "number") {
-    return /*#__PURE__*/_jsx(AppTextIcon, {
-      label: String(icon),
-      size: ctx.size,
-      color: ctx.color
-    });
-  }
-  return icon;
-}
+"use strict";import m from"react";import{Text as u,View as a}from"react-native";import{toolTheme as l}from"@buoy-gg/shared-ui";import{jsx as n}from"react/jsx-runtime";function f(e){const t=e.replace(/[\uFE00-\uFE0F\u200D]/g,"");return Math.max(Array.from(t).length,1)}export function AppTextIcon({label:e,size:t,color:i=l.colors.text}){const r=f(e);const o=r<=2?t:t*1.6;const s=Math.max(7,Math.min(t*(r===1?.7:.62),o/(.62*r)));return n(a,{style:{minWidth:t,maxWidth:o,height:t,alignItems:"center",justifyContent:"center"},children:n(u,{numberOfLines:1,adjustsFontSizeToFit:true,minimumFontScale:.5,style:{color:i,fontSize:s,fontWeight:"800",letterSpacing:.5,textAlign:"center"},children:e})})}export function renderAppIcon(e,t){if(e==null)return e;if(typeof e==="function"){return m.createElement(e,{slot:t.slot,size:t.size,state:t.state,actions:t.actions})}if(typeof e==="string"||typeof e==="number"){return n(AppTextIcon,{label:String(e),size:t.size,color:t.color})}return e}

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

@@ -1,47 +1 @@
-"use strict";
-
-import React from "react";
-import { toolTheme } from "@buoy-gg/shared-ui";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** DOM twin of the native icon resolver; importing RN breaks pure web hosts. */
-export function AppTextIcon({
-  label,
-  size,
-  color = 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__*/_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
-  });
-}
-export function renderAppIcon(icon, ctx) {
-  if (icon == null) return icon;
-  if (typeof icon === "function") return /*#__PURE__*/React.createElement(icon, {
-    slot: ctx.slot,
-    size: ctx.size,
-    state: ctx.state,
-    actions: ctx.actions
-  });
-  if (typeof icon === "string" || typeof icon === "number") return /*#__PURE__*/_jsx(AppTextIcon, {
-    label: String(icon),
-    size: ctx.size,
-    color: ctx.color
-  });
-  return icon;
-}
+"use strict";import s from"react";import{toolTheme as l}from"@buoy-gg/shared-ui";import{jsx as o}from"react/jsx-runtime";export function AppTextIcon({label:e,size:t,color:i=l.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 o("span",{style:{display:"inline-flex",minWidth:t,maxWidth:n,height:t,alignItems:"center",justifyContent:"center",color:i,fontSize:a,fontWeight:800,letterSpacing:.5,whiteSpace:"nowrap",overflow:"hidden"},children:e})}export function renderAppIcon(e,t){if(e==null)return e;if(typeof e==="function")return s.createElement(e,{slot:t.slot,size:t.size,state:t.state,actions:t.actions});if(typeof e==="string"||typeof e==="number")return o(AppTextIcon,{label:String(e),size:t.size,color:t.color});return e}

package/lib/module/floatingMenu/BrowserToolRuntime.js

@@ -0,0 +1 @@
+"use strict";import{useEffect as m,useMemo as S,useRef as I}from"react";import{LicenseManager as _,useLicense as j}from"@buoy-gg/license";import{registerToolAdapters as x}from"@buoy-gg/shared-ui";import{externalSyncOptions as E,shouldMountExternalSync as L}from"./externalSyncGate.js";import{useDeviceIdentity as h}from"./deviceIdentity.js";import{appSyncAdapter as k}from"./sync/appSyncAdapter.js";import{jsx as u,Fragment as B,jsxs as D}from"react/jsx-runtime";const M=["ConsoleRoot","RouteTracker","ReactQueryTracker","ReduxAutoInstrument","PerfMonitorRoot","AutomationResumer","ImagesRoot"];const N=["DebugBordersStandaloneOverlay","HighlightUpdatesOverlay","ImageOverlayStandalone","PerfMonitorOverlay","JsTopHudOverlay","ImpersonateOverlay","ScenariosOverlay"];export function BrowserToolRuntime(e){const s=S(()=>Object.fromEntries(Object.entries(e.modules).map(([i,f])=>[i.replace(/^@buoy-gg\//,"").replace(/\/web$/,""),f])),[e.modules]);const c=s["react-query"];return c?.useReactQuerySyncAdapter?u(T,{...e,modules:s,query:c}):u(R,{...e,modules:s})}function T(e){const s=e.query.useReactQuerySyncAdapter();return u(R,{...e,queryAdapter:s})}function R({modules:e,apps:s,requiredEnvVars:c,externalSync:i,headless:f,sentryGetClient:l,queryAdapter:o}){const{isPro:p,tier:O}=j();const y=S(()=>{const n={app:k};for(const[t,r]of Object.entries(e)){for(const[a,d]of Object.entries(r)){if(a.endsWith("SyncAdapter")&&d&&typeof d==="object")n[t]=d}}if(o)n.query=o;if(e.env?.createEnvSyncAdapter)n.env=e.env.createEnvSyncAdapter(c??[]);for(const t of s??[])if(t.sync)n[`custom:${t.id}`]=t.sync;return n},[e,s,c,o]);const v=I(y);v.current=y;m(()=>x(()=>v.current),[]);m(()=>{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 b=e["external-sync"];const A=typeof __DEV__!=="undefined"?__DEV__:process.env.NODE_ENV!=="production";const w=L({isDevelopment:A,isLicensed:p,externalSync:i,isAvailable:Boolean(b)});const g=e.sentry?.SentryRoot;return D(B,{children:[Object.entries(e).flatMap(([n,t])=>M.map(r=>{const a=t[r];return a?u(a,{},`${n}:${r}`):null})),g&&u(g,{getClient:l}),Object.entries(e).flatMap(([n,t])=>N.map(r=>{const a=t[r];return a&&(!f||r==="ScenariosOverlay"||r==="ImpersonateOverlay")?u(a,{},`${n}:${r}`):null})),w&&u($,{module:b,tools:y,options:E(i),isPro:p,tier:O})]})}function $({module:e,tools:s,options:c,isPro:i,tier:f}){const l=h(c,{appName:typeof document==="undefined"?null:document.title||location.hostname,hardwareName:"Browser",platform:"web"});const{socket:o}=e.useExternalSyncSocket({deviceName:l?.deviceName??"Buoy Browser",socketURL:c?.socketURL??e.getDefaultSocketURL(),persistentDeviceId:l?.deviceId??null,platform:"web",enableLogs:c?.enableLogs});m(()=>{if(!o)return;const p=()=>{if(o.connected&&_.hasAccountAccess())o.emit("device-license",{isPro:i?"1":"0",tier:f})};p();o.on("connect",p);return()=>{o.off("connect",p)}},[o,i,f]);e.useExternalSync({tools:s,socket:o,deviceId:l?.deviceId??null,enableLogs:c?.enableLogs});return null}

package/lib/module/floatingMenu/DefaultConfigContext.js

@@ -1,39 +1 @@
-"use strict";
-
-import React, { createContext, useContext } from 'react';
-
-/**
- * Context value for default configuration settings.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-const DefaultConfigContext = /*#__PURE__*/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.
- */
-export function DefaultConfigProvider({
-  children,
-  defaultFloatingTools,
-  defaultDialTools
-}) {
-  const value = React.useMemo(() => ({
-    defaultFloatingTools,
-    defaultDialTools
-  }), [defaultFloatingTools, defaultDialTools]);
-  return /*#__PURE__*/_jsx(DefaultConfigContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-
-/**
- * Hook to access the default configuration from context.
- *
- * @internal Used by useDevToolsSettings to apply defaults.
- */
-export function useDefaultConfig() {
-  return useContext(DefaultConfigContext);
-}
+"use strict";import u,{createContext as i,useContext as c}from"react";import{jsx as f}from"react/jsx-runtime";const r=i({});export function DefaultConfigProvider({children:n,defaultFloatingTools:e,defaultDialTools:t}){const o=u.useMemo(()=>({defaultFloatingTools:e,defaultDialTools:t}),[e,t]);return f(r.Provider,{value:o,children:n})}export function useDefaultConfig(){return c(r)}