@buoy-gg/core 7.0.15 → 7.0.17

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

@@ -13,8 +13,8 @@ var _DialPagination = require("./DialPagination.js");
 var _dialUsageStore = require("./dialUsageStore.js");
 var _DevToolsSettingsModal = require("../DevToolsSettingsModal");
 var _license = require("@buoy-gg/license");
-var _AppHost = require("../AppHost.js");
-var _OnboardingTooltip = require("./OnboardingTooltip.js");
+var _AppHost = require("../AppHost");
+var _OnboardingTooltip = require("./OnboardingTooltip");
 var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
 var _jsxRuntime = require("react/jsx-runtime");
 // Icons are provided by installedApps; no direct icon imports here.
@@ -203,7 +203,8 @@ const DialDevTools = ({
               launchMode: app.launchMode ?? "self-modal",
               singleton: app.singleton ?? true,
               icon: resolvedIcon,
-              color: app.color
+              color: app.color,
+              modal: app.modal
             });
           }
 
@@ -230,8 +231,11 @@ const DialDevTools = ({
       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),
+        // Pre-render the icon at the standard GLYPH size (not the slot size —
+        // the slot also holds the label + "Unavailable" caption, so a glyph
+        // rendered at DIAL_ICON_SIZE overflows the slot and looks ~2x bigger
+        // than installed tools' icons).
+        icon: tool.renderIcon(_floatingToolsCore.DIAL_ICON_GLYPH_SIZE),
         iconComponent: undefined,
         color: tool.color,
         unavailable: true,