@buoy-gg/core 3.0.2 → 4.0.1

package/lib/commonjs/floatingMenu/FloatingDevTools.js

@@ -118,8 +118,14 @@ const FloatingDevTools = ({
   ...props
 }) => {
   const resolvedEnvironment = environment ?? (0, _sharedUi.normalizeEnvironment)(process.env.NODE_ENV ?? "dev");
-  // Check Pro status for production gating
-  const isPro = (0, _license.useIsPro)();
+  // 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
+  } = (0, _license.useProAccess)();
 
   // Get full license state for requireLicense gating
   const {
@@ -128,10 +134,17 @@ const FloatingDevTools = ({
   } = (0, _license.useLicense)();
   const [showLicenseModal, setShowLicenseModal] = (0, _react.useState)(false);
 
-  // Initialize license manager on mount, and set/clear license key when prop changes
+  // 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())
   (0, _react.useEffect)(() => {
     if (licenseKeyProp && licenseKeyProp.trim() !== "") {
       _license.LicenseManager.initialize().then(() => _license.LicenseManager.setLicenseKey(licenseKeyProp)).catch(() => {});
+    } else if (licenseKeyProp === "") {
+      // Explicit removal: wipe the 30-day cache so Pro actually turns off.
+      _license.LicenseManager.initialize().then(() => _license.LicenseManager.clearLicense()).catch(() => {});
     } else {
       _license.LicenseManager.initialize();
     }
@@ -308,7 +321,7 @@ const FloatingDevTools = ({
   // Gate: Free tier only works in development mode
   // Pro users can use DevTools everywhere (dev + production)
   const isDevelopment = typeof __DEV__ !== "undefined" && __DEV__;
-  if (!isDevelopment && !isPro) {
+  if (!isDevelopment && !isLicensed) {
     // Free user in production - don't render DevTools
     return null;
   }
@@ -346,7 +359,9 @@ const FloatingDevTools = ({
             })
           }), children, DebugBordersOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(DebugBordersOverlay, {}), HighlightUpdatesOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(HighlightUpdatesOverlay, {}), ImageOverlayOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImageOverlayOverlay, {}), PerfMonitorOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(PerfMonitorOverlay, {}), ImpersonateOverlay && /*#__PURE__*/(0, _jsxRuntime.jsx)(ImpersonateOverlay, {}), RouteTracker && /*#__PURE__*/(0, _jsxRuntime.jsx)(RouteTracker, {}), isDevelopment && externalSync !== false && (0, _autoExternalSync.isExternalSyncAvailable)() && /*#__PURE__*/(0, _jsxRuntime.jsx)(_autoExternalSync.AutoExternalSync, {
             options: typeof externalSync === "object" ? externalSync : undefined,
-            requiredEnvVars: requiredEnvVars
+            requiredEnvVars: requiredEnvVars,
+            isPro: isLicensed,
+            licenseKey: licenseKey
           })]
         })
       })

package/lib/commonjs/floatingMenu/allToolsRegistry.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ALL_TOOLS_REGISTRY = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Canonical registry of ALL dial-eligible tools React Buoy offers on mobile.
+ *
+ * This is the single source of truth used to compute which tools are
+ * "unavailable" (offered but not installed in the current app).  It lives
+ * inside the floating-menu package so nothing outside needs to be imported.
+ *
+ * Rules for this file:
+ *  - Only import from REQUIRED dependencies (@buoy-gg/floating-tools-core,
+ *    @buoy-gg/shared-ui, react-native) so the icons are always resolvable,
+ *    even when the optional tool packages are not installed.
+ *  - Only include tools whose preset slot is NOT "row" (row-only tools never
+ *    appear in the dial and have no "unavailable" state to show).
+ *  - Keep the order intentional: this order is the fallback when no usage
+ *    data exists for new/unavailable tools.
+ */
+
+// ─── Color constants for tools whose icons live in optional packages ─────────
+// Copied verbatim from the source icon components so the vendored copies below
+// render identically to the real tool icons.
+
+/** Zustand brand color — copied from @buoy-gg/zustand ZustandIcon.tsx */const ZUSTAND_ICON_COLOR = "#463B3F";
+/** Jotai brand color — copied from @buoy-gg/jotai JotaiIcon.tsx */
+const JOTAI_ICON_COLOR = "#6C47FF";
+/** Image overlay purple — matches the preset */
+const IMAGE_OVERLAY_ICON_COLOR = "#A855F7";
+
+// ─── Vendored copies of optional-package icons ───────────────────────────────
+// Zustand and Jotai ship their real icons inside their own packages (which may
+// not be installed), so we cannot import them from a required dependency.
+//
+// The REAL icons in @buoy-gg/zustand and @buoy-gg/jotai are themselves a single
+// centered letter glyph (verified — there are no SVG logos in those packages).
+// These are faithful copies of those source components, so unavailable items
+// render the ACTUAL tool icon (just dimmed by DialIcon), not a placeholder.
+
+/** Faithful copy of @buoy-gg/zustand `ZustandIcon` */
+const ZustandIcon = ({
+  size,
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: {
+    width: size,
+    height: size,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: {
+      fontSize: size * 0.75,
+      color: color || ZUSTAND_ICON_COLOR,
+      fontWeight: "700"
+    },
+    children: "Z"
+  })
+});
+
+/** Faithful copy of @buoy-gg/jotai `JotaiIcon` */
+const JotaiIcon = ({
+  size,
+  color
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+  style: {
+    width: size,
+    height: size,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+    style: {
+      fontSize: size * 0.75,
+      color: color || JOTAI_ICON_COLOR,
+      fontWeight: "700"
+    },
+    children: "J"
+  })
+});
+
+// ─── Registry entry type ──────────────────────────────────────────────────────
+
+// ─── Canonical catalog ────────────────────────────────────────────────────────
+
+/**
+ * Full list of every dial-eligible tool React Buoy offers on mobile.
+ *
+ * Available (installed) tools are shown normally in the dial.
+ * Unavailable (not installed) tools are appended at the end of the dial and look
+ * like a normal item (real icon + real name) with a small muted "Unavailable"
+ * caption added; they are non-interactive.
+ *
+ * To add a new tool to Buoy:
+ *  1. Add its preset to autoDiscoverPresets.ts
+ *  2. Add an entry here so it appears in the "unavailable" section for apps
+ *     that haven't installed it yet.
+ */
+const ALL_TOOLS_REGISTRY = exports.ALL_TOOLS_REGISTRY = [{
+  id: "env",
+  name: "ENV",
+  color: _floatingToolsCore.ENV_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.EnvIcon, {
+    size: size
+  })
+}, {
+  id: "network",
+  name: "NETWORK",
+  color: _floatingToolsCore.NETWORK_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.NetworkIcon, {
+    size: size
+  })
+}, {
+  id: "storage",
+  name: "STORAGE",
+  color: _floatingToolsCore.STORAGE_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.StorageIcon, {
+    size: size
+  })
+}, {
+  id: "query",
+  name: "QUERY",
+  color: _floatingToolsCore.QUERY_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.QueryIcon, {
+    size: size
+  })
+}, {
+  id: "route-events",
+  name: "ROUTES",
+  color: _floatingToolsCore.ROUTES_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.RoutesIcon, {
+    size: size
+  })
+}, {
+  id: "highlight-updates-modal",
+  name: "HIGHLIGHT",
+  color: _floatingToolsCore.HIGHLIGHTER_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.HighlighterIcon, {
+    size: size
+  })
+}, {
+  id: "redux",
+  name: "REDUX",
+  color: _floatingToolsCore.REDUX_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.ReduxIcon, {
+    size: size
+  })
+}, {
+  id: "zustand",
+  name: "ZUSTAND",
+  color: ZUSTAND_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(ZustandIcon, {
+    size: size
+  })
+}, {
+  id: "events",
+  name: "EVENTS",
+  color: _floatingToolsCore.EVENTS_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.EventsIcon, {
+    size: size
+  })
+}, {
+  id: "jotai",
+  name: "JOTAI",
+  color: JOTAI_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(JotaiIcon, {
+    size: size
+  })
+}, {
+  id: "image-overlay",
+  name: "IMG",
+  color: IMAGE_OVERLAY_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ImageOverlayIcon, {
+    size: size,
+    color: IMAGE_OVERLAY_ICON_COLOR
+  })
+}, {
+  id: "perf-monitor-modal",
+  name: "BENCH",
+  color: _floatingToolsCore.BENCHMARK_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.BenchmarkIcon, {
+    size: size
+  })
+}];

