pptx-react-viewer 4.37.0 → 4.38.0

package/dist/{chunk-L4E5A5DE.js → chunk-Q5WEQ37H.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYAODOVJY_js = require('./chunk-YAODOVJY.js');
+var chunkTCEDOLGE_js = require('./chunk-TCEDOLGE.js');
 var chunk43TOUP5U_js = require('./chunk-43TOUP5U.js');
 var pptx = require('ooxml-ui/pptx');
 var React103 = require('react');
@@ -307,7 +307,7 @@ function SlideTemplatePreview({
             transformOrigin: "top left"
           },
           children: previewSlide.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkYAODOVJY_js.StaticElementRenderer,
+            chunkTCEDOLGE_js.StaticElementRenderer,
             {
               element,
               activeSlide: previewSlide,
@@ -376,7 +376,7 @@ function SlideTemplateGalleryDialog({
   scheme
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(onClose);
   const [selected, setSelected] = React103.useState(null);
   const dialogRef = React103.useRef(null);
   useModalFocus(isOpen, dialogRef, onClose);
@@ -733,7 +733,7 @@ function WebHomeControls({
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
   const crop = commands?.crop;
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(p.hiddenActions);
   const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
   const controls = React103.useMemo(
     () => pptx.arrangeShapeHomeControls({
@@ -1056,7 +1056,7 @@ function TransitionsSection(p) {
         case "soundPreview": {
           const url = pptx.ribbonTransitionStockSoundUrl(transition);
           if (url) {
-            chunkYAODOVJY_js.playAnimationSound(url);
+            chunkTCEDOLGE_js.playAnimationSound(url);
           }
           break;
         }
@@ -1185,6 +1185,44 @@ var ViewerCustomizationContext = React103.createContext(
 function useViewerCustomizationContext() {
   return React103.useContext(ViewerCustomizationContext);
 }
+var ViewerRegionBaseContext = React103.createContext(null);
+function useRegionRenderer(id) {
+  const customization = useViewerCustomizationContext();
+  const base = React103.useContext(ViewerRegionBaseContext);
+  return base ? pptx.getRegionRenderer(customization, id) : void 0;
+}
+var FILL = { width: "100%", height: "100%" };
+var NOOP = () => {
+};
+function ViewerRegion(props) {
+  const { region, renderer, close = NOOP, extra, className, style } = props;
+  const base = React103.useContext(ViewerRegionBaseContext);
+  const containerRef = React103.useRef(null);
+  const hostRef = React103.useRef(null);
+  React103.useLayoutEffect(() => {
+    const host = new pptx.ViewerRegionHost(containerRef.current);
+    hostRef.current = host;
+    return () => {
+      host.destroy();
+      hostRef.current = null;
+    };
+  }, []);
+  React103.useLayoutEffect(() => {
+    if (!base) {
+      return;
+    }
+    const context = { ...base, ...extra, region, close };
+    hostRef.current?.render(renderer, context);
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: className ? `pptx-region-host ${className}` : "pptx-region-host",
+      style: style ?? FILL
+    }
+  );
+}
 var AccountAuthContext = React103.createContext(void 0);
 var cardClass = "border border-border bg-card p-6 text-card-foreground";
 function AccountPage() {
@@ -1215,7 +1253,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.37.0" ;
+  const version = "4.38.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: [
@@ -1473,12 +1511,13 @@ function BackstageNavIcon({ page }) {
 function FileSection(p) {
   const { t } = reactI18next.useTranslation();
   const [requestedPage, setRequestedPage] = React103.useState("home");
-  const nav = pptx.customizeBackstageNav(pptx.BACKSTAGE_NAV, useViewerCustomizationContext());
+  const customization = useViewerCustomizationContext();
+  const nav = pptx.backstageNavEntries(pptx.BACKSTAGE_NAV, customization);
   const offered = (id) => nav.some((item) => item.id === id);
   const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
   const [query, setQuery] = React103.useState("");
   const [recent, setRecent] = React103.useState([]);
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(p.hiddenActions);
   const exportHidden = isHidden("export");
   React103.useEffect(() => {
     void pptx.listBackstageRecentFiles(t, p.recentPresentationsCount).then(setRecent);
@@ -1494,7 +1533,12 @@ function FileSection(p) {
     }
   };
   const current = nav.find((item) => item.id === page);
-  const title = current ? t(current.labelKey, { defaultValue: current.label }) : t("pptx.backstage.nav.home");
+  const hostPage = current?.host;
+  const builtInPage = hostPage ? void 0 : page;
+  const title = current ? current.labelKey ? t(current.labelKey, { defaultValue: current.label }) : current.label : t("pptx.backstage.nav.home");
+  const regionId = hostPage ? `backstage.host.${hostPage.id}` : `backstage.${page}`;
+  const builtInRegionRenderer = useRegionRenderer(regionId);
+  const regionRenderer = hostPage ? hostPage.render : builtInRegionRenderer;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -1515,7 +1559,7 @@ function FileSection(p) {
             }
           ) }),
           /* @__PURE__ */ jsxRuntime.jsxs("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto pb-2 max-md:flex-row max-md:items-center max-md:overflow-y-visible max-md:pb-0", children: [
-            nav.filter((item) => !item.group && !(item.id === "export" && exportHidden)).map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+            nav.filter((item) => item.group !== "footer" && !(item.id === "export" && exportHidden)).map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
@@ -1524,14 +1568,14 @@ function FileSection(p) {
                 onClick: () => item.id === "close" ? p.onClose() : item.id === "save" ? run(p.onSaveAsPptx) : setRequestedPage(item.id),
                 className: `${pptx.BACKSTAGE_NAV_CLASSES.row} ${page === item.id ? pptx.BACKSTAGE_NAV_CLASSES.active : pptx.BACKSTAGE_NAV_CLASSES.inactive}`,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(BackstageNavIcon, { page: item.id }),
-                  t(item.labelKey, { defaultValue: item.label })
+                  !item.host && /* @__PURE__ */ jsxRuntime.jsx(BackstageNavIcon, { page: item.id }),
+                  item.labelKey ? t(item.labelKey, { defaultValue: item.label }) : item.label
                 ]
               },
               item.id
             )),
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 max-md:hidden" }),
-            nav.filter((item) => item.group).map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+            nav.filter((item) => item.group === "footer").map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
               "button",
               {
                 type: "button",
@@ -1540,8 +1584,8 @@ function FileSection(p) {
                 onClick: () => item.id === "options" && p.onOpenSettings ? run(p.onOpenSettings) : setRequestedPage(item.id),
                 className: `${pptx.BACKSTAGE_NAV_CLASSES.row} ${page === item.id ? pptx.BACKSTAGE_NAV_CLASSES.active : pptx.BACKSTAGE_NAV_CLASSES.inactive}`,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(BackstageNavIcon, { page: item.id }),
-                  t(item.labelKey, { defaultValue: item.label })
+                  !item.host && /* @__PURE__ */ jsxRuntime.jsx(BackstageNavIcon, { page: item.id }),
+                  item.labelKey ? t(item.labelKey, { defaultValue: item.label }) : item.label
                 ]
               },
               item.id
@@ -1550,63 +1594,76 @@ function FileSection(p) {
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "min-w-0 flex-1 overflow-y-auto bg-background px-[clamp(32px,4vw,72px)] py-5 max-md:px-4 max-md:py-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-[24px] font-semibold", children: page === "home" ? t("pptx.backstage.greeting") : title }),
-          (page === "home" || page === "new") && /* @__PURE__ */ jsxRuntime.jsx(
-            BackstageNewGallery,
-            {
-              onCreate: (templateId) => run(() => p.onCreatePresentation(templateId))
-            }
-          ),
-          (page === "home" || page === "open") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              WebSearch,
+          regionRenderer ? (
+            // The nav, title and back button stay the viewer's; the host fills the page body.
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ViewerRegion,
               {
-                "data-pptx-search-surface": true,
-                "data-pptx-search-input": true,
-                className: "mt-8 w-full max-w-[540px]",
-                value: query,
-                onInput: (event) => setQuery(event.currentTarget.value),
-                placeholder: t("pptx.backstage.searchPlaceholder"),
-                "aria-label": t("pptx.backstage.searchPlaceholder")
+                region: regionId,
+                renderer: regionRenderer,
+                close: p.onClose,
+                style: { width: "100%", minHeight: "12rem" }
               }
-            ),
-            page === "open" && /* @__PURE__ */ jsxRuntime.jsxs(
-              "button",
+            ) })
+          ) : builtInPage ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            (page === "home" || page === "new") && /* @__PURE__ */ jsxRuntime.jsx(
+              BackstageNewGallery,
               {
-                type: "button",
-                className: "mt-4 inline-flex items-center gap-2 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
-                onClick: () => run(p.onOpenFile),
-                children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(lu.LuFolderOpen, {}),
-                  " ",
-                  t("pptx.backstage.browseDevice")
-                ]
+                onCreate: (templateId) => run(() => p.onCreatePresentation(templateId))
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-6 text-[16px] font-semibold", children: t("pptx.backstage.recentHeading") }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              BackstageRecentList,
-              {
-                files: visibleRecent,
-                onOpen: (key) => run(() => p.onOpenRecentFile?.(key))
-              }
-            )
-          ] }),
-          !(page === "export" && exportHidden) && /* @__PURE__ */ jsxRuntime.jsx(BackstageCards, { page, props: p, run }),
-          page === "account" && /* @__PURE__ */ jsxRuntime.jsx(AccountPage, {}),
-          page === "options" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[760px] border border-border bg-card p-7 text-card-foreground", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lu.LuSettings, { className: "text-3xl text-primary" }),
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-4 text-lg font-semibold", children: t("pptx.backstage.optionsTitle") }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("pptx.backstage.optionsBody") }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "button",
-              {
-                type: "button",
-                className: "mt-6 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
-                onClick: () => run(p.onOpenSettings),
-                children: t("pptx.backstage.openOptions")
-              }
-            )
-          ] }),
+            (page === "home" || page === "open") && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                WebSearch,
+                {
+                  "data-pptx-search-surface": true,
+                  "data-pptx-search-input": true,
+                  className: "mt-8 w-full max-w-[540px]",
+                  value: query,
+                  onInput: (event) => setQuery(event.currentTarget.value),
+                  placeholder: t("pptx.backstage.searchPlaceholder"),
+                  "aria-label": t("pptx.backstage.searchPlaceholder")
+                }
+              ),
+              page === "open" && /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "mt-4 inline-flex items-center gap-2 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
+                  onClick: () => run(p.onOpenFile),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lu.LuFolderOpen, {}),
+                    " ",
+                    t("pptx.backstage.browseDevice")
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-6 text-[16px] font-semibold", children: t("pptx.backstage.recentHeading") }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                BackstageRecentList,
+                {
+                  files: visibleRecent,
+                  onOpen: (key) => run(() => p.onOpenRecentFile?.(key))
+                }
+              )
+            ] }),
+            !(page === "export" && exportHidden) && /* @__PURE__ */ jsxRuntime.jsx(BackstageCards, { page, props: p, run }),
+            page === "account" && /* @__PURE__ */ jsxRuntime.jsx(AccountPage, {}),
+            page === "options" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-8 max-w-[760px] border border-border bg-card p-7 text-card-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lu.LuSettings, { className: "text-3xl text-primary" }),
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "mt-4 text-lg font-semibold", children: t("pptx.backstage.optionsTitle") }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("pptx.backstage.optionsBody") }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "mt-6 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
+                  onClick: () => run(p.onOpenSettings),
+                  children: t("pptx.backstage.openOptions")
+                }
+              )
+            ] })
+          ] }) : null,
           /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mt-12 text-[11px] text-muted-foreground", children: [
             p.fileName || t("pptx.backstage.untitled"),
             " \xB7 ",
