pptx-react-viewer 4.75.0 → 4.76.0

package/dist/{chunk-RJRDE3C2.js → chunk-XTYBIJ2S.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkMU3BIZ2U_js = require('./chunk-MU3BIZ2U.js');
-var chunk3AZ6ESJU_js = require('./chunk-3AZ6ESJU.js');
+var chunkSEIVQGH5_js = require('./chunk-SEIVQGH5.js');
 var chunk6GFSF2ML_js = require('./chunk-6GFSF2ML.js');
 var pptx = require('ooxml-ui/pptx');
 var React108 = require('react');
@@ -51,7 +51,8 @@ function SlideThumbnailImpl({
   canvasSize,
   previewWidth,
   fieldContext,
-  tableStyleContext
+  tableStyleContext,
+  onElementRenderError
 }) {
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
@@ -89,16 +90,17 @@ function SlideThumbnailImpl({
               ...pptx.deviceStrokeStageStyle(scale)
             },
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.SlideBackgroundImageLayer, { slide }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.SlideBackgroundImageLayer, { slide }),
               previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                chunk3AZ6ESJU_js.StaticElementRenderer,
+                chunkSEIVQGH5_js.StaticElementRenderer,
                 {
                   element,
                   activeSlide: slide,
                   allSlides: [slide],
                   zIndex: index,
                   fieldContext: slideFieldContext,
-                  tableStyleContext
+                  tableStyleContext,
+                  onElementRenderError
                 },
                 element.id
               ))
@@ -119,6 +121,9 @@ function SlideThumbnailImpl({
   );
 }
 function slideThumbnailPropsEqual(prev, next) {
+  if (prev.onElementRenderError !== next.onElementRenderError) {
+    return false;
+  }
   if (prev.previewWidth !== next.previewWidth) {
     return false;
   }
@@ -991,7 +996,14 @@ function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionColl
 }
 var EMPTY_TEMPLATE_ELEMENTS = [];
 var VIRTUALIZATION_THRESHOLD = pptx.SLIDE_VIRTUALIZATION_THRESHOLD;
