@buoy-gg/core 7.0.16 → 7.0.18

package/lib/commonjs/floatingMenu/AppHost.js

@@ -8,7 +8,9 @@ var _sharedUi = require("@buoy-gg/shared-ui");
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _AppHostLogic = require("./AppHostLogic.js");
+var _AppIcon = require("./AppIcon.js");
 var _MinimizedToolsContext = require("./MinimizedToolsContext.js");
+var _ToolHost = require("./ToolHost.js");
 var _DevToolsSettingsModal = require("./DevToolsSettingsModal");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -68,10 +70,11 @@ const AppHostProvider = ({
     }) => {
       const appDef = installedAppsRef.current.find(app => app.id === appId);
       if (appDef) {
-        const resolvedIcon = typeof appDef.icon === "function" ? appDef.icon({
+        const resolvedIcon = (0, _AppIcon.renderAppIcon)(appDef.icon, {
           slot: "dial",
-          size: 20
-        }) : appDef.icon;
+          size: 20,
+          color: appDef.color
+        });
         open({
           id: appDef.id,
           title: appDef.name,
@@ -81,6 +84,7 @@ const AppHostProvider = ({
           singleton: appDef.singleton,
           icon: resolvedIcon,
           color: appDef.color,
+          modal: appDef.modal,
           minimized: minimized // Preserve minimized state
         });
       }
@@ -257,6 +261,22 @@ const AppRenderer = ({
       enableSharedModalDimensions: true
     } : {})
   };
+
+  // Declarative chrome: the component is a plain body — wrap it in the shared
+  // modal shell (JsModal + managed header + search + toasts).
+  if (app.modal && (app.launchMode === "self-modal" || !app.launchMode)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToolHost.ToolModalShell, {
+      app: app,
+      config: app.modal,
+      visible: isVisible,
+      zIndex: zIndex,
+      onClose: onClose,
+      onMinimize: onMinimize,
+      initialModalState: app.restoreState,
+      enableSharedModalDimensions: globalEnableSharedModalDimensions === true,
+      bodyProps: mergedProps
+    });
+  }
   if (app.launchMode === "self-modal") {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Comp, {
       ...mergedProps,

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

@@ -7,6 +7,7 @@ exports.useAppHost = exports.AppOverlay = exports.AppHostProvider = void 0;
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _react = require("react");
 var _AppHostLogic = require("./AppHostLogic.js");
+var _AppIcon = require("./AppIcon.js");
 var _floatingToolsWeb = require("./floatingTools.web.js");
 var _jsxRuntime = require("react/jsx-runtime");
 /**
@@ -86,7 +87,11 @@ const AppHostProvider = ({
     }) => {
       const appDef = installedAppsRef.current.find(app => app.id === appId);
       if (appDef && appDef.component) {
-        const resolvedIcon = typeof appDef.icon === "function" ? appDef.icon(20) : appDef.icon;
+        const resolvedIcon = (0, _AppIcon.renderAppIcon)(appDef.icon, {
+          slot: "dial",
+          size: 20,
+          color: appDef.color
+        });
         open({
           id: appDef.id,
           title: appDef.name,

package/lib/commonjs/floatingMenu/AppIcon.js

@@ -0,0 +1,91 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AppTextIcon = AppTextIcon;
+exports.renderAppIcon = renderAppIcon;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Icon resolution for `InstalledApp.icon`.
+ *
+ * Custom tools may provide an icon three ways:
+ *  - a component `({ slot, size }) => node` (dynamic, hook-capable)
+ *  - a pre-built ReactNode
+ *  - a PLAIN STRING — "AUTH", "KIT", "🗑️" — rendered as an auto-fitting text
+ *    icon so simple tools never need an icon library.
+ *
+ * Every menu surface (dial, row, minimize stack, restore path) resolves icons
+ * through `renderAppIcon` so all three forms behave identically.
+ */
+
+/** Visible glyphs, not UTF-16 units — "🗑️" is one glyph, not three. */
+function glyphCount(label) {
+  // Strip variation selectors + zero-width joiners before counting.
+  const stripped = label.replace(/[\uFE00-\uFE0F\u200D]/g, "");
+  return Math.max(Array.from(stripped).length, 1);
+}
+function AppTextIcon({
+  label,
+  size,
+  color = _sharedUi.toolTheme.colors.text
+}) {
+  const chars = glyphCount(label);
+  // Short labels stay square; longer ones ("AUTH") get a wider box — the
+  // dial/row layouts have breathing room and the label reads better than a
+  // squashed square would. The computed font size is what fits the box on
+  // web; adjustsFontSizeToFit covers native font-metric drift.
+  const maxWidth = chars <= 2 ? size : size * 1.6;
+  const fontSize = Math.max(7, Math.min(size * (chars === 1 ? 0.7 : 0.62), maxWidth / (0.62 * chars)));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      minWidth: size,
+      maxWidth,
+      height: size,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      numberOfLines: 1,
+      adjustsFontSizeToFit: true,
+      minimumFontScale: 0.5,
+      style: {
+        color,
+        fontSize,
+        fontWeight: "800",
+        letterSpacing: 0.5,
+        textAlign: "center"
+      },
+      children: label
+    })
+  });
+}
+
+/**
+ * Resolve any `InstalledApp.icon` form to a renderable node. Function icons
+ * become elements (createElement — hooks keep working); strings become
+ * auto-fitting text icons; nodes pass through.
+ */
+function renderAppIcon(icon, ctx) {
+  if (icon == null) return icon;
+  if (typeof icon === "function") {
+    return /*#__PURE__*/_react.default.createElement(icon, {
+      slot: ctx.slot,
+      size: ctx.size,
+      state: ctx.state,
+      actions: ctx.actions
+    });
+  }
+  if (typeof icon === "string" || typeof icon === "number") {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(AppTextIcon, {
+      label: String(icon),
+      size: ctx.size,
+      color: ctx.color
+    });
+  }
+  return icon;
+}

