@edrlab/thorium-web 1.3.0 → 1.3.1

package/dist/{chunk-D7MFLHXV.mjs → chunk-LP3JFZ4A.mjs}

@@ -1,19 +1,19 @@
-import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement } from './chunk-ITDBOMY5.mjs';
-import { useFullscreen, useEpubNavigator, useLocalStorage } from './chunk-XBZWGRDM.mjs';
-import { useAppDispatch, setFullscreen, useAppSelector, setActionOpen, dockAction, setHovering, setSettingsContainer, debounce, setColumnCount, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setTheme, setWebPubZoom, setFontSize, setSkipBackwardInterval, setSkipForwardInterval, setSkipInterval, setAutoPlay, toggleActionOpen, setVolume, setPlaybackRate, setSleepTimerRemainingSeconds, setSleepTimerOnTrackEnd, setSleepTimerOnFragmentEnd, setRemotePlaybackState, ThReduxPreferencesAdapter, setReaderProfile, setPositionsList, setTocTree, setRTL, setFXL, setHasDisplayTransformability, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-YZ3KCMKY.mjs';
-import { buildTocTree, findTocItemById } from './chunk-TEZB4ULX.mjs';
-import { useActionsPreferences, prefixString, useAudioPreferences, usePreferences, usePreferenceKeys, buildThemeObject, ThPreferencesProvider } from './chunk-WECWPYZB.mjs';
-import { useSharedPreferences, ThDockingTypes, ThSheetTypes, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, ThTextSettingsKeys, ThSpacingSettingsKeys, defaultAudioSkipBackwardInterval, defaultAudioSkipForwardInterval, defaultAudioSkipInterval, defaultPreferences } from './chunk-C236BQQB.mjs';
-import { isIOSish, buildShortcut, metaKeys } from './chunk-5LUMM7FW.mjs';
 import { ErrorHandler } from './chunk-RRDEPGBK.mjs';
-import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThModal, ThBottomSheet, ThCloseButton, ThDockedPanel, useFirstFocusable, ThTypedComponentRenderer, useActions, useActionComponentStatus, ThForm, ThFormNumberField, usePlugins, ThSettingsWrapper, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThSliderWithPresets, ThLink, ThLibrary, ThHome, ThBackArrow, ThFormSearchField } from './chunk-4ODYHZKD.mjs';
+import { useFullscreen, useEpubNavigator, useLocalStorage } from './chunk-A3FZBEUL.mjs';
+import { useAppDispatch, setFullscreen, useAppSelector, setActionOpen, dockAction, setHovering, setSettingsContainer, debounce, setColumnCount, setWebPubFontFamily, setFontFamily, setWebPubFontWeight, setFontWeight, setWebPubHyphens, setHyphens, setScroll, setWebPubLetterSpacing, setLetterSpacing, setWebPubLineHeight, setLineHeight, setWebPubParagraphIndent, setParagraphIndent, setWebPubParagraphSpacing, setParagraphSpacing, setWebPubWordSpacing, setWordSpacing, setWebPubSpacingPreset, setWebPubPublisherStyles, setSpacingPreset, setPublisherStyles, setWebPubTextAlign, setTextAlign, setWebPubTextNormalization, setTextNormalization, setTheme, setWebPubZoom, setFontSize, setSkipBackwardInterval, setSkipForwardInterval, setSkipInterval, setAutoPlay, toggleActionOpen, setVolume, setPlaybackRate, setSleepTimerRemainingSeconds, setSleepTimerOnTrackEnd, setSleepTimerOnFragmentEnd, setRemotePlaybackState, ThReduxPreferencesAdapter, setReaderProfile, setPositionsList, setTocTree, setRTL, setFXL, setHasDisplayTransformability, setImmersive, setOverflow, setUserNavigated, setTocEntry, collapseDockPanel, expandDockPanel, activateDockPanel, deactivateDockPanel, setDockPanelWidth } from './chunk-EZG6SBSO.mjs';
+import { buildTocTree, findTocItemById } from './chunk-TEZB4ULX.mjs';
+import { useActionsPreferences, prefixString, useAudioPreferences, usePreferences, usePreferenceKeys, buildThemeObject, ThPreferencesProvider } from './chunk-GPWW5OML.mjs';
+import { useI18n } from './chunk-6EHFW43Y.mjs';
+import { useSharedPreferences, ThDockingTypes, ThSheetTypes, defaultSpacingSettingsSubpanel, defaultSpacingSettingsMain, defaultTextSettingsSubpanel, defaultTextSettingsMain, ThTextSettingsKeys, ThSpacingSettingsKeys, defaultAudioSkipBackwardInterval, defaultAudioSkipForwardInterval, defaultAudioSkipInterval, defaultPreferences } from './chunk-DTPO3J2C.mjs';
+import { ThMenuItem, ThActionButton, ThMenu, ThCollapsibleActionsBar, ThPopover, ThContainerHeader, ThNavigationButton, ThContainerBody, ThModal, ThBottomSheet, ThCloseButton, ThDockedPanel, useFirstFocusable, ThTypedComponentRenderer, useActions, useActionComponentStatus, ThForm, ThFormNumberField, usePlugins, ThSettingsWrapper, ThRadioGroup, ThDropdown, ThSwitch, ThNumberField, ThSlider, ThSliderWithPresets, ThLink, ThLibrary, ThHome, ThBackArrow, ThFormSearchField } from './chunk-DETZMFZ7.mjs';
 import { usePrevious } from './chunk-YZ73DHRU.mjs';
-import { useI18n } from './chunk-IYAFKTPL.mjs';
+import { makeBreakpointsMap, isKeyboardTriggered, isActiveElement } from './chunk-ITDBOMY5.mjs';
+import { isIOSish, buildShortcut, metaKeys } from './chunk-5LUMM7FW.mjs';
 import { Text, Popover, Dialog, ListBox, ListBoxItem, Radio, Button, Keyboard, Toolbar, useFilter, Tree, TreeItem, TreeItemContent, Collection } from 'react-aria-components';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { useObjectRef, useNumberFormatter, FocusScope, useFocusWithin } from 'react-aria';
 import classNames4 from 'classnames';
-import React24, { createContext, useCallback, useRef, useContext, useEffect, useMemo, useState } from 'react';
+import React24, { createContext, useCallback, useRef, useContext, useMemo, useEffect, useState } from 'react';
 import { Link, HttpFetcher, Manifest, Publication, ReadingProgression, Layout, Feature, Profile } from '@readium/shared';
 import { TextAlignment } from '@readium/navigator';
 import { useStore } from 'react-redux';