package/lib/commonjs/floatingMenu/autoExternalSync.js

@@ -40,6 +40,7 @@ let reduxModule = null;
 let zustandModule = null;
 let jotaiModule = null;
 let eventsModule = null;
+let consoleModule = null;
 let envModule = null;
 let highlightUpdatesModule = null;
 let debugBordersModule = null;
@@ -91,6 +92,11 @@ try {
 } catch {
   // not installed
 }
+try {
+  consoleModule = require("@buoy-gg/console");
+} catch {
+  // not installed
+}
 try {
   envModule = require("@buoy-gg/env");
 } catch {
@@ -140,7 +146,9 @@ function defaultIdentity() {
 }
 function AutoExternalSync({
   options,
-  requiredEnvVars
+  requiredEnvVars,
+  isPro,
+  licenseKey
 }) {
   const {
     useExternalSyncSocket,
@@ -162,6 +170,34 @@ function AutoExternalSync({
     platform: _reactNative.Platform.OS,
     enableLogs: options?.enableLogs
   });
+
+  // The license validates asynchronously (Keygen call on mount), usually AFTER
+  // the socket handshake is already sent — so the one-shot handshake query
+  // can't carry Pro status reliably. Emit it as an event whenever it resolves
+  // or changes, and on every (re)connect. The broker stores it on the device
+  // record and rebroadcasts, so the desktop dashboard can auto-adopt the key.
+  const licenseRef = (0, _react.useRef)({
+    isPro,
+    licenseKey
+  });
+  licenseRef.current = {
+    isPro,
+    licenseKey
+  };
+  (0, _react.useEffect)(() => {
+    if (!socket) return;
+    const emitLicense = () => {
+      socket.emit("device-license", {
+        isPro: licenseRef.current.isPro ? "1" : "0",
+        licenseKey: licenseRef.current.licenseKey ?? ""
+      });
+    };
+    if (socket.connected) emitLicense();
+    socket.on("connect", emitLicense);
+    return () => {
+      socket.off("connect", emitLicense);
+    };
+  }, [socket, isPro, licenseKey]);
   const tools = (0, _react.useMemo)(() => {
     const map = {};
     if (storageModule?.storageSyncAdapter) {
@@ -188,6 +224,9 @@ function AutoExternalSync({
     if (eventsModule?.eventsSyncAdapter) {
       map.events = eventsModule.eventsSyncAdapter;
     }
+    if (consoleModule?.consoleSyncAdapter) {
+      map.console = consoleModule.consoleSyncAdapter;
+    }
     if (envModule?.createEnvSyncAdapter) {
       map.env = envModule.createEnvSyncAdapter(requiredEnvVars ?? []);
     }

package/lib/commonjs/floatingMenu/dial/DialDevTools.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _DialIcon = require("./DialIcon.js");
+var _allToolsRegistry = require("../allToolsRegistry.js");
 var _DialPagination = require("./DialPagination.js");
 var _dialUsageStore = require("./dialUsageStore.js");
 var _DevToolsSettingsModal = require("../DevToolsSettingsModal");
@@ -51,7 +52,10 @@ const DialDevTools = ({
   const {
     open
   } = (0, _AppHost.useAppHost)();
-  const isPro = (0, _license.useIsPro)();
+  const {
+    isPro,
+    isWeekendFree
+  } = (0, _license.useProAccess)();
 
   // Live window size — keeps the dial centered and sized correctly when the
   // window resizes (Electron/web) or the device rotates.
@@ -211,6 +215,35 @@ const DialDevTools = ({
     return map;
   }, [dialApps, actions, open, onClose]);
 
+  // Tools from the global registry that are NOT installed in this app.
+  // These are appended after all available tools so paging "next" eventually
+  // reveals them. They are display-only (real icon + real name + "Unavailable").
+  const unavailableTools = (0, _react.useMemo)(() => {
+    const installedIds = new Set(dialApps.map(a => a.id));
+    return _allToolsRegistry.ALL_TOOLS_REGISTRY.filter(t => !installedIds.has(t.id));
+  }, [dialApps]);
+
+  // Build stable IconType entries for each unavailable tool.
+  const unavailableIconsById = (0, _react.useMemo)(() => {
+    const map = new Map();
+    for (const tool of unavailableTools) {
+      map.set(tool.id, {
+        id: tool.id,
+        name: tool.name,
+        // Pre-render the icon at the standard dial slot size so it looks correct.
+        icon: tool.renderIcon(_floatingToolsCore.DIAL_ICON_SIZE),
+        iconComponent: undefined,
+        color: tool.color,
+        unavailable: true,
+        // Tapping an unavailable tool is intentionally a no-op: the dial stays
+        // open and no modal launches, signalling the tool is not installed.
+        // Future: add a brief Toast with an install link here.
+        onPress: () => {}
+      });
+    }
+    return map;
+  }, [unavailableTools]);
+
   // Snapshot the usage-ranked order when the dial opens. It stays stable while
   // open so icons don't jump positions mid-interaction.
   const [rankedIds, setRankedIds] = (0, _react.useState)(() => (0, _dialUsageStore.getRankedToolIds)(dialApps.map(a => a.id)));
@@ -229,7 +262,9 @@ const DialDevTools = ({
       cancelled = true;
     };
   }, [dialApps]);
-  const pageCount = Math.max(1, Math.ceil(rankedIds.length / _floatingToolsCore.MAX_DIAL_SLOTS));
+
+  // Page count spans available tools (usage-ranked) + unavailable tools (appended).
+  const pageCount = Math.max(1, Math.ceil((rankedIds.length + unavailableTools.length) / _floatingToolsCore.MAX_DIAL_SLOTS));
   const [currentPage, setCurrentPage] = (0, _react.useState)(0);
   const safePage = Math.min(currentPage, pageCount - 1);
 
@@ -237,13 +272,18 @@ const DialDevTools = ({
   // snapshotted on open, so each icon's page and slot are fixed for the
   // session — which lets us mount all icons once and paginate purely by
   // toggling visibility (no remounts on page change).
+  //
+  // Order: usage-ranked available tools first, unavailable tools appended at
+  // the very end. This guarantees unavailable items always appear on the last
+  // pages and never displace available tools.
   const allDialIcons = (0, _react.useMemo)(() => {
-    return rankedIds.map(id => iconsById.get(id)).filter(icon => Boolean(icon)).map((icon, i) => ({
+    const allIds = [...rankedIds, ...unavailableTools.map(t => t.id)];
+    return allIds.map(id => iconsById.get(id) ?? unavailableIconsById.get(id)).filter(icon => Boolean(icon)).map((icon, i) => ({
       icon,
       page: Math.floor(i / _floatingToolsCore.MAX_DIAL_SLOTS),
       slot: i % _floatingToolsCore.MAX_DIAL_SLOTS
     }));
-  }, [rankedIds, iconsById]);
+  }, [rankedIds, iconsById, unavailableTools, unavailableIconsById]);
 
   // Empty slot indices for the current page (only the last page can be
   // partial). These are cheap placeholder dots.
@@ -445,6 +485,10 @@ const DialDevTools = ({
     });
   };
   const handleIconPress = icon => {
+    // Unavailable tools are display-only. Return early so the dial stays open
+    // and no modal or animation is triggered. The dimmed appearance already
+    // communicates that the tool is not installed.
+    if (icon.unavailable) return;
     setSelectedIcon(1);
     const interaction = _floatingToolsCore.dialAnimationConfig?.interaction ?? {
       iconSelect: {
@@ -612,8 +656,8 @@ const DialDevTools = ({
                     style: styles.centerText,
                     children: "BUOY"
                   }), isPro && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                    style: styles.proText,
-                    children: "PRO"
+                    style: [styles.proText, isWeekendFree && styles.weekendText],
+                    children: isWeekendFree ? "WEEKEND" : "PRO"
                   })]
                 })
               })
@@ -819,5 +863,11 @@ const styles = _reactNative.StyleSheet.create({
       height: 0
     },
     textShadowRadius: 4
+  },
+  // Weekend Pass variant — violet, tighter spacing so "WEEKEND" fits the dial.
+  weekendText: {
+    color: "#BF5AF2",
+    letterSpacing: 1,
+    textShadowColor: "#BF5AF2"
   }
 });

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

@@ -157,6 +157,32 @@ const DialIcon = ({
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
         style: styles.emptyDot
       })
+    }) : icon.unavailable ?
+    /*#__PURE__*/
+    // ── Unavailable tool ──────────────────────────────────────────────────
+    // Renders the real icon + real name at NORMAL styling (visually identical
+    // to an installed tool). The ONLY signal that it's unavailable is the small
+    // muted "Unavailable" caption under the name. It's non-interactive: no
+    // Pressable, and the dial stays open when tapped because
+    // DialDevTools.handleIconPress returns early for unavailable icons.
+    (0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.pressable,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.iconWrapper,
+        children: icon.icon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.label,
+        numberOfLines: 1,
+        adjustsFontSizeToFit: true,
+        minimumFontScale: 0.7,
+        children: icon.name.toUpperCase()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.unavailableCaption,
+        numberOfLines: 1,
+        adjustsFontSizeToFit: true,
+        minimumFontScale: 0.6,
+        children: "Unavailable"
+      })]
     }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
       onPress: () => onPress(icon),
       onPressIn: handlePressIn,
