@buoy-gg/core 7.0.36 → 7.0.39

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

@@ -3,518 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Divider = Divider;
-exports.FloatingTools = FloatingTools;
-exports.UserStatus = UserStatus;
-exports.getBubbleAnchorPosition = getBubbleAnchorPosition;
-var _react = require("react");
-var _onboardingConstantsWeb = require("./dial/onboardingConstants.web.js");
-var _floatingToolsReact = require("@buoy-gg/floating-tools-react");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * FloatingTools - Web renderer using shared React bindings.
- *
- * This file contains ONLY web-specific code (React DOM):
- * - Pointer event handling (mouse + touch — WKWebView/Capacitor included)
- * - requestAnimationFrame animation
- * - Web JSX (div, span)
- * - localStorage adapter
- *
- * All logic is shared via @buoy-gg/floating-tools-react
- *
- * @platform React DOM Web (Vite, CRA, Next.js, Electron)
- */
-
-// Re-export for consumers
-
-// =============================
-// Web Storage Adapter
-// =============================
-const webStorageAdapter = {
-  getItem: key => localStorage.getItem(key),
-  setItem: (key, value) => localStorage.setItem(key, value)
-};
-
-// =============================
-// Native color values not present in floatingToolsColors
-// (core's `secondary` is #E0E0E0 = buoyColors.text; the native bubble uses
-// buoyColors.textSecondary #A0A0A0 for grip dots and "User" label text.
-// Inlined here rather than changed in core because dial.ts also consumes
-// floatingToolsColors.secondary for other surfaces.)
-// =============================
-// native shared-ui gameUIColors.ts: buoyColors.textSecondary = "#A0A0A0"
-const NATIVE_TEXT_SECONDARY = '#A0A0A0';
-
-// =============================
-// GripVerticalIcon (web JSX)
-// =============================
-function GripVerticalIcon({
-  size = 24,
-  // native shared-ui GripVerticalIcon.tsx: buoyColors.textSecondary + "CC"
-  color = (0, _floatingToolsReact.withAlpha)(NATIVE_TEXT_SECONDARY, 'CC')
-}) {
-  const layout = (0, _floatingToolsReact.getGripIconLayout)(size);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      width: size,
-      height: size,
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    children: [0, 1].map(col => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        display: 'flex',
-        flexDirection: 'column',
-        alignItems: 'center',
-        justifyContent: 'center',
-        // native GripVerticalIcon.tsx: marginHorizontal columnGap / 2
-        marginLeft: layout.columnGap / 2,
-        marginRight: layout.columnGap / 2
-      },
-      children: [0, 1, 2].map(row => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          width: layout.dotSize,
-          height: layout.dotSize,
-          borderRadius: layout.dotSize / 2,
-          backgroundColor: color,
-          // native GripVerticalIcon.tsx: marginVertical rowGap / 2
-          marginTop: layout.rowGap / 2,
-          marginBottom: layout.rowGap / 2
-        }
-      }, row))
-    }, col))
-  });
-}
-
-// =============================
-// Divider (web JSX)
-// =============================
-function Divider() {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      width: 1,
-      height: 12,
-      backgroundColor: (0, _floatingToolsReact.withAlpha)(_floatingToolsReact.floatingToolsColors.muted, '66'),
-      flexShrink: 0
-    }
-  });
-}
-
-// =============================
-// UserStatus (web JSX)
-// =============================
-// Mirrors the native gameUIColorsCompat mapping in floatingTools.tsx:
-// success/optional/muted come from the shared palette, but `secondary`
-// (the "User" label text) is buoyColors.textSecondary, not core's secondary.
-const userStatusColors = {
-  success: _floatingToolsReact.floatingToolsColors.success,
-  optional: _floatingToolsReact.floatingToolsColors.optional,
-  muted: _floatingToolsReact.floatingToolsColors.muted,
-  // native floatingTools.tsx: gameUIColorsCompat.secondary = buoyColors.textSecondary
-  secondary: NATIVE_TEXT_SECONDARY
-};
-function UserStatus({
-  userRole,
-  onPress
-}) {
-  const {
-    isDragging
-  } = (0, _floatingToolsReact.useFloatingToolsContext)();
-  const config = (0, _floatingToolsReact.getUserStatusConfig)(userRole, userStatusColors);
-  const handleClick = e => {
-    if (!isDragging && onPress) {
-      e.stopPropagation();
-      onPress();
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-    role: "button",
-    "aria-label": `User status: ${config.label}`,
-    onClick: handleClick,
-    style: {
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      paddingTop: 6,
-      paddingBottom: 6,
-      paddingLeft: 8,
-      paddingRight: 8,
-      flexShrink: 0,
-      cursor: onPress && !isDragging ? 'pointer' : 'default',
-      background: 'none',
-      border: 'none',
-      margin: 0 // neutralize UA button margin (native View/Touchable has none)
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        width: 6,
-        height: 6,
-        borderRadius: 3,
-        backgroundColor: config.dotColor,
-        marginRight: 4
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      style: {
-        fontSize: 10,
-        fontWeight: 500,
-        color: config.textColor,
-        letterSpacing: 0.3,
-        // native RN <Text> renders in the platform system font; buttons
-        // otherwise use the UA font on web
-        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif',
-        lineHeight: 'normal'
-      },
-      children: config.label
-    })]
-  });
-}
-
-// =============================
-// Web Animation Hook
-// =============================
-function useWebAnimation() {
-  const animationRef = (0, _react.useRef)(null);
-  const [position, setPosition] = (0, _react.useState)({
-    x: 0,
-    y: 0
-  });
-  const animateTo = (0, _react.useCallback)((from, to, onComplete) => {
-    if (animationRef.current) {
-      cancelAnimationFrame(animationRef.current);
-    }
-    const startTime = performance.now();
-    const animate = currentTime => {
-      const elapsed = currentTime - startTime;
-      const progress = Math.min(elapsed / _floatingToolsReact.ANIMATION_DURATION, 1);
-      const newPosition = (0, _floatingToolsReact.interpolatePosition)(from, to, progress, _floatingToolsReact.easing.easeOutCubic);
-      setPosition(newPosition);
-      if (progress < 1) {
-        animationRef.current = requestAnimationFrame(animate);
-      } else {
-        setPosition(to);
-        onComplete?.();
-      }
-    };
-    animationRef.current = requestAnimationFrame(animate);
-  }, []);
-  (0, _react.useEffect)(() => {
-    return () => {
-      if (animationRef.current) {
-        cancelAnimationFrame(animationRef.current);
-      }
-    };
-  }, []);
-  return {
-    position,
-    setPosition,
-    animateTo
-  };
-}
-
-// =============================
-// Main FloatingTools Component
-// =============================
-
-// Last known bubble position — the AppHost minimize animation targets this so
-// tools shrink toward the stack instead of the old bottom-right dock.
-let lastBubbleAnchor = null;
-function getBubbleAnchorPosition() {
-  return lastBubbleAnchor;
-}
-function FloatingTools({
-  enablePositionPersistence = true,
-  children,
-  pushToSide = false,
-  suspendPointerEvents = false,
-  centerOnboarding = false,
-  minimizedStack,
-  hasMinimizedStack = false
-}) {
-  const bubbleRef = (0, _react.useRef)(null);
-
-  // Use shared hook
-  const {
-    state,
-    actions,
-    isInitialized
-  } = (0, _floatingToolsReact.useFloatingTools)({
-    screenSize: {
-      width: window.innerWidth,
-      height: window.innerHeight
-    },
-    enablePositionPersistence,
-    storage: webStorageAdapter
-  });
-
-  // Web-specific animation
-  const {
-    position: animatedPosition,
-    setPosition: setAnimatedPosition,
-    animateTo
-  } = useWebAnimation();
-
-  // Sync position when initialized
-  (0, _react.useEffect)(() => {
-    if (isInitialized) {
-      setAnimatedPosition(state.position);
-    }
-  }, [isInitialized, state.position, setAnimatedPosition]);
-
-  // Publish the bubble anchor for the AppHost minimize-target (stack lives
-  // fused to the bubble now, not in a fixed dock).
-  (0, _react.useEffect)(() => {
-    lastBubbleAnchor = {
-      x: animatedPosition.x,
-      y: animatedPosition.y
-    };
-  }, [animatedPosition]);
-
-  // Handle window resize
-  (0, _react.useEffect)(() => {
-    const handleResize = () => {
-      actions.setScreenSize(window.innerWidth, window.innerHeight);
-    };
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
-  }, [actions]);
-
-  // Update bubble size on layout
-  const [bubbleMeasured, setBubbleMeasured] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    if (!bubbleMeasured && bubbleRef.current) {
-      const rect = bubbleRef.current.getBoundingClientRect();
-      if (rect.width > 0 && rect.height > 0) {
-        actions.setBubbleSize({
-          width: rect.width,
-          height: rect.height
-        });
-        setBubbleMeasured(true);
-      }
-    }
-  }, [bubbleMeasured, actions]);
-
-  // Keep the bubble below notches/status bars (WKWebView with viewport-fit=cover).
-  (0, _react.useEffect)(() => {
-    const probe = document.createElement('div');
-    probe.style.cssText = 'position:fixed;top:env(safe-area-inset-top);left:env(safe-area-inset-left);' + 'visibility:hidden;pointer-events:none';
-    document.body.appendChild(probe);
-    const rect = probe.getBoundingClientRect();
-    document.body.removeChild(probe);
-    if (rect.top > 0 || rect.left > 0) {
-      actions.setMinPosition({
-        x: Math.max(rect.left, 10),
-        y: Math.max(rect.top, 10)
-      });
-    }
-  }, [actions]);
-
-  // Web-specific: pointer event handling (mouse + touch).
-  // preventDefault on pointerdown suppresses the compatibility mouse events,
-  // and touchAction: 'none' on the bubble stops touch-drags from scrolling.
-  const [isPointerDown, setIsPointerDown] = (0, _react.useState)(false);
-  const handlePointerDown = (0, _react.useCallback)(e => {
-    e.preventDefault();
-    setIsPointerDown(true);
-    actions.handleDragStart({
-      clientX: e.clientX,
-      clientY: e.clientY
-    });
-  }, [actions]);
-  const handlePointerMove = (0, _react.useCallback)(e => {
-    const result = actions.handleDragMove({
-      clientX: e.clientX,
-      clientY: e.clientY
-    });
-    if (result.isDragging) {
-      setAnimatedPosition(result.position);
-    }
-  }, [actions, setAnimatedPosition]);
-  const handlePointerUp = (0, _react.useCallback)(e => {
-    setIsPointerDown(false);
-    const result = actions.handleDragEnd({
-      clientX: e.clientX,
-      clientY: e.clientY
-    });
-    if (result.wasTap) {
-      const toggleResult = actions.toggleHideShow();
-      animateTo(state.position, toggleResult.targetPosition, () => {
-        actions.commitPosition(toggleResult.targetPosition);
-      });
-    } else if (result.shouldHide) {
-      animateTo(state.position, result.position, () => {
-        actions.commitPosition(result.position);
-      });
-    }
-  }, [actions, animateTo, state.position]);
-  (0, _react.useEffect)(() => {
-    if (isPointerDown) {
-      window.addEventListener('pointermove', handlePointerMove);
-      window.addEventListener('pointerup', handlePointerUp);
-      window.addEventListener('pointercancel', handlePointerUp);
-      return () => {
-        window.removeEventListener('pointermove', handlePointerMove);
-        window.removeEventListener('pointerup', handlePointerUp);
-        window.removeEventListener('pointercancel', handlePointerUp);
-      };
-    }
-  }, [isPointerDown, handlePointerMove, handlePointerUp]);
-
-  // Live refs so the pushToSide effect never animates from a stale closure
-  // (the from-position jump read as a "pop" when restoring).
-  const statePositionRef = (0, _react.useRef)(state.position);
-  statePositionRef.current = state.position;
-  const isHiddenRef = (0, _react.useRef)(state.isHidden);
-  isHiddenRef.current = state.isHidden;
-
-  // pushToSide: forceHide to the edge while a dial/tool is open; forceShow
-  // restores the saved position when it closes (200ms, native parity).
-  // Native semantics ported exactly (floatingTools.tsx:537-603):
-  // - push only when the bubble isn't already hidden (a user-hidden bubble
-  //   is left alone, and we don't claim it as OUR push)
-  // - restore only when the bubble is STILL hidden from OUR push — if the
-  //   user tapped/dragged it back out while a tool was open
-  //   (userWantsVisibleRef), it stays exactly where they put it
-  const pushedRef = (0, _react.useRef)(false);
-  (0, _react.useEffect)(() => {
-    if (!isInitialized) return;
-    if (pushToSide && !pushedRef.current) {
-      if (isHiddenRef.current) return; // user hid it themselves — not our push
-      pushedRef.current = true;
-      const {
-        targetPosition
-      } = actions.forceHide();
-      animateTo(statePositionRef.current, targetPosition, () => {});
-    } else if (!pushToSide && pushedRef.current) {
-      pushedRef.current = false;
-      // User already showed it manually while the tool was open — leave it.
-      if (!isHiddenRef.current) return;
-      const {
-        targetPosition
-      } = actions.forceShow();
-      // The bubble may have grown while hidden (row tools/env badge toggled
-      // on) — clamp the restored position so it stays fully on-screen
-      // (native handles this via its width-change auto-reposition).
-      const width = bubbleRef.current?.getBoundingClientRect().width ?? 100;
-      const clamped = {
-        x: Math.max(10, Math.min(targetPosition.x, window.innerWidth - width - 10)),
-        y: targetPosition.y
-      };
-      animateTo(statePositionRef.current, clamped, () => {
-        actions.commitPosition(clamped);
-      });
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [pushToSide, isInitialized]);
-
-  // centerOnboarding: park the bubble under the tooltip arrow while the
-  // welcome tooltip is up (native calculateTargetPosition math).
-  (0, _react.useEffect)(() => {
-    if (!centerOnboarding || !isInitialized) return;
-    const bubbleWidth = bubbleRef.current?.getBoundingClientRect().width ?? 100;
-    const bubbleHeight = bubbleRef.current?.getBoundingClientRect().height ?? 32;
-    const fromBottom = (0, _onboardingConstantsWeb.calculateTargetPosition)();
-    const target = {
-      x: (window.innerWidth - bubbleWidth) / 2,
-      y: window.innerHeight - fromBottom - bubbleHeight
-    };
-    animateTo(statePositionRef.current, target, () => {});
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [centerOnboarding, isInitialized]);
-
-  // Interleave children with dividers
-  const actionsContent = (0, _react.useMemo)(() => (0, _floatingToolsReact.interleaveWithDividers)(_react.Children.toArray(children), key => /*#__PURE__*/(0, _jsxRuntime.jsx)(Divider, {}, key)), [children]);
-
-  // Suppress the first paint until the persisted position has loaded so the
-  // bubble doesn't flash at 0,0 (native floatingTools.tsx:935-937).
-  if (!isInitialized) {
-    return null;
+Object.defineProperty(exports, "Divider", {
+  enumerable: true,
+  get: function () {
+    return _floating.FloatingToolDivider;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    ref: bubbleRef,
-    role: "toolbar",
-    "aria-label": "Floating Tools",
-    style: {
-      position: 'fixed',
-      left: animatedPosition.x,
-      top: animatedPosition.y,
-      zIndex: 9999,
-      display: 'flex',
-      flexDirection: 'row',
-      alignItems: 'center',
-      backgroundColor: _floatingToolsReact.floatingToolsColors.panel,
-      // native: top-left corner + top border flatten when the minimized
-      // stack is fused above (floatingTools.tsx containerStyle)
-      borderTopLeftRadius: hasMinimizedStack ? 0 : 6,
-      borderTopRightRadius: 6,
-      borderBottomLeftRadius: 6,
-      borderBottomRightRadius: 6,
-      borderWidth: state.isDragging ? 2 : 1,
-      borderTopWidth: state.isDragging ? 2 : hasMinimizedStack ? 0 : 1,
-      borderStyle: 'solid',
-      borderColor: state.isDragging ? _floatingToolsReact.floatingToolsColors.dragActive : (0, _floatingToolsReact.withAlpha)(_floatingToolsReact.floatingToolsColors.muted, '66'),
-      // native floatingTools.tsx: shadowOffset {0, 6|4}, shadowRadius 12|8,
-      // shadowOpacity 0.6|0.3, shadowColor dragActive+"99"|"#000".
-      // Dragging color = 0x99 (0.6) alpha x 0.6 shadowOpacity = ~0.36 effective.
-      boxShadow: state.isDragging ? `0 6px 12px ${(0, _floatingToolsReact.withAlpha)(_floatingToolsReact.floatingToolsColors.dragActive, 0.36)}` : '0 4px 8px rgba(0, 0, 0, 0.3)',
-      userSelect: 'none',
-      touchAction: 'none',
-      pointerEvents: suspendPointerEvents ? 'none' : 'auto'
-    },
-    children: [minimizedStack && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      style: {
-        position: 'absolute',
-        bottom: '100%',
-        left: -1,
-        // align with the bubble border edge
-        width: _floatingToolsReact.VISIBLE_HANDLE_WIDTH,
-        overflow: 'visible',
-        zIndex: 1001
-      },
-      children: minimizedStack
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      role: "slider",
-      "aria-label": "Drag handle",
-      "aria-valuetext": `Position: ${Math.round(animatedPosition.x)}, ${Math.round(animatedPosition.y)}`,
-      tabIndex: 0,
-      onPointerDown: handlePointerDown,
-      style: {
-        touchAction: 'none',
-        paddingLeft: 6,
-        paddingRight: 6,
-        paddingTop: 6,
-        paddingBottom: 6,
-        backgroundColor: (0, _floatingToolsReact.withAlpha)(_floatingToolsReact.floatingToolsColors.muted, '1A'),
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: _floatingToolsReact.VISIBLE_HANDLE_WIDTH,
-        boxSizing: 'border-box',
-        // RN width includes padding/border
-        borderRight: `1px solid ${(0, _floatingToolsReact.withAlpha)(_floatingToolsReact.floatingToolsColors.muted, '66')}`,
-        // native dragHandleStyle sets NO corner radius (container overflow is
-        // visible); the 10%-alpha bg square corner matches native rendering
-        cursor: state.isDragging ? 'grabbing' : 'grab'
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(GripVerticalIcon, {
-        size: 12
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsReact.FloatingToolsProvider, {
-      value: {
-        isDragging: state.isDragging,
-        isHidden: state.isHidden
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          display: 'flex',
-          flexDirection: 'row',
-          alignItems: 'center',
-          gap: 6,
-          paddingRight: 8
-        },
-        children: actionsContent
-      })
-    })]
-  });
-}
+});
+Object.defineProperty(exports, "FloatingTools", {
+  enumerable: true,
+  get: function () {
+    return _floating.FloatingTool;
+  }
+});
+Object.defineProperty(exports, "UserStatus", {
+  enumerable: true,
+  get: function () {
+    return _floating.FloatingToolUserStatus;
+  }
+});
+Object.defineProperty(exports, "getBubbleAnchorPosition", {
+  enumerable: true,
+  get: function () {
+    return _floating.getBubbleAnchorPosition;
+  }
+});
+var _floating = require("@buoy-gg/shared-ui/floating");

package/lib/commonjs/floatingMenu/optionalRequire.js

@@ -20,6 +20,10 @@ const MODULE_NOT_FOUND_RE = /could not be found within the project|Cannot find m
  */
 function reportOptionalRequireError(moduleName, err) {
   if (!isDev) return;
+  // Under an ESM bundler (the desktop's Vite renderer) `require` itself does
+  // not exist, so every guarded require fails the same way. That says nothing
+  // about the package, so it is not worth a warning.
+  if (typeof require !== "function") return;
   const message = err instanceof Error ? err.message : String(err);
   const code = err?.code;
   const isNotFound = code === "MODULE_NOT_FOUND" || MODULE_NOT_FOUND_RE.test(message);

package/lib/commonjs/telemetry/installPing.js

@@ -74,6 +74,13 @@ function announceOnce() {
 }
 let sentThisSession = false;
 
+/**
+ * What the ping reports about the account: the tier of an admitted account,
+ * or "locked" for an install that has not been admitted (no key, or a key the
+ * license server rejected). "locked" is what gives "how many installs never
+ * get an account" its numerator.
+ */
+
 /**
  * Send the ping if it is due. Safe to call on every mount: it is idempotent
  * within a session, throttled to once a day across sessions, and resolves

package/lib/commonjs/version.js

@@ -15,4 +15,4 @@ exports.SDK_VERSION = void 0;
  * Drift is prevented by a test that fails when this disagrees with
  * package.json, so a version bump that forgets this file cannot ship.
  */
-const SDK_VERSION = exports.SDK_VERSION = "7.0.36";
+const SDK_VERSION = exports.SDK_VERSION = "7.0.39";

package/lib/module/Buoy.js

@@ -56,16 +56,7 @@ export const Buoy = {
    */
   init(config) {
     if (config.telemetry === false) telemetryEnabled = false;
-
-    // If no license key or empty string, clear any cached license
-    if (!config.licenseKey || config.licenseKey.trim() === "") {
-      LicenseManager.initialize().then(() => LicenseManager.clearLicense()).catch(() => {});
-      return;
-    }
-
-    // Initialize the license manager and set the key
-    const key = config.licenseKey; // We've already checked it's not empty above
-    LicenseManager.initialize().then(() => LicenseManager.setLicenseKey(key)).catch(error => {
+    void LicenseManager.configure(config.licenseKey).catch(error => {
       console.warn("[Buoy] License initialization failed:", error);
     });
   },
@@ -83,12 +74,8 @@ export const Buoy = {
    * ```
    */
   async initAsync(config) {
-    if (!config.licenseKey) {
-      console.warn("[Buoy] No license key provided to Buoy.initAsync()");
-      return false;
-    }
-    await LicenseManager.initialize();
-    return LicenseManager.setLicenseKey(config.licenseKey);
+    if (config.telemetry === false) telemetryEnabled = false;
+    return LicenseManager.configure(config.licenseKey);
   },
   /**
    * Check if Buoy Pro is active

package/lib/module/floatingMenu/AppHost.js

@@ -4,7 +4,7 @@ import { persistentStorage, setExpandableWindowControls } from "@buoy-gg/shared-
 import React, { createContext, useCallback, useContext, useMemo, useState, useEffect, useRef } from "react";
 import { BackHandler, Modal, StyleSheet, View } from "react-native";
 import { resolveOpenAppsState } from "./AppHostLogic.js";
-import { renderAppIcon } from "./AppIcon.js";
+import { renderAppIcon } from "./AppIcon";
 import { useMinimizedTools } from "./MinimizedToolsContext.js";
 import { ToolModalShell } from "./ToolHost.js";
 import { useDevToolsSettings } from "./DevToolsSettingsModal";

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

@@ -25,7 +25,7 @@
 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.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);

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

@@ -0,0 +1,47 @@
+"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;
+}