@@ -320,68 +320,71 @@ var useNavigator = () => {
   if (!context) {
     throw new Error("useNavigator must be used within NavigatorProvider");
   }
-  return {
+  const unified = useMemo(() => {
+    const navigator = context.visual || context.media;
+    if (!navigator) throw new Error("No navigator available");
+    const isVisual = isVisualNavigator(navigator, context.visual);
+    return {
+      go: (locator, animated, callback) => {
+        return navigator.go(locator, animated, callback);
+      },
+      goLink: (link, animated, callback) => {
+        return navigator.goLink(link, animated, callback);
+      },
+      currentLocator: () => navigator.currentLocator(),
+      previousLocator: () => {
+        if (isVisual && navigator.previousLocator) {
+          return navigator.previousLocator() || null;
+        }
+        return null;
+      },
+      nextLocator: () => {
+        if (isVisual && navigator.nextLocator) {
+          return navigator.nextLocator() || null;
+        }
+        return null;
+      },
+      goForward: (animated, callback) => {
+        if (navigator.goForward) {
+          return navigator.goForward(animated, callback);
+        }
+        return callback?.(false);
+      },
+      goBackward: (animated, callback) => {
+        if (navigator.goBackward) {
+          return navigator.goBackward(animated, callback);
+        }
+        return callback?.(false);
+      },
+      isVisual: () => isVisual,
+      getCframes: isVisual ? navigator.getCframes?.bind(navigator) : void 0,
+      underlying: navigator
+    };
+  }, [context.visual, context.media]);
+  const visualMemo = useMemo(() => {
+    if (!context.visual) return null;
+    const visualNavigator = context.visual;
+    return {
+      ...visualNavigator,
+      getSetting: createUnifiedGetSetting(visualNavigator)
+    };
+  }, [context.visual]);
+  const mediaMemo = useMemo(() => {
+    return context.media;
+  }, [context.media]);
+  return useMemo(() => ({
     get visual() {
-      if (!context.visual) throw new Error("Visual navigator not available");
-      const visualNavigator = context.visual;
-      return {
-        ...visualNavigator,
-        getSetting: createUnifiedGetSetting(visualNavigator)
-      };
+      if (!visualMemo) throw new Error("Visual navigator not available");
+      return visualMemo;
     },
     get media() {
-      if (!context.media) throw new Error("Media navigator not available");
-      return context.media;
+      if (!mediaMemo) throw new Error("Media navigator not available");
+      return mediaMemo;
     },
-    // Unified interface that automatically selects the appropriate navigator
     get unified() {
-      const navigator = context.visual || context.media;
-      if (!navigator) throw new Error("No navigator available");
-      const isVisual = isVisualNavigator(navigator, context.visual);
-      return {
-        // Navigation methods available in both
-        go: (locator, animated, callback) => {
-          return navigator.go(locator, animated, callback);
-        },
-        goLink: (link, animated, callback) => {
-          return navigator.goLink(link, animated, callback);
-        },
-        currentLocator: () => navigator.currentLocator(),
-        // Unified previous/next navigation
-        previousLocator: () => {
-          if (isVisual && navigator.previousLocator) {
-            return navigator.previousLocator() || null;
-          }
-          return null;
-        },
-        nextLocator: () => {
-          if (isVisual && navigator.nextLocator) {
-            return navigator.nextLocator() || null;
-          }
-          return null;
-        },
-        // Unified forward/backward navigation
-        goForward: (animated, callback) => {
-          if (navigator.goForward) {
-            return navigator.goForward(animated, callback);
-          }
-          return callback?.(false);
-        },
-        goBackward: (animated, callback) => {
-          if (navigator.goBackward) {
-            return navigator.goBackward(animated, callback);
-          }
-          return callback?.(false);
-        },
-        // Check if navigator is visual
-        isVisual: () => isVisual,
-        // Visual-specific methods (only available when isVisual() is true)
-        getCframes: isVisual ? navigator.getCframes?.bind(navigator) : void 0,
-        // Access to underlying navigator for advanced use cases
-        underlying: navigator
-      };
+      return unified;
     }
-  };
+  }), [visualMemo, mediaMemo, unified]);
 };
 
 // src/components/Sheets/assets/styles/thorium-web.sheets.module.css