@@ -248,5 +274,20 @@ const styles = _reactNative.StyleSheet.create({
     backgroundColor: _floatingToolsCore.dialColors.emptyDotBackground,
     borderWidth: _floatingToolsCore.dialStyles.emptySlot.borderWidth,
     borderColor: _floatingToolsCore.dialColors.emptyDotBorder
+  },
+  // ── Unavailable tool styles ────────────────────────────────────────────────
+  /**
+   * Small muted caption shown under the (normal-styled) tool name — the only
+   * signal that the tool is not installed. Kept compact (smaller than the label)
+   * so the extra line doesn't disturb the arc layout. Uses the shared muted
+   * theme token rather than a hardcoded color.
+   */
+  unavailableCaption: {
+    fontSize: _floatingToolsCore.dialStyles.icon.label.fontSize - 1,
+    fontWeight: _floatingToolsCore.dialStyles.icon.label.fontWeight,
+    letterSpacing: _floatingToolsCore.dialStyles.icon.label.letterSpacing,
+    fontFamily: _floatingToolsCore.dialStyles.icon.label.fontFamily,
+    color: _floatingToolsCore.floatingToolsColors.muted,
+    textTransform: "uppercase"
   }
 });

package/lib/module/floatingMenu/FloatingDevTools.js

@@ -11,7 +11,7 @@ import { HintsProvider, LicenseEntryModal, normalizeEnvironment } from "@buoy-gg
 import { MinimizedToolsProvider } from "./MinimizedToolsContext.js";
 import { validateDialConfig } from "./defaultConfig.js";
 import { DefaultConfigProvider } from "./DefaultConfigContext.js";
