@buoy-gg/core 7.0.40 → 7.0.42

package/lib/module/floatingMenu/DevToolsVisibilityContext.js

@@ -1,44 +1 @@
-"use strict";
-
-/**
- * DevToolsVisibilityContext
- *
- * Tracks when DevTools UI is visible (dial menu, modals, etc.)
- * Used by other tools (like debug borders) to hide when DevTools are active
- */
-
-import { createContext, useContext, useState, useMemo } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
-const DevToolsVisibilityContext = /*#__PURE__*/createContext(null);
-export function DevToolsVisibilityProvider({
-  children
-}) {
-  const [isDialOpen, setDialOpen] = useState(false);
-  const [isToolOpen, setToolOpen] = useState(false);
-  const isDevToolsActive = useMemo(() => isDialOpen || isToolOpen, [isDialOpen, isToolOpen]);
-  const value = useMemo(() => ({
-    isDialOpen,
-    isToolOpen,
-    isDevToolsActive,
-    setDialOpen,
-    setToolOpen
-  }), [isDialOpen, isToolOpen, isDevToolsActive]);
-  return /*#__PURE__*/_jsx(DevToolsVisibilityContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export function useDevToolsVisibility() {
-  const context = useContext(DevToolsVisibilityContext);
-  if (!context) {
-    // Return safe defaults if not within provider
-    return {
-      isDialOpen: false,
-      isToolOpen: false,
-      isDevToolsActive: false,
-      setDialOpen: () => {},
-      setToolOpen: () => {}
-    };
-  }
-  return context;
-}
+"use strict";import{createContext as u,useContext as p,useState as i,useMemo as n}from"react";import{jsx as v}from"react/jsx-runtime";const l=u(null);export function DevToolsVisibilityProvider({children:e}){const[o,r]=i(false);const[s,a]=i(false);const t=n(()=>o||s,[o,s]);const c=n(()=>({isDialOpen:o,isToolOpen:s,isDevToolsActive:t,setDialOpen:r,setToolOpen:a}),[o,s,t]);return v(l.Provider,{value:c,children:e})}export function useDevToolsVisibility(){const e=p(l);if(!e){return{isDialOpen:false,isToolOpen:false,isDevToolsActive:false,setDialOpen:()=>{},setToolOpen:()=>{}}}return e}

package/lib/module/floatingMenu/FloatingDevTools.js

@@ -1,551 +1 @@
-"use strict";
-
-import { FloatingToolHost } from "@buoy-gg/shared-ui";
-import { AccountSetup } from "@buoy-gg/shared-ui";
-import React, { useMemo, useCallback, useEffect } from "react";
-import { View, StyleSheet } from "react-native";
-import { AppHostProvider } from "./AppHost";
-import { FloatingMenu } from "./FloatingMenu.js";
-import { AppOverlay } from "./AppHost";
-import { ToolOpenerBridge } from "./ToolOpenerBridge.js";
-import { autoDiscoverPresets, autoDiscoverPresetsWithCustom } from "./autoDiscoverPresets.js";
-import { sendInstallPing } from "../telemetry/installPing.js";
-import { isTelemetryEnabled } from "../Buoy.js";
-import { renderAppIcon } from "./AppIcon";
-import { DevToolsVisibilityProvider } from "./DevToolsVisibilityContext.js";
-import { reportOptionalRequireError } from "./optionalRequire.js";
-import { HintsProvider, normalizeEnvironment } from "@buoy-gg/shared-ui";
-import { MinimizedToolsProvider } from "./MinimizedToolsContext.js";
-import { validateDialConfig } from "./defaultConfig.js";
-import { DefaultConfigProvider } from "./DefaultConfigContext.js";
-import { LicenseManager, useProAccess, useLicense } from "@buoy-gg/license";
-import { AutoExternalSync, ToolRegistryPublisher, isExternalSyncAvailable } from "./autoExternalSync.js";
-import { externalSyncOptions, shouldMountExternalSync } from "./externalSyncGate.js";
-
-/**
- * Environment variable configuration
- *
- * This type is compatible with RequiredEnvVar from @buoy-gg/env
- *
- * @example
- * ```tsx
- * // Simple string (just check existence)
- * "API_URL"
- *
- * // Check for specific type
- * { key: "DEBUG_MODE", expectedType: "boolean" }
- *
- * // Check for specific value
- * { key: "ENVIRONMENT", expectedValue: "development" }
- * ```
- */
-
-/**
- * Storage key configuration for monitoring
- */
-
-/**
- * Ask Buoy's config, mirrored structurally so core never depends on the
- * optional `@buoy-gg/ask-buoy` package (it is required lazily, like every other
- * tool). The object is handed to `createAskBuoyTool` untouched, so any field
- * that package accepts passes through — the index signature is the seam.
- */
-
-/**
- * Props for FloatingDevTools component.
- *
- * ZERO-CONFIG: All @buoy-gg/* tools are auto-discovered when installed.
- * You don't need to pass anything to use network, storage, redux, etc. tools!
- * Just install the package and it works automatically.
- */
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Unified floating development tools component with automatic preset discovery.
- *
- * This component combines AppHostProvider, FloatingMenu, and AppOverlay
- * into a single component for simplified setup and better developer experience.
- *
- * **Zero-Config Usage:**
- * ```tsx
- * <FloatingDevTools environment="local" userRole="admin" />
- * // All installed dev tools automatically appear!
- * ```
- *
- * **With Team Default Configuration (Type-Safe!):**
- * ```tsx
- * // Set which tools are enabled by default for your team
- * <FloatingDevTools
- *   // Floating bubble: ENV badge + WiFi toggle
- *   defaultFloatingTools={['env', 'environment', 'query-wifi-toggle']}
- *   // Dial menu: your team's 6 favorite tools (max 6!)
- *   defaultDialTools={['env', 'network', 'storage', 'query', 'route-events', 'debug-borders']}
- *   environment="local"
- *   userRole="admin"
- * />
- * ```
- *
- * **With Validation (Super Simple!):**
- * ```tsx
- * <FloatingDevTools
- *   requiredEnvVars={[
- *     "API_URL",  // Just check existence
- *     { key: "DEBUG_MODE", expectedType: "boolean" },
- *   ]}
- *   requiredStorageKeys={[
- *     { key: "@app/session", storageType: "async" },
- *   ]}
- *   environment="local"
- *   userRole="admin"
- * />
- * ```
- *
- * **With Custom Tools:**
- * ```tsx
- * <FloatingDevTools
- *   apps={[myCustomTool]}
- *   environment="local"
- *   userRole="admin"
- * />
- * ```
- *
- * The component is absolutely positioned to float on top of your application
- * regardless of where it's placed in the component tree.
- *
- * @param props - FloatingDevTools props
- */
-export const FloatingDevTools = ({
-  apps,
-  requiredEnvVars,
-  requiredStorageKeys,
-  askBuoy,
-  children,
-  disableHints = false,
-  defaultFloatingTools,
-  defaultDialTools,
-  requireLicense: _requireLicense,
-  licenseKey: licenseKeyProp,
-  zustandStores,
-  environment,
-  externalSync = true,
-  headless = false,
-  ...props
-}) => {
-  const resolvedEnvironment = environment ?? normalizeEnvironment(process.env.NODE_ENV ?? "dev");
-  // Production gating + the device→dashboard license handshake must use a REAL
-  // license only — NOT the free Weekend Pass. Otherwise shipping Buoy would
-  // expose the devtools to end users every weekend, and the dashboard would try
-  // to adopt a non-existent key. (Feature unlocks inside the tools still honor
-  // the Weekend Pass via their own useIsPro().)
-  const {
-    isLicensed
-  } = useProAccess();
-
-  // Account admission is mandatory; paid feature gates remain separate.
-  const {
-    licenseKey,
-    isInitialized,
-    tier,
-    access
-  } = useLicense();
-  const configuredMatches = licenseKeyProp === undefined || licenseKeyProp.trim().toUpperCase() === (licenseKey ?? "");
-  const accountAdmitted = configuredMatches && access.status === "admitted";
-
-  // Anonymous install ping — dev-only, once a day, no project or tool data.
-  // Deliberately waits for admission to resolve so what it reports is the
-  // real outcome (the account's tier, or "locked") rather than the manager's
-  // starting state.
-  useEffect(() => {
-    if (!isInitialized || access.status === "initializing") return;
-    void sendInstallPing({
-      tier: access.status === "admitted" ? tier : "locked",
-      enabled: isTelemetryEnabled()
-    });
-  }, [isInitialized, access.status, tier]);
-
-  // Initialize license manager on mount, and set/clear license key when prop changes.
-  // The `licenseKey` prop is the source of truth WHEN PROVIDED:
-  //   - non-empty  → validate + activate that key
-  //   - "" (blank) → EXPLICITLY clear the cached license (key was removed)
-  //   - undefined  → don't touch it (the app may set a key via Buoy.init())
-  useEffect(() => {
-    void LicenseManager.configure(licenseKeyProp).catch(() => {});
-  }, [licenseKeyProp]);
-
-  // Register zustand stores once on mount if provided
-  useEffect(() => {
-    if (!zustandStores || access.status === "locked") return;
-    try {
-      const {
-        watchStores
-      } = require("@buoy-gg/zustand");
-      return watchStores(zustandStores);
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/zustand", e);
-    }
-  }, [zustandStores, access.status]);
-
-  // Normalize dial tools configuration (truncates to max 6 with warning if needed)
-  const normalizedDialTools = useMemo(() => {
-    if (defaultDialTools) {
-      return validateDialConfig(defaultDialTools);
-    }
-    return defaultDialTools;
-  }, [defaultDialTools]);
-
-  // Build config overrides if requiredEnvVars or requiredStorageKeys are provided
-  const configOverrides = useMemo(() => {
-    const overrides = [];
-
-    // If requiredEnvVars provided, create ENV tool config
-    if (requiredEnvVars && requiredEnvVars.length > 0) {
-      try {
-        const {
-          createEnvTool,
-          createEnvVarConfig
-        } = require("@buoy-gg/env");
-        // Convert simple format to the internal format
-        overrides.push(createEnvTool({
-          requiredEnvVars: createEnvVarConfig(requiredEnvVars)
-        }));
-      } catch (error) {
-        reportOptionalRequireError("@buoy-gg/env", error);
-      }
-    }
-
-    // If requiredStorageKeys provided, create Storage tool config
-    if (requiredStorageKeys && requiredStorageKeys.length > 0) {
-      try {
-        const {
-          createStorageTool
-        } = require("@buoy-gg/storage");
-        overrides.push(createStorageTool({
-          requiredStorageKeys
-        }));
-      } catch (error) {
-        reportOptionalRequireError("@buoy-gg/storage", error);
-      }
-    }
-
-    // The documented one-prop Ask Buoy setup. Same lazy-require shape as env
-    // and storage above: the configured tool replaces the bare auto-discovered
-    // preset by id, and an app without @buoy-gg/ask-buoy installed gets the
-    // usual optional-require report instead of a crash.
-    if (askBuoy) {
-      try {
-        const {
-          createAskBuoyTool
-        } = require("@buoy-gg/ask-buoy");
-        overrides.push(createAskBuoyTool(askBuoy));
-      } catch (error) {
-        reportOptionalRequireError("@buoy-gg/ask-buoy", error);
-      }
-    }
-    return overrides;
-  }, [requiredEnvVars, requiredStorageKeys, askBuoy]);
-
-  // Combine user apps with config overrides
-  const userApps = useMemo(() => {
-    if (!apps && configOverrides.length === 0) return undefined;
-    return [...(apps || []), ...configOverrides];
-  }, [apps, configOverrides]);
-
-  // Always auto-discover, then merge with any user-provided apps or config overrides
-  // User-provided apps and config overrides take precedence (by ID)
-  // Memoized: rebuilding this array every render churned getToolIcon's
-  // identity (and re-ran discovery) on every parent render.
-  const finalApps = useMemo(() => userApps ? autoDiscoverPresetsWithCustom(userApps) : autoDiscoverPresets(), [userApps]);
-
-  // Custom tools that declared a sync adapter — registered with the broker as
-  // `custom:<id>` by AutoExternalSync. Memoized so the sync tools map (keyed
-  // by identity) doesn't rebuild every render.
-  const syncApps = useMemo(() => finalApps.filter(app => app.sync), [finalApps]);
-
-  // Check if debug-borders is installed and auto-render the overlay
-  const DebugBordersOverlay = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        DebugBordersStandaloneOverlay
-      } = require("@buoy-gg/debug-borders");
-      return DebugBordersStandaloneOverlay;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/debug-borders", e);
-      return null;
-    }
-  }, []);
-
-  // Check if highlight-updates is installed and auto-render the overlay
-  const HighlightUpdatesOverlay = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        HighlightUpdatesOverlay: Overlay
-      } = require("@buoy-gg/highlight-updates");
-      return Overlay;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/highlight-updates", e);
-      return null;
-    }
-  }, []);
-
-  // Check if image-overlay is installed and auto-render the standalone overlay
-  const ImageOverlayOverlay = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        ImageOverlayStandalone
-      } = require("@buoy-gg/image-overlay");
-      return ImageOverlayStandalone;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/image-overlay", e);
-      return null;
-    }
-  }, []);
-
-  // Check if perf-monitor is installed and auto-render the floating HUD
-  const PerfMonitorOverlay = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        PerfMonitorOverlay: Overlay
-      } = require("@buoy-gg/perf-monitor");
-      return Overlay;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/perf-monitor", e);
-      return null;
-    }
-  }, []);
-
-  // Check if js-top is installed and auto-render the floating busy pill
-  const JsTopOverlay = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        JsTopHudOverlay: Overlay
-      } = require("@buoy-gg/js-top");
-      return Overlay;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/js-top", e);
-      return null;
-    }
-  }, []);
-
-  // Check if route-events is installed and auto-render the RouteTracker
-  // This enables automatic route tracking without requiring users to add <RouteTracker /> manually
-  const RouteTracker = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        RouteTracker: Tracker
-      } = require("@buoy-gg/route-events");
-      return Tracker;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/route-events", e);
-      return null;
-    }
-  }, []);
-
-  // Check if react-query is installed and auto-render the ReactQueryTracker.
-  // Without it the event store has no QueryClient unless someone opens the
-  // React Query TOOL, so every other consumer of those events — the Events
-  // timeline most visibly — sits at a confident zero forever.
-  const ReactQueryTracker = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        ReactQueryTracker: Tracker
-      } = require("@buoy-gg/react-query");
-      return Tracker;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/react-query", e);
-      return null;
-    }
-  }, []);
-
-  // Check if impersonate is installed and auto-render the floating banner
-  const ImpersonateOverlay = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        ImpersonateOverlay: Overlay
-      } = require("@buoy-gg/impersonate");
-      return Overlay;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/impersonate", e);
-      return null;
-    }
-  }, []);
-
-  // Check if scenarios is installed and auto-render the SIMULATED banner.
-  // Not optional and not suppressible: while a scenario is active the app is
-  // showing state that isn't real, and the banner is what stops that reaching
-  // a bug report or a screenshot as if it were.
-  const ScenariosOverlay = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        ScenariosOverlay: Overlay
-      } = require("@buoy-gg/scenarios");
-      return Overlay;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/scenarios", e);
-      return null;
-    }
-  }, []);
-
-  // Check if redux is installed and auto-mount startup instrumentation.
-  // Binds the store from app mount (renders nothing) so the action log, MCP
-  // getState/dispatch, and desktop sync work WITHOUT the Redux tool ever
-  // being opened — previously instrumentation only started on modal open.
-  const ReduxAutoInstrument = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        ReduxAutoInstrument: Instrument
-      } = require("@buoy-gg/redux");
-      return Instrument ?? null;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/redux", e);
-      return null;
-    }
-  }, []);
-
-  // Check if console is installed and auto-mount capture (renders nothing).
-  // Starts console.* capture at app mount so logs emitted before the Console
-  // tool is opened are retained — no manual <ConsoleRoot /> needed anymore.
-  const ConsoleRoot = useMemo(() => {
-    try {
-      // @ts-ignore - Dynamic import that may not exist
-      const {
-        ConsoleRoot: Root
-      } = require("@buoy-gg/console");
-      return Root ?? null;
-    } catch (e) {
-      reportOptionalRequireError("@buoy-gg/console", e);
-      return null;
-    }
-  }, []);
-
-  // Get tool icon helper for the MinimizedToolsProvider
-  const getToolIcon = useCallback(id => {
-    const tool = finalApps.find(app => app.id === id);
-    if (!tool) return null;
-    return renderAppIcon(tool.icon, {
-      slot: "dial",
-      size: 20,
-      color: tool.color
-    });
-  }, [finalApps]);
-
-  // Gate: only a PAID license works outside development.
-  //
-  // A free key (and, of course, no key at all) stays dev-only. `isLicensed` is
-  // safe to gate on because `isPro` is a strict mirror of `tier === "pro"`, so
-  // a free key reports false here even though it validates perfectly well.
-  //
-  // When Business on-device login lands, this becomes the boundary that a
-  // logged-in QA/support seat crosses WITHOUT a key in the build — i.e.
-  // `isLicensed || tierSource === "session"`. Nothing else should.
-  const isDevelopment = typeof __DEV__ !== "undefined" && __DEV__;
-  if (!isDevelopment && !isLicensed) {
-    // Free or unadmitted user in production - don't render DevTools.
-    // NOTE for whoever relaxes this for the free tier: desktop sync does NOT
-    // ride on this check. It re-tests `isLicensed` itself (externalSyncGate),
-    // so opening this door does not open a broker socket. Keep it that way.
-    return null;
-  }
-
-  // Zero-config in dev; in a release bundle the app must opt in explicitly
-  // (externalSync.enableInRelease) AND hold a real Pro license — see
-  // externalSyncGate.ts for why both halves are required.
-  const syncEnabled = shouldMountExternalSync({
-    isDevelopment,
-    isLicensed,
-    externalSync,
-    isAvailable: isExternalSyncAvailable()
-  });
-
-  // The on-device action registry is published unconditionally, separately
-  // from the broker socket. They used to be the same mount: `registerToolAdapters`
-  // lived inside AutoExternalSync, so anything driving tools from INSIDE the
-  // app (the Scenarios runner, Ask Buoy) got an empty registry in exactly the
-  // builds where sync was off, and every dispatch threw `Unknown tool`.
-  // Publishing the map opens no socket and contacts nothing.
-  const toolRegistry = /*#__PURE__*/_jsx(ToolRegistryPublisher, {
-    requiredEnvVars: requiredEnvVars,
-    customApps: syncApps
-  });
-  if (!accountAdmitted) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [access.status === "initializing" && /*#__PURE__*/_jsxs(_Fragment, {
-        children: [ReduxAutoInstrument && /*#__PURE__*/_jsx(ReduxAutoInstrument, {}), ConsoleRoot && /*#__PURE__*/_jsx(ConsoleRoot, {}), RouteTracker && /*#__PURE__*/_jsx(RouteTracker, {}), ReactQueryTracker && /*#__PURE__*/_jsx(ReactQueryTracker, {})]
-      }), !headless && /*#__PURE__*/_jsx(AccountSetup, {})]
-    });
-  }
-
-  // Headless (sync-only): tool adapters + route tracking + desktop sync, no
-  // on-device UI. Account admission above applies to this path too. All hooks above already ran, so hook order is preserved, and
-  // AutoExternalSync still obeys `syncEnabled` (the broker must never be
-  // contacted from a shipped build that didn't ask for it).
-  if (headless) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [ReduxAutoInstrument && /*#__PURE__*/_jsx(ReduxAutoInstrument, {}), ConsoleRoot && /*#__PURE__*/_jsx(ConsoleRoot, {}), RouteTracker && /*#__PURE__*/_jsx(RouteTracker, {}), ReactQueryTracker && /*#__PURE__*/_jsx(ReactQueryTracker, {}), toolRegistry, syncEnabled && /*#__PURE__*/_jsx(AutoExternalSync, {
-        options: externalSyncOptions(externalSync),
-        requiredEnvVars: requiredEnvVars,
-        isPro: isLicensed,
-        tier: tier,
-        licenseKey: licenseKey,
-        customApps: syncApps
-      })]
-    });
-  }
-
-  // Session blocking is handled inline by JsModal's SessionBlockedOverlay
-  // No need to replace the entire UI - tools still render, but content is blocked
-
-  return /*#__PURE__*/_jsx(DefaultConfigProvider, {
-    defaultFloatingTools: defaultFloatingTools,
-    defaultDialTools: normalizedDialTools,
-    children: /*#__PURE__*/_jsx(HintsProvider, {
-      disableHints: disableHints,
-      children: /*#__PURE__*/_jsx(View, {
-        style: styles.container,
-        pointerEvents: "box-none"
-        // @ts-expect-error — deliberate marker prop, not part of ViewProps.
-        ,
-        __buoyDevToolsRoot: true,
-        children: /*#__PURE__*/_jsxs(DevToolsVisibilityProvider, {
-          children: [/*#__PURE__*/_jsx(AppHostProvider, {
-            children: /*#__PURE__*/_jsxs(MinimizedToolsProvider, {
-              getToolIcon: getToolIcon,
-              children: [/*#__PURE__*/_jsx(FloatingMenu, {
-                ...props,
-                apps: finalApps,
-                environment: resolvedEnvironment
-              }), props.hidden ? null : /*#__PURE__*/_jsxs(_Fragment, {
-                children: [/*#__PURE__*/_jsx(AppOverlay, {}), /*#__PURE__*/_jsx(FloatingToolHost, {})]
-              }), /*#__PURE__*/_jsx(ToolOpenerBridge, {})]
-            })
-          }), children, DebugBordersOverlay && /*#__PURE__*/_jsx(DebugBordersOverlay, {}), HighlightUpdatesOverlay && /*#__PURE__*/_jsx(HighlightUpdatesOverlay, {}), ImageOverlayOverlay && /*#__PURE__*/_jsx(ImageOverlayOverlay, {}), PerfMonitorOverlay && /*#__PURE__*/_jsx(PerfMonitorOverlay, {}), JsTopOverlay && /*#__PURE__*/_jsx(JsTopOverlay, {}), ImpersonateOverlay && /*#__PURE__*/_jsx(ImpersonateOverlay, {}), ScenariosOverlay && /*#__PURE__*/_jsx(ScenariosOverlay, {}), ReduxAutoInstrument && /*#__PURE__*/_jsx(ReduxAutoInstrument, {}), ConsoleRoot && /*#__PURE__*/_jsx(ConsoleRoot, {}), RouteTracker && /*#__PURE__*/_jsx(RouteTracker, {}), ReactQueryTracker && /*#__PURE__*/_jsx(ReactQueryTracker, {}), toolRegistry, syncEnabled && /*#__PURE__*/_jsx(AutoExternalSync, {
-            options: externalSyncOptions(externalSync),
-            requiredEnvVars: requiredEnvVars,
-            isPro: isLicensed,
-            tier: tier,
-            licenseKey: licenseKey,
-            customApps: syncApps
-          })]
-        })
-      })
-    })
-  });
-};
-const styles = StyleSheet.create({
-  container: {
-    position: "absolute",
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    zIndex: 9999
-  }
-});
+"use strict";import{FloatingToolHost as re}from"@buoy-gg/shared-ui";import{AccountSetup as te}from"@buoy-gg/shared-ui";import Pe,{useMemo as t,useCallback as oe,useEffect as I}from"react";import{View as w,StyleSheet as B}from"react-native";import{AppHostProvider as ne}from"./AppHost";import{FloatingMenu as ie}from"./FloatingMenu.js";import{AppOverlay as se}from"./AppHost";import{ToolOpenerBridge as ue}from"./ToolOpenerBridge.js";import{autoDiscoverPresets as ce,autoDiscoverPresetsWithCustom as le}from"./autoDiscoverPresets.js";import{sendInstallPing as ae}from"../telemetry/installPing.js";import{isTelemetryEnabled as ge}from"../Buoy.js";import{renderAppIcon as ye}from"./AppIcon";import{DevToolsVisibilityProvider as me}from"./DevToolsVisibilityContext.js";import{reportOptionalRequireError as n}from"./optionalRequire.js";import{HintsProvider as pe,normalizeEnvironment as de}from"@buoy-gg/shared-ui";import{MinimizedToolsProvider as fe}from"./MinimizedToolsContext.js";import{validateDialConfig as be}from"./defaultConfig.js";import{DefaultConfigProvider as ve}from"./DefaultConfigContext.js";import{LicenseManager as he,useProAccess as Oe,useLicense as Te}from"@buoy-gg/license";import{AutoExternalSync as J,ToolRegistryPublisher as Ae,isExternalSyncAvailable as qe}from"./autoExternalSync.js";import{externalSyncOptions as N,shouldMountExternalSync as Ee}from"./externalSyncGate.js";import{jsx as r,Fragment as v,jsxs as g}from"react/jsx-runtime";export const FloatingDevTools=({apps:h,requiredEnvVars:i,requiredStorageKeys:m,askBuoy:O,children:Q,disableHints:W=false,defaultFloatingTools:G,defaultDialTools:p,requireLicense:xe,licenseKey:d,zustandStores:T,environment:X,externalSync:A=true,headless:D=false,...P})=>{const Y=X??de(process.env.NODE_ENV??"dev");const{isLicensed:f}=Oe();const{licenseKey:q,isInitialized:k,tier:b,access:s}=Te();const Z=d===void 0||d.trim().toUpperCase()===(q??"");const $=Z&&s.status==="admitted";I(()=>{if(!k||s.status==="initializing")return;void ae({tier:s.status==="admitted"?b:"locked",enabled:ge()})},[k,s.status,b]);I(()=>{void he.configure(d).catch(()=>{})},[d]);I(()=>{if(!T||s.status==="locked")return;try{const{watchStores:e}=require("@buoy-gg/zustand");return e(T)}catch(e){n("@buoy-gg/zustand",e)}},[T,s.status]);const K=t(()=>{if(p){return be(p)}return p},[p]);const E=t(()=>{const e=[];if(i&&i.length>0){try{const{createEnvTool:o,createEnvVarConfig:R}=require("@buoy-gg/env");e.push(o({requiredEnvVars:R(i)}))}catch(o){n("@buoy-gg/env",o)}}if(m&&m.length>0){try{const{createStorageTool:o}=require("@buoy-gg/storage");e.push(o({requiredStorageKeys:m}))}catch(o){n("@buoy-gg/storage",o)}}if(O){try{const{createAskBuoyTool:o}=require("@buoy-gg/ask-buoy");e.push(o(O))}catch(o){n("@buoy-gg/ask-buoy",o)}}return e},[i,m,O]);const _=t(()=>{if(!h&&E.length===0)return void 0;return[...h||[],...E]},[h,E]);const y=t(()=>_?le(_):ce(),[_]);const x=t(()=>y.filter(e=>e.sync),[y]);const z=t(()=>{try{const{DebugBordersStandaloneOverlay:e}=require("@buoy-gg/debug-borders");return e}catch(e){n("@buoy-gg/debug-borders",e);return null}},[]);const C=t(()=>{try{const{HighlightUpdatesOverlay:e}=require("@buoy-gg/highlight-updates");return e}catch(e){n("@buoy-gg/highlight-updates",e);return null}},[]);const M=t(()=>{try{const{ImageOverlayStandalone:e}=require("@buoy-gg/image-overlay");return e}catch(e){n("@buoy-gg/image-overlay",e);return null}},[]);const F=t(()=>{try{const{PerfMonitorOverlay:e}=require("@buoy-gg/perf-monitor");return e}catch(e){n("@buoy-gg/perf-monitor",e);return null}},[]);const H=t(()=>{try{const{JsTopHudOverlay:e}=require("@buoy-gg/js-top");return e}catch(e){n("@buoy-gg/js-top",e);return null}},[]);const u=t(()=>{try{const{RouteTracker:e}=require("@buoy-gg/route-events");return e}catch(e){n("@buoy-gg/route-events",e);return null}},[]);const c=t(()=>{try{const{ReactQueryTracker:e}=require("@buoy-gg/react-query");return e}catch(e){n("@buoy-gg/react-query",e);return null}},[]);const j=t(()=>{try{const{ImpersonateOverlay:e}=require("@buoy-gg/impersonate");return e}catch(e){n("@buoy-gg/impersonate",e);return null}},[]);const S=t(()=>{try{const{ScenariosOverlay:e}=require("@buoy-gg/scenarios");return e}catch(e){n("@buoy-gg/scenarios",e);return null}},[]);const l=t(()=>{try{const{ReduxAutoInstrument:e}=require("@buoy-gg/redux");return e??null}catch(e){n("@buoy-gg/redux",e);return null}},[]);const a=t(()=>{try{const{ConsoleRoot:e}=require("@buoy-gg/console");return e??null}catch(e){n("@buoy-gg/console",e);return null}},[]);const ee=oe(e=>{const o=y.find(R=>R.id===e);if(!o)return null;return ye(o.icon,{slot:"dial",size:20,color:o.color})},[y]);const L=typeof __DEV__!=="undefined"&&__DEV__;if(!L&&!f){return null}const V=Ee({isDevelopment:L,isLicensed:f,externalSync:A,isAvailable:qe()});const U=r(Ae,{requiredEnvVars:i,customApps:x});if(!$){return g(v,{children:[s.status==="initializing"&&g(v,{children:[l&&r(l,{}),a&&r(a,{}),u&&r(u,{}),c&&r(c,{})]}),!D&&r(te,{})]})}if(D){return g(v,{children:[l&&r(l,{}),a&&r(a,{}),u&&r(u,{}),c&&r(c,{}),U,V&&r(J,{options:N(A),requiredEnvVars:i,isPro:f,tier:b,licenseKey:q,customApps:x})]})}return r(ve,{defaultFloatingTools:G,defaultDialTools:K,children:r(pe,{disableHints:W,children:r(w,{style:_e.container,pointerEvents:"box-none",__buoyDevToolsRoot:true,children:g(me,{children:[M&&r(w,{style:B.absoluteFill,pointerEvents:"box-none",collapsable:false,children:r(M,{})}),r(ne,{children:g(fe,{getToolIcon:ee,children:[r(ie,{...P,apps:y,environment:Y}),P.hidden?null:g(v,{children:[r(se,{}),r(re,{})]}),r(ue,{})]})}),Q,z&&r(z,{}),C&&r(C,{}),F&&r(F,{}),H&&r(H,{}),j&&r(j,{}),S&&r(S,{}),l&&r(l,{}),a&&r(a,{}),u&&r(u,{}),c&&r(c,{}),U,V&&r(J,{options:N(A),requiredEnvVars:i,isPro:f,tier:b,licenseKey:q,customApps:x})]})})})})};const _e=B.create({container:{position:"absolute",top:0,left:0,right:0,bottom:0,zIndex:9999}});