package/lib/commonjs/floatingMenu/FloatingDevTools.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 var _AppHost = require("./AppHost");
 var _FloatingMenu = require("./FloatingMenu.js");
 var _autoDiscoverPresets = require("./autoDiscoverPresets.js");
+var _AppIcon = require("./AppIcon.js");
 var _DevToolsVisibilityContext = require("./DevToolsVisibilityContext.js");
 var _optionalRequire = require("./optionalRequire.js");
 var _sharedUi = require("@buoy-gg/shared-ui");
@@ -230,6 +231,11 @@ const FloatingDevTools = ({
   // identity (and re-ran discovery) on every parent render.
   const finalApps = (0, _react.useMemo)(() => userApps ? (0, _autoDiscoverPresets.autoDiscoverPresetsWithCustom)(userApps) : (0, _autoDiscoverPresets.autoDiscoverPresets)(), [userApps]);
 
+  // Custom tools that declared a sync adapter — registered with the broker as
+  // `custom:<id>` by AutoExternalSync. Memoized so the sync tools map (keyed
+  // by identity) doesn't rebuild every render.
+  const syncApps = (0, _react.useMemo)(() => finalApps.filter(app => app.sync), [finalApps]);
+
   // Check if debug-borders is installed and auto-render the overlay
   const DebugBordersOverlay = (0, _react.useMemo)(() => {
     try {
@@ -366,13 +372,11 @@ const FloatingDevTools = ({
   const getToolIcon = (0, _react.useCallback)(id => {
     const tool = finalApps.find(app => app.id === id);
     if (!tool) return null;
-    if (typeof tool.icon === "function") {
-      return tool.icon({
-        slot: "dial",
-        size: 20
-      });
-    }
-    return tool.icon;
+    return (0, _AppIcon.renderAppIcon)(tool.icon, {
+      slot: "dial",
+      size: 20,
+      color: tool.color
+    });
   }, [finalApps]);
 
   // Gate: Free tier only works in development mode
@@ -394,7 +398,8 @@ const FloatingDevTools = ({
         options: typeof externalSync === "object" ? externalSync : undefined,
         requiredEnvVars: requiredEnvVars,
         isPro: isLicensed,
-        licenseKey: licenseKey
+        licenseKey: licenseKey,
+        customApps: syncApps
       })]
     });
   }
@@ -434,7 +439,8 @@ const FloatingDevTools = ({
             options: typeof externalSync === "object" ? externalSync : undefined,
             requiredEnvVars: requiredEnvVars,
             isPro: isLicensed,
-            licenseKey: licenseKey
+            licenseKey: licenseKey,
+            customApps: syncApps
           })]
         })
       })

package/lib/commonjs/floatingMenu/FloatingMenu.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
 var _floatingTools = require("./floatingTools");
+var _AppIcon = require("./AppIcon.js");
 var _DialDevTools = require("./dial/DialDevTools");
 var _DevToolsSettingsModal = require("./DevToolsSettingsModal");
 var _AppHost = require("./AppHost");