@@ -1808,7 +1865,7 @@ function LayoutArtwork({
     backgroundColor
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkYAODOVJY_js.StaticElementRenderer,
+    chunkTCEDOLGE_js.StaticElementRenderer,
     {
       element,
       activeSlide: slide,
@@ -1920,6 +1977,7 @@ var OV = [
 ];
 var nextTile = 0;
 function SlidesGroup(p) {
+  const customization = useViewerCustomizationContext();
   const [templateGalleryOpen, setTemplateGalleryOpen] = React103.useState(false);
   const [galleryOpen, setGalleryOpen] = React103.useState(false);
   const [tiles, setTiles] = React103.useState([]);
@@ -2007,7 +2065,7 @@ function SlidesGroup(p) {
       )
     ),
     sep,
-    p.onInsertSlideFromTemplate && /* @__PURE__ */ jsxRuntime.jsx(
+    p.onInsertSlideFromTemplate && pptx.isDialogAvailable(customization, "slideTemplates") && /* @__PURE__ */ jsxRuntime.jsx(
       SlideTemplateGalleryDialog,
       {
         isOpen: templateGalleryOpen,
@@ -2179,6 +2237,10 @@ function InsertSection(p) {
       chartAvailable: Boolean(p.onAddChart),
       fieldAvailable: Boolean(p.onInsertField),
       headerFooterAvailable: Boolean(p.onOpenHeaderFooter),
+      newSlideAvailable: Boolean(p.onInsertSlideFromLayout && p.layoutOptions?.length),
+      commentAvailable: Boolean(p.onToggleComments),
+      layouts: p.layoutOptions ?? [],
+      ...p.currentLayoutPath ? { currentLayoutPath: p.currentLayoutPath } : {},
       translate: t
     };
   }, [p, chartKind, customization, t]);
@@ -2199,11 +2261,27 @@ function InsertSection(p) {
             smartArt: p.onAddSmartArt,
             equation: p.onAddEquation,
             link: p.onOpenHyperlinkDialog,
-            headerFooter: p.onOpenHeaderFooter
+            headerFooter: p.onOpenHeaderFooter,
+            // Opening an already open pane would toggle it shut.
+            comment: p.isCommentsPanelOpen ? void 0 : p.onToggleComments
           };
           commands[intent.value]?.();
           break;
         }
+        case "table":
+          p.onAddTable(intent.rows, intent.columns);
+          break;
+        case "newSlide": {
+          const layout = pptx.resolveInsertSlideLayout(
+            p.layoutOptions ?? [],
+            intent.value,
+            p.currentLayoutPath
+          );
+          if (layout) {
+            p.onInsertSlideFromLayout?.(layout.path, layout.name);
+          }
+          break;
+        }
         case "shapeType":
           p.onSetNewShapeType(intent.value);
           break;
@@ -2444,7 +2522,7 @@ function SlideShowOptions({
 }
 function SubtitleSettingsControl() {
   const { t } = reactI18next.useTranslation();
-  const supplied = React103.useContext(chunkYAODOVJY_js.ViewerOptionsStoreContext);
+  const supplied = React103.useContext(chunkTCEDOLGE_js.ViewerOptionsStoreContext);
   const fallback = React103.useRef(null);
   if (!supplied) {
     fallback.current ??= pptx.createViewerOptionsStore({ persist: false });
@@ -2478,7 +2556,7 @@ function SubtitleSettingsControl() {
 }
 function SlideShowSection(p) {
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(p.hiddenActions);
   const [showsOpen, setShowsOpen] = React103.useState(false);
   const showsRef = React103.useRef(null);
   React103.useEffect(() => {
@@ -3012,7 +3090,7 @@ function MobileSheet({
 }) {
   const sheetRef = React103.useRef(null);
   const { t } = reactI18next.useTranslation();
-  const { dragY, dragging, handlers } = chunkYAODOVJY_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunkTCEDOLGE_js.useSheetDismissDrag(onClose);
   useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
@@ -3100,7 +3178,7 @@ function MobileMenuSheet(props) {
   const { t } = reactI18next.useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = React103.useState("home");
-  const { isTabVisible } = chunkYAODOVJY_js.useToolbarVisibility(props.hiddenActions);
+  const { isTabVisible } = chunkTCEDOLGE_js.useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MobileSheet,
     {
@@ -3173,7 +3251,12 @@ function MobileSectionBody({
           onOpenImagePicker: p.onOpenImagePicker,
           onOpenMediaPicker: p.onOpenMediaPicker,
           hasSelection: Boolean(p.selectedElement),
-          onOpenHyperlinkDialog: p.onOpenHyperlinkDialog
+          onOpenHyperlinkDialog: p.onOpenHyperlinkDialog,
+          layoutOptions: p.layoutOptions,
+          currentLayoutPath: p.currentLayoutPath,
+          onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+          onToggleComments: p.onToggleComments,
+          isCommentsPanelOpen: p.isCommentsPanelOpen
         }
       ) });
     case "text":
@@ -3382,7 +3465,7 @@ function MobileToolbar(props) {
   const { t } = reactI18next.useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = React103.useState(false);
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(props.hiddenActions);
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const hidden = [];
   if (isHidden("undo")) {
@@ -3430,7 +3513,7 @@ function PictureSizeStrip({
   hiddenActions
 }) {
   const crop = useShapeFormatContext()?.crop;
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(hiddenActions);
   const controls = React103.useMemo(
     () => pptx.pictureSizeHomeControls({
       editable: Boolean(crop),
@@ -3602,7 +3685,7 @@ var TAB_BASE = "relative px-3.5 py-2 text-[12px] font-medium whitespace-nowrap t
 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 } = reactI18next.useTranslation();
-  const viewerOptions = chunkYAODOVJY_js.useViewerOptionsContext();
+  const viewerOptions = chunkTCEDOLGE_js.useViewerOptionsContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3679,9 +3762,9 @@ function RibbonTabBar(p) {
 }
 function TabRowActions(p) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkYAODOVJY_js.useCollaboration();
+  const collab = chunkTCEDOLGE_js.useCollaboration();
   const isCollaborating = Boolean(collab && collab.status === "connected");
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(p.hiddenActions);
   const customization = useViewerCustomizationContext();
   const ref = React103.useRef(null);
   const handlers = React103.useRef(p);
@@ -3736,7 +3819,7 @@ function TabRowActions(p) {
 }
 function TitleBarElement(p) {
   const { t } = reactI18next.useTranslation();
-  const options = chunkYAODOVJY_js.useViewerOptionsContext();
+  const options = chunkTCEDOLGE_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const ref = React103.useRef(null);
   const stripVisible = options.quickAccess.visible && pptx.isPanelVisible(customization, "quickAccessToolbar");
@@ -4072,7 +4155,7 @@ function ToolbarPrimaryRow(p) {
     onToggleSidebar,
     onToggleInspector
   } = p;
-  const collab = chunkYAODOVJY_js.useCollaboration();
+  const collab = chunkTCEDOLGE_js.useCollaboration();
   const customization = useViewerCustomizationContext();
   const showSlidesToggle = pptx.isPanelVisible(customization, "slidesPane");
   const showInspectorToggle = pptx.isPanelVisible(customization, "inspector");
@@ -4371,8 +4454,8 @@ function ToolbarLateTabs({
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = reactI18next.useTranslation();
-  const { isTabVisible } = chunkYAODOVJY_js.useToolbarVisibility(p.hiddenActions);
-  const viewerOptions = chunkYAODOVJY_js.useViewerOptionsContext();
+  const { isTabVisible } = chunkTCEDOLGE_js.useToolbarVisibility(p.hiddenActions);
+  const viewerOptions = chunkTCEDOLGE_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const belowInput = React103.useMemo(
     () => ({
@@ -4578,7 +4661,12 @@ function Toolbar(p) {
                   onOpenImagePicker: p.onOpenImagePicker,
                   onOpenMediaPicker: p.onOpenMediaPicker,
                   hasSelection: Boolean(p.selectedElement),
-                  onOpenHyperlinkDialog: p.onOpenHyperlinkDialog
+                  onOpenHyperlinkDialog: p.onOpenHyperlinkDialog,
+                  layoutOptions: p.layoutOptions,
+                  currentLayoutPath: p.currentLayoutPath,
+                  onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+                  onToggleComments: p.onToggleComments,
+                  isCommentsPanelOpen: p.isCommentsPanelOpen
                 }
               ),
               sTxt && /* @__PURE__ */ jsxRuntime.jsx(
@@ -5349,7 +5437,7 @@ function DrawingOverlaySvg({
       onPointerDown,
       onPointerMove,
       onPointerUp,
-      children: isStrokeActive && liveStrokeView ? chunkYAODOVJY_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isStrokeActive && liveStrokeView ? chunkTCEDOLGE_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: liveStrokeD,
@@ -5928,7 +6016,7 @@ function PictureCropOverlay({
     };
   };
   const { ghost, frame, handles } = overlay;
-  const src = chunkYAODOVJY_js.imgSrc(element);
+  const src = chunkTCEDOLGE_js.imgSrc(element);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -6368,7 +6456,7 @@ function SelectionHandleOverlay({
       onDoubleClick: (e) => onDoubleClick(element.id, e),
       onContextMenu: (e) => onContextMenu(element.id, e),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkYAODOVJY_js.ResizeHandles,
+        chunkTCEDOLGE_js.ResizeHandles,
         {
           elementId: element.id,
           adjustmentHandles,
@@ -7079,7 +7167,7 @@ function SlideCanvas(props) {
       props.registerInlineEditReader
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkTCEDOLGE_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
 }
 function SlideCanvasContent({
   imagePaste,
@@ -7348,7 +7436,7 @@ function SlideCanvasContent({
                 onPointerMove: handleStagePointerMove,
                 onPointerUp: handleStagePointerUp,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkTCEDOLGE_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                   presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                   /* @__PURE__ */ jsxRuntime.jsx(GridOverlay, { canvasSize, gridSpacingPx, visible: showGrid }),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -7360,7 +7448,7 @@ function SlideCanvasContent({
                     }
                   ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkYAODOVJY_js.ElementRenderer,
+                    chunkTCEDOLGE_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7404,7 +7492,7 @@ function SlideCanvasContent({
                     `tpl-${element.id}`
                   )),
                   activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkYAODOVJY_js.ElementRenderer,
+                    chunkTCEDOLGE_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7470,7 +7558,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(
-                      chunkYAODOVJY_js.ElementRenderer,
+                      chunkTCEDOLGE_js.ElementRenderer,
                       {
                         element: editingMember.member,
                         activeSlide,
@@ -7986,7 +8074,7 @@ function SlideThumbnailImpl({
             ...pptx.deviceStrokeStageStyle(scale)
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.SlideBackgroundImageLayer, { slide }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkTCEDOLGE_js.SlideBackgroundImageLayer, { slide }),
             slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -7996,7 +8084,7 @@ function SlideThumbnailImpl({
               }
             ),
             previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYAODOVJY_js.StaticElementRenderer,
+              chunkTCEDOLGE_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -9075,7 +9163,7 @@ function SlidesPaneSidebar({
   tableStyleContext
 }) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkYAODOVJY_js.useCollaboration();
+  const collab = chunkTCEDOLGE_js.useCollaboration();
   const slideRefs = React103.useRef(/* @__PURE__ */ new Map());
   const renameInputRef = React103.useRef(null);
   const slidePresenceMap = React103.useMemo(() => {
@@ -9170,7 +9258,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, effectiveCollapsed]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkYAODOVJY_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkTCEDOLGE_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -11054,7 +11142,7 @@ 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(
-              chunkYAODOVJY_js.StaticElementRenderer,
+              chunkTCEDOLGE_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -11709,7 +11797,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 } = chunkYAODOVJY_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunkTCEDOLGE_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -12846,7 +12934,7 @@ function DocumentPropertiesDialog({
   const handleClose = React103.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -13443,7 +13531,7 @@ function PresentationSubtitleBar({
 }) {
   const { t } = reactI18next.useTranslation();
   const language = pptx.subtitleRecognitionLanguage(
-    pptx.subtitleSettingsFromOptions(chunkYAODOVJY_js.useViewerOptionsContext()),
+    pptx.subtitleSettingsFromOptions(chunkTCEDOLGE_js.useViewerOptionsContext()),
     typeof navigator === "undefined" ? "en-US" : navigator.language
   );
   const [captionText, setCaptionText] = React103.useState("");
@@ -13637,7 +13725,7 @@ function ScaledSlidePreviewImpl({
               ...pptx.deviceStrokeStageStyle(scale)
             },
             children: previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkYAODOVJY_js.StaticElementRenderer,
+              chunkTCEDOLGE_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -14954,7 +15042,7 @@ function EffectSoundRow({
     }
     const asset = pptx.getEffectSoundAsset(soundState.catalogueId);
     if (asset) {
-      chunkYAODOVJY_js.playAnimationSound(asset.dataUrl);
+      chunkTCEDOLGE_js.playAnimationSound(asset.dataUrl);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -15466,7 +15554,7 @@ function AnimationPanel({
   onUpdateSlide
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
+  const { viewportWidth } = chunkTCEDOLGE_js.useIsMobile();
   const directionBtnPx = Math.max(28, pptx.getDensePanelTouchTargetPx(viewportWidth));
   const fieldStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const handlers = useAnimationHandlers({
@@ -16365,7 +16453,7 @@ function ChartDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const highlightRef = React103.useRef(null);
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
+  const { viewportWidth } = chunkTCEDOLGE_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const rowHeaderClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10 bg-card" : "";
@@ -16481,7 +16569,7 @@ function ChartDataGrid({
           "input",
           {
             type: "number",
-            "aria-label": `${s.name} value ${ci + 1}`,
+            "aria-label": t("pptx.chart.seriesValueCell", { name: s.name, number: ci + 1 }),
             disabled: !canEdit,
             ref: isValueHighlight(si, ci) ? highlightRef : null,
             className: `${CELL_INPUT}${isValueHighlight(si, ci) ? highlightClass : ""}`,
@@ -17722,8 +17810,8 @@ function ChartUserShapeOptions({
 }
 function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
   const chartData = selectedElement.chartData;
-  const followDataPoint = chunkYAODOVJY_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
-  const { selection: partSelection } = chunkYAODOVJY_js.useChartPartSelection();
+  const followDataPoint = chunkTCEDOLGE_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
+  const { selection: partSelection } = chunkTCEDOLGE_js.useChartPartSelection();
   const canvasPart = partSelection?.elementId === selectedElement.id ? partSelection.part : null;
   const title = chartData?.title;
   const chartType = chartData?.chartType;
@@ -18991,7 +19079,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: chunkYAODOVJY_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkTCEDOLGE_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -21293,7 +21381,7 @@ function QuickStylesGallery({
   onUpdateShapeStyle
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
+  const { viewportWidth } = chunkTCEDOLGE_js.useIsMobile();
   const swatchMinHeight = pptx.getDensePanelTouchTargetPx(viewportWidth);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: LBL, children: t("pptx.shape.quickStyles") }),
@@ -22985,7 +23073,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? pptx.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunkYAODOVJY_js.resolveSmartArtDataPalette(newData),
+      chunkTCEDOLGE_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -23174,7 +23262,7 @@ function TableDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const grid = pptx.buildTableDataGrid(tableElement);
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
+  const { viewportWidth } = chunkTCEDOLGE_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const stickyGutterClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10" : "";
@@ -25022,7 +25110,7 @@ function InspectorPaneHeader({
   onClose
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
+  const { viewportWidth } = chunkTCEDOLGE_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25723,7 +25811,7 @@ function TransitionPreview({
   const { t } = reactI18next.useTranslation();
   const durationMs = transition.durationMs ?? 500;
   const animations = React103.useMemo(
-    () => chunkYAODOVJY_js.getSlideTransitionAnimations(
+    () => chunkTCEDOLGE_js.getSlideTransitionAnimations(
       transition.type,
       durationMs,
       transition.direction,
@@ -25792,7 +25880,7 @@ function TransitionPreview({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkYAODOVJY_js.SLIDE_TRANSITION_KEYFRAMES })
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkTCEDOLGE_js.SLIDE_TRANSITION_KEYFRAMES })
   ] });
 }
 var DEFAULT_DURATION_MS = 320;
@@ -26455,7 +26543,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunkYAODOVJY_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunkTCEDOLGE_js.useSheetDismissDrag(onClose);
   const {
     animationPanelHeight,
     effectiveThemeOptions,
@@ -26868,7 +26956,7 @@ function PresentationTouchControls({
   hideNavigation = false
 }) {
   const { t } = reactI18next.useTranslation();
-  const { isTouchDevice } = chunkYAODOVJY_js.useIsMobile();
+  const { isTouchDevice } = chunkTCEDOLGE_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -27514,11 +27602,12 @@ function PrintDialog({
   defaultFrameSlides
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onClose);
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
+  const regionRenderer = useRegionRenderer("dialog.print");
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(onClose);
+  const { viewportWidth } = chunkTCEDOLGE_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkYAODOVJY_js.useViewerOptionsContext());
+  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkTCEDOLGE_js.useViewerOptionsContext());
   const [printWhat, setPrintWhat] = React103.useState(printOptionDefaults?.printWhat ?? "slides");
   const [orientation, setOrientation] = React103.useState("landscape");
   const [colorMode, setColorMode] = React103.useState(
@@ -27643,68 +27732,81 @@ function PrintDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4 flex gap-5 max-md:flex-col", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                PrintSettingsPanel,
+            regionRenderer ? (
+              // The frame (backdrop, title bar, close, dismiss) stays the viewer's; the host replaces the body.
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                ViewerRegion,
                 {
-                  printWhat,
-                  onPrintWhatChange: setPrintWhat,
-                  orientation,
-                  onOrientationChange: setOrientation,
-                  colorMode,
-                  onColorModeChange: setColorMode,
-                  frameSlides,
-                  onFrameSlidesChange: setFrameSlides,
-                  slidesPerPage,
-                  onSlidesPerPageChange: setSlidesPerPage,
-                  slideRange,
-                  onSlideRangeChange: setSlideRange,
-                  customFrom,
-                  onCustomFromChange: setCustomFrom,
-                  customTo,
-                  onCustomToChange: setCustomTo,
-                  totalSlides: slides.length,
-                  activeSlideIndex
-                }
-              ),
-              printWhat === "handouts" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                PrintPreview,
-                {
-                  slideIndices: previewSlideIndices,
-                  slidesPerPage,
-                  orientation: effectiveOrientation,
-                  frameSlides
-                }
-              ) }),
-              printWhat === "notes" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
-                NotesPagePreview,
-                {
-                  slideIndices: previewSlideIndices,
-                  slides,
-                  frameSlides
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: t("pptx.print.pageEstimate", {
-                pages: pageCount,
-                slides: slideCount
-              }) }),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                DialogFooter,
-                {
-                  actions: [
-                    { id: "cancel", label: t("pptx.common.cancel") },
-                    {
-                      id: "print",
-                      label: t("pptx.print.printButton"),
-                      variant: "primary",
-                      icon: "print"
-                    }
-                  ],
-                  onAction: (id) => id === "print" ? handlePrint() : onClose()
+                  region: "dialog.print",
+                  renderer: regionRenderer,
+                  close: onClose,
+                  style: { width: "100%", minHeight: "8rem" }
                 }
               ) })
+            ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4 flex gap-5 max-md:flex-col", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  PrintSettingsPanel,
+                  {
+                    printWhat,
+                    onPrintWhatChange: setPrintWhat,
+                    orientation,
+                    onOrientationChange: setOrientation,
+                    colorMode,
+                    onColorModeChange: setColorMode,
+                    frameSlides,
+                    onFrameSlidesChange: setFrameSlides,
+                    slidesPerPage,
+                    onSlidesPerPageChange: setSlidesPerPage,
+                    slideRange,
+                    onSlideRangeChange: setSlideRange,
+                    customFrom,
+                    onCustomFromChange: setCustomFrom,
+                    customTo,
+                    onCustomToChange: setCustomTo,
+                    totalSlides: slides.length,
+                    activeSlideIndex
+                  }
+                ),
+                printWhat === "handouts" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  PrintPreview,
+                  {
+                    slideIndices: previewSlideIndices,
+                    slidesPerPage,
+                    orientation: effectiveOrientation,
+                    frameSlides
+                  }
+                ) }),
+                printWhat === "notes" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  NotesPagePreview,
+                  {
+                    slideIndices: previewSlideIndices,
+                    slides,
+                    frameSlides
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: t("pptx.print.pageEstimate", {
+                  pages: pageCount,
+                  slides: slideCount
+                }) }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  DialogFooter,
+                  {
+                    actions: [
+                      { id: "cancel", label: t("pptx.common.cancel") },
+                      {
+                        id: "print",
+                        label: t("pptx.print.printButton"),
+                        variant: "primary",
+                        icon: "print"
+                      }
+                    ],
+                    onAction: (id) => id === "print" ? handlePrint() : onClose()
+                  }
+                ) })
+              ] })
             ] })
           ]
         }
@@ -28021,14 +28123,15 @@ function BroadcastDialog({
   defaultServerUrl
 }) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkYAODOVJY_js.useCollaboration();
+  const regionRenderer = useRegionRenderer("dialog.broadcast");
+  const collab = chunkTCEDOLGE_js.useCollaboration();
   const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
   const [roomId, setRoomId] = React103.useState("");
   const [userName, setUserName] = React103.useState("");
   const [serverUrl, setServerUrl] = React103.useState("");
   const [copied, setCopied] = React103.useState(false);
   const dialogRef = React103.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React103.useEffect(() => {
     if (open && !isBroadcasting) {
@@ -28124,41 +28227,54 @@ function BroadcastDialog({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4", children: isBroadcasting ? /* @__PURE__ */ jsxRuntime.jsx(
-                ActiveBroadcastView,
-                {
-                  collab,
-                  broadcastUrl,
-                  copied,
-                  onCopyUrl: handleCopyUrl,
-                  onStopBroadcast: handleStopBroadcast
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                StartBroadcastForm,
-                {
-                  roomId,
-                  userName,
-                  serverUrl,
-                  onRoomIdChange: setRoomId,
-                  onUserNameChange: setUserName,
-                  onServerUrlChange: setServerUrl
-                }
-              ) }),
-              !isBroadcasting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
-                DialogFooter,
-                {
-                  actions: [
-                    { id: "close", label: t("pptx.common.close") },
-                    {
-                      id: "start",
-                      label: t("pptx.broadcast.startBroadcast"),
-                      variant: "primary",
-                      disabled: !canStart
-                    }
-                  ],
-                  onAction: (id) => id === "start" ? handleStartBroadcast() : onClose()
-                }
-              ) })
+              regionRenderer ? (
+                // The frame (backdrop, title bar, close, dismiss) stays the viewer's; the host replaces the body.
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ViewerRegion,
+                  {
+                    region: "dialog.broadcast",
+                    renderer: regionRenderer,
+                    close: onClose,
+                    style: { width: "100%", minHeight: "8rem" }
+                  }
+                ) })
+              ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4", children: isBroadcasting ? /* @__PURE__ */ jsxRuntime.jsx(
+                  ActiveBroadcastView,
+                  {
+                    collab,
+                    broadcastUrl,
+                    copied,
+                    onCopyUrl: handleCopyUrl,
+                    onStopBroadcast: handleStopBroadcast
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  StartBroadcastForm,
+                  {
+                    roomId,
+                    userName,
+                    serverUrl,
+                    onRoomIdChange: setRoomId,
+                    onUserNameChange: setUserName,
+                    onServerUrlChange: setServerUrl
+                  }
+                ) }),
+                !isBroadcasting && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  DialogFooter,
+                  {
+                    actions: [
+                      { id: "close", label: t("pptx.common.close") },
+                      {
+                        id: "start",
+                        label: t("pptx.broadcast.startBroadcast"),
+                        variant: "primary",
+                        disabled: !canStart
+                      }
+                    ],
+                    onAction: (id) => id === "start" ? handleStartBroadcast() : onClose()
+                  }
+                ) })
+              ] })
             ]
           }
         )
@@ -28331,7 +28447,7 @@ function ActiveSessionView({
   onCopyRoomId,
   onStopCollaboration
 }) {
-  const { t } = reactI18next.useTranslation(), viewerOptions = chunkYAODOVJY_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 } = reactI18next.useTranslation(), viewerOptions = chunkTCEDOLGE_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,
@@ -28430,7 +28546,7 @@ function StartSessionForm({
   onRetry
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
+  const { viewportWidth } = chunkTCEDOLGE_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: [
@@ -28564,9 +28680,10 @@ function ShareDialog({
   defaultUserName,
   defaultServerUrl
 }) {
-  const collab = chunkYAODOVJY_js.useCollaboration();
+  const collab = chunkTCEDOLGE_js.useCollaboration();
   const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
   const { t } = reactI18next.useTranslation();
+  const regionRenderer = useRegionRenderer("dialog.share");
   const [roomId, setRoomId] = React103.useState(defaultRoomId ?? "");
   const [userName, setUserName] = React103.useState(defaultUserName ?? "");
   const [serverUrl, setServerUrl] = React103.useState(defaultServerUrl ?? "");
@@ -28574,9 +28691,9 @@ function ShareDialog({
   const [invitation, setInvitation] = React103.useState("");
   const [copied, setCopied] = React103.useState(false);
   const dialogRef = React103.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
-  const { viewportWidth, viewportHeight } = chunkYAODOVJY_js.useIsMobile();
+  const { viewportWidth, viewportHeight } = chunkTCEDOLGE_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
@@ -28653,58 +28770,74 @@ function ShareDialog({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4", children: isActive ? /* @__PURE__ */ jsxRuntime.jsx(
-                ActiveSessionView,
-                {
-                  collab,
-                  activeCollaboration,
-                  copied,
-                  onCopyRoomId: handleCopyRoomId,
-                  onStopCollaboration
-                }
-              ) : /* @__PURE__ */ jsxRuntime.jsx(
-                StartSessionForm,
-                {
-                  mode,
-                  invitation,
-                  roomId,
-                  userName,
-                  serverUrl,
-                  onRoomIdChange: setRoomId,
-                  onUserNameChange: setUserName,
-                  onServerUrlChange: setServerUrl,
-                  onModeChange: setMode,
-                  onInvitationChange: setInvitation,
-                  preconfigured,
-                  connectionFailed: collab?.status === "error",
-                  onRetry: collab?.retry
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  className: `flex justify-end gap-2 px-5 py-3 border-t border-border ${stickyFooterClass}`,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(
-                    DialogFooter,
-                    {
-                      actions: [
-                        { id: "cancel", label: isActive ? t("pptx.share.close") : t("pptx.share.cancel") },
-                        ...isActive ? [] : [
+              regionRenderer ? (
+                // The frame (backdrop, title bar, close, dismiss) stays the viewer's; the host replaces the body.
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+                  ViewerRegion,
+                  {
+                    region: "dialog.share",
+                    renderer: regionRenderer,
+                    close: onClose,
+                    style: { width: "100%", minHeight: "8rem" }
+                  }
+                ) })
+              ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-5 py-4", children: isActive ? /* @__PURE__ */ jsxRuntime.jsx(
+                  ActiveSessionView,
+                  {
+                    collab,
+                    activeCollaboration,
+                    copied,
+                    onCopyRoomId: handleCopyRoomId,
+                    onStopCollaboration
+                  }
+                ) : /* @__PURE__ */ jsxRuntime.jsx(
+                  StartSessionForm,
+                  {
+                    mode,
+                    invitation,
+                    roomId,
+                    userName,
+                    serverUrl,
+                    onRoomIdChange: setRoomId,
+                    onUserNameChange: setUserName,
+                    onServerUrlChange: setServerUrl,
+                    onModeChange: setMode,
+                    onInvitationChange: setInvitation,
+                    preconfigured,
+                    connectionFailed: collab?.status === "error",
+                    onRetry: collab?.retry
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: `flex justify-end gap-2 px-5 py-3 border-t border-border ${stickyFooterClass}`,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      DialogFooter,
+                      {
+                        actions: [
                           {
-                            id: "start",
-                            label: t(
-                              mode === "join" ? "pptx.share.joinSession" : "pptx.share.startSharing"
-                            ),
-                            variant: "primary",
-                            disabled: !canStart
-                          }
-                        ]
-                      ],
-                      onAction: (id) => id === "start" ? handleStartSharing() : onClose()
-                    }
-                  )
-                }
-              )
+                            id: "cancel",
+                            label: isActive ? t("pptx.share.close") : t("pptx.share.cancel")
+                          },
+                          ...isActive ? [] : [
+                            {
+                              id: "start",
+                              label: t(
+                                mode === "join" ? "pptx.share.joinSession" : "pptx.share.startSharing"
+                              ),
+                              variant: "primary",
+                              disabled: !canStart
+                            }
+                          ]
+                        ],
+                        onAction: (id) => id === "start" ? handleStartSharing() : onClose()
+                      }
+                    )
+                  }
+                )
+              ] })
             ]
           }
         )
@@ -28859,12 +28992,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(onCancel);
   const inputRef = React103.useRef(null);
-  const detectedType = chunkYAODOVJY_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunkYAODOVJY_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunkYAODOVJY_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunkYAODOVJY_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunkTCEDOLGE_js.detectTargetType(initialUrl, initialAction);
+  const emailParts = chunkTCEDOLGE_js.parseEmailUrl(initialUrl || "");
+  const detectedSlide = chunkTCEDOLGE_js.parseSlideFromUrl(initialUrl, initialAction);
+  const detectedVerb = initialAction ? chunkTCEDOLGE_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React103.useState(detectedType);
   const [url, setUrl] = React103.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -29054,13 +29187,14 @@ function ViewerOverlays({
   reducedMotion,
   onToggleReducedMotion
 }) {
+  const customization = useViewerCustomizationContext();
   const hasOverlay = isShortcutHelpOpen || isAccessibilityPanelOpen || showSlideSorter || showReadingView || showOutlineView;
   if (!hasOverlay) {
     return null;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isShortcutHelpOpen && /* @__PURE__ */ jsxRuntime.jsx(ShortcutPanel, { isOpen: isShortcutHelpOpen, onClose: onCloseShortcuts }),
-    isAccessibilityPanelOpen && /* @__PURE__ */ jsxRuntime.jsx(
+    isAccessibilityPanelOpen && pptx.isPanelVisible(customization, "accessibilityPane") && /* @__PURE__ */ jsxRuntime.jsx(
       AccessibilityPanel,
       {
         isOpen: isAccessibilityPanelOpen,
@@ -29140,12 +29274,41 @@ function ViewerBottomPanels({
   notesStyle,
   onNotesHeightChange
 }) {
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(hiddenActions);
   const customization = useViewerCustomizationContext();
   const showNotes = pptx.isPanelVisible(customization, "notes");
+  const notesRenderer = useRegionRenderer("notes");
+  const statusBarRenderer = useRegionRenderer("statusBar");
+  const [notesSlot, setNotesSlot] = React103.useState(null);
+  const reportsNotesHeight = Boolean(showNotes && notesRenderer);
+  React103.useEffect(() => {
+    if (!notesSlot || !reportsNotesHeight || !onNotesHeightChange) {
+      return void 0;
+    }
+    const stop2 = pptx.observeElementHeight(notesSlot, onNotesHeightChange);
+    return () => {
+      stop2();
+      onNotesHeightChange(0);
+    };
+  }, [notesSlot, reportsNotesHeight, onNotesHeightChange]);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     showNotes && onResizeBottom && !isSlideNotesCollapsed && /* @__PURE__ */ jsxRuntime.jsx(ResizeHandle, { direction: "vertical", onResize: onResizeBottom }),
-    showNotes && /* @__PURE__ */ jsxRuntime.jsx(
+    showNotes && notesRenderer && // The slot (height, resize handle, collapse) stays the viewer's; a
+    // collapsed strip is hidden, not unmounted, so the host keeps its state.
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: setNotesSlot,
+        "data-pptx-chrome": "notes",
+        className: "flex-shrink-0 overflow-hidden border-t border-border/60 bg-background",
+        style: {
+          height: notesPanelHeight ?? 120,
+          display: isSlideNotesCollapsed ? "none" : void 0
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegion, { region: "notes", renderer: notesRenderer })
+      }
+    ),
+    showNotes && !notesRenderer && /* @__PURE__ */ jsxRuntime.jsx(
       SlideNotesPanel,
       {
         activeSlide,
@@ -29159,7 +29322,8 @@ function ViewerBottomPanels({
         onHeightChange: onNotesHeightChange
       }
     ),
-    !hideStatusBar && pptx.isPanelVisible(customization, "statusBar") && /* @__PURE__ */ jsxRuntime.jsx(
+    !hideStatusBar && pptx.isPanelVisible(customization, "statusBar") && statusBarRenderer && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-chrome": "status-bar", className: "flex-shrink-0", children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegion, { region: "statusBar", renderer: statusBarRenderer }) }),
+    !hideStatusBar && pptx.isPanelVisible(customization, "statusBar") && !statusBarRenderer && /* @__PURE__ */ jsxRuntime.jsx(
       StatusBar,
       {
         slideCount,
@@ -29238,9 +29402,23 @@ function ViewerInspector({
   panelWidth
 }) {
   const { t } = reactI18next.useTranslation();
+  const regionRenderer = useRegionRenderer("inspector");
   if (!isOpen) {
     return null;
   }
+  if (regionRenderer) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "data-pptx-inspector": true,
+        role: "complementary",
+        "aria-label": t("pptx.inspector.properties"),
+        className: "h-full flex-shrink-0 max-md:absolute max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:z-30",
+        style: panelWidth ? { width: panelWidth } : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegion, { region: "inspector", renderer: regionRenderer, close: onClose })
+      }
+    );
+  }
   const slideId = activeSlide?.id ?? "";
   const commentDraft = comments.commentDraftBySlideId[slideId] ?? "";
   const editingCommentId = comments.editingCommentIdBySlideId[slideId] ?? null;
@@ -29486,7 +29664,7 @@ function ViewerToolbarSection(props) {
     [activeSlide, propertyHandlers]
   );
   const scopedLayoutOptions = React103__default.default.useMemo(
-    () => chunkYAODOVJY_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
+    () => chunkTCEDOLGE_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
   const handleResetSlide = React103.useCallback(() => {
@@ -29889,7 +30067,7 @@ function ViewerToolbarSection(props) {
         },
         isCommentsPanelOpen: s.isInspectorPaneOpen,
         slideCommentCount: activeSlide?.comments?.length ?? 0,
-        reviewComments: chunkYAODOVJY_js.createReviewCommentsHost({
+        reviewComments: chunkTCEDOLGE_js.createReviewCommentsHost({
           state: s,
           activeSlideIndex,
           updateSlides: ops.updateSlides,
@@ -29983,7 +30161,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(onClose);
   const initialLatex = React103.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -30171,7 +30349,7 @@ function getPreviewForLayout(layout) {
             transform: `scale(${scale})`,
             transformOrigin: "top left"
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkTCEDOLGE_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
         }
       )
     }
@@ -30183,7 +30361,7 @@ function InsertSmartArtDialog({
   onInsert
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkTCEDOLGE_js.useModalDismissDrag(onClose);
   const [activeCategory, setActiveCategory] = React103.useState("list");
   const [selectedLayout, setSelectedLayout] = React103.useState(null);
   const dialogRef = React103.useRef(null);
@@ -30355,7 +30533,8 @@ function ViewerDialogGroup(props) {
     onKeepAnnotations,
     onDiscardAnnotations
   } = props;
-  const printAvailable = pptx.isDialogAvailable(useViewerCustomizationContext(), "print");
+  const customization = useViewerCustomizationContext();
+  const printAvailable = pptx.isDialogAvailable(customization, "print");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       VersionHistoryPanel,
@@ -30369,7 +30548,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsxRuntime.jsx(
       ComparePanel,
       {
-        isOpen: propertyHandlers.isComparePanelOpen,
+        isOpen: propertyHandlers.isComparePanelOpen && pptx.isPanelVisible(customization, "comparePane"),
         compareResult: propertyHandlers.compareResult,
         canvasSize,
         onClose: () => propertyHandlers.setIsComparePanelOpen(false),
@@ -30381,7 +30560,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsxRuntime.jsx(
       PasswordProtectionDialog,
       {
-        isOpen: dialogs.isPasswordDialogOpen,
+        isOpen: dialogs.isPasswordDialogOpen && pptx.isDialogAvailable(customization, "passwordProtection"),
         isCurrentlyProtected: dialogs.isPasswordProtected,
         onClose: () => dialogs.setIsPasswordDialogOpen(false),
         onSetPassword: dialogs.handleSetPassword,
@@ -30421,7 +30600,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsxRuntime.jsx(
       DigitalSignaturesDialog,
       {
-        isOpen: dialogs.isDigitalSigDialogOpen,
+        isOpen: dialogs.isDigitalSigDialogOpen && pptx.isDialogAvailable(customization, "signatures"),
         onClose: () => dialogs.setIsDigitalSigDialogOpen(false),
         hasSignatures: hasDigitalSignatures,
         signatureCount: digitalSignatureCount
@@ -30454,7 +30633,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsxRuntime.jsx(
       EquationEditorDialog,
       {
-        isOpen: dialogs.isEquationDialogOpen,
+        isOpen: dialogs.isEquationDialogOpen && pptx.isDialogAvailable(customization, "equation"),
         onClose: () => dialogs.setIsEquationDialogOpen(false),
         onInsert: dialogs.editingEquationOmml ? insertHandlers.handleUpdateEquation : insertHandlers.handleInsertEquation,
         existingOmml: dialogs.editingEquationOmml
@@ -30463,7 +30642,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsxRuntime.jsx(
       HyperlinkEditDialog,
       {
-        open: dialogs.isHyperlinkDialogOpen,
+        open: dialogs.isHyperlinkDialogOpen && pptx.isDialogAvailable(customization, "hyperlink"),
         initialUrl: selectedElements[0]?.actionClick?.url,
         initialTooltip: selectedElements[0]?.actionClick?.tooltip,
         initialAction: selectedElements[0]?.actionClick?.action,
@@ -30789,11 +30968,11 @@ function PresentationStage({
                       })
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunkTCEDOLGE_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(
-                        chunkYAODOVJY_js.ElementRenderer,
+                        chunkTCEDOLGE_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30830,7 +31009,7 @@ function PresentationStage({
                         `tpl-${element.id}`
                       )),
                       activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkYAODOVJY_js.ElementRenderer,
+                        chunkTCEDOLGE_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30923,6 +31102,7 @@ function PresentationContextMenu(p) {
   );
 }
 function ViewerCanvasArea(props) {
+  const customization = useViewerCustomizationContext();
   const {
     mode,
     canEdit,
@@ -30951,8 +31131,8 @@ function ViewerCanvasArea(props) {
     aiCanvasActive = false
   } = props;
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkYAODOVJY_js.useToolbarVisibility(hiddenActions);
-  const viewerOptions = chunkYAODOVJY_js.useViewerOptionsContext();
+  const { isHidden } = chunkTCEDOLGE_js.useToolbarVisibility(hiddenActions);
+  const viewerOptions = chunkTCEDOLGE_js.useViewerOptionsContext();
   const outlineAuthoring = useOutlineAuthoring({
     state: s,
     updateElement: canvasHandlers.handleUpdateSmartArtElement,
@@ -31090,7 +31270,7 @@ ${url}`)) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunkYAODOVJY_js.useSwipeNavigation({
+  const swipe = chunkTCEDOLGE_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -31115,7 +31295,7 @@ ${url}`)) {
         onTouchEnd: swipe.onTouchEnd,
         onContextMenu: mode === "present" ? handlePresentationContextMenu : void 0,
         children: [
-          findReplace.findReplaceOpen && /* @__PURE__ */ jsxRuntime.jsx(
+          findReplace.findReplaceOpen && pptx.isPanelVisible(customization, "findReplace") && /* @__PURE__ */ jsxRuntime.jsx(
             FindReplacePanel,
             {
               findQuery: findReplace.findQuery,
@@ -31170,7 +31350,7 @@ ${url}`)) {
               ),
               children: (stageScale) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkYAODOVJY_js.PresentationTransitionOverlay,
+                  chunkTCEDOLGE_js.PresentationTransitionOverlay,
                   {
                     outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
                     templateElements,
@@ -31281,14 +31461,14 @@ ${url}`)) {
               outlineAuthoring,
               collaborationOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkYAODOVJY_js.RemoteSelectionOverlay,
+                  chunkTCEDOLGE_js.RemoteSelectionOverlay,
                   {
                     elements: effectiveSlide?.elements ?? [],
                     activeSlideIndex
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkYAODOVJY_js.CollaborationCursorOverlay,
+                  chunkTCEDOLGE_js.CollaborationCursorOverlay,
                   {
                     activeSlideIndex,
                     canvasWidth: canvasSize.width,
@@ -31589,7 +31769,7 @@ function MobileDismissSheet({
   children
 }) {
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers } = chunkYAODOVJY_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunkTCEDOLGE_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -32105,7 +32285,7 @@ function ViewerSidePanels(props) {
         panelWidth
       }
     ),
-    s.isSelectionPaneOpen && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsxRuntime.jsx(
+    s.isSelectionPaneOpen && pptx.isPanelVisible(customization, "selectionPane") && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsxRuntime.jsx(
       MobileDismissSheet,
       {
         onClose: () => s.setIsSelectionPaneOpen(false),
@@ -32300,6 +32480,7 @@ function ViewerMainContent(props) {
     onApplyLayout,
     loadLayoutPreviews
   } = props;
+  const slidesPaneRenderer = useRegionRenderer("slidesPane");
   const {
     ops,
     sectionOps,
@@ -32327,9 +32508,24 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = React103.useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_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(chunkTCEDOLGE_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: [
-      /* @__PURE__ */ jsxRuntime.jsx(
+      slidesPaneRenderer ? (
+        // The rail's slot (width, collapse, resize handle) stays the viewer's.
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "data-pptx-chrome": "slides",
+            className: "h-full flex-shrink-0 overflow-hidden border-r border-border bg-secondary/30",
+            style: {
+              width: leftPanelWidth ?? 220,
+              // Same collapse rule as the built-in rail; hidden, not unmounted.
+              display: state.isSlidesPaneOpen ? void 0 : "none"
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(ViewerRegion, { region: "slidesPane", renderer: slidesPaneRenderer })
+          }
+        )
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
         SlidesPaneSidebar,
         {
           slides,
@@ -32817,7 +33013,7 @@ function MobileChromeOverlay(props) {
     slideSectionGroups,
     canEdit,
     commentCount
-  } = props, { keyboardInset, isKeyboardOpen } = chunkYAODOVJY_js.useKeyboardInsets(), activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
+  } = props, { keyboardInset, isKeyboardOpen } = chunkTCEDOLGE_js.useKeyboardInsets(), activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
     s.setIsInspectorPaneOpen(false);
     s.setIsSlideNotesCollapsed(true);
@@ -33075,157 +33271,6 @@ function OptionsAddInsPane({ addinStatus }) {
     ] })
   ] });
 }
-function readValue(options, control) {
-  const group = options[control.group];
-  const value = group[control.key];
-  return typeof value === "boolean" || typeof value === "number" || typeof value === "string" ? value : void 0;
-}
-function InfoTip({ text }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { title: text, className: "inline-flex cursor-help align-middle", children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuInfo, { className: "ml-1 h-3.5 w-3.5 text-primary/70", "aria-label": text }) });
-}
-var IGNORE_CHANGE = () => void 0;
-function ControlRow({
-  control,
-  options,
-  onOptionChange: emitChange
-}) {
-  const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkYAODOVJY_js.useIsMobile();
-  const fieldMinHeight = pptx.getDensePanelTouchTargetPx(viewportWidth);
-  const value = readValue(options, control);
-  const label = t(control.labelKey);
-  const info = control.infoKey ? /* @__PURE__ */ jsxRuntime.jsx(InfoTip, { text: t(control.infoKey) }) : null;
-  const rowClass = chunk43TOUP5U_js.cn("flex items-center justify-between gap-3 py-1.5", control.indent && "pl-6");
-  const rowStyle = { minHeight: fieldMinHeight };
-  const locked = control.readOnly === true;
-  const lockedTitle = locked ? t("pptx.options.lockedByHost") : void 0;
-  const onOptionChange = locked ? IGNORE_CHANGE : emitChange;
-  if (control.kind === "toggle") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: chunk43TOUP5U_js.cn(rowClass, "cursor-pointer select-none"), style: rowStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-foreground", children: [
-        label,
-        info
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        WebCheckbox,
-        {
-          checked: value === true,
-          "aria-label": label,
-          disabled: locked,
-          title: lockedTitle,
-          onChange: (event) => onOptionChange(
-            control.group,
-            control.key,
-            event.currentTarget.checked
-          )
-        }
-      )
-    ] });
-  }
-  if (control.kind === "select") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rowClass, style: rowStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-foreground", children: [
-        label,
-        info
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        WebSelect,
-        {
-          "aria-label": label,
-          disabled: locked,
-          title: lockedTitle,
-          style: { minHeight: fieldMinHeight },
-          value: typeof value === "string" ? value : "",
-          onChange: (event) => onOptionChange(
-            control.group,
-            control.key,
-            event.currentTarget.value
-          ),
-          children: control.choices.map((choice) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: choice.value, children: t(choice.labelKey) }, choice.value))
-        }
-      )
-    ] });
-  }
-  if (control.kind === "number") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rowClass, style: rowStyle, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-foreground", children: [
-        label,
-        info
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "input",
-          {
-            type: "number",
-            "aria-label": label,
-            disabled: locked,
-            title: lockedTitle,
-            style: { minHeight: fieldMinHeight },
-            className: "w-20 rounded border border-border bg-background px-2 py-1 text-right text-xs text-foreground",
-            min: control.min,
-            max: control.max,
-            step: control.step ?? 1,
-            value: typeof value === "number" ? value : control.min,
-            onChange: (event) => {
-              const clamped = pptx.clampOptionNumber(event.target.value, control.min, control.max);
-              if (clamped !== void 0) {
-                onOptionChange(control.group, control.key, clamped);
-              }
-            }
-          }
-        ),
-        control.unitKey && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: t(control.unitKey) })
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: rowClass, style: rowStyle, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-foreground", children: [
-      label,
-      info
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "text",
-        "aria-label": label,
-        disabled: locked,
-        title: lockedTitle,
-        style: { minHeight: fieldMinHeight },
-        className: "w-48 max-w-[55%] rounded border border-border bg-background px-2 py-1 text-xs text-foreground",
-        maxLength: control.maxLength,
-        value: typeof value === "string" ? value : "",
-        onChange: (event) => onOptionChange(control.group, control.key, event.target.value)
-      }
-    )
-  ] });
-}
-function OptionsPane({
-  tab,
-  options,
-  onOptionChange,
-  renderSpecial,
-  children
-}) {
-  const { t } = reactI18next.useTranslation();
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: t(tab.descriptionKey) }),
-    tab.sections.map((section) => /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t(section.titleKey) }),
-      section.descriptionKey && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t(section.descriptionKey) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-0.5", children: section.controls.map((control) => /* @__PURE__ */ jsxRuntime.jsx(
-        ControlRow,
-        {
-          control,
-          options,
-          onOptionChange
-        },
-        `${control.group}.${control.key}.${section.id}`
-      )) }),
-      section.special && renderSpecial?.(section)
-    ] }, section.id)),
-    children
-  ] });
-}
 function CommandList({
   title,
   commandIds,
@@ -33452,7 +33497,7 @@ async function exportAiChatLogs(options) {
     chats,
     { format: options?.format, detailed: options?.detailed, now: options?.now },
     (filename, content, mime) => {
-      chunkYAODOVJY_js.downloadBlob(new Blob([content], { type: mime }), filename);
+      chunkTCEDOLGE_js.downloadBlob(new Blob([content], { type: mime }), filename);
     }
   );
 }
@@ -33670,10 +33715,11 @@ function SettingsLanguageTab({
     );
   }) });
 }
-var AI_TAB_ID = "ai";
 var NO_CUSTOM_FONT_FAMILIES = [];
-function SettingsDialog({
-  isOpen,
+function SettingsDialog(props) {
+  return props.isOpen ? /* @__PURE__ */ jsxRuntime.jsx(OpenSettingsDialog, { ...props }) : null;
+}
+function OpenSettingsDialog({
   onClose,
   options,
   onOptionChange,
@@ -33694,272 +33740,98 @@ function SettingsDialog({
   customFontFamilies = NO_CUSTOM_FONT_FAMILIES,
   onCustomFontRegistered
 }) {
-  const [activeTabId, setActiveTabId] = React103.useState("general");
   const { t } = reactI18next.useTranslation();
   const customization = useViewerCustomizationContext();
-  const { panelStyle, handlers: dragHandlers } = chunkYAODOVJY_js.useModalDismissDrag(onClose);
-  const { viewportWidth, viewportHeight } = chunkYAODOVJY_js.useIsMobile();
-  const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
-  const navBtnStyle = { minHeight: touchTargetPx, minWidth: touchTargetPx };
-  const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const footerBtnStyle = { minHeight: touchTargetPx };
-  const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
-  const snapshotRef = React103.useRef(null);
-  const wasOpenRef = React103.useRef(false);
-  React103.useEffect(() => {
-    if (isOpen && !wasOpenRef.current) {
-      snapshotRef.current = options;
-    }
-    wasOpenRef.current = isOpen;
-  }, [isOpen, options]);
-  const handleCancel = React103.useCallback(() => {
-    if (snapshotRef.current) {
-      onRestoreOptions(snapshotRef.current);
-    }
-    onClose();
-  }, [onClose, onRestoreOptions]);
-  const handleKeyDown = React103.useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    },
-    [onClose]
+  const regionBase = React103.useContext(ViewerRegionBaseContext);
+  const regionContext = React103.useMemo(
+    () => regionBase ? { ...regionBase, region: "dialog.options", close: onClose } : null,
+    [regionBase, onClose]
   );
-  React103.useEffect(() => {
-    if (isOpen) {
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }
-  }, [isOpen, handleKeyDown]);
-  if (!isOpen) {
-    return null;
-  }
-  const tabs = pptx.customizeOptionsTabs(pptx.VIEWER_OPTIONS_TABS, customization);
-  const showAiTab = Boolean(aiEnabled) && pptx.isOptionsPageVisible(customization, AI_TAB_ID);
-  const activeTab = tabs.find((tab) => tab.id === activeTabId) ?? tabs[0];
-  const aiActive = activeTabId === AI_TAB_ID && showAiTab;
-  if (!activeTab) {
-    return null;
-  }
-  const currentTabId = aiActive ? AI_TAB_ID : activeTab.id;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
+  const dialogRef = React103.useRef(null);
+  const bindingRef = React103.useRef(null);
+  const [category, setCategory] = React103.useState("general");
+  const latest = React103.useRef({ onClose, onOptionChange, onRestoreOptions, onResetOptions });
+  latest.current = { onClose, onOptionChange, onRestoreOptions, onResetOptions };
+  React103.useLayoutEffect(() => {
+    const binding = pptx.bindPptxOptionsDialog(dialogRef.current, {
+      setOption: (group, key, value) => latest.current.onOptionChange(group, key, value),
+      restoreOptions: (snapshot) => latest.current.onRestoreOptions(snapshot),
+      resetOptions: () => latest.current.onResetOptions(),
+      close: () => latest.current.onClose(),
+      categoryChanged: setCategory
+    });
+    bindingRef.current = binding;
+    return () => {
+      binding.dispose();
+      bindingRef.current = null;
+    };
+  }, []);
+  React103.useLayoutEffect(() => {
+    bindingRef.current?.sync({
+      options,
+      t,
+      customization,
+      aiEnabled: Boolean(aiEnabled),
+      regionContext
+    });
+  }, [options, t, customization, aiEnabled, regionContext]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("pptx-ui-options-dialog", { ref: dialogRef, children: [
+    category === "general" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { slot: pptx.optionsBlockSlot("themePicker"), className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+        SettingsAppearanceTab,
+        {
+          activeThemeKey: themeKey,
+          themes: availableThemes,
+          onSelectTheme
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { slot: pptx.optionsBlockSlot("customFonts"), children: /* @__PURE__ */ jsxRuntime.jsx(
+        SettingsCustomFontsSection,
+        {
+          enabled: options.general.enableCustomFontUpload,
+          families: customFontFamilies,
+          onRegistered: (family) => onCustomFontRegistered?.(family)
+        }
+      ) })
+    ] }),
+    category === "save" && /* @__PURE__ */ jsxRuntime.jsxs("div", { slot: pptx.optionsBlockSlot("clearCache"), className: "mt-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.save.clearCacheDescription") }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClearCache,
+          className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
+          children: t("pptx.options.save.clearCacheNow")
+        }
+      )
+    ] }),
+    category === "language" && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: pptx.optionsBlockSlot("language"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      SettingsLanguageTab,
       {
-        type: "button",
-        style: { zIndex: 1200 },
-        className: "fixed inset-0 bg-black/60",
-        "aria-label": t("pptx.settings.closeSettings"),
-        onClick: onClose
+        activeLocale: localeCode,
+        locales: availableLocales,
+        onSelectLocale
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
+    ) }),
+    category === "ribbon" && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: pptx.optionsPaneSlot("ribbon"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      OptionsRibbonPane,
       {
-        style: { zIndex: 1201 },
-        className: "fixed inset-0 flex items-center justify-center pointer-events-none",
-        children: /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            style: panelStyle,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": t("pptx.options.title"),
-            className: "pointer-events-auto flex max-h-[85vh] w-[min(56rem,calc(100%-2rem))] flex-col rounded-xl border border-border bg-popover shadow-2xl backdrop-blur-xl max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:max-h-[88dvh] max-md:w-full max-md:rounded-t-2xl max-md:rounded-b-none max-md:border-x-0 max-md:border-b-0 max-md:pb-[max(env(safe-area-inset-bottom),0px)]",
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  ...dragHandlers,
-                  className: "flex items-center justify-between border-b border-border/60 px-5 py-4 touch-none",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lu.LuSettings, { className: "h-5 w-5 text-primary" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("pptx.options.title") })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: onClose,
-                        style: closeBtnStyle,
-                        className: "rounded p-1 transition-colors hover:bg-accent inline-flex items-center justify-center",
-                        "aria-label": t("pptx.settings.close"),
-                        children: /* @__PURE__ */ jsxRuntime.jsx(lu.LuX, { className: "h-4 w-4 text-muted-foreground" })
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-h-0 flex-1 max-md:flex-col", children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "nav",
-                  {
-                    "aria-label": t("pptx.options.title"),
-                    className: "w-44 shrink-0 space-y-0.5 overflow-y-auto border-r border-border/60 p-2 max-md:flex max-md:w-full max-md:space-y-0 max-md:gap-1 max-md:overflow-x-auto max-md:border-b max-md:border-r-0",
-                    children: [
-                      tabs.map((tab) => /* @__PURE__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => setActiveTabId(tab.id),
-                          "aria-current": currentTabId === tab.id,
-                          style: navBtnStyle,
-                          className: chunk43TOUP5U_js.cn(
-                            "flex w-full items-center whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
-                            currentTabId === tab.id ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
-                          ),
-                          children: t(tab.labelKey)
-                        },
-                        tab.id
-                      )),
-                      showAiTab && /* @__PURE__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => setActiveTabId(AI_TAB_ID),
-                          "aria-current": aiActive,
-                          style: navBtnStyle,
-                          className: chunk43TOUP5U_js.cn(
-                            "flex w-full items-center whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
-                            aiActive ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
-                          ),
-                          children: t("pptx.ai.settingsSectionTitle")
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: aiActive ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: t("pptx.ai.settingsSectionTitle") }),
-                  /* @__PURE__ */ jsxRuntime.jsx(SettingsAiTab, { store: chatStore })
-                ] }) : activeTab.custom === "language" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("section", { children: [
-                    /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.options.language.displayLanguage") }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.language.displayLanguageDescription") }),
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      SettingsLanguageTab,
-                      {
-                        activeLocale: localeCode,
-                        locales: availableLocales,
-                        onSelectLocale
-                      }
-                    )
-                  ] })
-                ] }) : activeTab.custom === "ribbon" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    OptionsRibbonPane,
-                    {
-                      options,
-                      onRibbonTabHiddenChange,
-                      onResetRibbon: () => onResetOptions("ribbon")
-                    }
-                  )
-                ] }) : activeTab.custom === "addIns" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
-                  /* @__PURE__ */ jsxRuntime.jsx(OptionsAddInsPane, { addinStatus })
-                ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-                  OptionsPane,
-                  {
-                    tab: activeTab,
-                    options,
-                    onOptionChange,
-                    renderSpecial: (section) => {
-                      if (section.special === "themePicker") {
-                        return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          SettingsAppearanceTab,
-                          {
-                            activeThemeKey: themeKey,
-                            themes: availableThemes,
-                            onSelectTheme
-                          }
-                        ) });
-                      }
-                      if (section.special === "customFonts") {
-                        return /* @__PURE__ */ jsxRuntime.jsx(
-                          SettingsCustomFontsSection,
-                          {
-                            enabled: options.general.enableCustomFontUpload,
-                            families: customFontFamilies,
-                            onRegistered: (family) => onCustomFontRegistered?.(family)
-                          }
-                        );
-                      }
-                      if (section.special === "clearCache") {
-                        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2", children: [
-                          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.save.clearCacheDescription") }),
-                          /* @__PURE__ */ jsxRuntime.jsx(
-                            "button",
-                            {
-                              type: "button",
-                              onClick: onClearCache,
-                              className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
-                              children: t("pptx.options.save.clearCacheNow")
-                            }
-                          )
-                        ] });
-                      }
-                      return null;
-                    },
-                    children: activeTab.custom === "quickAccess" && /* @__PURE__ */ jsxRuntime.jsx(
-                      OptionsQuickAccessPane,
-                      {
-                        options,
-                        onQuickAccessCommandsChange,
-                        onResetQuickAccess: () => onQuickAccessCommandsChange([...pptx.DEFAULT_QUICK_ACCESS_COMMAND_IDS])
-                      }
-                    )
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs(
-                "div",
-                {
-                  className: `flex items-center justify-between gap-2 border-t border-border/60 px-5 py-3 ${stickyFooterClass}`,
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => onResetOptions(),
-                        style: footerBtnStyle,
-                        className: "rounded border border-border px-3 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-                        children: t("pptx.options.resetAll")
-                      }
-                    ),
-                    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: handleCancel,
-                          style: footerBtnStyle,
-                          className: "rounded border border-border px-4 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
-                          children: t("pptx.common.cancel")
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntime.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: onClose,
-                          style: footerBtnStyle,
-                          className: "rounded bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90",
-                          children: t("pptx.common.ok")
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              )
-            ]
-          }
-        )
+        options,
+        onRibbonTabHiddenChange,
+        onResetRibbon: () => onResetOptions("ribbon")
       }