-import { LicenseManager, useIsPro, useLicense } from "@buoy-gg/license";
+import { LicenseManager, useProAccess, useLicense } from "@buoy-gg/license";
 import { AutoExternalSync, isExternalSyncAvailable } from "./autoExternalSync.js";
 
 /**
@@ -114,8 +114,14 @@ export const FloatingDevTools = ({
   ...props
 }) => {
   const resolvedEnvironment = environment ?? normalizeEnvironment(process.env.NODE_ENV ?? "dev");
-  // Check Pro status for production gating
-  const isPro = useIsPro();
+  // 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();
 
   // Get full license state for requireLicense gating
   const {
@@ -124,10 +130,17 @@ export const FloatingDevTools = ({
   } = useLicense();
   const [showLicenseModal, setShowLicenseModal] = useState(false);
 
-  // Initialize license manager on mount, and set/clear license key when prop changes
+  // 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(() => {
     if (licenseKeyProp && licenseKeyProp.trim() !== "") {
       LicenseManager.initialize().then(() => LicenseManager.setLicenseKey(licenseKeyProp)).catch(() => {});
+    } else if (licenseKeyProp === "") {
+      // Explicit removal: wipe the 30-day cache so Pro actually turns off.
+      LicenseManager.initialize().then(() => LicenseManager.clearLicense()).catch(() => {});
     } else {
       LicenseManager.initialize();
     }
@@ -304,7 +317,7 @@ export const FloatingDevTools = ({
   // Gate: Free tier only works in development mode
   // Pro users can use DevTools everywhere (dev + production)
   const isDevelopment = typeof __DEV__ !== "undefined" && __DEV__;
-  if (!isDevelopment && !isPro) {
+  if (!isDevelopment && !isLicensed) {
     // Free user in production - don't render DevTools
     return null;
   }
@@ -342,7 +355,9 @@ export const FloatingDevTools = ({
             })
           }), children, DebugBordersOverlay && /*#__PURE__*/_jsx(DebugBordersOverlay, {}), HighlightUpdatesOverlay && /*#__PURE__*/_jsx(HighlightUpdatesOverlay, {}), ImageOverlayOverlay && /*#__PURE__*/_jsx(ImageOverlayOverlay, {}), PerfMonitorOverlay && /*#__PURE__*/_jsx(PerfMonitorOverlay, {}), ImpersonateOverlay && /*#__PURE__*/_jsx(ImpersonateOverlay, {}), RouteTracker && /*#__PURE__*/_jsx(RouteTracker, {}), isDevelopment && externalSync !== false && isExternalSyncAvailable() && /*#__PURE__*/_jsx(AutoExternalSync, {
             options: typeof externalSync === "object" ? externalSync : undefined,
-            requiredEnvVars: requiredEnvVars
+            requiredEnvVars: requiredEnvVars,
+            isPro: isLicensed,
+            licenseKey: licenseKey
           })]
         })
       })

package/lib/module/floatingMenu/allToolsRegistry.js