-function SlidesPaneSidebar({
+function SlidesPaneSidebar(props) {
+  const errorReporting = React108.useMemo(
+    () => ({ onElementRenderError: props.onElementRenderError }),
+    [props.onElementRenderError]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.ElementRenderErrorReportingContext.Provider, { value: errorReporting, children: /* @__PURE__ */ jsxRuntime.jsx(SlidesPaneSidebarContent, { ...props }) });
+}
+function SlidesPaneSidebarContent({
   slides,
   templateElementsBySlideId,
   activeSlideIndex,
@@ -1021,7 +1033,7 @@ function SlidesPaneSidebar({
   tableStyleContext
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
+  const collab = chunkSEIVQGH5_js.useCollaboration();
   const slideRefs = React108.useRef(/* @__PURE__ */ new Map());
   const renameInputRef = React108.useRef(null);
   const slidePresenceMap = React108.useMemo(() => {
@@ -1116,7 +1128,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, effectiveCollapsed]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunk3AZ6ESJU_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkSEIVQGH5_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -1361,7 +1373,8 @@ var PREVIEW_SCALE = PREVIEW_TILE_WIDTH / PREVIEW_CANVAS_WIDTH;
 var PREVIEW_TILE_HEIGHT = Math.round(PREVIEW_CANVAS_HEIGHT * PREVIEW_SCALE);
 function SlideTemplatePreview({
   templateId,
-  scheme
+  scheme,
+  onElementRenderError
 }) {
   const previewSlide = React108.useMemo(() => {
     const content = pptx.buildSlideTemplateContent(templateId, {
@@ -1400,12 +1413,13 @@ function SlideTemplatePreview({
             transformOrigin: "top left"
           },
           children: previewSlide.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunk3AZ6ESJU_js.StaticElementRenderer,
+            chunkSEIVQGH5_js.StaticElementRenderer,
             {
               element,
               activeSlide: previewSlide,
               allSlides: [previewSlide],
-              zIndex: index
+              zIndex: index,
+              onElementRenderError
             },
             element.id
           ))
@@ -1469,7 +1483,7 @@ function SlideTemplateGalleryDialog({
   scheme
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3AZ6ESJU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSEIVQGH5_js.useModalDismissDrag(onClose);
   const [selected, setSelected] = React108.useState(null);
   const dialogRef = React108.useRef(null);
   useModalFocus(isOpen, dialogRef, onClose);
@@ -1589,6 +1603,60 @@ function SlideTemplateGalleryDialog({
     )
   ] });
 }
+var RIBBON_SURFACE = '[data-pptx-chrome="ribbon"], [data-pptx-chrome="ribbon-reveal"]';
+var RIBBON_MENU_SURFACE = '[data-pptx-chrome="ribbon-display-options"], [data-pptx-chrome="ribbon-display-menu"]';
+function useRibbonDisplayController(input) {
+  const { ribbonDisplay, collapseRibbonAutomatically, rootRef } = input;
+  const onChangeRef = React108.useRef(input.onRibbonDisplayChange);
+  onChangeRef.current = input.onRibbonDisplayChange;
+  const [controller] = React108.useState(
+    () => pptx.createRibbonDisplayController({
+      initial: ribbonDisplay,
+      onChange: (mode) => onChangeRef.current?.(mode)
+    })
+  );
+  React108.useEffect(() => {
+    controller.setMode(ribbonDisplay);
+  }, [controller, ribbonDisplay]);
+  React108.useEffect(() => {
+    controller.setAutoCollapse(collapseRibbonAutomatically);
+  }, [controller, collapseRibbonAutomatically]);
+  React108.useEffect(() => {
+    const query = globalThis.matchMedia?.(pptx.RIBBON_AUTO_COLLAPSE_MEDIA);
+    const sync = () => controller.setShortViewport(query?.matches ?? false);
+    sync();
+    query?.addEventListener("change", sync);
+    return () => query?.removeEventListener("change", sync);
+  }, [controller]);
+  React108.useEffect(() => {
+    const onPointerDown = (event) => {
+      const target = event.target instanceof Element ? event.target : null;
+      if (!target?.closest(RIBBON_SURFACE)) {
+        controller.dismiss();
+      } else if (!target.closest(RIBBON_MENU_SURFACE)) {
+        controller.setMenuOpen(false);
+      }
+    };
+    const onKeyDown = (event) => {
+      const target = event.target;
+      const root = rootRef.current;
+      if (target === document.body || root && target instanceof Node && root.contains(target)) {
+        controller.handleKeydown(event);
+      }
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [controller, rootRef]);
+  return controller;
+}
+function useRibbonDisplayFallback(controller) {
+  const [own] = React108.useState(() => pptx.createRibbonDisplayController());
+  return controller ?? own;
+}
 function useHostEvent(ref, type, handler) {
   React108.useEffect(() => {
     const host = ref.current;
@@ -2020,7 +2088,7 @@ function MobileSheet({
 }) {
   const sheetRef = React108.useRef(null);
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { dragY, dragging, handlers } = chunk3AZ6ESJU_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunkSEIVQGH5_js.useSheetDismissDrag(onClose);
   useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
@@ -2289,7 +2357,7 @@ function WebHomeControls({
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
   const crop = commands?.crop;
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(p.hiddenActions);
   const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
   const controls = React108.useMemo(
     () => pptx.arrangeShapeHomeControls({
@@ -2624,7 +2692,7 @@ function TransitionsSection(p) {
         case "soundPreview": {
           const url = pptx.ribbonTransitionStockSoundUrl(transition);
           if (url) {
-            chunk3AZ6ESJU_js.playAnimationSound(url);
+            chunkSEIVQGH5_js.playAnimationSound(url);
           }
           break;
         }
@@ -2832,7 +2900,7 @@ function AccountPage() {
     refreshUsage();
     setTimeout(() => setCleared(false), 4e3);
   };
-  const version = "4.75.0" ;
+  const version = "4.76.0" ;
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -3097,7 +3165,7 @@ function FileSection(p) {
   const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
   const [query, setQuery] = React108.useState("");
   const [recent, setRecent] = React108.useState([]);
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(p.hiddenActions);
   const exportHidden = isHidden("export");
   const storage = useViewerStorage();
   const cloud = useViewerCloudFiles();
@@ -3466,7 +3534,7 @@ function LayoutArtwork({
     backgroundColor
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3AZ6ESJU_js.StaticElementRenderer,
+    chunkSEIVQGH5_js.StaticElementRenderer,
     {
       element,
       activeSlide: slide,
@@ -3821,7 +3889,7 @@ function SlideShowOptions({
 }
 function SubtitleSettingsControl() {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const supplied = React108.useContext(chunk3AZ6ESJU_js.ViewerOptionsStoreContext);
+  const supplied = React108.useContext(chunkSEIVQGH5_js.ViewerOptionsStoreContext);
   const fallback = React108.useRef(null);
   if (!supplied) {
     fallback.current ??= pptx.createViewerOptionsStore({ persist: false });
@@ -3855,7 +3923,7 @@ function SubtitleSettingsControl() {
 }
 function SlideShowSection(p) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(p.hiddenActions);
   const actions = {
     "slideShow.startSlideShow.fromBeginning": p.onPresentFromBeginning ?? (() => p.onSetMode("present")),
     "slideShow.startSlideShow.fromCurrent": p.onPresent,
@@ -4375,7 +4443,7 @@ function MobileMenuSheet(props) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = React108.useState("home");
-  const { isTabVisible } = chunk3AZ6ESJU_js.useToolbarVisibility(props.hiddenActions);
+  const { isTabVisible } = chunkSEIVQGH5_js.useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MobileSheet,
     {
@@ -4667,7 +4735,7 @@ function MobileToolbar(props) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = React108.useState(false);
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(props.hiddenActions);
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const hidden = [];
   if (isHidden("undo")) {
@@ -4714,7 +4782,7 @@ function MobileToolbar(props) {
 }
 function ChartSelectionStrip() {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const commands = chunk3AZ6ESJU_js.useChartFormatContext();
+  const commands = chunkSEIVQGH5_js.useChartFormatContext();
   const chart = commands?.chart;
   const chartData = chart?.type === "chart" ? chart.chartData : void 0;
   const controls = React108.useMemo(
@@ -4745,7 +4813,7 @@ function PictureSizeStrip({
   hiddenActions
 }) {
   const crop = useShapeFormatContext()?.crop;
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(hiddenActions);
   const controls = React108.useMemo(
     () => pptx.pictureSizeHomeControls({
       editable: Boolean(crop),
@@ -4914,11 +4982,116 @@ function RibbonAddInSection({ tab }) {
   }, [tab]);
   return /* @__PURE__ */ jsxRuntime.jsx("pptx-ui-ribbon-add-in", { ref });
 }
+var RIBBON_PEEK_ROOT_CLASS = 'absolute inset-x-0 top-0 z-[35] border-b border-border bg-background shadow-[0_8px_20px_rgb(0_0_0/0.2)] before:absolute before:inset-0 before:-z-10 before:bg-card before:content-[""]';
+var RIBBON_OVERLAY_CLASS = 'absolute inset-x-0 top-full z-[35] border-b border-border bg-background shadow-[0_8px_20px_rgb(0_0_0/0.2)] before:absolute before:inset-0 before:-z-10 before:bg-card before:content-[""]';
+function RibbonRevealStrip({
+  ribbon
+}) {
+  const { t } = chunk6GFSF2ML_js.useTranslation();
+  const label = t(pptx.RIBBON_DISPLAY_REVEAL_LABEL_KEY);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "data-pptx-chrome": "ribbon-reveal",
+      "aria-label": label,
+      title: label,
+      onClick: () => ribbon.reveal(),
+      className: "flex h-[14px] w-full shrink-0 items-center justify-center border-b border-border bg-card text-[14px] leading-none tracking-[2px] text-muted-foreground hover:bg-accent hover:text-foreground",
+      children: "\xB7\xB7\xB7"
+    }
+  );
+}
+function RibbonDisplayButton({
+  ribbon,
+  state
+}) {
+  const { t } = chunk6GFSF2ML_js.useTranslation();
+  const label = t(pptx.RIBBON_DISPLAY_OPTIONS_LABEL_KEY);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      "aria-haspopup": "menu",
+      "aria-expanded": state.menuOpen,
+      "aria-label": label,
+      title: label,
+      "data-pptx-chrome": "ribbon-display-options",
+      onClick: () => ribbon.toggleMenu(),
+      className: chunk6GFSF2ML_js.cn(
+        "mx-1 inline-flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-sm text-muted-foreground hover:bg-accent hover:text-foreground",
+        state.menuOpen && "bg-accent text-foreground"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "svg",
+        {
+          viewBox: "0 0 16 16",
+          width: "12",
+          height: "12",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 1.5,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          "aria-hidden": "true",
+          className: chunk6GFSF2ML_js.cn(state.effectiveMode === "tabs" && "rotate-180"),
+          children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4 6 4 4 4-4" })
+        }
+      )
+    }
+  );
+}
+function RibbonDisplayMenu({
+  ribbon,
+  state
+}) {
+  const { t } = chunk6GFSF2ML_js.useTranslation();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-0", children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "menu",
+      "aria-label": t(pptx.RIBBON_DISPLAY_OPTIONS_LABEL_KEY),
+      "data-pptx-chrome": "ribbon-display-menu",
+      className: "absolute right-1.5 top-0.5 z-50 flex min-w-[200px] flex-col gap-0.5 rounded-md border border-border bg-popover p-1 text-[12px] shadow-lg",
+      children: state.menu.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          role: "menuitemradio",
+          "aria-checked": item.checked,
+          "data-ribbon-display": item.mode,
+          onClick: () => ribbon.choose(item.mode),
+          className: "flex w-full items-center gap-2 whitespace-nowrap rounded-sm px-2 py-1.5 text-left text-foreground hover:bg-accent/30",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "svg",
+              {
+                viewBox: "0 0 16 16",
+                width: "12",
+                height: "12",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                "aria-hidden": "true",
+                className: chunk6GFSF2ML_js.cn("shrink-0", !item.checked && "invisible"),
+                children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m3 8.5 3 3 7-7" })
+              }
+            ),
+            t(item.labelKey)
+          ]
+        },
+        item.mode
+      ))
+    }
+  ) });
+}
 var TAB_BASE = "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap transition-colors max-md:min-h-[36px] max-md:px-3";
 var TAB_UNDERLINE = "after:absolute after:-bottom-px after:left-0 after:right-0 after:h-[2.5px] after:bg-primary";
 function RibbonTabBar(p) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const viewerOptions = chunk3AZ6ESJU_js.useViewerOptionsContext();
+  const viewerOptions = chunkSEIVQGH5_js.useViewerOptionsContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -4936,6 +5109,7 @@ function RibbonTabBar(p) {
               "aria-selected": selected,
               title: pptx.resolveScreenTip(viewerOptions, t(s.labelKey)),
               onClick: () => p.onSelectSection(s.id),
+              onDoubleClick: s.id === "file" ? void 0 : () => p.onToggleCollapsed?.(),
               className: chunk6GFSF2ML_js.cn(
                 TAB_BASE,
                 selected ? s.id === "file" ? "text-white bg-primary/80 rounded-sm" : `text-foreground ${TAB_UNDERLINE}` : s.id === "file" ? "text-primary hover:bg-primary/15 rounded-sm" : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
@@ -4956,6 +5130,7 @@ function RibbonTabBar(p) {
               ...{ [pptx.RIBBON_ADD_IN_TAB_ATTR]: tab.id },
               title: pptx.resolveScreenTip(viewerOptions, tab.label),
               onClick: () => p.onSelectAddIn?.(tab.id),
+              onDoubleClick: () => p.onToggleCollapsed?.(),
               className: chunk6GFSF2ML_js.cn(
                 TAB_BASE,
                 selected ? `text-foreground ${TAB_UNDERLINE}` : "text-muted-foreground hover:text-foreground hover:bg-accent/30"
@@ -4977,6 +5152,7 @@ function RibbonTabBar(p) {
               ...{ [pptx.RIBBON_CONTEXTUAL_TAB_ATTR]: id },
               title: pptx.resolveScreenTip(viewerOptions, label),
               onClick: () => p.onSelectContextual(id),
+              onDoubleClick: () => p.onToggleCollapsed?.(),
               className: chunk6GFSF2ML_js.cn(
                 TAB_BASE,
                 "text-primary",
@@ -4995,9 +5171,9 @@ function RibbonTabBar(p) {
 }
 function TabRowActions(p) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
+  const collab = chunkSEIVQGH5_js.useCollaboration();
   const isCollaborating = Boolean(collab && collab.status === "connected");
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(p.hiddenActions);
   const customization = useViewerCustomizationContext();
   const ref = React108.useRef(null);
   const handlers = React108.useRef(p);
@@ -5052,7 +5228,7 @@ function TabRowActions(p) {
 }
 function TitleBarElement(p) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const options = chunk3AZ6ESJU_js.useViewerOptionsContext();
+  const options = chunkSEIVQGH5_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const ref = React108.useRef(null);
   const stripVisible = options.quickAccess.visible && pptx.isPanelVisible(customization, "quickAccessToolbar");
@@ -5483,7 +5659,7 @@ function ToolbarPrimaryRow(p) {
     onToggleSidebar,
     onToggleInspector
   } = p;
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
+  const collab = chunkSEIVQGH5_js.useCollaboration();
   const customization = useViewerCustomizationContext();
   const showSlidesToggle = pptx.isPanelVisible(customization, "slidesPane");
   const showInspectorToggle = pptx.isPanelVisible(customization, "inspector");
@@ -5784,8 +5960,8 @@ function ToolbarLateTabs({
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { isTabVisible } = chunk3AZ6ESJU_js.useToolbarVisibility(p.hiddenActions);
-  const viewerOptions = chunk3AZ6ESJU_js.useViewerOptionsContext();
+  const { isTabVisible } = chunkSEIVQGH5_js.useToolbarVisibility(p.hiddenActions);
+  const viewerOptions = chunkSEIVQGH5_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const belowInput = React108.useMemo(
     () => ({
@@ -5800,6 +5976,9 @@ function Toolbar(p) {
   const fallBackHome = React108.useCallback(() => onSetToolbarSection("home"), [onSetToolbarSection]);
   const contextual = useContextualRibbonTab(p.selectedElement, customization, fallBackHome);
   const addIns = useRibbonAddInTabs(fallBackHome);
+  const ribbon = useRibbonDisplayFallback(p.ribbonDisplay);
+  const ribbonState = chunkSEIVQGH5_js.useController(ribbon);
+  const { layout, effectiveMode, peek } = ribbonState;
   const detachOverflow = React108.useRef(null);
   const inspector = React108.useRef({ open: p.isInspectorPaneOpen, toggle: p.onToggleInspector });
   inspector.current = { open: p.isInspectorPaneOpen, toggle: p.onToggleInspector };
@@ -5834,269 +6013,294 @@ function Toolbar(p) {
   const sDrw = section === "draw";
   const sDes = section === "design";
   const showRibbon = mode === "edit" || mode === "master";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      role: "toolbar",
-      "data-pptx-scope": "",
-      "data-pptx-chrome": "ribbon",
-      "aria-label": t("pptx.toolbar.presentationToolbarAria"),
-      className: "relative z-20 border-b border-border bg-secondary/50 overflow-visible",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ToolbarPrimaryRow, { ...p }),
-        showRibbon && /* @__PURE__ */ jsxRuntime.jsxs(
-          RibbonTabBar,
-          {
-            isTabVisible,
-            activeSection: extraTab ? null : section,
-            contextualTabs: contextual.visible,
-            activeContextual: addIns.active ? null : contextual.active,
-            onSelectSection: (id) => {
-              contextual.select(null);
-              addIns.select(null);
-              onSetToolbarSection(id);
-            },
-            onSelectContextual: (id) => {
-              addIns.select(null);
-              contextual.select(id);
-            },
-            addInTabs: addIns.visible,
-            activeAddIn: addIns.active?.id ?? null,
-            onSelectAddIn: (id) => {
-              contextual.select(null);
-              addIns.select(id);
-            },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                TabRowActions,
-                {
-                  onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
-                  onOpenShareDialog: p.onOpenShareDialog,
-                  onToggleComments: p.onToggleComments,
-                  isCommentsPanelOpen: p.isCommentsPanelOpen,
-                  slideCommentCount: p.slideCommentCount,
-                  hiddenActions: p.hiddenActions
-                }
-              ),
-              isNarrowViewport && /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: p.onToggleCompactToolbar,
-                  className: chunk6GFSF2ML_js.cn(
-                    "px-2 py-1 rounded text-[11px] transition-colors mr-1",
-                    isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
-                  ),
-                  title: t(
-                    isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
-                  ),
-                  children: t(isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon")
-                }
-              )
-            ]
-          }
-        ),
-        showRibbon && viewerOptions.quickAccess.position === "below" && pptx.isPanelVisible(customization, "quickAccessToolbar") && /* @__PURE__ */ jsxRuntime.jsx(
-          TitleBarElement,
-          {
-            placement: "belowRibbon",
-            input: belowInput,
-            onQuickCommand: p.onQuickCommand
-          }
+  const commandsShown = sFil ? layout.tabs : layout.commands !== "hidden";
+  const commandsOverlaid = commandsShown && layout.commands === "overlay" && !sFil;
+  const rootShown = layout.tabs || commandsShown;
+  const peekedFullScreen = effectiveMode === "fullScreen" && peek;
+  const showStrip = layout.reveal || effectiveMode === "fullScreen";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+    showStrip && /* @__PURE__ */ jsxRuntime.jsx(RibbonRevealStrip, { ribbon }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "toolbar",
+        "data-pptx-scope": "",
+        "data-pptx-chrome": "ribbon",
+        "data-ribbon-display": effectiveMode,
+        "data-ribbon-peek": peek ? "" : void 0,
+        "aria-label": t("pptx.toolbar.presentationToolbarAria"),
+        className: chunk6GFSF2ML_js.cn(
+          peekedFullScreen ? RIBBON_PEEK_ROOT_CLASS : "relative z-20 border-b border-border bg-secondary/50 overflow-visible",
+          !rootShown && "hidden"
         ),
-        showRibbon && /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            ref: attachOverflow,
-            "data-pptx-chrome": "ribbon-content",
-            className: chunk6GFSF2ML_js.cn(
-              // Plain controls stay compact; labelled RibbonGroups opt into stretching.
-              // `RibbonGroupScope` wraps controls in a `display: contents` div, so its
-              // children are this row's flex items too and must not shrink (a shrunk
-              // "Text Box" pill wraps its caption onto two lines).
-              "flex min-h-[82px] items-center gap-0 overflow-x-auto px-1 py-0.5 max-md:min-h-0 max-md:px-1 max-md:py-0.5 flex-nowrap [&>*]:shrink-0 [&>.contents>*]:shrink-0",
-              isNarrowViewport && !isCompactToolbarOpen && "hidden"
+        children: [
+          layout.tabs && /* @__PURE__ */ jsxRuntime.jsx(ToolbarPrimaryRow, { ...p }),
+          showRibbon && layout.tabs && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              RibbonTabBar,
+              {
+                onToggleCollapsed: () => ribbon.toggleCollapsed(),
+                isTabVisible,
+                activeSection: extraTab ? null : section,
+                contextualTabs: contextual.visible,
+                activeContextual: addIns.active ? null : contextual.active,
+                onSelectSection: (id) => {
+                  contextual.select(null);
+                  addIns.select(null);
+                  onSetToolbarSection(id);
+                  ribbon.tabChosen(id);
+                },
+                onSelectContextual: (id) => {
+                  addIns.select(null);
+                  contextual.select(id);
+                  ribbon.tabChosen(id);
+                },
+                addInTabs: addIns.visible,
+                activeAddIn: addIns.active?.id ?? null,
+                onSelectAddIn: (id) => {
+                  contextual.select(null);
+                  addIns.select(id);
+                  ribbon.tabChosen(id);
+                },
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    TabRowActions,
+                    {
+                      onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
+                      onOpenShareDialog: p.onOpenShareDialog,
+                      onToggleComments: p.onToggleComments,
+                      isCommentsPanelOpen: p.isCommentsPanelOpen,
+                      slideCommentCount: p.slideCommentCount,
+                      hiddenActions: p.hiddenActions
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(RibbonDisplayButton, { ribbon, state: ribbonState }),
+                  isNarrowViewport && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: p.onToggleCompactToolbar,
+                      className: chunk6GFSF2ML_js.cn(
+                        "px-2 py-1 rounded text-[11px] transition-colors mr-1",
+                        isCompactToolbarOpen ? "bg-primary/80 text-white" : "text-muted-foreground hover:text-foreground"
+                      ),
+                      title: t(
+                        isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+                      ),
+                      children: t(
+                        isCompactToolbarOpen ? "pptx.ribbon.collapseRibbon" : "pptx.ribbon.expandRibbon"
+                      )
+                    }
+                  )
+                ]
+              }
             ),
-            children: [
-              sFil && /* @__PURE__ */ jsxRuntime.jsx(
-                FileSection,
-                {
-                  fileName: p.fileName,
-                  onClose: () => p.onSetToolbarSection("home"),
-                  onCreatePresentation: p.onCreatePresentation,
-                  onOpenFile: p.onOpenFile,
-                  onOpenRecentFile: p.onOpenRecentFile,
-                  onExportPng: p.onExportPng,
-                  onExportPdf: p.onExportPdf,
-                  onExportVideo: p.onExportVideo,
-                  onExportGif: p.onExportGif,
-                  onExportJson: p.onExportJson,
-                  onSave: p.onSave,
-                  onSaveAsPptx: p.onSaveAsPptx,
-                  onSaveAsPpsx: p.onSaveAsPpsx,
-                  onSaveAsPptm: p.onSaveAsPptm,
-                  onSaveAsPpt: p.onSaveAsPpt,
-                  hasMacros: p.hasMacros,
-                  onCopySlideAsImage: p.onCopySlideAsImage,
-                  onPrint: p.onPrint,
-                  onOpenSettings: p.onOpenSettings,
-                  onOpenShareDialog: p.onOpenShareDialog,
-                  onOpenDocumentProperties: p.onOpenDocumentProperties,
-                  onOpenPasswordProtection: p.onOpenPasswordProtection,
-                  onOpenFontEmbedding: p.onOpenFontEmbedding,
-                  onOpenDigitalSignatures: p.onOpenDigitalSignatures,
-                  onOpenVersionHistory: p.onToggleVersionHistory,
-                  hiddenActions: p.hiddenActions,
-                  recentPresentationsCount: p.recentPresentationsCount
-                }
-              ),
-              sHome && /* @__PURE__ */ jsxRuntime.jsx(
-                HomeSection,
-                {
-                  canEdit: p.canEdit,
-                  clipboardPayload: p.clipboardPayload,
-                  formatPainterActive: p.formatPainterActive,
-                  canActivateFormatPainter: p.canActivateFormatPainter,
-                  onCopy: p.onCopy,
-                  onCut: p.onCut,
-                  onPaste: p.onPaste,
-                  onToggleFormatPainter: p.onToggleFormatPainter,
-                  layoutOptions: p.layoutOptions,
-                  currentLayoutPath: p.currentLayoutPath,
-                  loadLayoutPreviews: p.loadLayoutPreviews,
-                  onInsertSlideFromLayout: p.onInsertSlideFromLayout,
-                  onApplyLayout: p.onApplyLayout,
-                  onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
-                  templateScheme: p.templateScheme,
-                  selectedElement: p.selectedElement,
-                  onResetSlide: p.onResetSlide,
-                  onAddSection: p.onAddSection
-                }
-              ),
-              sIns && /* @__PURE__ */ jsxRuntime.jsx(
-                InsertSection,
-                {
-                  canEdit: p.canEdit,
-                  onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
-                  templateScheme: p.templateScheme,
-                  newShapeType: p.newShapeType,
-                  onSetNewShapeType: p.onSetNewShapeType,
-                  activeFreeformTool: p.activeFreeformTool,
-                  onArmFreeformTool: p.onArmFreeformTool,
-                  onAddTextBox: p.onAddTextBox,
-                  onAddShape: p.onAddShape,
-                  onAddTable: p.onAddTable,
-                  onAddChart: p.onAddChart,
-                  onOpenChartDialog: p.onOpenChartDialog,
-                  onAddSmartArt: p.onAddSmartArt,
-                  onAddEquation: p.onAddEquation,
-                  onAddActionButton: p.onAddActionButton,
-                  onInsertField: p.onInsertField,
-                  onOpenHeaderFooter: p.onOpenHeaderFooter,
-                  onOpenImagePicker: p.onOpenImagePicker,
-                  onOpenMediaPicker: p.onOpenMediaPicker,
-                  hasSelection: Boolean(p.selectedElement),
-                  onOpenHyperlinkDialog: p.onOpenHyperlinkDialog,
-                  layoutOptions: p.layoutOptions,
-                  currentLayoutPath: p.currentLayoutPath,
-                  onInsertSlideFromLayout: p.onInsertSlideFromLayout,
-                  onToggleComments: p.onToggleComments,
-                  isCommentsPanelOpen: p.isCommentsPanelOpen
-                }
-              ),
-              sTxt && /* @__PURE__ */ jsxRuntime.jsx(
-                TextSection,
-                {
-                  canEdit: p.canEdit,
-                  selectedElement: p.selectedElement,
-                  tableEditorState: p.tableEditorState,
-                  onUpdateTextStyle: p.onUpdateTextStyle,
-                  onToggleBullets: p.onToggleBullets,
-                  onTransformTextCase: p.onTransformTextCase,
-                  themeFonts: p.themeFonts,
-                  embeddedFontFamilies: p.embeddedFontFamilies,
-                  customFontFamilies: p.customFontFamilies
-                }
-              ),
-              sHome && /* @__PURE__ */ jsxRuntime.jsx(
-                DrawingGroup,
-                {
-                  canEdit: p.canEdit,
-                  selectedElement: p.selectedElement,
-                  newShapeType: p.newShapeType,
-                  onSetNewShapeType: p.onSetNewShapeType,
-                  onAddShape: p.onAddShape,
-                  onMoveLayer: p.onMoveLayer,
-                  onMoveLayerToEdge: p.onMoveLayerToEdge,
-                  onUpdateElementStyle: p.onUpdateElementStyle
-                }
-              ),
-              sHome && /* @__PURE__ */ jsxRuntime.jsx(
-                EditingSection,
-                {
-                  onToggleFindReplace: p.onToggleFindReplace,
-                  onSelectAll: p.onSelectAll
-                }
-              ),
-              sDrw && /* @__PURE__ */ jsxRuntime.jsx(
-                DrawSection,
-                {
-                  canEdit: p.canEdit,
-                  activeTool: p.activeTool,
-                  drawingColor: p.drawingColor,
-                  drawingWidth: p.drawingWidth,
-                  onSetActiveTool: p.onSetActiveTool,
-                  onSetDrawingColor: p.onSetDrawingColor,
-                  onSetDrawingWidth: p.onSetDrawingWidth
-                }
-              ),
-              sArr && /* @__PURE__ */ jsxRuntime.jsx(
-                ArrangeSection,
-                {
-                  canEdit: p.canEdit,
-                  selectedElement: p.selectedElement,
-                  selectedCount: p.selectedCount,
-                  selectionGroupable: p.selectionGroupable,
-                  onAlignElements: p.onAlignElements,
-                  onDistributeElements: p.onDistributeElements,
-                  canDistribute: p.canDistribute,
-                  onFlip: p.onFlip,
-                  onMoveLayer: p.onMoveLayer,
-                  onMoveLayerToEdge: p.onMoveLayerToEdge,
-                  onGroupElements: p.onGroupElements,
-                  onUngroupElement: p.onUngroupElement,
-                  onUpdateElementStyle: p.onUpdateElementStyle,
-                  onDuplicate: p.onDuplicate,
-                  onDelete: p.onDelete,
-                  formatPainterActive: p.formatPainterActive,
-                  onToggleFormatPainter: p.onToggleFormatPainter,
-                  canActivateFormatPainter: p.canActivateFormatPainter,
-                  hiddenActions: p.hiddenActions
-                }
-              ),
-              sDes && /* @__PURE__ */ jsxRuntime.jsx(
-                DesignSection,
-                {
-                  canEdit: p.canEdit,
-                  onToggleThemeGallery: p.onToggleThemeGallery,
-                  isThemeGalleryOpen: p.isThemeGalleryOpen,
-                  onToggleThemeEditor: p.onToggleThemeEditor,
-                  isThemeEditorOpen: p.isThemeEditorOpen,
-                  onOpenDocumentProperties: p.onOpenDocumentProperties,
-                  onOpenSlideSize: p.onOpenSlideSize,
-                  onToggleInspector: p.onToggleInspector,
-                  isInspectorPaneOpen: p.isInspectorPaneOpen
-                }
+            ribbonState.menuOpen && /* @__PURE__ */ jsxRuntime.jsx(RibbonDisplayMenu, { ribbon, state: ribbonState })
+          ] }),
+          showRibbon && viewerOptions.quickAccess.position === "below" && pptx.isPanelVisible(customization, "quickAccessToolbar") && /* @__PURE__ */ jsxRuntime.jsx(
+            TitleBarElement,
+            {
+              placement: "belowRibbon",
+              input: belowInput,
+              onQuickCommand: p.onQuickCommand
+            }
+          ),
+          showRibbon && /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: attachOverflow,
+              "data-pptx-chrome": "ribbon-content",
+              className: chunk6GFSF2ML_js.cn(
+                // Plain controls stay compact; labelled RibbonGroups opt into stretching.
+                // `RibbonGroupScope` wraps controls in a `display: contents` div, so its
+                // children are this row's flex items too and must not shrink (a shrunk
+                // "Text Box" pill wraps its caption onto two lines).
+                "flex min-h-[82px] items-center gap-0 overflow-x-auto px-1 py-0.5 max-md:min-h-0 max-md:px-1 max-md:py-0.5 flex-nowrap [&>*]:shrink-0 [&>.contents>*]:shrink-0",
+                isNarrowViewport && !isCompactToolbarOpen && "hidden",
+                !commandsShown && "hidden",
+                commandsOverlaid && RIBBON_OVERLAY_CLASS
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(ToolbarLateTabs, { p, section }),
-              contextual.active && !addIns.active && /* @__PURE__ */ jsxRuntime.jsx(ContextualTabSection, { tab: contextual.active, hiddenActions: p.hiddenActions }),
-              addIns.active && /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInSection, { tab: addIns.active })
-            ]
-          }
-        )
-      ]
-    }
-  );
+              children: [
+                sFil && /* @__PURE__ */ jsxRuntime.jsx(
+                  FileSection,
+                  {
+                    fileName: p.fileName,
+                    onClose: () => p.onSetToolbarSection("home"),
+                    onCreatePresentation: p.onCreatePresentation,
+                    onOpenFile: p.onOpenFile,
+                    onOpenRecentFile: p.onOpenRecentFile,
+                    onExportPng: p.onExportPng,
+                    onExportPdf: p.onExportPdf,
+                    onExportVideo: p.onExportVideo,
+                    onExportGif: p.onExportGif,
+                    onExportJson: p.onExportJson,
+                    onSave: p.onSave,
+                    onSaveAsPptx: p.onSaveAsPptx,
+                    onSaveAsPpsx: p.onSaveAsPpsx,
+                    onSaveAsPptm: p.onSaveAsPptm,
+                    onSaveAsPpt: p.onSaveAsPpt,
+                    hasMacros: p.hasMacros,
+                    onCopySlideAsImage: p.onCopySlideAsImage,
+                    onPrint: p.onPrint,
+                    onOpenSettings: p.onOpenSettings,
+                    onOpenShareDialog: p.onOpenShareDialog,
+                    onOpenDocumentProperties: p.onOpenDocumentProperties,
+                    onOpenPasswordProtection: p.onOpenPasswordProtection,
+                    onOpenFontEmbedding: p.onOpenFontEmbedding,
+                    onOpenDigitalSignatures: p.onOpenDigitalSignatures,
+                    onOpenVersionHistory: p.onToggleVersionHistory,
+                    hiddenActions: p.hiddenActions,
+                    recentPresentationsCount: p.recentPresentationsCount
+                  }
+                ),
+                sHome && /* @__PURE__ */ jsxRuntime.jsx(
+                  HomeSection,
+                  {
+                    canEdit: p.canEdit,
+                    clipboardPayload: p.clipboardPayload,
+                    formatPainterActive: p.formatPainterActive,
+                    canActivateFormatPainter: p.canActivateFormatPainter,
+                    onCopy: p.onCopy,
+                    onCut: p.onCut,
+                    onPaste: p.onPaste,
+                    onToggleFormatPainter: p.onToggleFormatPainter,
+                    layoutOptions: p.layoutOptions,
+                    currentLayoutPath: p.currentLayoutPath,
+                    loadLayoutPreviews: p.loadLayoutPreviews,
+                    onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+                    onApplyLayout: p.onApplyLayout,
+                    onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
+                    templateScheme: p.templateScheme,
+                    selectedElement: p.selectedElement,
+                    onResetSlide: p.onResetSlide,
+                    onAddSection: p.onAddSection
+                  }
+                ),
+                sIns && /* @__PURE__ */ jsxRuntime.jsx(
+                  InsertSection,
+                  {
+                    canEdit: p.canEdit,
+                    onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
+                    templateScheme: p.templateScheme,
+                    newShapeType: p.newShapeType,
+                    onSetNewShapeType: p.onSetNewShapeType,
+                    activeFreeformTool: p.activeFreeformTool,
+                    onArmFreeformTool: p.onArmFreeformTool,
+                    onAddTextBox: p.onAddTextBox,
+                    onAddShape: p.onAddShape,
+                    onAddTable: p.onAddTable,
+                    onAddChart: p.onAddChart,
+                    onOpenChartDialog: p.onOpenChartDialog,
+                    onAddSmartArt: p.onAddSmartArt,
+                    onAddEquation: p.onAddEquation,
+                    onAddActionButton: p.onAddActionButton,
+                    onInsertField: p.onInsertField,
+                    onOpenHeaderFooter: p.onOpenHeaderFooter,
+                    onOpenImagePicker: p.onOpenImagePicker,
+                    onOpenMediaPicker: p.onOpenMediaPicker,
+                    hasSelection: Boolean(p.selectedElement),
+                    onOpenHyperlinkDialog: p.onOpenHyperlinkDialog,
+                    layoutOptions: p.layoutOptions,
+                    currentLayoutPath: p.currentLayoutPath,
+                    onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+                    onToggleComments: p.onToggleComments,
+                    isCommentsPanelOpen: p.isCommentsPanelOpen
+                  }
+                ),
+                sTxt && /* @__PURE__ */ jsxRuntime.jsx(
+                  TextSection,
+                  {
+                    canEdit: p.canEdit,
+                    selectedElement: p.selectedElement,
+                    tableEditorState: p.tableEditorState,
+                    onUpdateTextStyle: p.onUpdateTextStyle,
+                    onToggleBullets: p.onToggleBullets,
+                    onTransformTextCase: p.onTransformTextCase,
+                    themeFonts: p.themeFonts,
+                    embeddedFontFamilies: p.embeddedFontFamilies,
+                    customFontFamilies: p.customFontFamilies
+                  }
+                ),
+                sHome && /* @__PURE__ */ jsxRuntime.jsx(
+                  DrawingGroup,
+                  {
+                    canEdit: p.canEdit,
+                    selectedElement: p.selectedElement,
+                    newShapeType: p.newShapeType,
+                    onSetNewShapeType: p.onSetNewShapeType,
+                    onAddShape: p.onAddShape,
+                    onMoveLayer: p.onMoveLayer,
+                    onMoveLayerToEdge: p.onMoveLayerToEdge,
+                    onUpdateElementStyle: p.onUpdateElementStyle
+                  }
+                ),
+                sHome && /* @__PURE__ */ jsxRuntime.jsx(
+                  EditingSection,
+                  {
+                    onToggleFindReplace: p.onToggleFindReplace,
+                    onSelectAll: p.onSelectAll
+                  }
+                ),
+                sDrw && /* @__PURE__ */ jsxRuntime.jsx(
+                  DrawSection,
+                  {
+                    canEdit: p.canEdit,
+                    activeTool: p.activeTool,
+                    drawingColor: p.drawingColor,
+                    drawingWidth: p.drawingWidth,
+                    onSetActiveTool: p.onSetActiveTool,
+                    onSetDrawingColor: p.onSetDrawingColor,
+                    onSetDrawingWidth: p.onSetDrawingWidth
+                  }
+                ),
+                sArr && /* @__PURE__ */ jsxRuntime.jsx(
+                  ArrangeSection,
+                  {
+                    canEdit: p.canEdit,
+                    selectedElement: p.selectedElement,
+                    selectedCount: p.selectedCount,
+                    selectionGroupable: p.selectionGroupable,
+                    onAlignElements: p.onAlignElements,
+                    onDistributeElements: p.onDistributeElements,
+                    canDistribute: p.canDistribute,
+                    onFlip: p.onFlip,
+                    onMoveLayer: p.onMoveLayer,
+                    onMoveLayerToEdge: p.onMoveLayerToEdge,
+                    onGroupElements: p.onGroupElements,
+                    onUngroupElement: p.onUngroupElement,
+                    onUpdateElementStyle: p.onUpdateElementStyle,
+                    onDuplicate: p.onDuplicate,
+                    onDelete: p.onDelete,
+                    formatPainterActive: p.formatPainterActive,
+                    onToggleFormatPainter: p.onToggleFormatPainter,
+                    canActivateFormatPainter: p.canActivateFormatPainter,
+                    hiddenActions: p.hiddenActions
+                  }
+                ),
+                sDes && /* @__PURE__ */ jsxRuntime.jsx(
+                  DesignSection,
+                  {
+                    canEdit: p.canEdit,
+                    onToggleThemeGallery: p.onToggleThemeGallery,
+                    isThemeGalleryOpen: p.isThemeGalleryOpen,
+                    onToggleThemeEditor: p.onToggleThemeEditor,
+                    isThemeEditorOpen: p.isThemeEditorOpen,
+                    onOpenDocumentProperties: p.onOpenDocumentProperties,
+                    onOpenSlideSize: p.onOpenSlideSize,
+                    onToggleInspector: p.onToggleInspector,
+                    isInspectorPaneOpen: p.isInspectorPaneOpen
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(ToolbarLateTabs, { p, section }),
+                contextual.active && !addIns.active && /* @__PURE__ */ jsxRuntime.jsx(ContextualTabSection, { tab: contextual.active, hiddenActions: p.hiddenActions }),
+                addIns.active && /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInSection, { tab: addIns.active })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
 function CanvasGuides({ guides, onDeleteGuide, onStartGuideDrag }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
@@ -6762,7 +6966,7 @@ function DrawingOverlaySvg({
       onPointerDown,
       onPointerMove,
       onPointerUp,
-      children: isStrokeActive && liveStrokeView ? chunk3AZ6ESJU_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isStrokeActive && liveStrokeView ? chunkSEIVQGH5_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: liveStrokeD,
@@ -7312,7 +7516,7 @@ function PictureCropOverlay({
     };
   };
   const { ghost, frame, handles } = overlay;
-  const src = chunk3AZ6ESJU_js.imgSrc(element);
+  const src = chunkSEIVQGH5_js.imgSrc(element);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -7488,7 +7692,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = /* @__PURE__ */ chunk3AZ6ESJU_js.withDisplayName(
+var HorizontalRuler = /* @__PURE__ */ chunkSEIVQGH5_js.withDisplayName(
   /* @__PURE__ */ React108__default.default.memo(HorizontalRulerView),
   "HorizontalRuler"
 );
@@ -7562,7 +7766,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = /* @__PURE__ */ chunk3AZ6ESJU_js.withDisplayName(
+var VerticalRuler = /* @__PURE__ */ chunkSEIVQGH5_js.withDisplayName(
   /* @__PURE__ */ React108__default.default.memo(VerticalRulerView),
   "VerticalRuler"
 );
@@ -7756,7 +7960,7 @@ function SelectionHandleOverlay({
       onDoubleClick: (e) => onDoubleClick(element.id, e),
       onContextMenu: (e) => onContextMenu(element.id, e),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunk3AZ6ESJU_js.ResizeHandles,
+        chunkSEIVQGH5_js.ResizeHandles,
         {
           elementId: element.id,
           adjustmentHandles,
@@ -8467,7 +8671,11 @@ function SlideCanvas(props) {
       props.registerInlineEditReader
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
+  const errorReporting = React108.useMemo(
+    () => ({ onElementRenderError: props.onElementRenderError }),
+    [props.onElementRenderError]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.ElementRenderErrorReportingContext.Provider, { value: errorReporting, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) }) });
 }
 function SlideCanvasContent({
   imagePaste,
@@ -8740,7 +8948,7 @@ function SlideCanvasContent({
                 onPointerMove: handleStagePointerMove,
                 onPointerUp: handleStagePointerUp,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                   presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                   /* @__PURE__ */ jsxRuntime.jsx(GridOverlay, { canvasSize, gridSpacingPx, visible: showGrid }),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -8752,7 +8960,7 @@ function SlideCanvasContent({
                     }
                   ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunk3AZ6ESJU_js.ElementRenderer,
+                    chunkSEIVQGH5_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -8797,7 +9005,7 @@ function SlideCanvasContent({
                     `tpl-${element.id}`
                   )),
                   activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunk3AZ6ESJU_js.ElementRenderer,
+                    chunkSEIVQGH5_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -8864,7 +9072,7 @@ function SlideCanvasContent({
                   editingMember && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     /* @__PURE__ */ jsxRuntime.jsx("style", { children: `[data-element-id="${cssAttr(editingMember.parentId)}"] [data-element-id="${cssAttr(editingMember.member.id)}"]{visibility:hidden}` }),
                     /* @__PURE__ */ jsxRuntime.jsx(
-                      chunk3AZ6ESJU_js.ElementRenderer,
+                      chunkSEIVQGH5_js.ElementRenderer,
                       {
                         element: editingMember.member,
                         activeSlide,
@@ -9381,7 +9589,7 @@ function ContextMenu(props) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const customization = useViewerCustomizationContext();
   const shapeFormat = useShapeFormatContext();
-  const chartFormat = chunk3AZ6ESJU_js.useChartFormatContext();
+  const chartFormat = chunkSEIVQGH5_js.useChartFormatContext();
   const open = Boolean(contextMenuState) && mode === "edit";
   const handlers = {
     ...contextMenuHandlers(props, shapeFormat),
@@ -11302,7 +11510,8 @@ function ReadingViewStage({
   slide,
   templateElements,
   canvasSize,
-  scale
+  scale,
+  onElementRenderError
 }) {
   if (scale <= 0) {
     return null;
@@ -11341,12 +11550,13 @@ function ReadingViewStage({
             className: "absolute left-0 top-0 origin-top-left",
             style: { width, height, transform: `scale(${scale})`, ...pptx.deviceStrokeStageStyle(scale) },
             children: elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunk3AZ6ESJU_js.StaticElementRenderer,
+              chunkSEIVQGH5_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
                 allSlides: [slide],
-                zIndex: index
+                zIndex: index,
+                onElementRenderError
               },
               element.id
             ))
@@ -11996,7 +12206,7 @@ function SlideNotesPanel({
   });
   const hasNotes = draft.trim().length > 0;
   const slideLabel = activeSlide ? t("pptx.notes.slideN", { n: activeSlide.slideNumber }) : t("pptx.notes.noSlide");
-  const { dragY, handlers: dragHandlers } = chunk3AZ6ESJU_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunkSEIVQGH5_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -12588,28 +12798,11 @@ function ComparePanel({
     )) })
   ] });
 }
-function getPasswordStrength(password) {
-  if (!password) {
-    return 0;
-  }
-  let score = 0;
-  if (password.length >= 8) {
-    score++;
-  }
-  if (password.length >= 12) {
-    score++;
-  }
-  if (/[A-Z]/u.test(password) && /[a-z]/u.test(password)) {
-    score++;
-  }
-  if (/\d/u.test(password)) {
-    score++;
-  }
-  if (/[^A-Za-z0-9]/u.test(password)) {
-    score++;
-  }
-  return Math.min(score, 4);
-}
+var PASSWORD_ERROR_KEYS = {
+  required: "pptx.security.errorPasswordRequired",
+  mismatch: "pptx.security.errorPasswordMismatch",
+  tooShort: "pptx.security.errorPasswordTooShort"
+};
 var STRENGTH_COLORS = [
   "bg-red-500",
   "bg-orange-500",
@@ -12631,7 +12824,7 @@ function PasswordProtectionDialog({
   const [error, setError] = React108.useState("");
   const dialogRef = React108.useRef(null);
   const passwordRef = React108.useRef(null);
-  const strength = React108.useMemo(() => getPasswordStrength(password), [password]);
+  const strength = React108.useMemo(() => pptx.getPasswordStrength(password), [password]);
   const strengthLabel = React108.useMemo(() => {
     const labels = [
       t("pptx.security.strengthVeryWeak"),
@@ -12644,16 +12837,9 @@ function PasswordProtectionDialog({
   }, [strength, password, t]);
   const handleSubmit = React108.useCallback(() => {
     setError("");
-    if (!password) {
-      setError(t("pptx.security.errorPasswordRequired"));
-      return;
-    }
-    if (password !== confirmPassword) {
-      setError(t("pptx.security.errorPasswordMismatch"));
-      return;
-    }
-    if (password.length < 4) {
-      setError(t("pptx.security.errorPasswordTooShort"));
+    const invalid = pptx.validatePasswordPair(password, confirmPassword);
+    if (invalid) {
+      setError(t(PASSWORD_ERROR_KEYS[invalid]));
       return;
     }
     onSetPassword(password);
@@ -13103,37 +13289,25 @@ function DocumentPropertiesDialog({
   const handleCoreFieldChange = React108.useCallback((key, value) => {
     setDraftCore((prev) => ({ ...prev, [key]: value }));
   }, []);
-  const isDirty = React108.useMemo(() => {
-    const coreChanged = SUMMARY_FIELDS.some(
-      ({ key }) => (draftCore[key] ?? "") !== (coreProperties[key] ?? "")
-    );
-    if (coreChanged) {
-      return true;
-    }
-    const appCompanyChanged = (draftApp.company ?? "") !== (appProperties?.company ?? "");
-    const appManagerChanged = (draftApp.manager ?? "") !== (appProperties?.manager ?? "");
-    if (appCompanyChanged || appManagerChanged) {
-      return true;
-    }
-    if (draftCustom.length !== customProperties.length) {
-      return true;
-    }
-    return draftCustom.some(
-      (p, i) => p.name !== customProperties[i]?.name || p.value !== customProperties[i]?.value || p.type !== customProperties[i]?.type
-    );
-  }, [draftCore, draftCustom, draftApp, coreProperties, customProperties, appProperties]);
+  const isDirty = React108.useMemo(
+    () => pptx.documentPropertiesChanged(
+      { core: coreProperties, custom: customProperties, app: appProperties },
+      { core: draftCore, custom: draftCustom, app: draftApp }
+    ),
+    [draftCore, draftCustom, draftApp, coreProperties, customProperties, appProperties]
+  );
   const handleUpdateDraftApp = React108.useCallback((updates) => {
     setDraftApp((prev) => ({ ...prev, ...updates }));
   }, []);
   const handleSave = React108.useCallback(() => {
-    const appChanged = (draftApp.company ?? "") !== (appProperties?.company ?? "") || (draftApp.manager ?? "") !== (appProperties?.manager ?? "");
+    const appChanged = pptx.appPropertiesChanged(appProperties, draftApp);
     onSave(draftCore, draftCustom, appChanged ? draftApp : void 0);
     onClose();
   }, [draftCore, draftCustom, draftApp, appProperties, onSave, onClose]);
   const handleClose = React108.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunk3AZ6ESJU_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSEIVQGH5_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -13730,7 +13904,7 @@ function PresentationSubtitleBar({
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const language = pptx.subtitleRecognitionLanguage(
-    pptx.subtitleSettingsFromOptions(chunk3AZ6ESJU_js.useViewerOptionsContext()),
+    pptx.subtitleSettingsFromOptions(chunkSEIVQGH5_js.useViewerOptionsContext()),
     typeof navigator === "undefined" ? "en-US" : navigator.language
   );
   const [captionText, setCaptionText] = React108.useState("");
@@ -13860,7 +14034,8 @@ function ScaledSlidePreviewImpl({
   slide,
   templateElements,
   canvasSize,
-  className
+  className,
+  onElementRenderError
 }) {
   const containerRef = React108.useRef(null);
   const [containerWidth, setContainerWidth] = React108.useState(0);
@@ -13924,12 +14099,13 @@ function ScaledSlidePreviewImpl({
               ...pptx.deviceStrokeStageStyle(scale)
             },
             children: previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunk3AZ6ESJU_js.StaticElementRenderer,
+              chunkSEIVQGH5_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
                 allSlides: [slide],
-                zIndex: index
+                zIndex: index,
+                onElementRenderError
               },
               element.id
             ))
@@ -13940,6 +14116,9 @@ function ScaledSlidePreviewImpl({
   );
 }
 function scaledSlidePreviewPropsEqual(prev, next) {
+  if (prev.onElementRenderError !== next.onElementRenderError) {
+    return false;
+  }
   if (prev.slide !== next.slide) {
     return false;
   }
@@ -15237,7 +15416,7 @@ function EffectSoundRow({
     }
     const asset = pptx.getEffectSoundAsset(soundState.catalogueId);
     if (asset) {
-      chunk3AZ6ESJU_js.playAnimationSound(asset.dataUrl);
+      chunkSEIVQGH5_js.playAnimationSound(asset.dataUrl);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -15749,7 +15928,7 @@ function AnimationPanel({
   onUpdateSlide
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { viewportWidth } = chunk3AZ6ESJU_js.useIsMobile();
+  const { viewportWidth } = chunkSEIVQGH5_js.useIsMobile();
   const directionBtnPx = Math.max(28, pptx.getDensePanelTouchTargetPx(viewportWidth));
   const fieldStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const handlers = useAnimationHandlers({
@@ -17874,8 +18053,8 @@ function ChartUserShapeOptions({
 }
 function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
   const chartData = selectedElement.chartData;
-  const followDataPoint = chunk3AZ6ESJU_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
-  const { selection: partSelection } = chunk3AZ6ESJU_js.useChartPartSelection();
+  const followDataPoint = chunkSEIVQGH5_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
+  const { selection: partSelection } = chunkSEIVQGH5_js.useChartPartSelection();
   const canvasPart = partSelection?.elementId === selectedElement.id ? partSelection.part : null;
   const title = chartData?.title;
   const chartType = chartData?.chartType;
@@ -19071,7 +19250,7 @@ function DuotonePanel({
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground text-[10px]", children: t("pptx.image.duotonePresets") }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunk3AZ6ESJU_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkSEIVQGH5_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -22329,7 +22508,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? pptx.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunk3AZ6ESJU_js.resolveSmartArtDataPalette(newData),
+      chunkSEIVQGH5_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -22402,7 +22581,7 @@ function TableDataGrid({
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const grid = pptx.buildTableDataGrid(tableElement);
-  const { viewportWidth } = chunk3AZ6ESJU_js.useIsMobile();
+  const { viewportWidth } = chunkSEIVQGH5_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const stickyGutterClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10" : "";
@@ -24251,7 +24430,7 @@ function InspectorPaneHeader({
   onClose
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { viewportWidth } = chunk3AZ6ESJU_js.useIsMobile();
+  const { viewportWidth } = chunkSEIVQGH5_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -24952,7 +25131,7 @@ function TransitionPreview({
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const durationMs = transition.durationMs ?? 500;
   const animations = React108.useMemo(
-    () => chunk3AZ6ESJU_js.getSlideTransitionAnimations(
+    () => chunkSEIVQGH5_js.getSlideTransitionAnimations(
       transition.type,
       durationMs,
       transition.direction,
@@ -25021,7 +25200,7 @@ function TransitionPreview({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunk3AZ6ESJU_js.SLIDE_TRANSITION_KEYFRAMES })
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkSEIVQGH5_js.SLIDE_TRANSITION_KEYFRAMES })
   ] });
 }
 var DEFAULT_DURATION_MS = 320;
@@ -25684,7 +25863,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunk3AZ6ESJU_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunkSEIVQGH5_js.useSheetDismissDrag(onClose);
   const {
     animationPanelHeight,
     effectiveThemeOptions,
@@ -26097,7 +26276,7 @@ function PresentationTouchControls({
   hideNavigation = false
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { isTouchDevice } = chunk3AZ6ESJU_js.useIsMobile();
+  const { isTouchDevice } = chunkSEIVQGH5_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -26744,11 +26923,11 @@ function PrintDialog({
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.print");
-  const { panelStyle, handlers: dragHandlers } = chunk3AZ6ESJU_js.useModalDismissDrag(onClose);
-  const { viewportWidth } = chunk3AZ6ESJU_js.useIsMobile();
+  const { panelStyle, handlers: dragHandlers } = chunkSEIVQGH5_js.useModalDismissDrag(onClose);
+  const { viewportWidth } = chunkSEIVQGH5_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunk3AZ6ESJU_js.useViewerOptionsContext());
+  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkSEIVQGH5_js.useViewerOptionsContext());
   const [printWhat, setPrintWhat] = React108.useState(printOptionDefaults?.printWhat ?? "slides");
   const [orientation, setOrientation] = React108.useState("landscape");
   const [colorMode, setColorMode] = React108.useState(
@@ -27013,11 +27192,7 @@ function ShowSlidesFieldset({
           name: "showSlides",
           value: "range",
           checked: showSlidesMode === "range",
-          onChange: () => update({
-            showSlidesMode: "range",
-            showSlidesFrom: draft.showSlidesFrom ?? 1,
-            showSlidesTo: draft.showSlidesTo ?? slideCount
-          }),
+          onChange: () => update({ showSlidesMode: "range" }),
           className: "accent-primary"
         }
       ),
@@ -27068,10 +27243,7 @@ function ShowSlidesFieldset({
             name: "showSlides",
             value: "customShow",
             checked: showSlidesMode === "customShow",
-            onChange: () => update({
-              showSlidesMode: "customShow",
-              showSlidesCustomShowId: draft.showSlidesCustomShowId ?? customShows[0]?.id
-            }),
+            onChange: () => update({ showSlidesMode: "customShow" }),
             className: "accent-primary"
           }
         ),
@@ -27104,9 +27276,12 @@ function SetUpSlideShowDialog({
   const [draft, setDraft] = React108.useState({
     ...properties
   });
-  const update = React108.useCallback((patch) => {
-    setDraft((prev) => ({ ...prev, ...patch }));
-  }, []);
+  const update = React108.useCallback(
+    (patch) => {
+      setDraft((prev) => pptx.applySlideShowSettingsPatch(prev, patch, { slideCount, customShows }));
+    },
+    [slideCount, customShows]
+  );
   const handleSave = React108.useCallback(() => {
     onSave(draft);
     onClose();
@@ -27160,10 +27335,7 @@ function SetUpSlideShowDialog({
                     name: "showType",
                     value,
                     checked: showType === value,
-                    onChange: () => update({
-                      showType: value,
-                      ...value === "kiosk" ? { loopContinuously: true } : {}
-                    }),
+                    onChange: () => update({ showType: value }),
                     className: "accent-primary"
                   }
                 ),
@@ -27238,14 +27410,14 @@ function BroadcastDialog({
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.broadcast");
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
+  const collab = chunkSEIVQGH5_js.useCollaboration();
   const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
   const [roomId, setRoomId] = React108.useState("");
   const [userName, setUserName] = React108.useState("");
   const [serverUrl, setServerUrl] = React108.useState("");
   const [copied, setCopied] = React108.useState(false);
   const dialogRef = React108.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunk3AZ6ESJU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSEIVQGH5_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React108.useEffect(() => {
     if (open && !isBroadcasting) {
@@ -27561,7 +27733,7 @@ function ActiveSessionView({
   onCopyRoomId,
   onStopCollaboration
 }) {
-  const { t } = chunk6GFSF2ML_js.useTranslation(), viewerOptions = chunk3AZ6ESJU_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
+  const { t } = chunk6GFSF2ML_js.useTranslation(), viewerOptions = chunkSEIVQGH5_js.useViewerOptionsContext(), statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400", statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lu.LuWifiOff, { className: "w-4 h-4" }), sessionUsers = pptx.buildActiveSessionUsers({
     localUserName: activeCollaboration?.userName ?? collab.config.userName,
     localUserInitials: viewerOptions.general.userInitials,
     localUserColor: collab.config.userColor,
@@ -27660,7 +27832,7 @@ function StartSessionForm({
   onRetry
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { viewportWidth } = chunk3AZ6ESJU_js.useIsMobile();
+  const { viewportWidth } = chunkSEIVQGH5_js.useIsMobile();
   const tabBtnStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const inputReadOnlyClass = preconfigured ? " opacity-70 cursor-not-allowed" : "";
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
@@ -27794,7 +27966,7 @@ function ShareDialog({
   defaultUserName,
   defaultServerUrl
 }) {
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
+  const collab = chunkSEIVQGH5_js.useCollaboration();
   const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const regionRenderer = useRegionRenderer("dialog.share");
@@ -27805,9 +27977,9 @@ function ShareDialog({
   const [invitation, setInvitation] = React108.useState("");
   const [copied, setCopied] = React108.useState(false);
   const dialogRef = React108.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunk3AZ6ESJU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSEIVQGH5_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
-  const { viewportWidth, viewportHeight } = chunk3AZ6ESJU_js.useIsMobile();
+  const { viewportWidth, viewportHeight } = chunkSEIVQGH5_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
@@ -28106,12 +28278,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3AZ6ESJU_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunkSEIVQGH5_js.useModalDismissDrag(onCancel);
   const inputRef = React108.useRef(null);
-  const detectedType = chunk3AZ6ESJU_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunk3AZ6ESJU_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunk3AZ6ESJU_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunk3AZ6ESJU_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunkSEIVQGH5_js.detectHyperlinkTargetType(initialUrl, initialAction);
+  const emailParts = chunkSEIVQGH5_js.parseHyperlinkEmailUrl(initialUrl || "");
+  const detectedSlide = chunkSEIVQGH5_js.parseHyperlinkSlideNumber(initialUrl, initialAction);
+  const detectedVerb = initialAction ? pptx.HYPERLINK_ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React108.useState(detectedType);
   const [url, setUrl] = React108.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -28390,7 +28562,7 @@ function ViewerBottomPanels({
   notesStyle,
   onNotesHeightChange
 }) {
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(hiddenActions);
   const customization = useViewerCustomizationContext();
   const showNotes = pptx.isPanelVisible(customization, "notes");
   const notesRenderer = useRegionRenderer("notes");
@@ -28734,10 +28906,13 @@ function ViewerToolbarSection(props) {
     onEnableEditing,
     onSetSnapToGrid,
     onSetSnapToShape,
-    onSetShowGuides
+    onSetShowGuides,
+    ribbonDisplay
   } = props;
   const { t } = chunk6GFSF2ML_js.useTranslation();
   const customization = useViewerCustomizationContext();
+  const ribbon = useRibbonDisplayFallback(ribbonDisplay);
+  const ribbonLayout = chunkSEIVQGH5_js.useController(ribbon).layout;
   const handleAddAnimation = React108.useCallback(
     (preset, group) => {
       if (!selectedElement || !activeSlide) {
@@ -28789,7 +28964,7 @@ function ViewerToolbarSection(props) {
     [activeSlide, propertyHandlers]
   );
   const scopedLayoutOptions = React108__default.default.useMemo(
-    () => chunk3AZ6ESJU_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
+    () => chunkSEIVQGH5_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
   const handleResetSlide = React108.useCallback(() => {
@@ -28983,7 +29158,7 @@ function ViewerToolbarSection(props) {
     [onSetMode, onPresentFromBeginning, printHandlers, exportHandlers, slideOps, s, zoom]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    !dialogs.isNarrowViewport && pptx.isPanelVisible(customization, "titleBar") && /* @__PURE__ */ jsxRuntime.jsx(
+    !dialogs.isNarrowViewport && pptx.isPanelVisible(customization, "titleBar") && ribbonLayout.titleBar && /* @__PURE__ */ jsxRuntime.jsx(
       TitleBar,
       {
         mode,
@@ -29017,6 +29192,7 @@ function ViewerToolbarSection(props) {
         canEdit,
         isProtectedView,
         onEnableEditing,
+        ribbonDisplay: ribbon,
         onQuickCommand: handleQuickAccessCommand,
         hiddenActions,
         recentPresentationsCount,
@@ -29196,7 +29372,7 @@ function ViewerToolbarSection(props) {
         isMobileInsertOpen: s.isMobileInsertOpen,
         onCloseMobileInsert: () => s.setIsMobileInsertOpen(false),
         slideCommentCount: activeSlide?.comments?.length ?? 0,
-        reviewComments: chunk3AZ6ESJU_js.createReviewCommentsHost({
+        reviewComments: chunkSEIVQGH5_js.createReviewCommentsHost({
           state: s,
           activeSlideIndex,
           updateSlides: ops.updateSlides,
@@ -29319,7 +29495,7 @@ function CustomShowsDialog({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  chunk3AZ6ESJU_js.useController(controller);
+  chunkSEIVQGH5_js.useController(controller);
   const view = controller.view(slides);
   const [active, setActive] = React108.useState(activeCustomShowId ?? "");
   const pickerValue = view.shows.some(({ id }) => id === active) ? active : "";
@@ -29599,7 +29775,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunk3AZ6ESJU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkSEIVQGH5_js.useModalDismissDrag(onClose);
   const initialLatex = React108.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -30207,7 +30383,13 @@ function useStageAnimationTriggers(root, slide, triggers, onStageClick) {
     }
   };
 }
-function PresentationStage({
+function PresentationStage(props) {
+  const inherited = React108.useContext(chunkSEIVQGH5_js.ElementRenderErrorReportingContext);
+  const reporter = props.onElementRenderError ?? inherited?.onElementRenderError;
+  const errorReporting = React108.useMemo(() => ({ onElementRenderError: reporter }), [reporter]);
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.ElementRenderErrorReportingContext.Provider, { value: errorReporting, children: /* @__PURE__ */ jsxRuntime.jsx(PresentationStageContent, { ...props }) });
+}
+function PresentationStageContent({
   activeSlide,
   templateElements,
   canvasSize,
@@ -30317,11 +30499,11 @@ function PresentationStage({
                       })
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                       /* @__PURE__ */ jsxRuntime.jsx("style", { children: pptx.PRESENTATION_HIT_TEST_CSS }),
                       presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                       templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunk3AZ6ESJU_js.ElementRenderer,
+                        chunkSEIVQGH5_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30359,7 +30541,7 @@ function PresentationStage({
                         `tpl-${element.id}`
                       )),
                       activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunk3AZ6ESJU_js.ElementRenderer,
+                        chunkSEIVQGH5_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30471,7 +30653,7 @@ function PresentationTransitionMount({
     templateElementsBySlideId
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3AZ6ESJU_js.PresentationTransitionOverlay,
+    chunkSEIVQGH5_js.PresentationTransitionOverlay,
     {
       outgoingSlide,
       templateElements: templates.outgoing,
@@ -30517,8 +30699,8 @@ function ViewerCanvasArea(props) {
     aiCanvasActive = false
   } = props;
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { isHidden } = chunk3AZ6ESJU_js.useToolbarVisibility(hiddenActions);
-  const viewerOptions = chunk3AZ6ESJU_js.useViewerOptionsContext();
+  const { isHidden } = chunkSEIVQGH5_js.useToolbarVisibility(hiddenActions);
+  const viewerOptions = chunkSEIVQGH5_js.useViewerOptionsContext();
   const outlineAuthoring = useOutlineAuthoring({
     state: s,
     updateElement: canvasHandlers.handleUpdateSmartArtElement,
@@ -30651,7 +30833,7 @@ function ViewerCanvasArea(props) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunk3AZ6ESJU_js.useSwipeNavigation({
+  const swipe = chunkSEIVQGH5_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -30837,14 +31019,14 @@ function ViewerCanvasArea(props) {
               outlineAuthoring,
               collaborationOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3AZ6ESJU_js.RemoteSelectionOverlay,
+                  chunkSEIVQGH5_js.RemoteSelectionOverlay,
                   {
                     elements: effectiveSlide?.elements ?? [],
                     activeSlideIndex
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk3AZ6ESJU_js.CollaborationCursorOverlay,
+                  chunkSEIVQGH5_js.CollaborationCursorOverlay,
                   {
                     activeSlideIndex,
                     canvasWidth: canvasSize.width,
@@ -31082,7 +31264,7 @@ function AiChangeOverlay({ batch, activeSlideIndex }) {
 }
 function ChartFormatPanel() {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const commands = chunk3AZ6ESJU_js.useChartFormatContext();
+  const commands = chunkSEIVQGH5_js.useChartFormatContext();
   const ref = React108.useRef(null);
   const chart = commands?.chart;
   const chartData = chart?.type === "chart" ? chart.chartData : void 0;
@@ -31155,7 +31337,7 @@ function MobileDismissSheet({
   children
 }) {
   const { t } = chunk6GFSF2ML_js.useTranslation();
-  const { dragY, handlers } = chunk3AZ6ESJU_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunkSEIVQGH5_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -31899,7 +32081,7 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = React108.useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
     showSlidesPane && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       slidesPaneRenderer ? (
         // The rail's slot (width, collapse, resize handle) stays the viewer's.
@@ -32404,7 +32586,7 @@ function MobileChromeOverlay(props) {
     slideSectionGroups,
     canEdit,
     commentCount
-  } = props, { keyboardInset, isKeyboardOpen } = chunk3AZ6ESJU_js.useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
+  } = props, { keyboardInset, isKeyboardOpen } = chunkSEIVQGH5_js.useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
     s.setIsMobileInsertOpen(false);
     s.setIsInspectorPaneOpen(false);
@@ -32881,7 +33063,7 @@ async function exportAiChatLogs(options) {
     chats,
     { format: options?.format, detailed: options?.detailed, now: options?.now },
     (filename, content, mime) => {
-      chunk3AZ6ESJU_js.downloadBlob(new Blob([content], { type: mime }), filename);
+      chunkSEIVQGH5_js.downloadBlob(new Blob([content], { type: mime }), filename);
     }
   );
 }
@@ -33234,7 +33416,7 @@ function ViewerOptionsProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.ViewerOptionsContext.Provider, { value: options, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.ViewerOptionsContext.Provider, { value: options, children }) });
 }
 function useAiBridge(input) {
   const ref = React108.useRef(input);
@@ -33317,7 +33499,7 @@ function useAiPanelController(input) {
       getSelectedElement: () => inputRef.current.selectedElement
     })
   );
-  const state = chunk3AZ6ESJU_js.useController(controller);
+  const state = chunkSEIVQGH5_js.useController(controller);
   React108.useEffect(() => () => controller.dispose(), [controller]);
   const liveFocusTargets = React108.useMemo(
     () => host.computeFocusTargets({ activeSlideIndex, selectedElementIds, selectedElementId }),
@@ -34061,6 +34243,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
     const {
       content: incomingContent,
       fonts = [],
+      ribbonDisplay,
+      onRibbonDisplayChange,
       filePath: hostFilePath,
       fileName: hostFileName,
       canEdit: canEditProp = false,
@@ -34116,7 +34300,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       limits
     } = props;
     const cloudDocument = React108.useMemo(() => pptx.createCloudDocumentController(), []);
-    const cloudFile = chunk3AZ6ESJU_js.useController(cloudDocument).file;
+    const cloudFile = chunkSEIVQGH5_js.useController(cloudDocument).file;
     const {
       storage: viewerStorage,
       fileName,
@@ -34130,7 +34314,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       filePath: hostFilePath
     });
     const saveProgress = React108.useMemo(() => pptx.createSaveProgressController(), []);
-    const saveProgressState = chunk3AZ6ESJU_js.useController(saveProgress);
+    const saveProgressState = chunkSEIVQGH5_js.useController(saveProgress);
     const storage = React108.useMemo(
       () => viewerStorage ? saveProgress.wrap(viewerStorage) : viewerStorage,
       [viewerStorage, saveProgress]
@@ -34229,7 +34413,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       },
       [hostStorage, cloudDocument]
     );
-    const { optionsStore, options: viewerOptions } = chunk3AZ6ESJU_js.useViewerOptions();
+    const { optionsStore, options: viewerOptions } = chunkSEIVQGH5_js.useViewerOptions();
     const custom = useViewerCustomization(
       customization,
       legacyHiddenActions,
@@ -34249,8 +34433,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
     const handleEnableEditing = React108.useCallback(() => {
       setProtectedViewOverridden(true);
     }, []);
-    const readOnlyRec = chunk3AZ6ESJU_js.useReadOnlyRecommendationState(content);
-    const compatToastsState = chunk3AZ6ESJU_js.useCompatibilityToastsState();
+    const readOnlyRec = chunkSEIVQGH5_js.useReadOnlyRecommendationState(content);
+    const compatToastsState = chunkSEIVQGH5_js.useCompatibilityToastsState();
     const [notesBarHeight, setNotesBarHeight] = React108.useState(0);
     const runProgramNoticesState = useRunProgramNoticesState();
     const [collaborationReadOnly, setCollaborationReadOnly] = React108.useState(Boolean(collaboration));
@@ -34273,8 +34457,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       filePath
     });
     const [isShareDialogOpen, setIsShareDialogOpen] = React108.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunk3AZ6ESJU_js.useReducedMotion();
-    const state = chunk3AZ6ESJU_js.useViewerState({
+    const { reducedMotion, toggleReducedMotion } = chunkSEIVQGH5_js.useReducedMotion();
+    const state = chunkSEIVQGH5_js.useViewerState({
       content,
       canEdit,
       inspectorInitiallyOpen: props.inspectorInitiallyOpen
@@ -34294,6 +34478,12 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       activeSlide,
       selectedElement
     } = state;
+    const ribbonDisplayController = useRibbonDisplayController({
+      ribbonDisplay,
+      onRibbonDisplayChange,
+      collapseRibbonAutomatically: viewerOptions.general.collapseRibbonAutomatically,
+      rootRef: containerRef
+    });
     useLoadNotifications({
       loading,
       error,
@@ -34401,16 +34591,16 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       }
     }, [settings, optionsStore]);
     const handleClearOptionsCache = useAutosaveCacheMaintenance(viewerOptions, storage);
-    const mobile = chunk3AZ6ESJU_js.useIsMobile();
+    const mobile = chunkSEIVQGH5_js.useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunk3AZ6ESJU_js.useResizablePanels();
+    const resizablePanels = chunkSEIVQGH5_js.useResizablePanels();
     const {
       gridSpacingPx,
       visibleSlideIndexes,
       slideSectionGroups,
       masterPseudoSlide,
       authoredRange
-    } = chunk3AZ6ESJU_js.useDerivedSlideState({
+    } = chunkSEIVQGH5_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -34435,11 +34625,14 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
         state.cropSessionRef
       ]
     );
-    const zoom = chunk3AZ6ESJU_js.useZoomViewport({
+    const zoom = chunkSEIVQGH5_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements,
       fitPadding: props.fitPadding,
-      maxFitScale: props.maxFitScale
+      maxFitScale: props.maxFitScale,
+      // Nothing to select in a read-only view, so a plain drag pans instead.
+      dragPans: mode === "preview",
+      activeSlideId: activeSlide?.id
     });
     const { setIsDirty } = state;
     const onChangeCallback = React108.useRef(onChange);
@@ -34451,7 +34644,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       onChangeCallback.current?.();
     }, [setIsDirty]);
     const restoreHistoryThemeRef = React108.useRef(void 0);
-    const history = chunk3AZ6ESJU_js.useEditorHistory({
+    const history = chunkSEIVQGH5_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -34480,7 +34673,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunk3AZ6ESJU_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkSEIVQGH5_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -34559,7 +34752,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       loading,
       error
     ]);
-    chunk3AZ6ESJU_js.useTouchGestures({
+    chunkSEIVQGH5_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -34581,7 +34774,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunk3AZ6ESJU_js.useViewerDialogs({
+    const dialogs = chunkSEIVQGH5_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -34609,7 +34802,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       history,
       embeddedFontFamilies: state.embeddedFonts.map((font) => font.name)
     });
-    chunk3AZ6ESJU_js.useClearSelectionOnSlideChange(state, activeSlideIndex);
+    chunkSEIVQGH5_js.useClearSelectionOnSlideChange(state, activeSlideIndex);
     const zoomBeforePresentRef = React108.useRef(null);
     React108.useEffect(() => {
       if (mode !== "present") {
@@ -34627,7 +34820,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunk3AZ6ESJU_js.useEditorOperations({
+    const editorOps = chunkSEIVQGH5_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -34672,7 +34865,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       handlerRef,
       viewerApi,
       loadVersion
-    } = chunk3AZ6ESJU_js.useViewerIntegration({
+    } = chunkSEIVQGH5_js.useViewerIntegration({
       transformCommittedText: (text, previous) => pptx.applyAutoCorrectToEdit(text, previous, viewerOptions.proofing),
       state,
       zoom,
@@ -34687,6 +34880,14 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       filePath,
       fileName,
       storage,
+      // The host persisted the current revision: its work is in the file, so the recovery
+      // copy goes unless Options > Save asks to keep the last AutoRecover version.
+      discardRecoveryOnHostSave: () => {
+        if (filePath && pptx.shouldDiscardAutosaveOnSuccessfulSave(viewerOptions)) {
+          void pptx.deleteAutosaveSnapshot(filePath, storage).catch(() => {
+          });
+        }
+      },
       // A failed Save / Save As: the host's `onError`, and the save-failed notice for the user.
       onSaveError: (saveError) => {
         onError?.(pptx.saveFailureMessage(saveError));
@@ -34817,7 +35018,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       updateElementById: editorOps.ops.updateElementById
     });
     const ribbonScope = useRibbonScopeToken();
-    const viewPreferencesSync = chunk3AZ6ESJU_js.useViewPreferencesSync({
+    const viewPreferencesSync = chunkSEIVQGH5_js.useViewPreferencesSync({
       loadVersion,
       viewProperties: state.viewProperties,
       setViewProperties: state.setViewProperties,
@@ -34868,7 +35069,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       },
       [state]
     );
-    const layoutSwitching = chunk3AZ6ESJU_js.useLayoutSwitching({
+    const layoutSwitching = chunkSEIVQGH5_js.useLayoutSwitching({
       handler: handlerRef.current,
       slides,
       activeSlideIndex,
@@ -35051,6 +35252,7 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
                     onToggleAiPanel: aiPanel.toggle,
                     isProtectedView,
                     onEnableEditing: hostCanEdit && pptx.isEditingAllowed(customizationResolved) ? handleEnableEditing : void 0,
+                    ribbonDisplay: ribbonDisplayController,
                     onSetSnapToGrid: viewPreferencesSync.handleSetSnapToGrid,
                     onSetSnapToShape: viewPreferencesSync.handleSetSnapToShape,
                     onSetShowGuides: viewPreferencesSync.handleSetShowGuides
@@ -35389,8 +35591,8 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
       // Nothing previously provided it, so every one of those consumers was
       // silently reading `DEFAULT_VIEWER_OPTIONS` forever, no matter what
       // the user changed in the Options dialog.
-      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: hostStorage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCloudFilesContext.Provider, { value: cloudFiles, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunk3AZ6ESJU_js.CollaborationProvider,
+      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerStorageContext.Provider, { value: hostStorage, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCloudFilesContext.Provider, { value: cloudFiles, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkSEIVQGH5_js.CollaborationProvider,
         {
           config: collaboration,
           canvasWidth: canvasSize.width,
@@ -35447,19 +35649,19 @@ var PowerPointViewerBody = /* @__PURE__ */ React108.forwardRef(
                 slideCount: slides.length
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3AZ6ESJU_js.ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
+            /* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsxRuntime.jsx(chunkSEIVQGH5_js.ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
           ]
         }
       ) }) }) }) }) }) }) }) }) })
     );
   }
 );
-var PowerPointViewer2 = /* @__PURE__ */ chunk3AZ6ESJU_js.withDisplayName(
+var PowerPointViewer2 = /* @__PURE__ */ chunkSEIVQGH5_js.withDisplayName(
   PowerPointViewerComponent,
   "PowerPointViewer"
 );
 function CollaborationStatusStrip() {
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
+  const collab = chunkSEIVQGH5_js.useCollaboration();
   if (!collab) {
     return null;
   }
@@ -35476,9 +35678,9 @@ function CollaborationStateReporter({
   onChange,
   onStatus
 }) {
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
+  const collab = chunkSEIVQGH5_js.useCollaboration();
   useCollaborationStateReport(collab, onChange);
-  chunk3AZ6ESJU_js.useReportOnChange(collab?.status ?? "disconnected", onStatus, "disconnected");
+  chunkSEIVQGH5_js.useReportOnChange(collab?.status ?? "disconnected", onStatus, "disconnected");
   return null;
 }
 function CollaborationDocumentSync({
@@ -35493,8 +35695,8 @@ function CollaborationDocumentSync({
   onReadOnlyChange,
   history
 }) {
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
-  chunk3AZ6ESJU_js.useCollaborationDocumentSync({
+  const collab = chunkSEIVQGH5_js.useCollaboration();
+  chunkSEIVQGH5_js.useCollaborationDocumentSync({
     collaboration: collab,
     history,
     slides,
@@ -35514,14 +35716,14 @@ function CollaborationFollowLayer({
   setActiveSlideIndex,
   slideCount
 }) {
-  const collab = chunk3AZ6ESJU_js.useCollaboration();
-  const { followedClientId, followUser } = chunk3AZ6ESJU_js.useFollowMode({
+  const collab = chunkSEIVQGH5_js.useCollaboration();
+  const { followedClientId, followUser } = chunkSEIVQGH5_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunk3AZ6ESJU_js.useBroadcastFollower({
+  chunkSEIVQGH5_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,