-    )
+    ) }),
+    category === "quickAccess" && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: pptx.optionsPaneSlot("quickAccess"), children: /* @__PURE__ */ jsxRuntime.jsx(
+      OptionsQuickAccessPane,
+      {
+        options,
+        onQuickAccessCommandsChange,
+        onResetQuickAccess: () => onQuickAccessCommandsChange([...pptx.DEFAULT_QUICK_ACCESS_COMMAND_IDS])
+      }
+    ) }),
+    category === "addIns" && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: pptx.optionsPaneSlot("addIns"), children: /* @__PURE__ */ jsxRuntime.jsx(OptionsAddInsPane, { addinStatus }) }),
+    category === pptx.AI_OPTIONS_CATEGORY && /* @__PURE__ */ jsxRuntime.jsx("div", { slot: pptx.optionsPaneSlot(pptx.AI_OPTIONS_CATEGORY), children: /* @__PURE__ */ jsxRuntime.jsx(SettingsAiTab, { store: chatStore }) })
   ] });
 }
 function ViewerOptionsProvider({
@@ -33967,7 +33839,7 @@ function ViewerOptionsProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.ViewerOptionsContext.Provider, { value: options, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkTCEDOLGE_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTCEDOLGE_js.ViewerOptionsContext.Provider, { value: options, children }) });
 }
 function useAiBridge(input) {
   const ref = React103.useRef(input);
@@ -34255,6 +34127,31 @@ function useAutosaveCacheMaintenance(viewerOptions) {
   }, [viewerOptions]);
   return handleClearOptionsCache;
 }