@@ -0,0 +1,190 @@
+"use strict";
+
+/**
+ * Canonical registry of ALL dial-eligible tools React Buoy offers on mobile.
+ *
+ * This is the single source of truth used to compute which tools are
+ * "unavailable" (offered but not installed in the current app).  It lives
+ * inside the floating-menu package so nothing outside needs to be imported.
+ *
+ * Rules for this file:
+ *  - Only import from REQUIRED dependencies (@buoy-gg/floating-tools-core,
+ *    @buoy-gg/shared-ui, react-native) so the icons are always resolvable,
+ *    even when the optional tool packages are not installed.
+ *  - Only include tools whose preset slot is NOT "row" (row-only tools never
+ *    appear in the dial and have no "unavailable" state to show).
+ *  - Keep the order intentional: this order is the fallback when no usage
+ *    data exists for new/unavailable tools.
+ */
+
+import React from "react";
+import { View, Text } from "react-native";
+import { EnvIcon, ENV_ICON_COLOR, NetworkIcon, NETWORK_ICON_COLOR, StorageIcon, STORAGE_ICON_COLOR, QueryIcon, QUERY_ICON_COLOR, RoutesIcon, ROUTES_ICON_COLOR, HighlighterIcon, HIGHLIGHTER_ICON_COLOR, ReduxIcon, REDUX_ICON_COLOR, EventsIcon, EVENTS_ICON_COLOR, BenchmarkIcon, BENCHMARK_ICON_COLOR } from "@buoy-gg/floating-tools-core";
+import { ImageOverlayIcon } from "@buoy-gg/shared-ui";
+
+// ─── Color constants for tools whose icons live in optional packages ─────────
+// Copied verbatim from the source icon components so the vendored copies below
+// render identically to the real tool icons.
+
+/** Zustand brand color — copied from @buoy-gg/zustand ZustandIcon.tsx */
+import { jsx as _jsx } from "react/jsx-runtime";
+const ZUSTAND_ICON_COLOR = "#463B3F";
+/** Jotai brand color — copied from @buoy-gg/jotai JotaiIcon.tsx */
+const JOTAI_ICON_COLOR = "#6C47FF";
+/** Image overlay purple — matches the preset */
+const IMAGE_OVERLAY_ICON_COLOR = "#A855F7";
+
+// ─── Vendored copies of optional-package icons ───────────────────────────────
+// Zustand and Jotai ship their real icons inside their own packages (which may
+// not be installed), so we cannot import them from a required dependency.
+//
+// The REAL icons in @buoy-gg/zustand and @buoy-gg/jotai are themselves a single
+// centered letter glyph (verified — there are no SVG logos in those packages).
+// These are faithful copies of those source components, so unavailable items
+// render the ACTUAL tool icon (just dimmed by DialIcon), not a placeholder.
+
+/** Faithful copy of @buoy-gg/zustand `ZustandIcon` */
+const ZustandIcon = ({
+  size,
+  color
+}) => /*#__PURE__*/_jsx(View, {
+  style: {
+    width: size,
+    height: size,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  children: /*#__PURE__*/_jsx(Text, {
+    style: {
+      fontSize: size * 0.75,
+      color: color || ZUSTAND_ICON_COLOR,
+      fontWeight: "700"
+    },
+    children: "Z"
+  })
+});
+
+/** Faithful copy of @buoy-gg/jotai `JotaiIcon` */
+const JotaiIcon = ({
+  size,
+  color
+}) => /*#__PURE__*/_jsx(View, {
+  style: {
+    width: size,
+    height: size,
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  children: /*#__PURE__*/_jsx(Text, {
+    style: {
+      fontSize: size * 0.75,
+      color: color || JOTAI_ICON_COLOR,
+      fontWeight: "700"
+    },
+    children: "J"
+  })
+});
+
+// ─── Registry entry type ──────────────────────────────────────────────────────
+
+// ─── Canonical catalog ────────────────────────────────────────────────────────
+
+/**
+ * Full list of every dial-eligible tool React Buoy offers on mobile.
+ *
+ * Available (installed) tools are shown normally in the dial.
+ * Unavailable (not installed) tools are appended at the end of the dial and look
+ * like a normal item (real icon + real name) with a small muted "Unavailable"
+ * caption added; they are non-interactive.
+ *
+ * To add a new tool to Buoy:
+ *  1. Add its preset to autoDiscoverPresets.ts
+ *  2. Add an entry here so it appears in the "unavailable" section for apps
+ *     that haven't installed it yet.
+ */
+export const ALL_TOOLS_REGISTRY = [{
+  id: "env",
+  name: "ENV",
+  color: ENV_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(EnvIcon, {
+    size: size
+  })
+}, {
+  id: "network",
+  name: "NETWORK",
+  color: NETWORK_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(NetworkIcon, {
+    size: size
+  })
+}, {
+  id: "storage",
+  name: "STORAGE",
+  color: STORAGE_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(StorageIcon, {
+    size: size
+  })
+}, {
+  id: "query",
+  name: "QUERY",
+  color: QUERY_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(QueryIcon, {
+    size: size
+  })
+}, {
+  id: "route-events",
+  name: "ROUTES",
+  color: ROUTES_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(RoutesIcon, {
+    size: size
+  })
+}, {
+  id: "highlight-updates-modal",
+  name: "HIGHLIGHT",
+  color: HIGHLIGHTER_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(HighlighterIcon, {
+    size: size
+  })
+}, {
+  id: "redux",
+  name: "REDUX",
+  color: REDUX_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(ReduxIcon, {
+    size: size
+  })
+}, {
+  id: "zustand",
+  name: "ZUSTAND",
+  color: ZUSTAND_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(ZustandIcon, {
+    size: size
+  })
+}, {
+  id: "events",
+  name: "EVENTS",
+  color: EVENTS_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(EventsIcon, {
+    size: size
+  })
+}, {
+  id: "jotai",
+  name: "JOTAI",
+  color: JOTAI_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(JotaiIcon, {
+    size: size
+  })
+}, {
+  id: "image-overlay",
+  name: "IMG",
+  color: IMAGE_OVERLAY_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(ImageOverlayIcon, {
+    size: size,
+    color: IMAGE_OVERLAY_ICON_COLOR
+  })
+}, {
+  id: "perf-monitor-modal",
+  name: "BENCH",
+  color: BENCHMARK_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/_jsx(BenchmarkIcon, {
+    size: size
+  })
+}];

package/lib/module/floatingMenu/autoExternalSync.js

@@ -13,7 +13,7 @@
  * Identity defaults come from expo-constants when available (app name →
  * "MyApp (ios)" / "myapp-ios"), overridable via the `externalSync` prop.
  */
-import { useMemo } from "react";
+import { useEffect, useMemo, useRef } from "react";
 import { Platform } from "react-native";
 /* eslint-disable @typescript-eslint/no-var-requires */
 
@@ -34,6 +34,7 @@ let reduxModule = null;
 let zustandModule = null;
 let jotaiModule = null;
 let eventsModule = null;
+let consoleModule = null;
 let envModule = null;
 let highlightUpdatesModule = null;
 let debugBordersModule = null;
@@ -85,6 +86,11 @@ try {
 } catch {
   // not installed
 }
+try {
+  consoleModule = require("@buoy-gg/console");
+} catch {
+  // not installed
+}
 try {
   envModule = require("@buoy-gg/env");
 } catch {
@@ -134,7 +140,9 @@ function defaultIdentity() {
 }
 export function AutoExternalSync({
   options,
-  requiredEnvVars
+  requiredEnvVars,
+  isPro,
+  licenseKey
 }) {
   const {
     useExternalSyncSocket,
@@ -156,6 +164,34 @@ export function AutoExternalSync({
     platform: Platform.OS,
     enableLogs: options?.enableLogs
   });
+
+  // The license validates asynchronously (Keygen call on mount), usually AFTER
+  // the socket handshake is already sent — so the one-shot handshake query
+  // can't carry Pro status reliably. Emit it as an event whenever it resolves
+  // or changes, and on every (re)connect. The broker stores it on the device
+  // record and rebroadcasts, so the desktop dashboard can auto-adopt the key.
+  const licenseRef = useRef({
+    isPro,
+    licenseKey
+  });
+  licenseRef.current = {
+    isPro,
+    licenseKey
+  };
+  useEffect(() => {
+    if (!socket) return;
+    const emitLicense = () => {
+      socket.emit("device-license", {
+        isPro: licenseRef.current.isPro ? "1" : "0",
+        licenseKey: licenseRef.current.licenseKey ?? ""
+      });
+    };
+    if (socket.connected) emitLicense();
+    socket.on("connect", emitLicense);
+    return () => {
+      socket.off("connect", emitLicense);
+    };
+  }, [socket, isPro, licenseKey]);
   const tools = useMemo(() => {
     const map = {};
     if (storageModule?.storageSyncAdapter) {
@@ -182,6 +218,9 @@ export function AutoExternalSync({
     if (eventsModule?.eventsSyncAdapter) {
       map.events = eventsModule.eventsSyncAdapter;
     }
+    if (consoleModule?.consoleSyncAdapter) {
+      map.console = consoleModule.consoleSyncAdapter;
+    }
     if (envModule?.createEnvSyncAdapter) {
       map.env = envModule.createEnvSyncAdapter(requiredEnvVars ?? []);
     }

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

@@ -5,14 +5,15 @@ import { Pressable, StyleSheet, View, useWindowDimensions, Text, Animated, Easin
 import { absoluteFill } from "@buoy-gg/shared-ui";
 // Icons are provided by installedApps; no direct icon imports here.
 import { DialIcon } from "./DialIcon.js";
+import { ALL_TOOLS_REGISTRY } from "../allToolsRegistry.js";
 import { DialPagination } from "./DialPagination.js";
 import { getRankedToolIds, isDialUsageLoaded, loadDialUsage, recordToolUsage } from "./dialUsageStore.js";
 import { persistentStorage, useHintsDisabled, devToolsStorageKeys, buoyColors } from "@buoy-gg/shared-ui";
 import { DevToolsSettingsModal, useDevToolsSettings } from "../DevToolsSettingsModal";
-import { useIsPro } from "@buoy-gg/license";
+import { useProAccess } from "@buoy-gg/license";
 import { useAppHost } from "../AppHost.js";
 import { OnboardingTooltip } from "./OnboardingTooltip.js";
-import { getDialLayout, MAX_DIAL_SLOTS, DIAL_BUTTON_SIZE, dialAnimationConfig, dialColors } from "@buoy-gg/floating-tools-core";
+import { getDialLayout, MAX_DIAL_SLOTS, DIAL_BUTTON_SIZE, DIAL_ICON_SIZE, dialAnimationConfig, dialColors } from "@buoy-gg/floating-tools-core";
 
 // The circle size depends on the live window width, so it's computed inside
 // the component via useWindowDimensions — a module-scope Dimensions.get
@@ -48,7 +49,10 @@ export const DialDevTools = ({
   const {
     open
   } = useAppHost();
-  const isPro = useIsPro();
+  const {
+    isPro,
+    isWeekendFree
+  } = useProAccess();
 
   // Live window size — keeps the dial centered and sized correctly when the
   // window resizes (Electron/web) or the device rotates.
@@ -208,6 +212,35 @@ export const DialDevTools = ({
     return map;
   }, [dialApps, actions, open, onClose]);
 
+  // Tools from the global registry that are NOT installed in this app.
+  // These are appended after all available tools so paging "next" eventually
+  // reveals them. They are display-only (real icon + real name + "Unavailable").
+  const unavailableTools = useMemo(() => {
+    const installedIds = new Set(dialApps.map(a => a.id));
+    return ALL_TOOLS_REGISTRY.filter(t => !installedIds.has(t.id));
+  }, [dialApps]);
+
+  // Build stable IconType entries for each unavailable tool.
+  const unavailableIconsById = useMemo(() => {
+    const map = new Map();
+    for (const tool of unavailableTools) {
+      map.set(tool.id, {
+        id: tool.id,
+        name: tool.name,
+        // Pre-render the icon at the standard dial slot size so it looks correct.
+        icon: tool.renderIcon(DIAL_ICON_SIZE),
+        iconComponent: undefined,
+        color: tool.color,
+        unavailable: true,
+        // Tapping an unavailable tool is intentionally a no-op: the dial stays
+        // open and no modal launches, signalling the tool is not installed.
+        // Future: add a brief Toast with an install link here.
+        onPress: () => {}
+      });
+    }
+    return map;
+  }, [unavailableTools]);
+
   // Snapshot the usage-ranked order when the dial opens. It stays stable while
   // open so icons don't jump positions mid-interaction.
   const [rankedIds, setRankedIds] = useState(() => getRankedToolIds(dialApps.map(a => a.id)));
@@ -226,7 +259,9 @@ export const DialDevTools = ({
       cancelled = true;
     };
   }, [dialApps]);
-  const pageCount = Math.max(1, Math.ceil(rankedIds.length / MAX_DIAL_SLOTS));
+
+  // Page count spans available tools (usage-ranked) + unavailable tools (appended).
+  const pageCount = Math.max(1, Math.ceil((rankedIds.length + unavailableTools.length) / MAX_DIAL_SLOTS));
   const [currentPage, setCurrentPage] = useState(0);
   const safePage = Math.min(currentPage, pageCount - 1);
 
@@ -234,13 +269,18 @@ export const DialDevTools = ({
   // snapshotted on open, so each icon's page and slot are fixed for the
   // session — which lets us mount all icons once and paginate purely by
   // toggling visibility (no remounts on page change).
+  //
+  // Order: usage-ranked available tools first, unavailable tools appended at
+  // the very end. This guarantees unavailable items always appear on the last
+  // pages and never displace available tools.
   const allDialIcons = useMemo(() => {
-    return rankedIds.map(id => iconsById.get(id)).filter(icon => Boolean(icon)).map((icon, i) => ({
+    const allIds = [...rankedIds, ...unavailableTools.map(t => t.id)];
+    return allIds.map(id => iconsById.get(id) ?? unavailableIconsById.get(id)).filter(icon => Boolean(icon)).map((icon, i) => ({
       icon,
       page: Math.floor(i / MAX_DIAL_SLOTS),
       slot: i % MAX_DIAL_SLOTS
     }));
-  }, [rankedIds, iconsById]);
+  }, [rankedIds, iconsById, unavailableTools, unavailableIconsById]);
 
   // Empty slot indices for the current page (only the last page can be
   // partial). These are cheap placeholder dots.
@@ -442,6 +482,10 @@ export const DialDevTools = ({
     });
   };
   const handleIconPress = icon => {
+    // Unavailable tools are display-only. Return early so the dial stays open
+    // and no modal or animation is triggered. The dimmed appearance already
+    // communicates that the tool is not installed.
+    if (icon.unavailable) return;
     setSelectedIcon(1);
     const interaction = dialAnimationConfig?.interaction ?? {
       iconSelect: {
@@ -609,8 +653,8 @@ export const DialDevTools = ({
                     style: styles.centerText,
                     children: "BUOY"
                   }), isPro && /*#__PURE__*/_jsx(Text, {
-                    style: styles.proText,
-                    children: "PRO"
+                    style: [styles.proText, isWeekendFree && styles.weekendText],
+                    children: isWeekendFree ? "WEEKEND" : "PRO"
                   })]
                 })
               })
@@ -815,5 +859,11 @@ const styles = StyleSheet.create({
       height: 0
     },
     textShadowRadius: 4
+  },
+  // Weekend Pass variant — violet, tighter spacing so "WEEKEND" fits the dial.
+  weekendText: {
+    color: "#BF5AF2",
+    letterSpacing: 1,
+    textShadowColor: "#BF5AF2"
   }
 });

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

@@ -2,7 +2,7 @@
 
 import { useMemo, useRef } from "react";
 import { StyleSheet, Pressable, View, Text, useWindowDimensions, Animated } from "react-native";
-import { getDialLayout, getIconPosition, getIconStaggerInputRange, DIAL_START_ANGLE, DIAL_ICON_SIZE, dialColors, dialStyles, dialAnimationConfig } from "@buoy-gg/floating-tools-core";
+import { getDialLayout, getIconPosition, getIconStaggerInputRange, DIAL_START_ANGLE, DIAL_ICON_SIZE, dialColors, dialStyles, dialAnimationConfig, floatingToolsColors } from "@buoy-gg/floating-tools-core";
 
 // The circle radius depends on the live window width and is computed inside
 // the component (must match DialDevTools' circle, which does the same).
@@ -154,6 +154,32 @@ export const DialIcon = ({
       children: /*#__PURE__*/_jsx(View, {
         style: styles.emptyDot
       })
+    }) : icon.unavailable ?
+    /*#__PURE__*/
+    // ── Unavailable tool ──────────────────────────────────────────────────
+    // Renders the real icon + real name at NORMAL styling (visually identical
+    // to an installed tool). The ONLY signal that it's unavailable is the small
+    // muted "Unavailable" caption under the name. It's non-interactive: no
+    // Pressable, and the dial stays open when tapped because
+    // DialDevTools.handleIconPress returns early for unavailable icons.
+    _jsxs(View, {
+      style: styles.pressable,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.iconWrapper,
+        children: icon.icon
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        numberOfLines: 1,
+        adjustsFontSizeToFit: true,
+        minimumFontScale: 0.7,
+        children: icon.name.toUpperCase()
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.unavailableCaption,
+        numberOfLines: 1,
+        adjustsFontSizeToFit: true,
+        minimumFontScale: 0.6,
+        children: "Unavailable"
+      })]
     }) : /*#__PURE__*/_jsxs(Pressable, {
       onPress: () => onPress(icon),
       onPressIn: handlePressIn,
@@ -244,5 +270,20 @@ const styles = StyleSheet.create({
     backgroundColor: dialColors.emptyDotBackground,
     borderWidth: dialStyles.emptySlot.borderWidth,
     borderColor: dialColors.emptyDotBorder
+  },
+  // ── Unavailable tool styles ────────────────────────────────────────────────
+  /**
+   * Small muted caption shown under the (normal-styled) tool name — the only
+   * signal that the tool is not installed. Kept compact (smaller than the label)
+   * so the extra line doesn't disturb the arc layout. Uses the shared muted
+   * theme token rather than a hardcoded color.
+   */
+  unavailableCaption: {
+    fontSize: dialStyles.icon.label.fontSize - 1,
+    fontWeight: dialStyles.icon.label.fontWeight,
+    letterSpacing: dialStyles.icon.label.letterSpacing,
+    fontFamily: dialStyles.icon.label.fontFamily,
+    color: floatingToolsColors.muted,
+    textTransform: "uppercase"
   }
 });

package/lib/typescript/commonjs/floatingMenu/FloatingDevTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDevTools.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EAEvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,KAAK,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC5E;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IAEjC;;;;;;;;;;;;OAYG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;OAaG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAE7C;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC;;;;;;;;;;;;;;;;OAgBG;IACH,qBAAqB,CAAC,EAAE,OAAO,oBAAoB,EAAE,WAAW,EAAE,CAAC;IAEnE;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,IAAI,CAAC;IAEtF;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;;;;;;;;;OAkBG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,gBAAgB,GAAI,gNAc9B,qBAAqB,6BAqPvB,CAAC"}
+{"version":3,"file":"FloatingDevTools.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EAEvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,KAAK,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC5E;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IAEjC;;;;;;;;;;;;OAYG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;OAaG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAE7C;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC;;;;;;;;;;;;;;;;OAgBG;IACH,qBAAqB,CAAC,EAAE,OAAO,oBAAoB,EAAE,WAAW,EAAE,CAAC;IAEnE;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,IAAI,CAAC;IAEtF;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;;;;;;;;;OAkBG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,gBAAgB,GAAI,gNAc9B,qBAAqB,6BAoQvB,CAAC"}

package/lib/typescript/commonjs/floatingMenu/allToolsRegistry.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Canonical registry of ALL dial-eligible tools React Buoy offers on mobile.
+ *
+ * This is the single source of truth used to compute which tools are
+ * "unavailable" (offered but not installed in the current app).  It lives
+ * inside the floating-menu package so nothing outside needs to be imported.
+ *
+ * Rules for this file:
+ *  - Only import from REQUIRED dependencies (@buoy-gg/floating-tools-core,
+ *    @buoy-gg/shared-ui, react-native) so the icons are always resolvable,
+ *    even when the optional tool packages are not installed.
+ *  - Only include tools whose preset slot is NOT "row" (row-only tools never
+ *    appear in the dial and have no "unavailable" state to show).
+ *  - Keep the order intentional: this order is the fallback when no usage
+ *    data exists for new/unavailable tools.
+ */
+import React from "react";
+export interface AllToolsEntry {
+    /** Unique tool ID — must match the preset id from the tool's package */
+    id: string;
+    /** Display name (shown in the dial + unavailable label) */
+    name: string;
+    /** Accent color */
+    color: string;
+    /** Icon render function — receives the requested pixel size */
+    renderIcon: (size: number) => React.ReactNode;
+}
+/**
+ * Full list of every dial-eligible tool React Buoy offers on mobile.
+ *
+ * Available (installed) tools are shown normally in the dial.
+ * Unavailable (not installed) tools are appended at the end of the dial and look
+ * like a normal item (real icon + real name) with a small muted "Unavailable"
+ * caption added; they are non-interactive.
+ *
+ * To add a new tool to Buoy:
+ *  1. Add its preset to autoDiscoverPresets.ts
+ *  2. Add an entry here so it appears in the "unavailable" section for apps
+ *     that haven't installed it yet.
+ */
+export declare const ALL_TOOLS_REGISTRY: AllToolsEntry[];
+//# sourceMappingURL=allToolsRegistry.d.ts.map

package/lib/typescript/commonjs/floatingMenu/allToolsRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"allToolsRegistry.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/allToolsRegistry.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgE1B,MAAM,WAAW,aAAa;IAC5B,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/C;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAyE7C,CAAC"}

package/lib/typescript/commonjs/floatingMenu/autoExternalSync.d.ts

@@ -15,7 +15,11 @@ interface AutoExternalSyncProps {
     options?: ExternalSyncOptions;
     /** FloatingDevTools' requiredEnvVars — reused for the env tool's adapter. */
     requiredEnvVars?: EnvVarConfig[];
+    /** Pro status, forwarded into the handshake so the dashboard can adopt it. */
+    isPro?: boolean;
+    /** Pro license key, forwarded into the handshake alongside `isPro`. */
+    licenseKey?: string | null;
 }
-export declare function AutoExternalSync({ options, requiredEnvVars, }: AutoExternalSyncProps): null;
+export declare function AutoExternalSync({ options, requiredEnvVars, isPro, licenseKey, }: AutoExternalSyncProps): null;
 export {};
 //# sourceMappingURL=autoExternalSync.d.ts.map

package/lib/typescript/commonjs/floatingMenu/autoExternalSync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoExternalSync.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/autoExternalSync.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAwGvD,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,eAAe,GAChB,EAAE,qBAAqB,QA4EvB"}
+{"version":3,"file":"autoExternalSync.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/autoExternalSync.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AA8GvD,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,eAAe,EACf,KAAK,EACL,UAAU,GACX,EAAE,qBAAqB,QAqGvB"}

package/lib/typescript/commonjs/floatingMenu/dial/DialDevTools.d.ts

@@ -19,6 +19,13 @@ export type IconType = {
     }) => ReactNode;
     color: string;
     onPress: () => void;
+    /**
+     * True for tools that React Buoy offers but the current app has not installed.
+     * Unavailable items render like a normal item (real icon + real name at full
+     * styling) plus a small muted "Unavailable" caption, and are non-interactive
+     * (tapping does nothing and keeps the dial open).
+     */
+    unavailable?: boolean;
 };
 interface DialDevToolsProps {
     onClose?: () => void;

package/lib/typescript/commonjs/floatingMenu/dial/DialDevTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+B5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAoBlB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4nB9C,CAAC"}
+{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgC5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAqBlB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmrB9C,CAAC"}

package/lib/typescript/commonjs/floatingMenu/dial/DialIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialIcon.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,EAAE,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAML,QAAQ,EACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB1C,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAuM9B,CAAC"}
+{"version":3,"file":"DialIcon.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,EAAE,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAML,QAAQ,EACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAiB1C,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAwO9B,CAAC"}

package/lib/typescript/module/floatingMenu/FloatingDevTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDevTools.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EAEvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,KAAK,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC5E;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IAEjC;;;;;;;;;;;;OAYG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;OAaG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAE7C;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC;;;;;;;;;;;;;;;;OAgBG;IACH,qBAAqB,CAAC,EAAE,OAAO,oBAAoB,EAAE,WAAW,EAAE,CAAC;IAEnE;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,IAAI,CAAC;IAEtF;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;;;;;;;;;OAkBG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,gBAAgB,GAAI,gNAc9B,qBAAqB,6BAqPvB,CAAC"}
+{"version":3,"file":"FloatingDevTools.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EAEvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,KAAK,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC5E;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IAEjC;;;;;;;;;;;;OAYG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;OAaG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAE7C;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC;;;;;;;;;;;;;;;;OAgBG;IACH,qBAAqB,CAAC,EAAE,OAAO,oBAAoB,EAAE,WAAW,EAAE,CAAC;IAEnE;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,IAAI,CAAC;IAEtF;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;;;;;;;;;OAkBG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,gBAAgB,GAAI,gNAc9B,qBAAqB,6BAoQvB,CAAC"}

package/lib/typescript/module/floatingMenu/allToolsRegistry.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Canonical registry of ALL dial-eligible tools React Buoy offers on mobile.
+ *
+ * This is the single source of truth used to compute which tools are
+ * "unavailable" (offered but not installed in the current app).  It lives
+ * inside the floating-menu package so nothing outside needs to be imported.
+ *
+ * Rules for this file:
+ *  - Only import from REQUIRED dependencies (@buoy-gg/floating-tools-core,
+ *    @buoy-gg/shared-ui, react-native) so the icons are always resolvable,
+ *    even when the optional tool packages are not installed.
+ *  - Only include tools whose preset slot is NOT "row" (row-only tools never
+ *    appear in the dial and have no "unavailable" state to show).
+ *  - Keep the order intentional: this order is the fallback when no usage
+ *    data exists for new/unavailable tools.
+ */
+import React from "react";
+export interface AllToolsEntry {
+    /** Unique tool ID — must match the preset id from the tool's package */
+    id: string;
+    /** Display name (shown in the dial + unavailable label) */
+    name: string;
+    /** Accent color */
+    color: string;
+    /** Icon render function — receives the requested pixel size */
+    renderIcon: (size: number) => React.ReactNode;
+}
+/**
+ * Full list of every dial-eligible tool React Buoy offers on mobile.
+ *
+ * Available (installed) tools are shown normally in the dial.
+ * Unavailable (not installed) tools are appended at the end of the dial and look
+ * like a normal item (real icon + real name) with a small muted "Unavailable"
+ * caption added; they are non-interactive.
+ *
+ * To add a new tool to Buoy:
+ *  1. Add its preset to autoDiscoverPresets.ts
+ *  2. Add an entry here so it appears in the "unavailable" section for apps
+ *     that haven't installed it yet.
+ */
+export declare const ALL_TOOLS_REGISTRY: AllToolsEntry[];
+//# sourceMappingURL=allToolsRegistry.d.ts.map

package/lib/typescript/module/floatingMenu/allToolsRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"allToolsRegistry.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/allToolsRegistry.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgE1B,MAAM,WAAW,aAAa;IAC5B,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/C;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAyE7C,CAAC"}

package/lib/typescript/module/floatingMenu/autoExternalSync.d.ts

@@ -15,7 +15,11 @@ interface AutoExternalSyncProps {
     options?: ExternalSyncOptions;
     /** FloatingDevTools' requiredEnvVars — reused for the env tool's adapter. */
     requiredEnvVars?: EnvVarConfig[];
+    /** Pro status, forwarded into the handshake so the dashboard can adopt it. */
+    isPro?: boolean;
+    /** Pro license key, forwarded into the handshake alongside `isPro`. */
+    licenseKey?: string | null;
 }
-export declare function AutoExternalSync({ options, requiredEnvVars, }: AutoExternalSyncProps): null;
+export declare function AutoExternalSync({ options, requiredEnvVars, isPro, licenseKey, }: AutoExternalSyncProps): null;
 export {};
 //# sourceMappingURL=autoExternalSync.d.ts.map

package/lib/typescript/module/floatingMenu/autoExternalSync.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"autoExternalSync.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/autoExternalSync.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAwGvD,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;CAClC;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,eAAe,GAChB,EAAE,qBAAqB,QA4EvB"}
+{"version":3,"file":"autoExternalSync.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/autoExternalSync.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AA8GvD,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,eAAe,EACf,KAAK,EACL,UAAU,GACX,EAAE,qBAAqB,QAqGvB"}

package/lib/typescript/module/floatingMenu/dial/DialDevTools.d.ts

@@ -19,6 +19,13 @@ export type IconType = {
     }) => ReactNode;
     color: string;
     onPress: () => void;
+    /**
+     * True for tools that React Buoy offers but the current app has not installed.
+     * Unavailable items render like a normal item (real icon + real name at full
+     * styling) plus a small muted "Unavailable" caption, and are non-interactive
+     * (tapping does nothing and keeps the dial open).
+     */
+    unavailable?: boolean;
 };
 interface DialDevToolsProps {
     onClose?: () => void;

package/lib/typescript/module/floatingMenu/dial/DialDevTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA+B5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAoBlB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA4nB9C,CAAC"}
+{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgC5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAqBlB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmrB9C,CAAC"}

package/lib/typescript/module/floatingMenu/dial/DialIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialIcon.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,EAAE,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAML,QAAQ,EACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAgB1C,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAuM9B,CAAC"}
+{"version":3,"file":"DialIcon.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,EAAE,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAML,QAAQ,EACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAiB1C,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,QAAQ,CAAC;IACf,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;IAC9B,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,KAAK,CAwO9B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/core",
-  "version": "3.0.2",
+  "version": "4.0.1",
   "description": "Floating dev tools launcher and AppHost",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -22,10 +22,10 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "3.0.2",
-    "@buoy-gg/floating-tools-react": "3.0.2",
-    "@buoy-gg/license": "3.0.2",
-    "@buoy-gg/floating-tools-core": "3.0.2"
+    "@buoy-gg/shared-ui": "4.0.1",
+    "@buoy-gg/floating-tools-core": "4.0.1",
+    "@buoy-gg/license": "4.0.1",
+    "@buoy-gg/floating-tools-react": "4.0.1"
   },
   "peerDependencies": {
     "react": "*",