@@ -172,12 +173,13 @@ const FloatingMenu = ({
 
     // Only open modal if not a toggle-only tool
     if (app.launchMode !== "toggle-only") {
-      // Resolve the icon for minimize stack display
-      // IMPORTANT: Use React.createElement for function components to preserve hooks
-      const resolvedIcon = typeof app.icon === "function" ? /*#__PURE__*/_react.default.createElement(app.icon, {
+      // Resolve the icon for minimize stack display (createElement keeps
+      // function-icon hooks working; strings become text icons).
+      const resolvedIcon = (0, _AppIcon.renderAppIcon)(app.icon, {
         slot: "dial",
-        size: 20
-      }) : app.icon;
+        size: 20,
+        color: app.color
+      });
       open({
         id: app.id,
         title: app.name,
@@ -186,7 +188,8 @@ const FloatingMenu = ({
         launchMode: app.launchMode ?? "self-modal",
         singleton: app.singleton ?? true,
         icon: resolvedIcon,
-        color: app.color
+        color: app.color,
+        modal: app.modal
       });
     }
   };
@@ -284,7 +287,11 @@ const FloatingMenu = ({
                 actions: mergedActions
               });
             }
-            return app.icon;
+            return (0, _AppIcon.renderAppIcon)(app.icon, {
+              slot: "row",
+              size: 16,
+              color: app.color
+            });
           })()
         }, `row-${app.id}`))]
       })

package/lib/commonjs/floatingMenu/ToolHost.js