+function useLoadNotifications(input) {
+  const { loading, error } = input;
+  const latest = React103.useRef(input);
+  latest.current = input;
+  const wasLoading = React103.useRef(loading);
+  const announcedError = React103.useRef(null);
+  React103.useEffect(() => {
+    const finished = wasLoading.current && !loading;
+    wasLoading.current = loading;
+    if (finished && !latest.current.error) {
+      latest.current.onLoad?.({
+        slideCount: latest.current.slideCount,
+        canvasSize: latest.current.canvasSize
+      });
+    }
+  }, [loading]);
+  React103.useEffect(() => {
+    if (error && error !== announcedError.current) {
+      announcedError.current = error;
+      latest.current.onError?.(error);
+    } else if (!error) {
+      announcedError.current = null;
+    }
+  }, [error]);
+}
 function useMasterViewCrud(input) {
   const {
     handlerRef,
@@ -34288,7 +34185,7 @@ function useMasterViewCrud(input) {
       if (id === "renameLayout" || id === "renameMaster") {
         const master = slideMasters[target.masterIndex];
         const current = id === "renameLayout" ? master?.layouts?.[target.layoutIndex ?? -1]?.name ?? "" : master?.name ?? "";
-        const next = chunkYAODOVJY_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
+        const next = chunkTCEDOLGE_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
         if (!next) {
           return;
         }
@@ -34628,6 +34525,8 @@ var PowerPointViewer = React103.forwardRef(
       onZoomChange,
       onSelectionChange,
       onSlideCountChange,
+      onLoad,
+      onError,
       onOpenFile: hostOpenFile,
       theme,
       defaultThemeKey,
@@ -34751,7 +34650,7 @@ var PowerPointViewer = React103.forwardRef(
         }
       })();
     }, []);
-    const { optionsStore, options: viewerOptions } = chunkYAODOVJY_js.useViewerOptions();
+    const { optionsStore, options: viewerOptions } = chunkTCEDOLGE_js.useViewerOptions();
     const custom = useViewerCustomization(customization, legacyHiddenActions, optionsStore);
     const { resolved: customizationResolved, hiddenActions } = custom;
     const aiEnabled = Boolean(ai) && pptx.isFeatureEnabled(customizationResolved, "ai");
@@ -34765,12 +34664,12 @@ var PowerPointViewer = React103.forwardRef(
     const handleEnableEditing = React103.useCallback(() => {
       setProtectedViewOverridden(true);
     }, []);
-    const readOnlyRec = chunkYAODOVJY_js.useReadOnlyRecommendationState(content);
-    const compatToastsState = chunkYAODOVJY_js.useCompatibilityToastsState();
+    const readOnlyRec = chunkTCEDOLGE_js.useReadOnlyRecommendationState(content);
+    const compatToastsState = chunkTCEDOLGE_js.useCompatibilityToastsState();
     const [notesBarHeight, setNotesBarHeight] = React103.useState(0);
     const runProgramNoticesState = useRunProgramNoticesState();
     const [collaborationReadOnly, setCollaborationReadOnly] = React103.useState(Boolean(collaboration));
-    const canEdit = hostCanEdit && !collaborationReadOnly && !isProtectedView && !readOnlyRec.locked;
+    const canEdit = hostCanEdit && pptx.isEditingAllowed(customizationResolved) && !collaborationReadOnly && !isProtectedView && !readOnlyRec.locked;
     const [isSettingsOpen, setIsSettingsOpen] = React103.useState(false);
     const [isHeaderFooterOpen, setIsHeaderFooterOpen] = React103.useState(false);
     const [autosaveEnabled, setAutosaveEnabled] = React103.useState(true);
@@ -34781,8 +34680,8 @@ var PowerPointViewer = React103.forwardRef(
       filePath
     });
     const [isShareDialogOpen, setIsShareDialogOpen] = React103.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunkYAODOVJY_js.useReducedMotion();
-    const state = chunkYAODOVJY_js.useViewerState({
+    const { reducedMotion, toggleReducedMotion } = chunkTCEDOLGE_js.useReducedMotion();
+    const state = chunkTCEDOLGE_js.useViewerState({
       content,
       canEdit,
       inspectorInitiallyOpen: props.inspectorInitiallyOpen
@@ -34802,6 +34701,14 @@ var PowerPointViewer = React103.forwardRef(
       activeSlide,
       selectedElement
     } = state;
+    useLoadNotifications({
+      loading,
+      error,
+      slideCount: slides.length,
+      canvasSize,
+      onLoad,
+      onError
+    });
     const { pushColor } = useRecentColorsSync({
       setRecentColors: state.setRecentColors,
       setPresentationProperties: state.setPresentationProperties
@@ -34898,16 +34805,16 @@ var PowerPointViewer = React103.forwardRef(
       }
     }, [settings, optionsStore]);
     const handleClearOptionsCache2 = useAutosaveCacheMaintenance(viewerOptions);
-    const mobile = chunkYAODOVJY_js.useIsMobile();
+    const mobile = chunkTCEDOLGE_js.useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunkYAODOVJY_js.useResizablePanels();
+    const resizablePanels = chunkTCEDOLGE_js.useResizablePanels();
     const {
       gridSpacingPx,
       visibleSlideIndexes,
       slideSectionGroups,
       masterPseudoSlide,
       authoredRange
-    } = chunkYAODOVJY_js.useDerivedSlideState({
+    } = chunkTCEDOLGE_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -34932,7 +34839,7 @@ var PowerPointViewer = React103.forwardRef(
         state.cropSessionRef
       ]
     );
-    const zoom = chunkYAODOVJY_js.useZoomViewport({
+    const zoom = chunkTCEDOLGE_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements,
       fitPadding: props.fitPadding,
@@ -34942,7 +34849,7 @@ var PowerPointViewer = React103.forwardRef(
     const markDocumentDirty = React103.useCallback(() => {
       setIsDirty(true);
     }, [setIsDirty]);
-    const history = chunkYAODOVJY_js.useEditorHistory({
+    const history = chunkTCEDOLGE_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -34968,7 +34875,7 @@ var PowerPointViewer = React103.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkYAODOVJY_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkTCEDOLGE_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -35043,7 +34950,7 @@ ${url}`)
       loading,
       error
     ]);
-    chunkYAODOVJY_js.useTouchGestures({
+    chunkTCEDOLGE_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -35065,7 +34972,7 @@ ${url}`)
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunkYAODOVJY_js.useViewerDialogs({
+    const dialogs = chunkTCEDOLGE_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -35114,7 +35021,7 @@ ${url}`)
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunkYAODOVJY_js.useEditorOperations({
+    const editorOps = chunkTCEDOLGE_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -35155,8 +35062,9 @@ ${url}`)
       isEncryptedDialogOpen,
       setIsEncryptedDialogOpen,
       handlerRef,
+      viewerApi,
       loadVersion
-    } = chunkYAODOVJY_js.useViewerIntegration({
+    } = chunkTCEDOLGE_js.useViewerIntegration({
       transformCommittedText: (text) => pptx.applyAutoCorrect(text, viewerOptions.proofing),
       state,
       zoom,
@@ -35260,7 +35168,7 @@ ${url}`)
       updateThemeFontScheme: themeHandlers.handleUpdateThemeFontScheme
     });
     const ribbonScope = useRibbonScopeToken();
-    const viewPreferencesSync = chunkYAODOVJY_js.useViewPreferencesSync({
+    const viewPreferencesSync = chunkTCEDOLGE_js.useViewPreferencesSync({
       loadVersion,
       viewProperties: state.viewProperties,
       setViewProperties: state.setViewProperties,
@@ -35298,7 +35206,7 @@ ${url}`)
       },
       [state]
     );
-    const layoutSwitching = chunkYAODOVJY_js.useLayoutSwitching({
+    const layoutSwitching = chunkTCEDOLGE_js.useLayoutSwitching({
       handler: handlerRef.current,
       slides,
       activeSlideIndex,
@@ -35386,6 +35294,20 @@ ${url}`)
       collaboration: Boolean(collaboration),
       locales: resolvedLocales.length > 1
     };
+    const selectionKey = state.effectiveSelectedIds.join("\0");
+    const regionBase = React103.useMemo(
+      () => ({
+        viewer: viewerApi,
+        mode,
+        canEdit,
+        activeSlideIndex,
+        slideCount: slides.length,
+        selectedElementIds: [...state.effectiveSelectedIds],
+        locale: localeCode
+      }),
+      // oxlint-disable-next-line react-hooks/exhaustive-deps -- selectionKey stands for the ids
+      [viewerApi, mode, canEdit, activeSlideIndex, slides.length, selectionKey, localeCode]
+    );
     const viewerContent = /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
@@ -35456,7 +35378,7 @@ ${url}`)
                     isAiPanelOpen: aiPanel.isOpen,
                     onToggleAiPanel: aiPanel.toggle,
                     isProtectedView,
-                    onEnableEditing: hostCanEdit ? handleEnableEditing : void 0,
+                    onEnableEditing: hostCanEdit && pptx.isEditingAllowed(customizationResolved) ? handleEnableEditing : void 0,
                     onSetSnapToGrid: viewPreferencesSync.handleSetSnapToGrid,
                     onSetSnapToShape: viewPreferencesSync.handleSetSnapToShape,
                     onSetShowGuides: viewPreferencesSync.handleSetShowGuides
@@ -35620,7 +35542,7 @@ ${url}`)
           /* @__PURE__ */ jsxRuntime.jsx(
             PasteSpecialDialog,
             {
-              isOpen: editorOps.pasteSpecial.isPasteSpecialDialogOpen,
+              isOpen: editorOps.pasteSpecial.isPasteSpecialDialogOpen && pptx.isDialogAvailable(customizationResolved, "pasteSpecial"),
               onCancel: editorOps.pasteSpecial.closePasteSpecialDialog,
               onConfirm: (format) => {
                 void editorOps.pasteSpecial.pasteWithFormat(format);
@@ -35789,8 +35711,8 @@ ${url}`)
       // 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(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsxRuntime.jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYAODOVJY_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkYAODOVJY_js.CollaborationProvider,
+      /* @__PURE__ */ jsxRuntime.jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, 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(chunkTCEDOLGE_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkTCEDOLGE_js.CollaborationProvider,
         {
           config: collaboration,
           canvasWidth: canvasSize.width,
@@ -35842,13 +35764,13 @@ ${url}`)
             /* @__PURE__ */ jsxRuntime.jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsxRuntime.jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: viewerContent }) })
           ]
         }
-      ) }) }) }) }) }) })
+      ) }) }) }) }) }) }) })
     );
   }
 );
 PowerPointViewer.displayName = "PowerPointViewer";
 function CollaborationStatusStrip() {
-  const collab = chunkYAODOVJY_js.useCollaboration();
+  const collab = chunkTCEDOLGE_js.useCollaboration();
   if (!collab) {
     return null;
   }
@@ -35872,8 +35794,8 @@ function CollaborationDocumentSync({
   deckSaveState,
   onReadOnlyChange
 }) {
-  const collab = chunkYAODOVJY_js.useCollaboration();
-  chunkYAODOVJY_js.useCollaborationDocumentSync({
+  const collab = chunkTCEDOLGE_js.useCollaboration();
+  chunkTCEDOLGE_js.useCollaborationDocumentSync({
     collaboration: collab,
     slides,
     templateElementsBySlideId,
@@ -35892,14 +35814,14 @@ function CollaborationFollowLayer({
   setActiveSlideIndex,
   slideCount
 }) {
-  const collab = chunkYAODOVJY_js.useCollaboration();
-  const { followedClientId, followUser } = chunkYAODOVJY_js.useFollowMode({
+  const collab = chunkTCEDOLGE_js.useCollaboration();
+  const { followedClientId, followUser } = chunkTCEDOLGE_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunkYAODOVJY_js.useBroadcastFollower({
+  chunkTCEDOLGE_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,