@buoy-gg/core 7.0.40 → 7.0.41

package/lib/module/floatingMenu/FloatingDevTools.js

@@ -515,7 +515,12 @@ export const FloatingDevTools = ({
         ,
         __buoyDevToolsRoot: true,
         children: /*#__PURE__*/_jsxs(DevToolsVisibilityProvider, {
-          children: [/*#__PURE__*/_jsx(AppHostProvider, {
+          children: [ImageOverlayOverlay && /*#__PURE__*/_jsx(View, {
+            style: StyleSheet.absoluteFill,
+            pointerEvents: "box-none",
+            collapsable: false,
+            children: /*#__PURE__*/_jsx(ImageOverlayOverlay, {})
+          }), /*#__PURE__*/_jsx(AppHostProvider, {
             children: /*#__PURE__*/_jsxs(MinimizedToolsProvider, {
               getToolIcon: getToolIcon,
               children: [/*#__PURE__*/_jsx(FloatingMenu, {
@@ -526,7 +531,7 @@ export const FloatingDevTools = ({
                 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, {
+          }), children, DebugBordersOverlay && /*#__PURE__*/_jsx(DebugBordersOverlay, {}), HighlightUpdatesOverlay && /*#__PURE__*/_jsx(HighlightUpdatesOverlay, {}), 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,

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

@@ -3,25 +3,6 @@
 import { FloatingToolHost } from "@buoy-gg/shared-ui/floating";
 import { LicenseManager, useLicense } from "@buoy-gg/license";
 import { AccountSetup } from "@buoy-gg/shared-ui";
-/**
- * FloatingDevTools - Unified dev tools component for React DOM Web.
- *
- * Matches the mobile FloatingDevTools API exactly:
- * - Self-contained (doesn't wrap your app)
- * - Auto-discovers installed tool packages
- * - Manages dial menu and settings modal state internally
- *
- * Usage (same as mobile):
- * ```tsx
- * <>
- *   <YourApp />
- *   <FloatingDevTools environment="qa" userRole="admin" />
- * </>
- * ```
- *
- * @platform React DOM Web (Vite, CRA, Next.js, Electron)
- */
-
 import { useState, useMemo, useCallback, useEffect, useRef } from 'react';
 import { useSettings, getToolLabel, getToolDescription, getToolColor } from '@buoy-gg/floating-tools-react';
 import { persistentStorage, devToolsStorageKeys, EnvironmentIndicator, EnvironmentSelectorInline } from '@buoy-gg/shared-ui';
@@ -33,18 +14,15 @@ import { OnboardingTooltip } from "./dial/OnboardingTooltip.web.js";
 import { SettingsModal } from "./DevToolsSettingsModal.web.js";
 import { AppHostProvider, AppOverlay, useAppHost } from "./AppHost.web.js";
 import { MinimizedToolsStack } from "./MinimizedToolsStack.web.js";
+import { createWebTools } from "../utils/createWebTools.js";
+import { BrowserToolRuntime } from "./BrowserToolRuntime.js";
+import { DevToolsVisibilityProvider, useDevToolsVisibility } from "./DevToolsVisibilityContext.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EMPTY_MODULES = {};
 
 // native FloatingMenu.tsx TOOLTIP_SHOWN_KEY
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MENU_TOOLTIP_KEY = '@react_buoy_floating_menu_tooltip_shown';
-
-// Same localStorage adapter the settings modal uses — without it, useSettings
-// never loads persisted settings and this instance sits on defaults across
-// launches (live changes still arrive via the settings event bus).
-const webSettingsStorage = {
-  getItem: key => localStorage.getItem(key),
-  setItem: (key, value) => localStorage.setItem(key, value)
-};
+const webSettingsStorage = persistentStorage;
 
 // =============================
 // Types
@@ -90,9 +68,11 @@ function MenuLauncherIcon({
 function AdmittedFloatingDevTools(props) {
   // The tool host wraps everything so dial presses can open tool components
   // into the AppOverlay (web twin of the native AppHostProvider/AppOverlay).
-  return /*#__PURE__*/_jsx(AppHostProvider, {
-    children: /*#__PURE__*/_jsx(FloatingDevToolsInner, {
-      ...props
+  return /*#__PURE__*/_jsx(DevToolsVisibilityProvider, {
+    children: /*#__PURE__*/_jsx(AppHostProvider, {
+      children: /*#__PURE__*/_jsx(FloatingDevToolsInner, {
+        ...props
+      })
     })
   });
 }
@@ -102,6 +82,10 @@ function FloatingDevToolsInner({
   availableEnvironments,
   onEnvironmentSwitch,
   apps,
+  modules = EMPTY_MODULES,
+  externalSync,
+  requiredEnvVars,
+  sentryGetClient,
   disableHints = false,
   headless = false
 }) {
@@ -112,7 +96,15 @@ function FloatingDevToolsInner({
   const appHost = useAppHost();
 
   // Auto-discover tools and merge with custom apps
-  const tools = useMemo(() => autoDiscoverWithCustom(apps), [apps]);
+  const tools = useMemo(() => autoDiscoverWithCustom([...createWebTools(modules), ...(apps ?? [])]), [apps, modules]);
+  const visibility = useDevToolsVisibility();
+  const toolVisible = appHost.openApps.some(app => !app.minimized);
+  useEffect(() => {
+    visibility.setDialOpen(isDialOpen);
+  }, [isDialOpen, visibility.setDialOpen]);
+  useEffect(() => {
+    visibility.setToolOpen(toolVisible || isSettingsOpen);
+  }, [toolVisible, isSettingsOpen, visibility.setToolOpen]);
 
   // Let the host restore `@react_buoy_open_apps` from the previous session
   // once it knows which tools exist (native registerApps parity).
@@ -120,7 +112,15 @@ function FloatingDevToolsInner({
     registerApps
   } = appHost;
   useEffect(() => {
-    registerApps(tools);
+    registerApps(tools.map(tool => {
+      const icon = tool.icon;
+      return {
+        ...tool,
+        icon: typeof icon === 'function' ? ({
+          size
+        }) => icon(size) : icon
+      };
+    }));
   }, [registerApps, tools]);
 
   // Convert to available tools config for settings
@@ -171,6 +171,10 @@ function FloatingDevToolsInner({
   // Shared open path for dial + bubble-row tools.
   const openTool = useCallback(tool => {
     void recordToolUsage(tool.id);
+    if (tool.launchMode === 'toggle-only') {
+      tool.onPress?.();
+      return;
+    }
     if (tool.component) {
       const dockIcon = typeof tool.icon === 'function' ? tool.icon(20) : tool.icon;
       appHost.open({
@@ -178,6 +182,7 @@ function FloatingDevToolsInner({
         title: tool.name || getToolLabel(tool.id),
         component: tool.component,
         props: tool.props,
+        modal: tool.modal,
         launchMode: tool.launchMode || 'self-modal',
         singleton: tool.singleton ?? true,
         icon: dockIcon,
@@ -272,9 +277,9 @@ function FloatingDevToolsInner({
   // Callbacks
   const handleOpenDial = useCallback(() => {
     // Opening the dial dismisses the welcome tooltip (native handleDialOpen).
-    if (showWelcomeTooltip) dismissWelcomeTooltip();
+    dismissWelcomeTooltip();
     setIsDialOpen(true);
-  }, [showWelcomeTooltip, dismissWelcomeTooltip]);
+  }, [dismissWelcomeTooltip]);
   const handleCloseDial = useCallback(() => {
     setIsDialOpen(false);
     setIsSettingsOpen(false); // settings lives above the dial
@@ -289,13 +294,21 @@ function FloatingDevToolsInner({
   const environmentEnabled = settings.floatingTools.environment !== false;
   const welcomeActive = showWelcomeTooltip && !isDialOpen && !isAnyToolOpen;
   const hasMinimizedTools = appHost.openApps.some(app => app.minimized && app.launchMode !== 'toggle-only');
-
-  // Headless: desktop sync is native-only, so there is nothing to mount on
-  // web — accept the prop for API parity and render nothing. (After all
-  // hooks so hook order is preserved.)
-  if (headless) return null;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [welcomeActive && /*#__PURE__*/_jsx("div", {
+  const runtime = /*#__PURE__*/_jsx(BrowserToolRuntime, {
+    modules: modules,
+    apps: apps,
+    requiredEnvVars: requiredEnvVars,
+    externalSync: externalSync,
+    headless: headless,
+    sentryGetClient: sentryGetClient
+  });
+  if (headless) return runtime;
+  return /*#__PURE__*/_jsxs("div", {
+    "data-buoy-root": "",
+    style: {
+      display: 'contents'
+    },
+    children: [runtime, welcomeActive && /*#__PURE__*/_jsx("div", {
       style: {
         position: 'fixed',
         inset: 0,

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

@@ -255,12 +255,16 @@ export function MinimizedToolsStack({
     children: [/*#__PURE__*/_jsx("div", {
       style: {
         position: 'absolute',
-        bottom: 0,
+        bottom: 'var(--buoy-stack-bottom, 0px)',
+        top: 'var(--buoy-stack-top, auto)',
         left: 0,
         width: containerWidth,
+        maxHeight: 'var(--buoy-stack-space, calc(100vh - 48px))',
+        visibility: isExpanded ? 'visible' : 'hidden',
         height: isExpanded ? expandedHeight : 0,
         opacity: isExpanded ? 1 : 0,
-        overflow: 'hidden',
+        overflowY: 'auto',
+        overflowX: 'hidden',
         transition: 'height 200ms ease, opacity 200ms ease',
         pointerEvents: isExpanded ? 'auto' : 'none',
         ...frame
@@ -311,6 +315,8 @@ export function MinimizedToolsStack({
     }), /*#__PURE__*/_jsxs("button", {
       type: "button",
       "aria-label": `Show ${minimized.length} minimized tools`,
+      tabIndex: isExpanded ? -1 : 0,
+      "aria-hidden": isExpanded,
       onClick: () => setIsExpanded(true),
       style: {
         position: 'absolute',

package/lib/module/floatingMenu/autoDiscoverPresets.js

@@ -184,6 +184,16 @@ export function autoDiscoverPresets() {
         return null;
       }
     }
+  }, {
+    name: "@buoy-gg/notifications",
+    loader: () => {
+      try {
+        return require("@buoy-gg/notifications").notificationToolPreset;
+      } catch (e) {
+        reportOptionalRequireError("@buoy-gg/notifications", e);
+        return null;
+      }
+    }
   },
   // Sentry
   {

package/lib/module/floatingMenu/autoExternalSync.js

@@ -46,6 +46,12 @@ let jotaiModule = null;
 let eventsModule = null;
 let consoleModule = null;
 let sentryModule = null;
+let notificationsModule = null;
+try {
+  notificationsModule = require("@buoy-gg/notifications");
+} catch (e) {
+  reportOptionalRequireError("@buoy-gg/notifications", e);
+}
 let envModule = null;
 let highlightUpdatesModule = null;
 let debugBordersModule = null;
@@ -348,6 +354,9 @@ function useToolAdapterMapInner(queryAdapter, requiredEnvVars, customApps) {
     if (consoleModule?.consoleSyncAdapter) {
       map.console = consoleModule.consoleSyncAdapter;
     }
+    if (notificationsModule?.notificationSyncAdapter) {
+      map["push-notifications"] = notificationsModule.notificationSyncAdapter;
+    }
     if (sentryModule?.sentrySyncAdapter) {
       map.sentry = sentryModule.sentrySyncAdapter;
     }

package/lib/module/floatingMenu/dial/DialDevTools.web.js

@@ -14,11 +14,16 @@
 
 import { useState, useEffect, useMemo, useRef, useCallback } from 'react';
 import { getDialLayout, getAllIconPositions, getGridLineRotations, getIconStaggerInputRange, MAX_DIAL_SLOTS, DIAL_ICON_SIZE, dialAnimationConfig, getDialCSSKeyframesString, getDialCSSAnimationStyles, dialColors, dialStyles, withAlpha, floatingToolsColors } from '@buoy-gg/floating-tools-react';
-import { persistentStorage, monoFont } from '@buoy-gg/shared-ui';
+import { persistentStorage, monoFont, ToolBackground, useToolBackground } from '@buoy-gg/shared-ui';
+import { DialHyperspace } from "./DialHyperspace.js";
 import { OnboardingTooltip } from "./OnboardingTooltip.web.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const DIAL_BACKGROUND_FOCUS = {
+  x: 0.5,
+  y: 0.5
+};
 
 // native DialDevTools.tsx SETTINGS_TOOLTIP_KEY
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const SETTINGS_TOOLTIP_KEY = '@react_buoy_settings_tooltip_shown';
 
 // Inject CSS keyframes once on module load
@@ -291,6 +296,10 @@ export function DialMenu({
   settingsOpen = false,
   hintsDisabled = false
 }) {
+  const {
+    id: backgroundId
+  } = useToolBackground();
+
   // Animation values
   const [backdropOpacity, setBackdropOpacity] = useState(0);
   const [dialScale, setDialScale] = useState(0);
@@ -305,6 +314,8 @@ export function DialMenu({
   const [entranceComplete, setEntranceComplete] = useState(false);
 
   // Refs
+  const dialogRef = useRef(null);
+  const centerRef = useRef(null);
   const animationRef = useRef(null);
   const isClosingRef = useRef(false);
 
@@ -317,9 +328,22 @@ export function DialMenu({
   const cssAnimations = getDialCSSAnimationStyles();
 
   // Layout
+  const [viewport, setViewport] = useState(() => ({
+    width: window.innerWidth,
+    height: window.innerHeight
+  }));
+  useEffect(() => {
+    const resize = () => setViewport({
+      width: window.innerWidth,
+      height: window.innerHeight
+    });
+    window.addEventListener('resize', resize);
+    return () => window.removeEventListener('resize', resize);
+  }, []);
   const layout = useMemo(() => getDialLayout({
-    screenWidth: window.innerWidth
-  }), []);
+    screenWidth: viewport.width,
+    maxCircleSize: Math.max(120, Math.min(320, viewport.height - 96))
+  }), [viewport]);
   const gridRotations = useMemo(() => getGridLineRotations(), []);
   const positions = useMemo(() => getAllIconPositions(MAX_DIAL_SLOTS, layout.iconRadius), [layout.iconRadius]);
 
@@ -466,17 +490,44 @@ export function DialMenu({
     };
     animationRef.current = requestAnimationFrame(animate);
   }, [exit, onClose]);
-
-  // Document-level Escape key handler
   useEffect(() => {
-    const handleKeyDown = e => {
-      if (e.key === 'Escape') {
+    const opener = document.activeElement;
+    const dialog = dialogRef.current;
+    return () => {
+      if (opener?.isConnected && (document.activeElement === document.body || dialog?.contains(document.activeElement))) {
+        opener.focus();
+      }
+    };
+  }, []);
+  useEffect(() => {
+    if (settingsOpen) return;
+    centerRef.current?.focus();
+    const handleKeyDown = event => {
+      const dialog = dialogRef.current;
+      if (!dialog) return;
+      if (event.key === 'Escape') {
+        event.preventDefault();
         handleClose();
+      } else if (event.key === 'Tab') {
+        const controls = Array.from(dialog.querySelectorAll('button:not(:disabled):not([aria-disabled="true"]), [tabindex="0"]')).filter(element => element.getClientRects().length > 0);
+        const first = controls[0];
+        const last = controls[controls.length - 1];
+        if (!dialog.contains(document.activeElement) || (event.shiftKey ? document.activeElement === first : document.activeElement === last)) {
+          event.preventDefault();
+          (event.shiftKey ? last : first)?.focus();
+        }
+      } else if (['ArrowRight', 'ArrowDown', 'ArrowLeft', 'ArrowUp', 'Home', 'End'].includes(event.key)) {
+        const items = Array.from(dialog.querySelectorAll('[role="menuitem"]:not([aria-disabled="true"])'));
+        const current = items.indexOf(document.activeElement);
+        if (current < 0 || !items.length) return;
+        event.preventDefault();
+        const next = event.key === 'Home' ? 0 : event.key === 'End' ? items.length - 1 : (current + (event.key === 'ArrowRight' || event.key === 'ArrowDown' ? 1 : -1) + items.length) % items.length;
+        items[next].focus();
       }
     };
     document.addEventListener('keydown', handleKeyDown);
     return () => document.removeEventListener('keydown', handleKeyDown);
-  }, [handleClose]);
+  }, [handleClose, settingsOpen]);
 
   // Settings onboarding tooltip — native DialDevTools.tsx:174-196: shown
   // 1200ms after the dial mounts (entrance animations settle first) if never
@@ -552,6 +603,7 @@ export function DialMenu({
   const hubClearance = layout.buttonSize * dialStyles.centerButton.containerRatio / 2 + 6;
   const isAnimating = entranceComplete && !isExiting;
   return /*#__PURE__*/_jsxs("div", {
+    ref: dialogRef,
     role: "dialog",
     "aria-label": "Dial Menu",
     "aria-modal": "true",
@@ -560,15 +612,16 @@ export function DialMenu({
       inset: 0,
       zIndex: 10000
     },
-    children: [/*#__PURE__*/_jsx("div", {
-      role: "button",
+    children: [/*#__PURE__*/_jsx("button", {
+      type: "button",
       "aria-label": "Close dial menu",
       tabIndex: 0,
       onClick: handleClose,
-      onKeyDown: e => e.key === 'Escape' && handleClose(),
       style: {
         position: 'absolute',
         inset: 0,
+        border: 0,
+        padding: 0,
         backgroundColor: dialColors.dialBackdrop,
         opacity: backdropOpacity
       }
@@ -638,7 +691,20 @@ export function DialMenu({
             backgroundColor: dialColors.dialGridLine
           }
         }, side))
-      }, deg)), paddedIcons.map((icon, index) => /*#__PURE__*/_jsx(DialIconItem, {
+      }, deg)), /*#__PURE__*/_jsx("div", {
+        "data-testid": "dial-background",
+        "data-background": backgroundId,
+        style: {
+          position: 'absolute',
+          inset: 0,
+          pointerEvents: 'none'
+        },
+        children: backgroundId === 'hyperspace' ? /*#__PURE__*/_jsx(DialHyperspace, {
+          size: layout.circleSize
+        }) : /*#__PURE__*/_jsx(ToolBackground, {
+          focus: DIAL_BACKGROUND_FOCUS
+        })
+      }), paddedIcons.map((icon, index) => /*#__PURE__*/_jsx(DialIconItem, {
         icon: icon,
         index: index,
         totalIcons: paddedIcons.length,
@@ -704,11 +770,18 @@ export function DialMenu({
             alignItems: 'center',
             justifyContent: 'center'
           },
-          children: /*#__PURE__*/_jsx("div", {
+          children: /*#__PURE__*/_jsx("button", {
+            ref: centerRef,
+            type: "button",
+            "aria-label": settingsOpen ? 'Close settings' : 'Open settings',
+            disabled: !onCenterPress,
             onClick: onCenterPress,
             onMouseEnter: () => setIsHoveringCenter(true),
             onMouseLeave: () => setIsHoveringCenter(false),
             style: {
+              border: 0,
+              padding: 0,
+              background: 'transparent',
               width: layout.buttonSize,
               height: layout.buttonSize,
               borderRadius: layout.buttonSize / 2,

package/lib/module/floatingMenu/dial/DialIcon.js

@@ -23,11 +23,13 @@ const DIAL_A11Y = {
   "time-machine": "Time Machine",
   "highlight-updates": "Highlight Updates",
   "debug-borders": "Debug Borders",
-  "perf-monitor": "Perf Monitor",
+  // Bench (@buoy-gg/perf-monitor) has two dial entries: the HUD toggle and
+  // the tool. Both used to read "Perf Monitor", a name the product no longer uses.
+  "perf-monitor": "Bench HUD",
   "js-top": "JS Top",
   "js-top-modal": "JS Top",
   impersonate: "Impersonate",
-  "perf-monitor-modal": "Perf Monitor"
+  "perf-monitor-modal": "Bench"
 };
 function dialAccessibilityLabel(id, name) {
   if (id && DIAL_A11Y[id]) return DIAL_A11Y[id];

package/lib/module/floatingMenu/settingsBus.js

@@ -1,19 +1,3 @@
 "use strict";
 
-class SimpleEventBus {
-  listeners = new Set();
-  emit(payload) {
-    this.listeners.forEach(l => {
-      try {
-        l(payload);
-      } catch (e) {
-        console.error("Error emitting event:", e);
-      }
-    });
-  }
-  addListener(listener) {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  }
-}
-export const settingsBus = new SimpleEventBus();
+export { settingsEventBus as settingsBus } from "@buoy-gg/floating-tools-core";

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

@@ -0,0 +1,10 @@
+"use strict";
+
+import { useSyncExternalStore } from "react";
+import { getRegisteredToolModule } from "@buoy-gg/shared-ui";
+const noopSubscribe = () => () => {};
+const serverSnapshot = () => null;
+export function useDesktopSyncStatus() {
+  const sync = getRegisteredToolModule("@buoy-gg/external-sync");
+  return useSyncExternalStore(sync?.subscribeSyncStatus ?? noopSubscribe, () => sync?.getSyncStatus?.() ?? null, serverSnapshot);
+}

package/lib/module/index.web.js

@@ -11,6 +11,8 @@
 
 // Export unified component - primary interface (web version)
 export { FloatingDevTools } from "./floatingMenu/FloatingDevTools.web.js";
+export { createWebTool } from "./utils/createWebTool.js";
+
 // Export individual web components for advanced use cases
 export { FloatingTools, UserStatus, Divider } from "./floatingMenu/floatingTools.web.js";
 export { DialMenu } from "./floatingMenu/dial/DialDevTools.web.js";
@@ -26,4 +28,9 @@ export { autoDiscoverWebPresets, autoDiscoverWithCustom, getToolsBySlot, getEnab
 // Re-export types from floating-tools-react for convenience
 
 // Re-export commonly used utilities from floating-tools-react
-export { useSettings, useFloatingTools, getToolLabel, getToolDescription, getToolColor, settingsColors, settingsStyles, dialColors, dialStyles } from "@buoy-gg/floating-tools-react";
+export { useSettings, useFloatingTools, getToolLabel, getToolDescription, getToolColor, settingsColors, settingsStyles, dialColors, dialStyles } from "@buoy-gg/floating-tools-react";
+export { createWebTools } from "./utils/createWebTools.js";
+export * from "./toolkit.js";
+export { useToolHost, useToolHeader } from "./floatingMenu/ToolHost.js";
+export { DevToolsVisibilityProvider, useDevToolsVisibility } from "./floatingMenu/DevToolsVisibilityContext.js";
+export { appSyncAdapter } from "./floatingMenu/sync/appSyncAdapter.js";

package/lib/module/reactDevtoolsTypes.js

@@ -0,0 +1 @@
+"use strict";