@@ -0,0 +1,274 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ToolModalShell = ToolModalShell;
+exports.useToolHeader = useToolHeader;
+exports.useToolHost = useToolHost;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * ToolHost — the declarative chrome layer for custom tools.
+ *
+ * When an `InstalledApp` declares `modal: {...}`, the AppHost renders its
+ * component inside `ToolModalShell` instead of raw: the shared JsModal
+ * (drag/resize, floating⇄bottom-sheet, minimize, dimension persistence) plus
+ * a managed header (title/subtitle, back navigation, search, actions) and a
+ * lightweight toast layer. The tool body talks back to the shell through
+ * `useToolHost()` / `useToolHeader()`.
+ */
+
+/** Per-screen header overrides a tool body can apply (see `useToolHeader`). */
+
+const noop = () => {};
+const FALLBACK_CONTEXT = {
+  search: "",
+  isSearchActive: false,
+  clearSearch: noop,
+  close: noop,
+  showToast: noop,
+  setHeaderOverride: noop
+};
+const ToolHostContext = /*#__PURE__*/(0, _react.createContext)(null);
+
+/**
+ * Access the hosting shell from a custom tool body: search query, toasts,
+ * close. Safe to call outside the shell (returns inert no-ops) so tool
+ * components can also be mounted standalone.
+ */
+function useToolHost() {
+  return (0, _react.useContext)(ToolHostContext) ?? FALLBACK_CONTEXT;
+}
+
+/**
+ * Declare per-screen header state (title/subtitle/actions/back) from inside a
+ * tool body. Applies while the calling component is mounted and reverts to
+ * the preset's static config on unmount — so a detail screen simply mounts
+ * with its own header and the list header returns when it unmounts.
+ *
+ * ```tsx
+ * useToolHeader(
+ *   { title: flag.key, onBack: () => setScreen("list"), actions: <CopyButton value={flag} /> },
+ *   [flag.key]
+ * );
+ * ```
+ */
+function useToolHeader(override, deps) {
+  const {
+    setHeaderOverride
+  } = useToolHost();
+  (0, _react.useEffect)(() => {
+    setHeaderOverride(override);
+    return () => setHeaderOverride(null);
+    // Caller-provided deps intentionally control when the override refreshes.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, deps);
+}
+
+// ---------------------------------------------------------------------------
+// Toast layer
+// ---------------------------------------------------------------------------
+
+const TOAST_DURATION_MS = 2200;
+const TOAST_COLORS = {
+  success: _sharedUi.gameUIColors.success,
+  error: _sharedUi.gameUIColors.error,
+  info: _sharedUi.gameUIColors.info
+};
+function ToastView({
+  message,
+  type,
+  nonce
+}) {
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
+  (0, _react.useEffect)(() => {
+    opacity.setValue(0);
+    _reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 150,
+      useNativeDriver: true
+    }), _reactNative.Animated.delay(TOAST_DURATION_MS - 450), _reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration: 300,
+      useNativeDriver: true
+    })]).start();
+  }, [nonce, opacity]);
+  const color = TOAST_COLORS[type];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
+    pointerEvents: "none",
+    style: [styles.toast, {
+      opacity,
+      borderColor: color + "60"
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.toastDot, {
+        backgroundColor: color
+      }]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: styles.toastText,
+      numberOfLines: 2,
+      children: message
+    })]
+  });
+}
+
+// ---------------------------------------------------------------------------
+// Shell
+// ---------------------------------------------------------------------------
+
+function ToolModalShell({
+  app,
+  config,
+  visible,
+  zIndex,
+  onClose,
+  onMinimize,
+  initialModalState,
+  enableSharedModalDimensions,
+  bodyProps
+}) {
+  const Body = app.component;
+  const [isSearchActive, setIsSearchActive] = (0, _react.useState)(false);
+  const [search, setSearch] = (0, _react.useState)("");
+  const [headerOverride, setHeaderOverride] = (0, _react.useState)(null);
+  const [toast, setToast] = (0, _react.useState)(null);
+  const toastTimeoutRef = (0, _react.useRef)(null);
+  const clearSearch = (0, _react.useCallback)(() => {
+    setIsSearchActive(false);
+    setSearch("");
+  }, []);
+  const showToast = (0, _react.useCallback)((message, type = "info") => {
+    if (toastTimeoutRef.current) clearTimeout(toastTimeoutRef.current);
+    setToast(prev => ({
+      message,
+      type,
+      nonce: (prev?.nonce ?? 0) + 1
+    }));
+    toastTimeoutRef.current = setTimeout(() => setToast(null), TOAST_DURATION_MS);
+  }, []);
+  (0, _react.useEffect)(() => {
+    return () => {
+      if (toastTimeoutRef.current) clearTimeout(toastTimeoutRef.current);
+    };
+  }, []);
+  const contextValue = (0, _react.useMemo)(() => ({
+    search: isSearchActive ? search : "",
+    isSearchActive,
+    clearSearch,
+    close: onClose,
+    showToast,
+    setHeaderOverride,
+    instanceId: app.instanceId
+  }), [search, isSearchActive, clearSearch, onClose, showToast, app.instanceId]);
+  const title = headerOverride?.title ?? config.title ?? app.title ?? app.id;
+  const subtitle = headerOverride?.subtitle ?? config.subtitle;
+  const onBack = headerOverride?.onBack;
+  const actions = headerOverride?.actions ?? config.headerActions;
+  const searchable = headerOverride?.searchable ?? config.searchable;
+
+  // A screen that hides search while it's open would strand the input with
+  // no way to dismiss it — close it on entry instead.
+  (0, _react.useEffect)(() => {
+    if (!searchable && isSearchActive) clearSearch();
+  }, [searchable, isSearchActive, clearSearch]);
+
+  // Tool-scoped persistence via the custom namespace unless the user has the
+  // shared-dimensions global setting on (all tools share one window size).
+  const persistenceKey = enableSharedModalDimensions ? _sharedUi.devToolsStorageKeys.modal.root() : _sharedUi.devToolsStorageKeys.custom(app.id).modal();
+  const header = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader, {
+    children: [onBack && !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Navigation, {
+      onBack: onBack
+    }), isSearchActive ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Search, {
+      value: search,
+      onChangeText: setSearch,
+      onCancel: clearSearch,
+      placeholder: config.searchPlaceholder
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ModalHeader.Content, {
+      title: title,
+      subtitle: subtitle
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_sharedUi.ModalHeader.Actions, {
+      children: [!isSearchActive && actions, searchable && !isSearchActive && /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.HeaderSearchButton, {
+        testID: `tool-search-${app.id}`,
+        onPress: () => setIsSearchActive(true)
+      })]
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ToolHostContext.Provider, {
+    value: contextValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
+      visible: visible,
+      onClose: onClose,
+      onBack: onBack,
+      onMinimize: onMinimize,
+      initialModalState: initialModalState,
+      zIndex: zIndex,
+      persistenceKey: persistenceKey,
+      enablePersistence: true,
+      initialMode: config.initialMode ?? "bottomSheet",
+      header: {
+        customContent: header,
+        showToggleButton: true
+      }
+      // Tool bodies own their scrolling (ScrollView/FlatList) — the shell
+      // must not add a competing wrapper.
+      ,
+      disableScrollWrapper: true,
+      styles: {},
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.bodyRoot,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TickProvider, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Body, {
+            ...bodyProps
+          })
+        }), toast && /*#__PURE__*/(0, _jsxRuntime.jsx)(ToastView, {
+          message: toast.message,
+          type: toast.type,
+          nonce: toast.nonce
+        })]
+      })
+    })
+  });
+}
+const styles = _reactNative.StyleSheet.create({
+  bodyRoot: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: _sharedUi.buoyColors.base
+  },
+  toast: {
+    position: "absolute",
+    bottom: 16,
+    alignSelf: "center",
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    maxWidth: "86%",
+    backgroundColor: _sharedUi.buoyColors.card,
+    borderWidth: 1,
+    borderRadius: 8,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    shadowColor: "#000",
+    shadowOpacity: 0.4,
+    shadowRadius: 8,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    elevation: 6
+  },
+  toastDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3
+  },
+  toastText: {
+    flex: 1,
+    fontSize: 12,
+    color: _sharedUi.buoyColors.text
+  }
+});