@@ -425,15 +428,15 @@ var StatefulDockStart = ({ variant, associatedKey }) => {
   const preferences = useActionsPreferences();
   const { t } = useI18n();
   const direction = useAppSelector((state) => state.reader.direction);
-  const actionsMap = useAppSelector((state) => state.actions.keys);
   const profile = useAppSelector((state) => state.reader.profile);
+  const actionsMap = useAppSelector((state) => profile ? state.actions.keys[profile] : void 0);
+  const actions = useActions(actionsMap || {});
   const isRTL = direction === "rtl" /* rtl */;
   const translationKey = isRTL ? "reader.app.docker.dockToRight" : "reader.app.docker.dockToLeft";
   const localeKey = {
     trigger: t(`${translationKey}.trigger`),
     tooltip: t(`${translationKey}.tooltip`)
   };
-  const actions = useActions(actionsMap);
   const isDisabled = actions.whichDocked(associatedKey) === "dockingStart" /* start */;
   const dispatch = useAppDispatch();
   const handlePress = useCallback(() => {
@@ -472,15 +475,15 @@ var StatefulDockEnd = ({ variant, associatedKey }) => {
   const preferences = useActionsPreferences();
   const { t } = useI18n();
   const direction = useAppSelector((state) => state.reader.direction);
-  const actionsMap = useAppSelector((state) => state.actions.keys);
   const profile = useAppSelector((state) => state.reader.profile);
+  const actionsMap = useAppSelector((state) => profile ? state.actions.keys[profile] : void 0);
+  const actions = useActions(actionsMap || {});
   const isRTL = direction === "rtl" /* rtl */;
   const translationKey = isRTL ? "reader.app.docker.dockToLeft" : "reader.app.docker.dockToRight";
   const localeKey = {
     trigger: t(`${translationKey}.trigger`),
     tooltip: t(`${translationKey}.tooltip`)
   };
-  const actions = useActions(actionsMap);
   const isDisabled = actions.whichDocked(associatedKey) === "dockingEnd" /* end */;
   const dispatch = useAppDispatch();
   const handlePress = useCallback(() => {
@@ -520,9 +523,9 @@ var stack_default = SvgStack;
 var StatefulDockTransientPopover = ({ variant, associatedKey }) => {
   const preferences = useActionsPreferences();
   const { t } = useI18n();
-  const actionsMap = useAppSelector((state) => state.actions.keys);
   const profile = useAppSelector((state) => state.reader.profile);
-  const actions = useActions(actionsMap);
+  const actionsMap = useAppSelector((state) => profile ? state.actions.keys[profile] : void 0);
+  const actions = useActions(actionsMap || {});
   const isDisabled = !actions.isDocked(associatedKey) || actions.whichDocked(associatedKey) === "dockingTransient" /* transient */;
   const dispatch = useAppDispatch();
   const handlePress = useCallback(() => {
@@ -627,11 +630,16 @@ var useWebkitPatch = (isOpen) => {
   const scroll = useAppSelector((state) => state.settings.scroll);
   const isFXL = useAppSelector((state) => state.publication.isFXL);
   const isScroll = isWebPub || scroll && !isFXL;
-  const {
-    getCframes
-  } = useNavigator().unified;
+  const prevIsOpen = usePrevious(isOpen);
+  let getCframes;
+  try {
+    const visual = useNavigator().visual;
+    getCframes = visual.getCframes;
+  } catch (e) {
+    getCframes = void 0;
+  }
   useEffect(() => {
-    if (isScroll && !isOpen) {
+    if (isScroll && prevIsOpen && !isOpen && getCframes) {
       const container = document.getElementById("thorium-web-container");
       if (!container) return;
       const currentHeight = container.offsetHeight;
@@ -642,17 +650,23 @@ var useWebkitPatch = (isOpen) => {
         const frames = getCframes();
         if (!frames || !Array.isArray(frames) || frames.length === 0) return;
         const frame = frames[0];
-        if (!frame?.window?.document?.scrollingElement) return;
-        const currentScrollTop = frame.window.document.scrollingElement.scrollTop;
+        let frameWindow;
+        try {
+          frameWindow = frame?.window;
+          if (!frameWindow?.document?.scrollingElement) return;
+        } catch (e) {
+          return;
+        }
+        const currentScrollTop = frameWindow.document.scrollingElement.scrollTop;
         if (currentScrollTop > 1) {
-          frame.window.document.scrollingElement.scrollTop = currentScrollTop - 1;
+          frameWindow.document.scrollingElement.scrollTop = currentScrollTop - 1;
         } else {
-          frame.window.document.scrollingElement.scrollTop = currentScrollTop + 1;
+          frameWindow.document.scrollingElement.scrollTop = currentScrollTop + 1;
         }
-        frame.window.document.scrollingElement.scrollTop = currentScrollTop;
+        frameWindow.document.scrollingElement.scrollTop = currentScrollTop;
       }, 0);
     }
-  }, [isScroll, isOpen, getCframes]);
+  }, [isScroll, isOpen, prevIsOpen, getCframes]);
 };
 var StatefulPopoverSheet = ({
   id,
@@ -1366,12 +1380,12 @@ var dockingMap = null;
 var useDocking = (key) => {
   const preferences = useActionsPreferences();
   const breakpoint = useAppSelector((state) => state.theming.breakpoint);
-  const actionsMap = useAppSelector((state) => state.actions.keys);
-  const actionState = actionsMap[key];
   const profile = useAppSelector((state) => state.reader.profile);
+  const actionsMap = useAppSelector((state) => profile ? state.actions.keys[profile] : void 0);
+  const actionState = actionsMap?.[key];
   const dock = useAppSelector((state) => profile ? state.actions.dock[profile] : void 0);
   const dispatch = useAppDispatch();
-  const actions = useActions(actionsMap);
+  const actions = useActions(actionsMap || {});
   const startActionKey = dock?.["dockingStart" /* start */]?.actionKey;
   const endActionKey = dock?.["dockingEnd" /* end */]?.actionKey;
   const startStatus = useActionComponentStatus({ actionKey: startActionKey || "" });
@@ -1501,13 +1515,16 @@ var useDocking = (key) => {
     if (actionState?.docking === "dockingTransient" /* transient */) return;
     if (sheetType !== "docked start" /* dockedStart */ && sheetType !== "docked end" /* dockedEnd */) {
       if (previousSheetType === "docked start" /* dockedStart */ || previousSheetType === "docked end" /* dockedEnd */) {
-        dispatch(setActionOpen({
-          key,
-          isOpen: false
-        }));
+        if (profile) {
+          dispatch(setActionOpen({
+            key,
+            isOpen: false,
+            profile
+          }));
+        }
       }
     }
-  }, [dispatch, key, sheetType, previousSheetType, actionState?.docking]);
+  }, [dispatch, key, sheetType, previousSheetType, actionState?.docking, profile]);
   useEffect(() => {
     if (actionState?.isOpen == null && profile) {
       if (sheetType === "docked start" /* dockedStart */) {
@@ -1518,7 +1535,8 @@ var useDocking = (key) => {
         }));
         dispatch(setActionOpen({
           key,
-          isOpen: true
+          isOpen: true,
+          profile
         }));
       } else if (sheetType === "docked end" /* dockedEnd */) {
         dispatch(dockAction({
@@ -1528,7 +1546,8 @@ var useDocking = (key) => {
         }));
         dispatch(setActionOpen({
           key,
-          isOpen: true
+          isOpen: true,
+          profile
         }));
       }
     }
@@ -1569,7 +1588,8 @@ var useDocking = (key) => {
         if (actionState?.isOpen === false) {
           dispatch(setActionOpen({
             key,
-            isOpen: true
+            isOpen: true,
+            profile
           }));
         }
       } else if (isDockedInEnd && actionState?.docking !== "dockingEnd" /* end */) {
@@ -1581,7 +1601,8 @@ var useDocking = (key) => {
         if (actionState?.isOpen === false) {
           dispatch(setActionOpen({
             key,
-            isOpen: true
+            isOpen: true,
+            profile
           }));
         }
       }
@@ -1628,7 +1649,8 @@ var StatefulJumpToPositionContainer = ({
   triggerRef
 }) => {
   const { t } = useI18n();
-  const actionState = useAppSelector((state) => state.actions.keys["jumpToPosition" /* jumpToPosition */]);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const actionState = useAppSelector((state) => profile ? state.actions.keys[profile]["jumpToPosition" /* jumpToPosition */] : void 0);
   const positionsList = useAppSelector((state) => state.publication.positionsList);
   const positionNumbers = useAppSelector((state) => state.publication.unstableTimeline?.progression?.currentPositions);
   const reducedMotion = useAppSelector((state) => state.theming.prefersReducedMotion);
@@ -1644,11 +1666,14 @@ var StatefulJumpToPositionContainer = ({
   }, [position, positionNumbers]);
   const label = t("reader.jumpToPosition.label", { positionStart: 1, positionEnd: positionsList.length });
   const setOpen = useCallback((value) => {
-    dispatch(setActionOpen({
-      key: "jumpToPosition" /* jumpToPosition */,
-      isOpen: value
-    }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({
+        key: "jumpToPosition" /* jumpToPosition */,
+        isOpen: value,
+        profile
+      }));
+    }
+  }, [dispatch, profile]);
   const handleInput = useCallback((e) => {
     const target = e.target;
     setPosition(parseInt(target.value));
@@ -1737,14 +1762,18 @@ var pin_drop_default = SvgPinDrop;
 var StatefulJumpToPositionTrigger = ({ variant }) => {
   const preferences = useActionsPreferences();
   const { t } = useI18n();
-  const actionState = useAppSelector((state) => state.actions.keys["jumpToPosition" /* jumpToPosition */]);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const actionState = useAppSelector((state) => profile ? state.actions.keys[profile]["jumpToPosition" /* jumpToPosition */] : void 0);
   const positionsList = useAppSelector((state) => state.publication.positionsList);
   const dispatch = useAppDispatch();
   const setOpen = (value) => {
-    dispatch(setActionOpen({
-      key: "jumpToPosition" /* jumpToPosition */,
-      isOpen: value
-    }));
+    if (profile) {
+      dispatch(setActionOpen({
+        key: "jumpToPosition" /* jumpToPosition */,
+        isOpen: value,
+        profile
+      }));
+    }
   };
   if (!isPositionsListValid(positionsList)) return null;
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
@@ -1815,14 +1844,18 @@ var StatefulSettingsWrapper = ({
   onReset,
   children
 }) => {
-  const actionState = useAppSelector((state) => state.actions.keys["settings" /* settings */]);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const actionState = useAppSelector((state) => profile ? state.actions.keys[profile]["settings" /* settings */] : void 0);
   const dispatch = useAppDispatch();
   const docking = useDocking("settings" /* settings */);
   const setOpen = (value) => {
-    dispatch(setActionOpen({
-      key: "settings" /* settings */,
-      isOpen: value
-    }));
+    if (profile) {
+      dispatch(setActionOpen({
+        key: "settings" /* settings */,
+        isOpen: value,
+        profile
+      }));
+    }
     if (!value) dispatch(setHovering(false));
   };
   useEffect(() => {
@@ -1859,10 +1892,13 @@ var StatefulAudioSettingsContainer = ({
   const { settingsComponentsMap } = usePlugins();
   const { t } = useI18n();
   const dispatch = useAppDispatch();
+  const profile = useAppSelector((state) => state.reader.profile);
   const close = useCallback(() => {
-    dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false }));
+    if (profile) {
+      dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+    }
     dispatch(setHovering(false));
-  }, [dispatch]);
+  }, [dispatch, profile]);
   return /* @__PURE__ */ jsx(
     StatefulSettingsWrapper,
     {
@@ -2035,9 +2071,11 @@ var StatefulVisualSettingsContainer = ({
     dispatch(setSettingsContainer("initial" /* initial */));
   }, [dispatch]);
   const close = useCallback(() => {
-    dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false }));
+    if (profile) {
+      dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+    }
     dispatch(setHovering(false));
-  }, [dispatch]);
+  }, [dispatch, profile]);
   const isTextNested = useCallback((key) => {
     const textSettings = [
       mainTextSettingsKeys || defaultTextSettingsMain,
@@ -2144,15 +2182,18 @@ var instant_mix_default = SvgInstantMix;
 var StatefulSettingsTrigger = ({ variant }) => {
   const preferences = useActionsPreferences();
   const { t } = useI18n();
-  const actionState = useAppSelector((state) => state.actions.keys["settings" /* settings */]);
   const profile = useAppSelector((state) => state.reader.profile);
+  const actionState = useAppSelector((state) => profile ? state.actions.keys[profile]["settings" /* settings */] : void 0);
   const isAudio = profile === "audio";
   const dispatch = useAppDispatch();
   const setOpen = (value) => {
-    dispatch(setActionOpen({
-      key: "settings" /* settings */,
-      isOpen: value
-    }));
+    if (profile) {
+      dispatch(setActionOpen({
+        key: "settings" /* settings */,
+        isOpen: value,
+        profile
+      }));
+    }
     if (!value) dispatch(setHovering(false));
   };
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
@@ -2343,14 +2384,17 @@ var StatefulTocContainer = ({ triggerRef }) => {
   const tocTree = unstableTimeline?.toc?.tree;
   const direction = useAppSelector((state) => state.reader.direction);
   const isRTL = direction === "rtl" /* rtl */;
-  const actionState = useAppSelector((state) => state.actions.keys["toc" /* toc */]);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const actionState = useAppSelector((state) => profile ? state.actions.keys[profile]["toc" /* toc */] : void 0);
   const dispatch = useAppDispatch();
   const { goLink } = useNavigator().unified;
   const docking = useDocking("toc" /* toc */);
   const sheetType = docking.sheetType;
   const setOpen = useCallback((value) => {
-    dispatch(setActionOpen({ key: "toc" /* toc */, isOpen: value }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "toc" /* toc */, isOpen: value, profile }));
+    }
+  }, [dispatch, profile]);
   const { expandedKeys, setExpandedKeys, filterValue, setFilterValue, displayedTocTree, treeRef, searchInputRef } = useTocContent({ isOpen: actionState?.isOpen ?? false, tocTree, tocEntry: tocEntryId });
   const handleAction = (keys) => {
     if (keys === "all" || !keys || keys.size === 0) return;
@@ -2426,13 +2470,17 @@ var toc_default = SvgToc;
 var StatefulTocTrigger = ({ variant }) => {
   const preferences = useActionsPreferences();
   const { t } = useI18n();
-  const actionState = useAppSelector((state) => state.actions.keys["toc" /* toc */]);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const actionState = useAppSelector((state) => profile ? state.actions.keys[profile]["toc" /* toc */] : void 0);
   const dispatch = useAppDispatch();
   const setOpen = (value) => {
-    dispatch(setActionOpen({
-      key: "toc" /* toc */,
-      isOpen: value
-    }));
+    if (profile) {
+      dispatch(setActionOpen({
+        key: "toc" /* toc */,
+        isOpen: value,
+        profile
+      }));
+    }
   };
   return /* @__PURE__ */ jsx(Fragment, { children: variant && variant === "menuItem" /* menu */ ? /* @__PURE__ */ jsx(
     StatefulOverflowMenuItem,
@@ -2550,6 +2598,7 @@ var StatefulRadioGroup = ({
 }) => {
   const itemsRef = useRef(items || []);
   const wrapperRef = useRef(null);
+  const profile = useAppSelector((state) => state.reader.profile);
   const direction = useAppSelector((state) => state.reader.direction);
   const isRTL = direction === "rtl" /* rtl */;
   const settingsContainer = useAppSelector((state) => state.reader.settingsContainer);
@@ -2558,12 +2607,15 @@ var StatefulRadioGroup = ({
     if (settingsContainer !== "initial" /* initial */) {
       dispatch(setSettingsContainer("initial" /* initial */));
     } else {
-      dispatch(setActionOpen({
-        key: "settings" /* settings */,
-        isOpen: false
-      }));
+      if (profile) {
+        dispatch(setActionOpen({
+          key: "settings" /* settings */,
+          isOpen: false,
+          profile
+        }));
+      }
     }
-  }, [dispatch, settingsContainer]);
+  }, [dispatch, settingsContainer, profile]);
   const onFocusCallback = useCallback((value2) => {
     const element = wrapperRef.current?.querySelector(`[value="${value2}"]`);
     if (element) element.focus();
@@ -3979,7 +4031,7 @@ var StatefulTheme = () => {
   const isRTL = direction === "rtl" /* rtl */;
   const themeArray = profile === "audio" ? audioThemeOrder ?? [] : isFXL ? fxlThemeOrder ?? [] : reflowThemeOrder ?? [];
   const themeObject = useAppSelector((state) => state.theming.theme);
-  const theme = profile === "audio" ? themeObject.audio : isFXL ? themeObject.fxl : themeObject.reflow;
+  const theme = profile === "audio" ? themeObject.audio ?? "auto" : isFXL ? themeObject.fxl ?? "auto" : themeObject.reflow ?? "auto";
   const colorScheme = useAppSelector((state) => state.theming.colorScheme);
   const coverTheme = useAppSelector((state) => state.theming.coverTheme);
   const themeItems = useRef(
@@ -3997,10 +4049,15 @@ var StatefulTheme = () => {
     currentValue: theme,
     onChange: async (val) => await updatePreference(val),
     isRTL,
-    onEscape: () => dispatch(setActionOpen({
-      key: "settings" /* settings */,
-      isOpen: false
-    })),
+    onEscape: () => {
+      if (profile) {
+        dispatch(setActionOpen({
+          key: "settings" /* settings */,
+          isOpen: false,
+          profile
+        }));
+      }
+    },
     onFocus: (id) => {
       const element = radioGroupWrapperRef.current?.querySelector(`[id="${id}"]`);
       if (element) element.focus();
@@ -4234,7 +4291,7 @@ var createDefaultPlugin = () => {
     id: "core",
     name: "Core Components",
     description: "Default components for Thorium Web Epub StatefulReader",
-    version: "1.3.0",
+    version: "1.3.1",
     components: {
       actions: {
         ["fullscreen" /* fullscreen */]: {
@@ -4474,6 +4531,7 @@ var StatefulAudioSkipBackwardInterval = ({
 }) => {
   const { t } = useI18n();
   const { preferences } = useAudioPreferences();
+  const profile = useAppSelector((state) => state.reader.profile);
   const skipBackwardInterval = useAppSelector((state) => state.audioSettings.skipBackwardInterval);
   const dispatch = useAppDispatch();
   const { submitPreferences, getSetting, preferencesEditor } = useNavigator().media;
@@ -4523,7 +4581,11 @@ var StatefulAudioSkipBackwardInterval = ({
         label: t("reader.playback.preferences.audio.skipBackwardInterval"),
         presets: presets || [],
         formatOptions: { style: "unit", unit: "second" },
-        onEscape: () => dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false })),
+        onEscape: () => {
+          if (profile) {
+            dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+          }
+        },
         value: skipBackwardInterval ?? void 0,
         onChange: (v) => updatePreference(v)
       }
@@ -4538,7 +4600,11 @@ var StatefulAudioSkipBackwardInterval = ({
         placeholder: placeholderText,
         presets: presets || [],
         formatOptions: { style: "unit", unit: "second" },
-        onEscape: () => dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false })),
+        onEscape: () => {
+          if (profile) {
+            dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+          }
+        },
         value: skipBackwardInterval ?? void 0,
         onChange: updatePreference,
         range: skipBackwardIntervalRangeConfig.range,
@@ -4567,6 +4633,7 @@ var StatefulAudioSkipForwardInterval = ({
 }) => {
   const { t } = useI18n();
   const { preferences } = useAudioPreferences();
+  const profile = useAppSelector((state) => state.reader.profile);
   const skipForwardInterval = useAppSelector((state) => state.audioSettings.skipForwardInterval);
   const dispatch = useAppDispatch();
   const { submitPreferences, getSetting, preferencesEditor } = useNavigator().media;
@@ -4616,7 +4683,11 @@ var StatefulAudioSkipForwardInterval = ({
         label: t("reader.playback.preferences.audio.skipForwardInterval"),
         presets: presets || [],
         formatOptions: { style: "unit", unit: "second" },
-        onEscape: () => dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false })),
+        onEscape: () => {
+          if (profile) {
+            dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+          }
+        },
         value: skipForwardInterval,
         onChange: (v) => updatePreference(v)
       }
@@ -4631,7 +4702,11 @@ var StatefulAudioSkipForwardInterval = ({
         placeholder: placeholderText,
         presets: presets || [],
         formatOptions: { style: "unit", unit: "second" },
-        onEscape: () => dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false })),
+        onEscape: () => {
+          if (profile) {
+            dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+          }
+        },
         value: skipForwardInterval,
         onChange: updatePreference,
         range: skipForwardIntervalRangeConfig.range,
@@ -4659,6 +4734,7 @@ var StatefulAudioSkipInterval = ({
 }) => {
   const { t } = useI18n();
   const { preferences } = useAudioPreferences();
+  const profile = useAppSelector((state) => state.reader.profile);
   const skipInterval = useAppSelector((state) => state.audioSettings.skipInterval);
   const dispatch = useAppDispatch();
   const { submitPreferences, getSetting, preferencesEditor } = useNavigator().media;
@@ -4710,7 +4786,11 @@ var StatefulAudioSkipInterval = ({
         label: t("reader.playback.preferences.audio.skipInterval"),
         presets: presets || [],
         formatOptions: { style: "unit", unit: "second" },
-        onEscape: () => dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false })),
+        onEscape: () => {
+          if (profile) {
+            dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+          }
+        },
         value: skipInterval,
         onChange: (v) => updatePreference(v)
       }
@@ -4725,7 +4805,11 @@ var StatefulAudioSkipInterval = ({
         placeholder: placeholderText,
         presets: presets || [],
         formatOptions: { style: "unit", unit: "second" },
-        onEscape: () => dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false })),
+        onEscape: () => {
+          if (profile) {
+            dispatch(setActionOpen({ key: "settings" /* settings */, isOpen: false, profile }));
+          }
+        },
         value: skipInterval,
         onChange: updatePreference,
         range: skipIntervalRangeConfig.range,
@@ -4790,6 +4874,7 @@ var thorium_web_volume_default = {
 };
 var StatefulAudioVolumeTrigger = ({ ref }) => {
   const { t } = useI18n();
+  const profile = useAppSelector((state) => state.reader.profile);
   const { preferences } = useAudioPreferences();
   const { preferencesEditor } = useNavigator().media;
   const volume = useAppSelector((state) => state.audioSettings.volume);
@@ -4812,7 +4897,11 @@ var StatefulAudioVolumeTrigger = ({ ref }) => {
       ref,
       tooltipLabel: t("reader.playback.preferences.audio.volume"),
       placement: "top",
-      onPress: () => dispatch(toggleActionOpen({ key: "audio.volume" /* volume */ })),
+      onPress: () => {
+        if (profile) {
+          dispatch(toggleActionOpen({ key: "audio.volume" /* volume */, profile }));
+        }
+      },
       isDisabled,
       className: thorium_web_volume_default.button,
       children: /* @__PURE__ */ jsx(VolumeIcon, { "aria-hidden": "true", focusable: "false" })
@@ -4821,7 +4910,8 @@ var StatefulAudioVolumeTrigger = ({ ref }) => {
 };
 var StatefulAudioVolumeContainer = ({ triggerRef, placement = "top" }) => {
   const volume = useAppSelector((state) => state.audioSettings.volume);
-  const isOpen = useAppSelector((state) => state.actions.keys["audio.volume" /* volume */]?.isOpen ?? false);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const isOpen = useAppSelector((state) => profile ? state.actions.keys[profile]["audio.volume" /* volume */]?.isOpen ?? false : false);
   const { t } = useI18n();
   const { preferences } = useAudioPreferences();
   const dispatch = useAppDispatch();
@@ -4837,8 +4927,10 @@ var StatefulAudioVolumeContainer = ({ triggerRef, placement = "top" }) => {
   const docking = useDocking("audio.volume" /* volume */);
   const sliderOrientation = docking.sheetType === "popover" /* popover */ || docking.sheetType === "compactPopover" /* compactPopover */ ? "vertical" : "horizontal";
   const setOpen = useCallback((open) => {
-    dispatch(setActionOpen({ key: "audio.volume" /* volume */, isOpen: open }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "audio.volume" /* volume */, isOpen: open, profile }));
+    }
+  }, [dispatch, profile]);
   return /* @__PURE__ */ jsx(
     StatefulSheetWrapper,
     {
@@ -4885,6 +4977,7 @@ var thorium_web_playbackRate_default = {
   slider: "thorium_web_playbackRate_slider"};
 var StatefulAudioPlaybackRateTrigger = ({ ref }) => {
   const { t } = useI18n();
+  const profile = useAppSelector((state) => state.reader.profile);
   const playbackRate = useAppSelector((state) => state.audioSettings.playbackRate);
   const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
   const isStalled = useAppSelector((state) => state.player.isStalled);
@@ -4896,7 +4989,11 @@ var StatefulAudioPlaybackRateTrigger = ({ ref }) => {
       ref,
       tooltipLabel: t("reader.playback.preferences.playbackRate.descriptive"),
       placement: "top",
-      onPress: () => dispatch(toggleActionOpen({ key: "audio.playbackRate" /* playbackRate */ })),
+      onPress: () => {
+        if (profile) {
+          dispatch(toggleActionOpen({ key: "audio.playbackRate" /* playbackRate */, profile }));
+        }
+      },
       isDisabled,
       className: thorium_web_playbackRate_default.button,
       children: [
@@ -4910,7 +5007,8 @@ var StatefulAudioPlaybackRateTrigger = ({ ref }) => {
   );
 };
 var StatefulAudioPlaybackRateContainer = ({ triggerRef, placement = "top" }) => {
-  const isOpen = useAppSelector((state) => state.actions.keys["audio.playbackRate" /* playbackRate */]?.isOpen ?? false);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const isOpen = useAppSelector((state) => profile ? state.actions.keys[profile]["audio.playbackRate" /* playbackRate */]?.isOpen ?? false : false);
   const { t } = useI18n();
   const { preferences } = useAudioPreferences();
   const playbackRate = useAppSelector((state) => state.audioSettings.playbackRate);
@@ -4924,8 +5022,10 @@ var StatefulAudioPlaybackRateContainer = ({ triggerRef, placement = "top" }) =>
   }, [submitPreferences, getSetting, dispatch]);
   const docking = useDocking("audio.playbackRate" /* playbackRate */);
   const setOpen = useCallback((open) => {
-    dispatch(setActionOpen({ key: "audio.playbackRate" /* playbackRate */, isOpen: open }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "audio.playbackRate" /* playbackRate */, isOpen: open, profile }));
+    }
+  }, [dispatch, profile]);
   const renderContent = () => {
     if (config.variant === "slider" /* slider */) {
       return /* @__PURE__ */ jsx("div", { className: thorium_web_playbackRate_default.slider, children: /* @__PURE__ */ jsx(
@@ -4992,6 +5092,7 @@ var thorium_web_audioToc_default = {
 };
 var StatefulAudioTocTrigger = ({ ref }) => {
   const { t } = useI18n();
+  const profile = useAppSelector((state) => state.reader.profile);
   const isTrackReady = useAppSelector((state) => state.player.isTrackReady);
   const isStalled = useAppSelector((state) => state.player.isStalled);
   const isDisabled = !isTrackReady || isStalled;
@@ -5002,7 +5103,11 @@ var StatefulAudioTocTrigger = ({ ref }) => {
       ref,
       tooltipLabel: t("reader.tableOfContents.title"),
       placement: "top",
-      onPress: () => dispatch(toggleActionOpen({ key: "audio.toc" /* toc */ })),
+      onPress: () => {
+        if (profile) {
+          dispatch(toggleActionOpen({ key: "audio.toc" /* toc */, profile }));
+        }
+      },
       isDisabled,
       className: thorium_web_audioToc_default.button,
       children: /* @__PURE__ */ jsx(toc_default, { "aria-hidden": "true", focusable: "false" })
@@ -5011,9 +5116,10 @@ var StatefulAudioTocTrigger = ({ ref }) => {
 };
 var StatefulAudioTocContainer = ({ triggerRef }) => {
   const { t } = useI18n();
+  const profile = useAppSelector((state) => state.reader.profile);
   const { goLink } = useNavigator().unified;
   const dispatch = useAppDispatch();
-  const isOpen = useAppSelector((state) => state.actions.keys["audio.toc" /* toc */]?.isOpen ?? false);
+  const isOpen = useAppSelector((state) => profile ? state.actions.keys[profile]["audio.toc" /* toc */]?.isOpen ?? false : false);
   const unstableTimeline = useAppSelector((state) => state.publication.unstableTimeline);
   const tocEntry = unstableTimeline?.toc?.currentEntry ?? void 0;
   const tocEntryId = tocEntry?.id;
@@ -5023,8 +5129,10 @@ var StatefulAudioTocContainer = ({ triggerRef }) => {
   const docking = useDocking("audio.toc" /* toc */);
   const sheetType = docking.sheetType;
   const setOpen = useCallback((value) => {
-    dispatch(setActionOpen({ key: "audio.toc" /* toc */, isOpen: value }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "audio.toc" /* toc */, isOpen: value, profile }));
+    }
+  }, [dispatch, profile]);
   const { expandedKeys, setExpandedKeys, filterValue, setFilterValue, displayedTocTree, treeRef, searchInputRef } = useTocContent({ isOpen, tocTree, tocEntry: tocEntryId });
   useEffect(() => {
     if (isOpen) {
@@ -5113,6 +5221,7 @@ var thorium_web_sleepTimer_default = {
 };
 var StatefulAudioSleepTimerTrigger = ({ ref }) => {
   const { t } = useI18n();
+  const profile = useAppSelector((state) => state.reader.profile);
   const remainingSeconds = useAppSelector((state) => state.player.sleepTimer.remainingSeconds);
   const onTrackEnd = useAppSelector((state) => state.player.sleepTimer.onTrackEnd);
   const onFragmentEnd = useAppSelector((state) => state.player.sleepTimer.onFragmentEnd);
@@ -5136,7 +5245,11 @@ var StatefulAudioSleepTimerTrigger = ({ ref }) => {
       ref,
       tooltipLabel: t("reader.playback.preferences.sleepTimer.descriptive"),
       placement: "top",
-      onPress: () => dispatch(toggleActionOpen({ key: "audio.sleepTimer" /* sleepTimer */ })),
+      onPress: () => {
+        if (profile) {
+          dispatch(toggleActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, profile }));
+        }
+      },
       isDisabled,
       className: thorium_web_sleepTimer_default.button,
       children: [
@@ -5149,7 +5262,11 @@ var StatefulAudioSleepTimerTrigger = ({ ref }) => {
 var StatefulAudioSleepTimerContainer = ({ triggerRef, placement = "top" }) => {
   const [hours, setHours] = useState(0);
   const [minutes, setMinutes] = useState(0);
-  const isOpen = useAppSelector((state) => state.actions.keys["audio.sleepTimer" /* sleepTimer */]?.isOpen ?? false);
+  const profile = useAppSelector((state) => state.reader.profile);
+  const isOpen = useAppSelector((state) => {
+    if (!profile || !state.actions.keys[profile]) return false;
+    return state.actions.keys[profile]["audio.sleepTimer" /* sleepTimer */]?.isOpen ?? false;
+  });
   const remainingSeconds = useAppSelector((state) => state.player.sleepTimer.remainingSeconds);
   const onTrackEnd = useAppSelector((state) => state.player.sleepTimer.onTrackEnd);
   const onFragmentEnd = useAppSelector((state) => state.player.sleepTimer.onFragmentEnd);
@@ -5188,14 +5305,18 @@ var StatefulAudioSleepTimerContainer = ({ triggerRef, placement = "top" }) => {
     dispatch(setSleepTimerRemainingSeconds(null));
     dispatch(setSleepTimerOnTrackEnd(false));
     dispatch(setSleepTimerOnFragmentEnd(false));
-    dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: false }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: false, profile }));
+    }
+  }, [dispatch, profile]);
   const handleStart = useCallback(() => {
     const totalSeconds = hours * 3600 + minutes * 60;
     if (totalSeconds <= 0) return;
     dispatch(setSleepTimerRemainingSeconds(totalSeconds));
-    dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: false }));
-  }, [hours, minutes, dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: false, profile }));
+    }
+  }, [hours, minutes, dispatch, profile]);
   const handlePresetSelect = useCallback((value) => {
     if (value === "endOfResource") {
       dispatch(setSleepTimerOnTrackEnd(true));
@@ -5210,12 +5331,16 @@ var StatefulAudioSleepTimerContainer = ({ triggerRef, placement = "top" }) => {
       dispatch(setSleepTimerOnFragmentEnd(false));
       dispatch(setSleepTimerRemainingSeconds(Number(value) * 60));
     }
-    dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: false }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: false, profile }));
+    }
+  }, [dispatch, profile]);
   const docking = useDocking("audio.sleepTimer" /* sleepTimer */);
   const setOpen = useCallback((open) => {
-    dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: open }));
-  }, [dispatch]);
+    if (profile) {
+      dispatch(setActionOpen({ key: "audio.sleepTimer" /* sleepTimer */, isOpen: open, profile }));
+    }
+  }, [dispatch, profile]);
   const isActive = remainingSeconds !== null || onTrackEnd || onFragmentEnd;
   const maxHours = (config.variant === "durationField" /* durationField */ ? config.maxHours : void 0) ?? 23;
   const renderContent = () => {
@@ -5420,7 +5545,7 @@ var createAudioDefaultPlugin = () => {
     id: "audio-core",
     name: "Audio Core Components",
     description: "Default components for Thorium Web Audio StatefulReader",
-    version: "1.3.0",
+    version: "1.3.1",
     components: {
       actions: {
         ["settings" /* settings */]: {
@@ -5720,36 +5845,31 @@ var thorium_web_reader_app_default = {
   srOnly: "thorium_web_reader_app_srOnly"
 };
 var useResizablePanel = (panel) => {
-  const defaultPanel = {
-    actionKey: null,
-    active: false,
-    collapsed: false
-  };
-  const safePanel = panel || defaultPanel;
   const preferences = useActionsPreferences();
   const { theming } = useSharedPreferences();
   const defaultWidth = theming.layout.defaults.dockingWidth;
   const [pref, setPref] = useState(
-    safePanel.actionKey ? preferences.actionsKeys[safePanel.actionKey]?.docked || null : null
+    panel?.actionKey ? preferences.actionsKeys[panel.actionKey]?.docked || null : null
   );
-  const actionsMap = useAppSelector((state) => state.actions.keys);
-  const actions = useActions(actionsMap);
-  const previouslyCollapsed = usePrevious(safePanel.collapsed);
-  const previousWidth = actions.getDockedWidth(safePanel.actionKey) || null;
+  const profile = useAppSelector((state) => state.reader.profile);
+  const actionsMap = useAppSelector((state) => profile ? state.actions.keys[profile] : void 0);
+  const actions = useActions(actionsMap || {});
+  const previouslyCollapsed = usePrevious(panel?.collapsed);
+  const previousWidth = actions.getDockedWidth(panel?.actionKey) || null;
   const width = pref?.width || defaultWidth;
   const minWidth = pref?.minWidth && pref.minWidth < width ? pref.minWidth : defaultWidth < width ? defaultWidth : width;
   const maxWidth = pref?.maxWidth && pref.maxWidth > width ? pref.maxWidth : defaultWidth > width ? defaultWidth : width;
   const isPopulated = () => {
-    return safePanel.active && actions.isOpen(safePanel.actionKey);
+    return !!(panel?.active && actions.isOpen(panel?.actionKey));
   };
   const isCollapsed = () => {
-    return safePanel.collapsed;
+    return !!panel?.collapsed;
   };
   const forceExpand = () => {
-    return !!(isPopulated() && previouslyCollapsed && !safePanel.collapsed);
+    return !!(isPopulated() && previouslyCollapsed && !panel?.collapsed);
   };
   const currentKey = () => {
-    return safePanel.actionKey;
+    return panel?.actionKey ?? null;
   };
   const isResizable = () => {
     return isPopulated() ? Math.round(width) > Math.round(minWidth) && Math.round(width) < Math.round(maxWidth) : false;
@@ -5777,8 +5897,8 @@ var useResizablePanel = (panel) => {
     return current;
   }, [minWidth, maxWidth]);
   useEffect(() => {
-    setPref(safePanel.actionKey ? preferences.actionsKeys[safePanel.actionKey]?.docked || null : null);
-  }, [safePanel.actionKey, preferences]);
+    setPref(panel?.actionKey ? preferences.actionsKeys[panel.actionKey]?.docked || null : null);
+  }, [panel?.actionKey, preferences]);
   return {
     currentKey,
     isPopulated,
@@ -6122,14 +6242,17 @@ var useReaderHeaderBase = (actionKeys) => {
   const headerRef = useRef(null);
   const { t } = useI18n();
   const { actionsComponentsMap } = usePlugins();
-  const actionsMap = useAppSelector((state) => state.actions.keys);
+  useAppSelector((state) => state.actions.keys);
   const overflowMap = useAppSelector((state) => state.actions.overflow);
   const isScroll = useAppSelector((state) => state.settings.scroll);
   const isImmersive = useAppSelector((state) => state.reader.isImmersive);
   const isHovering = useAppSelector((state) => state.reader.isHovering);
   const hasScrollAffordance = useAppSelector((state) => state.reader.hasScrollAffordance);
   const positionsList = useAppSelector((state) => state.publication.positionsList);
-  const actions = useActions({ ...actionsMap, ...overflowMap });
+  const profile = useAppSelector((state) => state.reader.profile);
+  const profileActionsMap = useAppSelector((state) => profile ? state.actions.keys[profile] : void 0);
+  const mergedActionsMap = useMemo(() => ({ ...profileActionsMap, ...overflowMap }), [profileActionsMap, overflowMap]);
+  const actions = useActions(mergedActionsMap);
   const dispatch = useAppDispatch();
   const { focusWithinProps } = useFocusWithin({
     onFocusWithin() {
@@ -6198,5 +6321,5 @@ var useReaderHeaderBase = (actionKeys) => {
 };
 
 export { NavigatorProvider, StatefulActionIcon, StatefulAudioAutoPlay, StatefulAudioPlaybackRateContainer, StatefulAudioPlaybackRateTrigger, StatefulAudioRemotePlaybackTrigger, StatefulAudioSettingsContainer, StatefulAudioSkipBackwardInterval, StatefulAudioSkipForwardInterval, StatefulAudioSkipInterval, StatefulAudioSleepTimerContainer, StatefulAudioSleepTimerTrigger, StatefulAudioTocContainer, StatefulAudioTocTrigger, StatefulAudioVolumeContainer, StatefulAudioVolumeTrigger, StatefulBackLink, StatefulBottomSheet, StatefulCollapsibleActionsBar, StatefulColumns, StatefulCompactPopoverSheet, StatefulDockedSheet, StatefulDockingWrapper, StatefulDropdown, StatefulFontFamily, StatefulFullScreenSheet, StatefulFullscreenTrigger, StatefulGroupWrapper, StatefulHyphens, StatefulJumpToPositionContainer, StatefulJumpToPositionTrigger, StatefulLayout, StatefulLetterSpacing, StatefulLineHeight, StatefulModalBase, StatefulModalSheet, StatefulNumberField, StatefulOverflowMenu, StatefulOverflowMenuItem, StatefulParagraphIndent, StatefulParagraphSpacing, StatefulPopoverSheet, StatefulPreferencesProvider, StatefulPublisherStyles, StatefulRadioGroup, StatefulSettingsTrigger, StatefulSettingsWrapper, StatefulSheetWrapper, StatefulSlider, StatefulSliderWithPresets, StatefulSpacingGroup, StatefulSpacingGroupContainer, StatefulSpacingPresets, StatefulSwitch, StatefulTextAlign, StatefulTextGroup, StatefulTextGroupContainer, StatefulTextNormalize, StatefulTheme, StatefulTocContainer, StatefulTocTrigger, StatefulVisualSettingsContainer, StatefulWordSpacing, StatefulZoom, UnstableStatefulFontWeight, createAudioDefaultPlugin, createDefaultPlugin, thorium_web_button_default, thorium_web_overflow_default, thorium_web_reader_app_default, thorium_web_reader_header_default, useDocking, useEffectiveRange, useGridNavigation, useGridTemplate, useLineHeight, useNavigator, usePositionStorage, usePublication, useReaderHeaderBase, useReaderTransitions, useSettingsComponentStatus, useSpacingPresets };
-//# sourceMappingURL=chunk-D7MFLHXV.mjs.map
-//# sourceMappingURL=chunk-D7MFLHXV.mjs.map
+//# sourceMappingURL=chunk-LP3JFZ4A.mjs.map
+//# sourceMappingURL=chunk-LP3JFZ4A.mjs.map