@admin-layout/tailwind-design-pro 12.0.16-alpha.5 → 12.0.16-alpha.50

package/lib/components/SettingDrawer/SettingDrawer.js

@@ -1,5 +1,4 @@
-import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useState,useRef,useEffect}from'react';import {useSelector}from'@xstate/react';import {useTranslation}from'react-i18next';import isBrowser from'../../utils/isBrowser/index.js';import {parse}from'qs';import clsx from'clsx';import {defaultSettings,compareAndSaveSettingsDifferences}from'@admin-layout/client';import ThemeColor from'./ThemeColor.js';import CheckBoxTheme from'./CheckBoxTheme.js';import LayoutChange from'./LayoutChange.js';import RegionalSettings from'./RegionalSettings.js';import InvitationSettings from'./InvitationSettings.js';import {ThemeSelector}from'./ThemeSelector.js';import NavigationModes from'./NavigationsModes.js';import {icons}from'../../icons.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import {WebFontsSelector}from'./WebFontsSelector.js';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import'../../hooks/use-get-current-lat-long.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';let oldSetting = {};
-const updateTheme = (dark, color, publicPath = '/theme') => {
+import {jsx,Fragment,jsxs}from'react/jsx-runtime';import {useSelector}from'@xstate/react';import clsx from'clsx';import {parse}from'qs';import {useState,useRef,useEffect}from'react';import {useTranslation}from'react-i18next';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';import {icons}from'../../icons.js';import isBrowser from'../../utils/isBrowser/index.js';import'@common-stack/components-pro';import {AdditionalSettingsSlot}from'../Layout/slot-fill/AdditionalSettings.js';import'reflect-metadata';import'@admin-layout/client/lib/constants/layout.js';import CheckBoxTheme from'./CheckBoxTheme.js';import InvitationSettings from'./InvitationSettings.js';import LayoutChange from'./LayoutChange.js';import MenuVisibilitySettings from'./MenuVisibilitySettings.js';import NavigationModes from'./NavigationsModes.js';import RegionalSettings from'./RegionalSettings.js';import ThemeColor from'./ThemeColor.js';import {ThemeSelector}from'./ThemeSelector.js';import {WebFontsSelector}from'./WebFontsSelector.js';import {useWriteSettingsMutation}from'common/lib/generated/generated.js';import {ConfigCollectionName,ConfigFragmentName}from'common/lib/generated/generated-models.js';import {generateCdecodeUri,DEFAULT_TENANT_ID}from'@adminide-stack/core';import {useLayoutSettings}from'@admin-layout/client';import {config}from'../../config/env-config.js';const updateTheme = (dark, color, publicPath = '/theme') => {
   // ssr
   if (typeof window === 'undefined' || !window.umi_plugin_ant_themeVar) {
     return;
@@ -42,7 +41,7 @@ const updateTheme = (dark, color, publicPath = '/theme') => {
   }
   // localStorage.setItem('site-theme', dark ? 'dark' : 'light');
 };
-const initState = (settings, onSettingChange, publicPath) => {
+const initState = (settings, onSettingChange, publicPath, oldSetting) => {
   if (!isBrowser()) {
     return;
   }
@@ -51,7 +50,7 @@ const initState = (settings, onSettingChange, publicPath) => {
     const params = parse(window.location.search.replace('?', ''));
     const replaceSetting = {};
     Object.keys(params).forEach(key => {
-      if (defaultSettings[key] || defaultSettings[key] === undefined) {
+      if (settings[key] !== undefined || settings[key] === undefined) {
         replaceSetting[key] = params[key];
         if (key.includes('Render')) {
           replaceSetting[key] = params[key] === 'false' ? false : undefined;
@@ -65,7 +64,7 @@ const initState = (settings, onSettingChange, publicPath) => {
       });
     }
     // Set the topic in the URL and load it once.
-    if (oldSetting.navTheme !== params.navTheme && params.navTheme) {
+    if (oldSetting?.navTheme !== params.navTheme && params.navTheme) {
       updateTheme(settings.navTheme === 'realDark', params.primaryColor, publicPath);
       loadedStyle = true;
     }
@@ -74,7 +73,7 @@ const initState = (settings, onSettingChange, publicPath) => {
     return;
   }
   // If there is no topic in the URL, and no load in the URL is loaded.
-  if (defaultSettings.navTheme !== settings.navTheme && settings.navTheme) {
+  if (oldSetting?.navTheme !== settings.navTheme && settings.navTheme) {
     updateTheme(settings.navTheme === 'realDark', settings.primaryColor, publicPath);
   }
 };
@@ -86,9 +85,25 @@ const getThemeList = (settings, location) => {
     isMobile
   } = useMediaQuery();
   const currentRoute = location?.pathname || '/';
-  const routeSettings = settings?.routeSettings?.[currentRoute] || settings?.routeSettings?.['/'] || settings;
   const deviceType = isMobile ? 'mobile' : 'desktop';
-  const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  // Helper function to get value from settings with route/device override support
+  const getUILayoutValue = path => {
+    const routeDeviceKey = `[${currentRoute}][${deviceType}]`;
+    const uiOverride = settings?.uiSettings?.[routeDeviceKey];
+    if (uiOverride) {
+      const value = path.split('.').reduce((obj, key) => obj?.[key], uiOverride);
+      if (value !== undefined) return value;
+    }
+    return path.split('.').reduce((obj, key) => obj?.[key], settings);
+  };
+  const deviceLayout = {
+    navigationMode: getUILayoutValue('navigationMode'),
+    sideMenuType: getUILayoutValue('sideMenuType'),
+    contentWidth: getUILayoutValue('contentWidth'),
+    fixedHeader: getUILayoutValue('fixedHeader'),
+    fixedSidebar: getUILayoutValue('fixedSidebar'),
+    splitMenus: getUILayoutValue('splitMenus')
+  };
   let list = [];
   const defaultList = [
   //@sri following are needed otherwise we need make above plugin to work
@@ -264,7 +279,6 @@ const fontOptions = [{
 }];
 const SettingDrawer = props => {
   const {
-    settings,
     onSettingChange,
     hideLoading,
     hideColors,
@@ -275,8 +289,13 @@ const SettingDrawer = props => {
     colorList,
     navTheme,
     pathname,
-    location
+    location,
+    fullMenuData
   } = props;
+  // Get settings from Redux state using the hook
+  const {
+    settings
+  } = useLayoutSettings();
   const {
     CloseIcon,
     Settings5FillIcon,
@@ -289,17 +308,55 @@ const SettingDrawer = props => {
   } = useMediaQuery();
   const [copied, setCopied] = useState(false);
   const [copiedModified, setCopiedModified] = useState(false);
+  const [activeDeviceTab, setActiveDeviceTab] = useState(isMobile ? 'mobile' : 'desktop');
+  const [applyToAllRoutes, setApplyToAllRoutes] = useState(false);
   const {
     t
   } = useTranslation('settings');
+  // Track previous settings to detect changes
+  const prevSettingsRef = useRef({});
+  const resource = generateCdecodeUri(DEFAULT_TENANT_ID, {
+    resourceType: ConfigCollectionName.Applications,
+    resourceId: config.APPLICATION_ID,
+    idField: 'appId'
+  }, {}, ConfigFragmentName.UiSettings);
+  const [writeSettingsMutation, {
+    client
+  }] = useWriteSettingsMutation();
   const state = useSelector(actor, state => state);
   const btnRef = useRef();
   const settingState = state?.context;
   const currentRoute = location?.pathname || '/';
-  // const routeSettings =
-  //     settingState?.routeSettings?.[currentRoute] || settingState?.routeSettings?.['/'] || settingState;
-  const deviceType = isMobile ? 'mobile' : 'desktop';
-  // const deviceLayout = routeSettings?.layout?.[deviceType] || {};
+  // Use activeDeviceTab instead of isMobile for device type
+  const deviceType = activeDeviceTab;
+  // Use merged settings from the machine (global + overrides)
+  const settingsForComponents = settingState.mergedSettings || settingState;
+  // Helper to get theme value with overrides applied
+  const getThemeValue = () => {
+    const contextKey = `[${currentRoute}][${deviceType}]`;
+    const overrideSettings = settingState.uiSettings?.overrides?.[contextKey];
+    if (overrideSettings) {
+      // Handle the uilayout wrapper in override structure
+      const overrideData = overrideSettings.uilayout || overrideSettings;
+      if (overrideData?.theme !== undefined) {
+        return overrideData.theme;
+      }
+    }
+    return settingState.theme || 'default';
+  };
+  // Helper to get font family value with overrides applied
+  const getFontFamilyValue = () => {
+    const contextKey = `[${currentRoute}][${deviceType}]`;
+    const overrideSettings = settingState.uiSettings?.overrides?.[contextKey];
+    if (overrideSettings) {
+      // Handle the uilayout wrapper in override structure
+      const overrideData = overrideSettings.uilayout || overrideSettings;
+      if (overrideData?.fontFamily !== undefined) {
+        return overrideData.fontFamily;
+      }
+    }
+    return settingState.fontFamily || 'Poppins, sans-serif';
+  };
   const themeList = getThemeList(settingState, location);
   /**
    * Modify settings
@@ -307,22 +364,49 @@ const SettingDrawer = props => {
    * @param value
    */
   const handleSettingChange = (key, value) => {
-    // If the key is a layout setting, update it in the device-specific path
-    if (key.startsWith('layout.')) {
-      const layoutKey = key.replace('layout.', '');
+    console.log('handleSettingChange called:', key, value);
+    console.log('Current settingState.applyToAllRoutes:', settingState.applyToAllRoutes);
+    // Menu visibility and applyToAllRoutes are always global
+    const isGlobalSetting = key === 'hiddenMenuKeys' || key === 'hiddenMenuCategories' || key === 'applyToAllRoutes';
+    // Use local state for applyToAllRoutes
+    // If this is a global setting, save as global
+    if (isGlobalSetting) {
       actor.send({
         type: 'UPDATE',
         value: {
-          [`routeSettings.${currentRoute}.layout.${deviceType}.${layoutKey}`]: value
+          [key]: value
         }
       });
-    } else {
+    } else if (applyToAllRoutes) {
+      const contextKey = `[${deviceType}]`;
+      const fullKey = `${contextKey}.uilayout.${key}`;
       actor.send({
         type: 'UPDATE',
         value: {
-          [key]: value
+          [fullKey]: value
         }
       });
+    } else {
+      // Route-specific mode: save as override with bracket pattern
+      // If the key already contains a bracket pattern, use it as-is
+      if (key.startsWith('[')) {
+        actor.send({
+          type: 'UPDATE',
+          value: {
+            [key]: value
+          }
+        });
+      } else {
+        // Otherwise, create a bracket pattern override
+        const contextKey = `[${currentRoute}][${deviceType}]`;
+        const fullKey = `${contextKey}.uilayout.${key}`;
+        actor.send({
+          type: 'UPDATE',
+          value: {
+            [fullKey]: value
+          }
+        });
+      }
     }
   };
   const handleCopySettings = async () => {
@@ -339,7 +423,8 @@ const SettingDrawer = props => {
   const handleCopyModifiedSettings = async () => {
     if (!isBrowser()) return;
     try {
-      const modifiedSettings = compareAndSaveSettingsDifferences(settingState, defaultSettings);
+      // Use the changedSettings tracked by XState
+      const modifiedSettings = settingState.changedSettings || {};
       const settings = JSON.stringify(modifiedSettings, null, 2);
       await navigator.clipboard.writeText(settings);
       setCopiedModified(true);
@@ -348,21 +433,77 @@ const SettingDrawer = props => {
       console.error('Failed to copy modified settings:', err);
     }
   };
+  const handleSaveSettings = async () => {
+    if (!isBrowser()) return;
+    try {
+      // Get overrides from uiSettings.overrides (already in bracket pattern format)
+      const overrideSettings = settingState.uiSettings?.overrides || {};
+      // Get regular settings from changedSettings (filter out route paths)
+      const regularSettings = {};
+      Object.keys(settingState.changedSettings || {}).forEach(key => {
+        // Only include non-route settings (don't include keys that start with '/')
+        if (!key.startsWith('/')) {
+          regularSettings[key] = settingState.changedSettings[key];
+        }
+      });
+      // DEBUG: Log what we're processing
+      console.log('DEBUG: regularSettings:', Object.keys(regularSettings));
+      console.log('DEBUG: overrideSettings:', Object.keys(overrideSettings));
+      // If there are no changes, don't save
+      if (Object.keys(regularSettings).length === 0 && Object.keys(overrideSettings).length === 0) {
+        console.log('No changes to save');
+        return;
+      }
+      // Prepare mutation variables - put bracket pattern keys directly in settings
+      const variables = {
+        editingUri: resource,
+        settings: {
+          ...regularSettings,
+          ...overrideSettings // Bracket pattern keys like '[/dashboard][mobile]'
+        }
+      };
+      const response = await writeSettingsMutation({
+        variables
+      });
+      if (response.data) {
+        console.log('Settings saved successfully');
+        // Reset XState changedSettings (this will disable save button)
+        actor.send({
+          type: 'RESET_CHANGED_SETTINGS'
+        });
+      }
+    } catch (err) {
+      console.error('Failed to save settings:', err);
+    }
+  };
   useEffect(() => {
     // Only update if there's a meaningful difference
     if (JSON.stringify(settingState) !== JSON.stringify(settings)) {
-      oldSetting = {
-        ...defaultSettings,
-        ...settings
-      };
       if (isBrowser()) {
-        // Compare settings with oldSetting to determine if initialization is needed
-        if (JSON.stringify(settings) !== JSON.stringify(oldSetting)) {
-          initState(settings, onSettingChange, props.publicPath);
+        // Compare settings with previous settings to determine if initialization is needed
+        if (JSON.stringify(settings) !== JSON.stringify(prevSettingsRef.current)) {
+          initState(settings, onSettingChange, props.publicPath, prevSettingsRef.current);
         }
       }
+      // Update the ref to current settings
+      prevSettingsRef.current = {
+        ...settings
+      };
     }
   }, [settings]); // Only depend on settings
+  // Update activeDeviceTab when isMobile changes
+  useEffect(() => {
+    setActiveDeviceTab(isMobile ? 'mobile' : 'desktop');
+  }, [isMobile]);
+  // Update machine when device tab changes
+  useEffect(() => {
+    if (actor) {
+      actor.send({
+        type: 'UPDATE_DEVICE_TYPE',
+        deviceType: activeDeviceTab
+      });
+    }
+  }, [activeDeviceTab, actor]);
   const currentPathname = isBrowser() ? window.location.pathname : pathname || '';
   return jsx(Fragment, {
     children: settings?.showSettingPanel && jsxs(Fragment, {
@@ -399,6 +540,107 @@ const SettingDrawer = props => {
               fontSize: '36px'
             })
           })]
+        }), jsxs("div", {
+          className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
+          children: [jsx(MenuVisibilitySettings, {
+            fullMenuData: fullMenuData,
+            settings: settingState,
+            changeSetting: handleSettingChange
+          }), jsxs("div", {
+            className: "flex items-center justify-between",
+            children: [jsxs("div", {
+              children: [jsx("p", {
+                className: "text-sm text-black dark:text-white font-medium",
+                children: "Apply to All Routes"
+              }), jsx("p", {
+                className: "text-xs text-gray-600 dark:text-gray-400",
+                children: "When enabled, route-specific settings will apply to all routes instead of just the current route"
+              })]
+            }), jsxs("label", {
+              className: "relative inline-flex items-center cursor-pointer",
+              children: [jsx("input", {
+                type: "checkbox",
+                className: "sr-only peer",
+                checked: applyToAllRoutes,
+                onChange: e => setApplyToAllRoutes(e.target.checked)
+              }), jsx("div", {
+                className: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:left-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600"
+              })]
+            })]
+          }), jsx("div", {
+            className: "mt-4",
+            children: jsxs("div", {
+              className: "flex mb-4",
+              children: [jsx("button", {
+                className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-l-lg border border-r-0 border-gray-300 ${activeDeviceTab === 'desktop' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
+                onClick: () => setActiveDeviceTab('desktop'),
+                children: jsxs("span", {
+                  className: "flex items-center justify-center",
+                  children: [jsxs("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    className: "mr-1",
+                    children: [jsx("rect", {
+                      x: "2",
+                      y: "3",
+                      width: "20",
+                      height: "14",
+                      rx: "2",
+                      ry: "2"
+                    }), jsx("line", {
+                      x1: "8",
+                      y1: "21",
+                      x2: "16",
+                      y2: "21"
+                    }), jsx("line", {
+                      x1: "12",
+                      y1: "17",
+                      x2: "12",
+                      y2: "21"
+                    })]
+                  }), t('desktop_tab')]
+                })
+              }), jsx("button", {
+                className: `flex-1 py-2 px-4 text-sm font-medium transition-colors duration-200 rounded-r-lg border border-gray-300 ${activeDeviceTab === 'mobile' ? 'bg-blue-500 text-white border-blue-500' : 'bg-white text-gray-700 hover:bg-gray-50 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700'}`,
+                onClick: () => setActiveDeviceTab('mobile'),
+                children: jsxs("span", {
+                  className: "flex items-center justify-center",
+                  children: [jsxs("svg", {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: "16",
+                    height: "16",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    className: "mr-1",
+                    children: [jsx("rect", {
+                      x: "5",
+                      y: "2",
+                      width: "14",
+                      height: "20",
+                      rx: "2",
+                      ry: "2"
+                    }), jsx("line", {
+                      x1: "12",
+                      y1: "18",
+                      x2: "12",
+                      y2: "18"
+                    })]
+                  }), t('mobile_tab')]
+                })
+              })]
+            })
+          })]
         }), jsxs("div", {
           className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
           children: [jsx("p", {
@@ -409,6 +651,8 @@ const SettingDrawer = props => {
               list: themeList.themeList,
               changeSetting: handleSettingChange,
               settings: settingState,
+              location: location,
+              applyToAllRoutes: applyToAllRoutes,
               ...props
             })
           }), jsxs("div", {
@@ -417,7 +661,7 @@ const SettingDrawer = props => {
               className: "text-black dark:text-white",
               children: t('Select Theme')
             }), jsx(ThemeSelector, {
-              value: settingState.theme || 'default',
+              value: getThemeValue(),
               onChange: value => handleSettingChange('theme', value),
               options: themeOptions
             })]
@@ -429,7 +673,9 @@ const SettingDrawer = props => {
             }), jsx(ThemeColor, {
               color: colorList || themeList.colorList[navTheme === 'realDark' ? 'dark' : 'light'],
               changeSetting: handleSettingChange,
-              settings: settingState
+              settings: settingState,
+              location: location,
+              applyToAllRoutes: applyToAllRoutes
             })]
           }), jsxs("div", {
             className: "mt-8",
@@ -437,7 +683,7 @@ const SettingDrawer = props => {
               className: "text-black dark:text-white",
               children: t('Font Family')
             }), jsx(WebFontsSelector, {
-              value: settingState.fontFamily || 'Poppins, sans-serif',
+              value: getFontFamilyValue(),
               onChange: value => handleSettingChange('fontFamily', value),
               options: fontOptions
             })]
@@ -445,38 +691,39 @@ const SettingDrawer = props => {
         }), jsxs("div", {
           className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
           children: [jsx(NavigationModes, {
-            settings: settingState,
+            settings: settingsForComponents,
             changeSetting: handleSettingChange,
+            applyToAllRoutes: applyToAllRoutes,
             ...props
           }), jsx("div", {
             className: "mt-8",
             children: jsx(LayoutChange, {
-              settings: settingState,
+              settings: settingsForComponents,
               changeSetting: handleSettingChange,
+              applyToAllRoutes: applyToAllRoutes,
               ...props
             })
           }), jsx("div", {
             className: "mt-8",
             children: jsx(InvitationSettings, {
-              settings: settingState,
+              settings: settingsForComponents,
               changeSetting: handleSettingChange,
-              location: location
+              location: location,
+              applyToAllRoutes: applyToAllRoutes
             })
           })]
-        }), jsxs("div", {
+        }), jsx("div", {
           className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
-          children: [jsx("p", {
-            className: "mb-2 text-black dark:text-white",
-            children: t('regional_rettings')
-          }), jsx(RegionalSettings, {
-            settings: settingState,
+          children: jsx(RegionalSettings, {
+            settings: settingsForComponents,
             changeSetting: handleSettingChange,
+            applyToAllRoutes: applyToAllRoutes,
             ...props
-          })]
+          })
         }), jsx("div", {
           className: "mt-8 pb-8 border-b border-black dark:border-[#2a2b2a]",
           children: jsx(AdditionalSettingsSlot, {
-            settings: settingState,
+            settings: settingsForComponents,
             onSettingsChange: handleSettingChange,
             pathname: currentPathname
           })
@@ -488,6 +735,13 @@ const SettingDrawer = props => {
           }), jsxs("div", {
             className: "flex flex-wrap gap-2 mt-2",
             children: [jsx("button", {
+              disabled: !settingState.changedSettings || Object.keys(settingState.changedSettings).length === 0,
+              className: clsx('flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', !settingState.changedSettings || Object.keys(settingState.changedSettings).length === 0 ? 'border-gray-300 text-gray-500 bg-gray-50 cursor-not-allowed dark:border-gray-600 dark:text-gray-400 dark:bg-gray-800' : 'border-yellow-300 text-yellow-700 bg-yellow-50 hover:bg-yellow-100 active:bg-yellow-200 dark:border-yellow-600 dark:text-yellow-200 dark:bg-yellow-900/50 dark:hover:bg-yellow-900'),
+              onClick: handleSaveSettings,
+              children: jsx("span", {
+                children: !settingState.changedSettings || Object.keys(settingState.changedSettings).length === 0 ? 'No Changes' : 'Save Settings'
+              })
+            }), jsx("button", {
               className: clsx('flex-1 min-w-[140px] sm:flex-none sm:w-auto px-4 py-2 rounded-lg border text-sm font-medium shadow-sm transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2', copied ? 'border-green-300 text-green-700 bg-green-50 dark:border-green-600 dark:text-green-200 dark:bg-green-900' : 'border-yellow-300 text-yellow-700 bg-yellow-50 hover:bg-yellow-100 active:bg-yellow-200 dark:border-yellow-600 dark:text-yellow-200 dark:bg-yellow-900/50 dark:hover:bg-yellow-900'),
               onClick: handleCopySettings,
               children: copied ? jsxs(Fragment, {

package/lib/components/SettingDrawer/SettingDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"SettingDrawer.js","sources":["../../../src/components/SettingDrawer/SettingDrawer.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/lib/components/SettingDrawer/Switch/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAGgB,SAAA,MAAM,CAAC;OACb,GAAA,KAAA;AACF,EAAA,QAAA;AACJ,EAAA,SAAE,GAAA;;AAoBN,EAAC,MAAA,WAAA,GAAA,MAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/SettingDrawer/Switch/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAGM,SAAU,MAAM,CAAC;OACnB,GAAM,KAAA;AACF,EAAA,QAAA;AACJ,EAAA,SAAE,GAAA;;AAoBN,EAAC,MAAA,WAAA,GAAA,MAAA;;;;;;;;;;;;;;;;"}

package/lib/components/SettingDrawer/ThemeColor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CAwCzD"}
+{"version":3,"file":"ThemeColor.d.ts","sourceRoot":"","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,gBAAgB,2CA+DzD"}

package/lib/components/SettingDrawer/ThemeColor.js

@@ -1,9 +1,34 @@
-import {jsx}from'react/jsx-runtime';function ThemeColor(props) {
+import {jsx}from'react/jsx-runtime';import'react';import'@react-icons/all-files/fa/FaMoon.js';import'@react-icons/all-files/fa/FaSun.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';function ThemeColor(props) {
   const {
     color,
     changeSetting,
-    settings
+    settings,
+    location,
+    applyToAllRoutes = false
   } = props;
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  // Helper to get primaryColor value with overrides applied
+  const getPrimaryColorValue = () => {
+    // If applyToAllRoutes is true, use global settings only
+    if (applyToAllRoutes) {
+      return settings?.primaryColor || '#1890ff';
+    }
+    // Otherwise, check for route-specific overrides
+    const contextKey = `[${currentRoute}][${deviceType}]`;
+    const overrideSettings = settings?.uiSettings?.overrides?.[contextKey];
+    if (overrideSettings) {
+      // Handle the uilayout wrapper in override structure
+      const overrideData = overrideSettings.uilayout || overrideSettings;
+      if (overrideData?.primaryColor !== undefined) {
+        return overrideData.primaryColor;
+      }
+    }
+    return settings?.primaryColor || '#1890ff';
+  };
   if (!color || color.length < 1) {
     return null;
   }
@@ -18,7 +43,7 @@ import {jsx}from'react/jsx-runtime';function ThemeColor(props) {
         onClick: () => {
           changeSetting('primaryColor', item.color);
         },
-        children: settings?.primaryColor === item.color ? jsx("svg", {
+        children: getPrimaryColorValue() === item.color ? jsx("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           className: "h-4 w-4 text-white mb-1",
           viewBox: "0 0 20 20",

package/lib/components/SettingDrawer/ThemeColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"oCAGwB,SAAA,UAAU,CAAC,KAAuB,EAAA;QAChD;IAEN,KAAK;AACD,IAAA;IACJ;AAEA,GAAA,GAAA,KAAO;AAGK,EAAA,IAAA,CAAA,KAAA,IAAA,KAGQ,CAAA,MAAA,GAAA,CAAA,EAAA;AAGI,IAAA,OAAA,IAAA;;SAqBfA,GACC,CACT,KAAC,EAAA;AACN,IAAC,SAAA,EAAA,yBAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ThemeColor.js","sources":["../../../src/components/SettingDrawer/ThemeColor.tsx"],"sourcesContent":[null],"names":[],"mappings":"kMAIc,SAAU,UAAU,CAAC,KAAuB,EAAA;AACtD,EAAA,MAAA;AACA,IAAA,KAAA;AACA,IAAA;IACA,QAAM;IAEN,QAAA;IACA,gBAAM,GAAA;WACF;QACA;AACI,IAAA;mBACH,EAAA;QAED,YAAA,GAAA,QAAA,EAAA,QAAA,IAAA,GAAA;AACA,EAAA,MAAA,qBAAmB,cAAgB,SAAK;;QAExC,oBAAoB,GAAG,MAAA;;AAEnB,IAAA,IAAA;AACA,MAAA,OAAA,sBAAkB,IAAA,SAAiB;;;UAGtC,UAAA,GAAA,CAAA,CAAA,EAAA,YAAA,CAAA,EAAA,EAAA,UAAA,CAAA,CAAA,CAAA;AACD,IAAA,MAAA,gBAAiB,GAAA,QAAY,EAAA,YAAc,SAAA,GAAA,UAAA,CAAA;AAC/C,IAAA,IAAE,gBAAA,EAAA;;AAGE,MAAA,MAAA,YAAY,GAAA,gBAAA,CAAA,QAAA,IAAA,gBAAA;MACf,IAAA,YAAA,EAAA,YAAA,KAAA,SAAA,EAAA;AAED,QAAA,OACI,YAAK,CAAA;AAEG,MAAA;AAMY,IAAA;mBACH,EAAA,YAEA,IAAA,SAAA;;AAqBzB,EAAC,IAAA,CAAA,KAAA,IAAA,KAAA,CAAA,MAAA,GAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}