@buoy-gg/core 1.7.5 → 1.7.8

package/lib/module/floatingMenu/DevToolsSettingsModal.js

@@ -4,7 +4,7 @@ import { useState, useEffect, useCallback, useMemo } from "react";
 import { View, Text, StyleSheet, ScrollView, TouchableOpacity, Dimensions } from "react-native";
 import { settingsBus } from "./settingsBus.js";
 import { SentryBugIcon, WifiCircuitIcon, BenchmarkIcon, RenderCountIcon, Info, Layers, ChevronRightIcon, ChevronDown, safeGetItem, safeSetItem, getStorageBackendType, persistentStorage, Database, Trash2, CheckCircle2, AlertTriangle, Zap, FileText, HardDrive, Copy, FileCode, RefreshCw, Smartphone, Plus, copyToClipboard, LicenseEntryModal, SectionHeader } from "@buoy-gg/shared-ui";
-import { EnvIcon, StorageIcon, RoutesIcon, NetworkIcon, QueryIcon, HighlighterIcon } from "@buoy-gg/floating-tools-core";
+import { EnvIcon, StorageIcon, RoutesIcon, NetworkIcon, QueryIcon, HighlighterIcon, ReduxIcon } from "@buoy-gg/floating-tools-core";
 import { useDefaultConfig } from "./DefaultConfigContext.js";
 import { JsModal, devToolsStorageKeys, safeGetItem as sharedSafeGetItem, safeSetItem as sharedSafeSetItem } from "@buoy-gg/shared-ui";
 import { useSafeAreaInsets } from "@buoy-gg/shared-ui";
@@ -115,6 +115,7 @@ const mergeWithDefaults = (defaults, stored, options) => {
  * @param availableApps - List of available apps from auto-discovery
  * @param defaultFloatingTools - Optional array of tool IDs to enable by default in floating bubble
  * @param defaultDialTools - Optional array of tool IDs to enable by default in dial menu
+ *                          If not provided, all dial-compatible tools are enabled by default (up to 6)
  */
 const generateDefaultSettings = (availableApps = [], defaultFloatingTools, defaultDialTools) => {
   const dialDefaults = {};
@@ -124,14 +125,17 @@ const generateDefaultSettings = (availableApps = [], defaultFloatingTools, defau
   // Cast to Set<string> to allow comparison with any tool ID (including custom tools)
   const enabledFloatingSet = new Set(defaultFloatingTools ?? []);
   const enabledDialSet = new Set(defaultDialTools ?? []);
+
+  // If no defaultDialTools specified, auto-enable all dial-compatible tools
+  const autoEnableDialTools = !defaultDialTools || defaultDialTools.length === 0;
   for (const app of availableApps) {
     const {
       id,
       slot = "both"
     } = app;
     if (slot === "dial" || slot === "both") {
-      // Enable if in defaultDialTools, otherwise false
-      dialDefaults[id] = enabledDialSet.has(id);
+      // Auto-enable if no defaults specified, otherwise check the set
+      dialDefaults[id] = autoEnableDialTools ? true : enabledDialSet.has(id);
     }
     if (slot === "row" || slot === "both") {
       // Enable if in defaultFloatingTools, otherwise false
@@ -522,6 +526,10 @@ export const DevToolsSettingsModal = ({
             size: 16,
             color: buoyColors.textSecondary
           });
+        case "redux":
+          return /*#__PURE__*/_jsx(ReduxIcon, {
+            size: 16
+          });
         default:
           return /*#__PURE__*/_jsx(Info, {
             size: 16,
@@ -910,13 +918,10 @@ export const DevToolsSettingsModal = ({
             style: styles.exportHintBanner,
             children: [/*#__PURE__*/_jsx(Zap, {
               size: 14,
-              color: buoyColors.warning
-            }), /*#__PURE__*/_jsxs(Text, {
+              color: buoyColors.textMuted
+            }), /*#__PURE__*/_jsx(Text, {
               style: styles.exportHintText,
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: styles.exportHintBold,
-                children: "New!"
-              }), " Configure your tools above, then export to set team defaults."]
+              children: "Configure tools, then export as props for your team."
             })]
           }), isExportExpanded && /*#__PURE__*/_jsxs(View, {
             style: styles.exportCodeContainer,
@@ -1373,12 +1378,19 @@ const basicDefaultSettings = {
 /**
  * Creates default settings from the team configuration arrays.
  * Used by the hook when no stored settings exist.
+ *
+ * Note: This function doesn't have access to availableApps, so it can only
+ * enable tools that are explicitly listed in the config arrays.
+ * For auto-enabling all dial tools, the generateDefaultSettings function
+ * (which has access to availableApps) handles that case.
  */
 const createDefaultsFromConfig = (defaultFloatingTools, defaultDialTools) => {
   const floatingSet = new Set(defaultFloatingTools ?? []);
   const dialSet = new Set(defaultDialTools ?? []);
 
   // Build dial tools record from defaults
+  // Note: If no defaults specified, dialTools will be empty here
+  // but generateDefaultSettings will auto-enable all tools when it has access to availableApps
   const dialTools = {};
   for (const id of dialSet) {
     dialTools[id] = true;