package/lib/commonjs/floatingMenu/allToolsRegistry.js

@@ -113,6 +113,13 @@ const ALL_TOOLS_REGISTRY = exports.ALL_TOOLS_REGISTRY = [{
   renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.EventsIcon, {
     size: size
   })
+}, {
+  id: "time-machine",
+  name: "TIME MACHINE",
+  color: _floatingToolsCore.TIME_MACHINE_ICON_COLOR,
+  renderIcon: size => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.TimeMachineIcon, {
+    size: size
+  })
 }, {
   id: "jotai",
   name: "JOTAI",

package/lib/commonjs/floatingMenu/autoDiscoverPresets.js

@@ -189,6 +189,22 @@ function autoDiscoverPresets() {
       }
     }
   },
+  // Time Machine
+  {
+    name: "@buoy-gg/time-machine",
+    loader: () => {
+      try {
+        // @ts-ignore - Dynamic import that may not exist
+        const {
+          timeMachineToolPreset
+        } = require("@buoy-gg/time-machine");
+        return timeMachineToolPreset;
+      } catch (e) {
+        (0, _optionalRequire.reportOptionalRequireError)("@buoy-gg/time-machine", e);
+        return null;
+      }
+    }
+  },
   // Redux DevTools
   {
     name: "@buoy-gg/redux",

package/lib/commonjs/floatingMenu/autoExternalSync.js

@@ -44,6 +44,7 @@ let zustandModule = null;
 let jotaiModule = null;
 let eventsModule = null;
 let consoleModule = null;
+let timeMachineModule = null;
 let envModule = null;
 let highlightUpdatesModule = null;
 let debugBordersModule = null;
@@ -107,6 +108,11 @@ try {
 } catch (e) {
   (0, _optionalRequire.reportOptionalRequireError)("@buoy-gg/console", e);
 }
+try {
+  timeMachineModule = require("@buoy-gg/time-machine");
+} catch (e) {
+  (0, _optionalRequire.reportOptionalRequireError)("@buoy-gg/time-machine", e);
+}
 try {
   envModule = require("@buoy-gg/env");
 } catch (e) {
@@ -174,7 +180,8 @@ function AutoExternalSync({
   options,
   requiredEnvVars,
   isPro,
-  licenseKey
+  licenseKey,
+  customApps
 }) {
   const {
     useExternalSyncSocket,
@@ -260,6 +267,9 @@ function AutoExternalSync({
     if (consoleModule?.consoleSyncAdapter) {
       map.console = consoleModule.consoleSyncAdapter;
     }
+    if (timeMachineModule?.timeMachineSyncAdapter) {
+      map["time-machine"] = timeMachineModule.timeMachineSyncAdapter;
+    }
     if (envModule?.createEnvSyncAdapter) {
       map.env = envModule.createEnvSyncAdapter(requiredEnvVars ?? []);
     }
@@ -284,8 +294,17 @@ function AutoExternalSync({
     if (assetsModule?.assetsSyncAdapter) {
       map.assets = assetsModule.assetsSyncAdapter;
     }
+
+    // Third-party custom tools that declared InstalledApp.sync. Namespaced so
+    // a custom tool named "network" can't shadow the first-party adapter on
+    // the broker, in MCP call_action, or in desktop watch state.
+    for (const app of customApps ?? []) {
+      if (app?.sync) {
+        map[`custom:${app.id}`] = app.sync;
+      }
+    }
     return map;
-  }, [queryAdapter, requiredEnvVars]);
+  }, [queryAdapter, requiredEnvVars, customApps]);
   useExternalSync({
     tools,
     socket,