pptx-react-viewer 4.35.0 → 4.36.1

package/dist/{chunk-KYMELPA6.js → chunk-EES3TLMQ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkEL2KJ7PU_js = require('./chunk-EL2KJ7PU.js');
+var chunkX5CTZHOP_js = require('./chunk-X5CTZHOP.js');
 var chunk4MGJUBY7_js = require('./chunk-4MGJUBY7.js');
 var pptx = require('ooxml-ui/pptx');
 var React101 = require('react');
@@ -307,7 +307,7 @@ function SlideTemplatePreview({
             transformOrigin: "top left"
           },
           children: previewSlide.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-            chunkEL2KJ7PU_js.StaticElementRenderer,
+            chunkX5CTZHOP_js.StaticElementRenderer,
             {
               element,
               activeSlide: previewSlide,
@@ -376,7 +376,7 @@ function SlideTemplateGalleryDialog({
   scheme
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onClose);
   const [selected, setSelected] = React101.useState(null);
   const dialogRef = React101.useRef(null);
   useModalFocus(isOpen, dialogRef, onClose);
@@ -733,7 +733,7 @@ function WebHomeControls({
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
   const crop = commands?.crop;
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(p.hiddenActions);
   const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
   const controls = React101.useMemo(
     () => pptx.arrangeShapeHomeControls({
@@ -1056,7 +1056,7 @@ function TransitionsSection(p) {
         case "soundPreview": {
           const url = pptx.ribbonTransitionStockSoundUrl(transition);
           if (url) {
-            chunkEL2KJ7PU_js.playAnimationSound(url);
+            chunkX5CTZHOP_js.playAnimationSound(url);
           }
           break;
         }
@@ -1215,7 +1215,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.35.0" ;
+  const version = "4.36.1" ;
   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: [
@@ -1478,7 +1478,7 @@ function FileSection(p) {
   const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
   const [query, setQuery] = React101.useState("");
   const [recent, setRecent] = React101.useState([]);
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(p.hiddenActions);
   const exportHidden = isHidden("export");
   React101.useEffect(() => {
     void pptx.listBackstageRecentFiles(t, p.recentPresentationsCount).then(setRecent);
@@ -1808,7 +1808,7 @@ function LayoutArtwork({
     backgroundColor
   };
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-    chunkEL2KJ7PU_js.StaticElementRenderer,
+    chunkX5CTZHOP_js.StaticElementRenderer,
     {
       element,
       activeSlide: slide,
@@ -2425,7 +2425,7 @@ function SlideShowOptions({
 }
 function SubtitleSettingsControl() {
   const { t } = reactI18next.useTranslation();
-  const supplied = React101.useContext(chunkEL2KJ7PU_js.ViewerOptionsStoreContext);
+  const supplied = React101.useContext(chunkX5CTZHOP_js.ViewerOptionsStoreContext);
   const fallback = React101.useRef(null);
   if (!supplied) {
     fallback.current ??= pptx.createViewerOptionsStore({ persist: false });
@@ -2459,7 +2459,7 @@ function SubtitleSettingsControl() {
 }
 function SlideShowSection(p) {
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(p.hiddenActions);
   const [showsOpen, setShowsOpen] = React101.useState(false);
   const showsRef = React101.useRef(null);
   React101.useEffect(() => {
@@ -2993,7 +2993,7 @@ function MobileSheet({
 }) {
   const sheetRef = React101.useRef(null);
   const { t } = reactI18next.useTranslation();
-  const { dragY, dragging, handlers } = chunkEL2KJ7PU_js.useSheetDismissDrag(onClose);
+  const { dragY, dragging, handlers } = chunkX5CTZHOP_js.useSheetDismissDrag(onClose);
   useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
@@ -3081,7 +3081,7 @@ function MobileMenuSheet(props) {
   const { t } = reactI18next.useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = React101.useState("home");
-  const { isTabVisible } = chunkEL2KJ7PU_js.useToolbarVisibility(props.hiddenActions);
+  const { isTabVisible } = chunkX5CTZHOP_js.useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsxRuntime.jsx(
     MobileSheet,
     {
@@ -3362,7 +3362,7 @@ function MobileToolbar(props) {
   const { t } = reactI18next.useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = React101.useState(false);
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(props.hiddenActions);
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const hidden = [];
   if (isHidden("undo")) {
@@ -3410,7 +3410,7 @@ function PictureSizeStrip({
   hiddenActions
 }) {
   const crop = useShapeFormatContext()?.crop;
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(hiddenActions);
   const controls = React101.useMemo(
     () => pptx.pictureSizeHomeControls({
       editable: Boolean(crop),
@@ -3582,7 +3582,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 = chunkEL2KJ7PU_js.useViewerOptionsContext();
+  const viewerOptions = chunkX5CTZHOP_js.useViewerOptionsContext();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -3659,9 +3659,9 @@ function RibbonTabBar(p) {
 }
 function TabRowActions(p) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
+  const collab = chunkX5CTZHOP_js.useCollaboration();
   const isCollaborating = Boolean(collab && collab.status === "connected");
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(p.hiddenActions);
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(p.hiddenActions);
   const customization = useViewerCustomizationContext();
   const ref = React101.useRef(null);
   const handlers = React101.useRef(p);
@@ -3716,7 +3716,7 @@ function TabRowActions(p) {
 }
 function TitleBarElement(p) {
   const { t } = reactI18next.useTranslation();
-  const options = chunkEL2KJ7PU_js.useViewerOptionsContext();
+  const options = chunkX5CTZHOP_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const ref = React101.useRef(null);
   const stripVisible = options.quickAccess.visible && pptx.isPanelVisible(customization, "quickAccessToolbar");
@@ -4052,7 +4052,7 @@ function ToolbarPrimaryRow(p) {
     onToggleSidebar,
     onToggleInspector
   } = p;
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
+  const collab = chunkX5CTZHOP_js.useCollaboration();
   const customization = useViewerCustomizationContext();
   const showSlidesToggle = pptx.isPanelVisible(customization, "slidesPane");
   const showInspectorToggle = pptx.isPanelVisible(customization, "inspector");
@@ -4350,8 +4350,8 @@ function ToolbarLateTabs({
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = reactI18next.useTranslation();
-  const { isTabVisible } = chunkEL2KJ7PU_js.useToolbarVisibility(p.hiddenActions);
-  const viewerOptions = chunkEL2KJ7PU_js.useViewerOptionsContext();
+  const { isTabVisible } = chunkX5CTZHOP_js.useToolbarVisibility(p.hiddenActions);
+  const viewerOptions = chunkX5CTZHOP_js.useViewerOptionsContext();
   const customization = useViewerCustomizationContext();
   const belowInput = React101.useMemo(
     () => ({
@@ -5328,7 +5328,7 @@ function DrawingOverlaySvg({
       onPointerDown,
       onPointerMove,
       onPointerUp,
-      children: isStrokeActive && liveStrokeView ? chunkEL2KJ7PU_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
+      children: isStrokeActive && liveStrokeView ? chunkX5CTZHOP_js.renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsxRuntime.jsx(
         "path",
         {
           d: liveStrokeD,
@@ -5907,7 +5907,7 @@ function PictureCropOverlay({
     };
   };
   const { ghost, frame, handles } = overlay;
-  const src = chunkEL2KJ7PU_js.imgSrc(element);
+  const src = chunkX5CTZHOP_js.imgSrc(element);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -6347,7 +6347,7 @@ function SelectionHandleOverlay({
       onDoubleClick: (e) => onDoubleClick(element.id, e),
       onContextMenu: (e) => onContextMenu(element.id, e),
       children: /* @__PURE__ */ jsxRuntime.jsx(
-        chunkEL2KJ7PU_js.ResizeHandles,
+        chunkX5CTZHOP_js.ResizeHandles,
         {
           elementId: element.id,
           adjustmentHandles,
@@ -7058,7 +7058,7 @@ function SlideCanvas(props) {
       props.registerInlineEditReader
     ]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkX5CTZHOP_js.InlineCollaborationContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(SlideCanvasContent, { ...props }) });
 }
 function SlideCanvasContent({
   imagePaste,
@@ -7327,7 +7327,7 @@ function SlideCanvasContent({
                 onPointerMove: handleStagePointerMove,
                 onPointerUp: handleStagePointerUp,
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkX5CTZHOP_js.SlideBackgroundImageLayer, { slide: activeSlide }),
                   presentationKeyframesCss && /* @__PURE__ */ jsxRuntime.jsx("style", { children: presentationKeyframesCss }),
                   /* @__PURE__ */ jsxRuntime.jsx(GridOverlay, { canvasSize, gridSpacingPx, visible: showGrid }),
                   /* @__PURE__ */ jsxRuntime.jsx(
@@ -7339,7 +7339,7 @@ function SlideCanvasContent({
                     }
                   ),
                   templateElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkEL2KJ7PU_js.ElementRenderer,
+                    chunkX5CTZHOP_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7383,7 +7383,7 @@ function SlideCanvasContent({
                     `tpl-${element.id}`
                   )),
                   activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkEL2KJ7PU_js.ElementRenderer,
+                    chunkX5CTZHOP_js.ElementRenderer,
                     {
                       element,
                       activeSlide,
@@ -7449,7 +7449,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(
-                      chunkEL2KJ7PU_js.ElementRenderer,
+                      chunkX5CTZHOP_js.ElementRenderer,
                       {
                         element: editingMember.member,
                         activeSlide,
@@ -7965,7 +7965,7 @@ function SlideThumbnailImpl({
             ...pptx.deviceStrokeStageStyle(scale)
           },
           children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_js.SlideBackgroundImageLayer, { slide }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkX5CTZHOP_js.SlideBackgroundImageLayer, { slide }),
             slide.transition && slide.transition.type !== "none" && slide.transition.type !== "cut" && /* @__PURE__ */ jsxRuntime.jsx(
               "div",
               {
@@ -7975,7 +7975,7 @@ function SlideThumbnailImpl({
               }
             ),
             previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkEL2KJ7PU_js.StaticElementRenderer,
+              chunkX5CTZHOP_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -9054,7 +9054,7 @@ function SlidesPaneSidebar({
   tableStyleContext
 }) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
+  const collab = chunkX5CTZHOP_js.useCollaboration();
   const slideRefs = React101.useRef(/* @__PURE__ */ new Map());
   const renameInputRef = React101.useRef(null);
   const slidePresenceMap = React101.useMemo(() => {
@@ -9149,7 +9149,7 @@ function SlidesPaneSidebar({
     [sectionGroups, showSectionHeaders, effectiveCollapsed]
   );
   const shouldVirtualize = slides.length >= VIRTUALIZATION_THRESHOLD;
-  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkEL2KJ7PU_js.useVirtualizedSlides({
+  const { startIndex, endIndex, totalHeight, offsetY, scrollContainerRef, scrollToIndex } = chunkX5CTZHOP_js.useVirtualizedSlides({
     totalItems: shouldVirtualize ? flatItems.length : 0,
     itemHeight: estimatedItemHeight
   });
@@ -11032,7 +11032,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(
-              chunkEL2KJ7PU_js.StaticElementRenderer,
+              chunkX5CTZHOP_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -11687,7 +11687,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 } = chunkEL2KJ7PU_js.useSheetDismissDrag(onToggle);
+  const { dragY, handlers: dragHandlers } = chunkX5CTZHOP_js.useSheetDismissDrag(onToggle);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     isExpanded && /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -12824,7 +12824,7 @@ function DocumentPropertiesDialog({
   const handleClose = React101.useCallback(() => {
     onClose();
   }, [onClose]);
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(handleClose);
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(handleClose);
   if (!isOpen) {
     return null;
   }
@@ -13421,7 +13421,7 @@ function PresentationSubtitleBar({
 }) {
   const { t } = reactI18next.useTranslation();
   const language = pptx.subtitleRecognitionLanguage(
-    pptx.subtitleSettingsFromOptions(chunkEL2KJ7PU_js.useViewerOptionsContext()),
+    pptx.subtitleSettingsFromOptions(chunkX5CTZHOP_js.useViewerOptionsContext()),
     typeof navigator === "undefined" ? "en-US" : navigator.language
   );
   const [captionText, setCaptionText] = React101.useState("");
@@ -13615,7 +13615,7 @@ function ScaledSlidePreviewImpl({
               ...pptx.deviceStrokeStageStyle(scale)
             },
             children: previewElements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-              chunkEL2KJ7PU_js.StaticElementRenderer,
+              chunkX5CTZHOP_js.StaticElementRenderer,
               {
                 element,
                 activeSlide: slide,
@@ -14932,7 +14932,7 @@ function EffectSoundRow({
     }
     const asset = pptx.getEffectSoundAsset(soundState.catalogueId);
     if (asset) {
-      chunkEL2KJ7PU_js.playAnimationSound(asset.dataUrl);
+      chunkX5CTZHOP_js.playAnimationSound(asset.dataUrl);
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -15444,7 +15444,7 @@ function AnimationPanel({
   onUpdateSlide
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth } = chunkX5CTZHOP_js.useIsMobile();
   const directionBtnPx = Math.max(28, pptx.getDensePanelTouchTargetPx(viewportWidth));
   const fieldStyle = { minHeight: pptx.getDensePanelTouchTargetPx(viewportWidth) };
   const handlers = useAnimationHandlers({
@@ -16343,7 +16343,7 @@ function ChartDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const highlightRef = React101.useRef(null);
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth } = chunkX5CTZHOP_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const rowHeaderClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10 bg-card" : "";
@@ -17700,8 +17700,8 @@ function ChartUserShapeOptions({
 }
 function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
   const chartData = selectedElement.chartData;
-  const followDataPoint = chunkEL2KJ7PU_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
-  const { selection: partSelection } = chunkEL2KJ7PU_js.useChartPartSelection();
+  const followDataPoint = chunkX5CTZHOP_js.useViewerOptionsContext().advanced.chartPropertiesFollowDataPoint;
+  const { selection: partSelection } = chunkX5CTZHOP_js.useChartPartSelection();
   const canvasPart = partSelection?.elementId === selectedElement.id ? partSelection.part : null;
   const title = chartData?.title;
   const chartType = chartData?.chartType;
@@ -18969,7 +18969,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: chunkEL2KJ7PU_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-4 gap-1", children: chunkX5CTZHOP_js.DUOTONE_PRESETS.map((preset) => /* @__PURE__ */ jsxRuntime.jsxs(
         "button",
         {
           type: "button",
@@ -21268,7 +21268,7 @@ function QuickStylesGallery({
   onUpdateShapeStyle
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth } = chunkX5CTZHOP_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") }),
@@ -22960,7 +22960,7 @@ function SmartArtPropertiesPanel({
     const reflowed = box ? pptx.rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
-      chunkEL2KJ7PU_js.resolveSmartArtDataPalette(newData),
+      chunkX5CTZHOP_js.resolveSmartArtDataPalette(newData),
       newData.style ?? "flat",
       "inspector",
       box
@@ -23149,7 +23149,7 @@ function TableDataGrid({
 }) {
   const { t } = reactI18next.useTranslation();
   const grid = pptx.buildTableDataGrid(tableElement);
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth } = chunkX5CTZHOP_js.useIsMobile();
   const gridPlan = pptx.getDenseGridLayoutPlan(viewportWidth);
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const stickyGutterClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10" : "";
@@ -24996,7 +24996,7 @@ function InspectorPaneHeader({
   onClose
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth } = chunkX5CTZHOP_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -25697,7 +25697,7 @@ function TransitionPreview({
   const { t } = reactI18next.useTranslation();
   const durationMs = transition.durationMs ?? 500;
   const animations = React101.useMemo(
-    () => chunkEL2KJ7PU_js.getSlideTransitionAnimations(
+    () => chunkX5CTZHOP_js.getSlideTransitionAnimations(
       transition.type,
       durationMs,
       transition.direction,
@@ -25766,7 +25766,7 @@ function TransitionPreview({
         ]
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkEL2KJ7PU_js.SLIDE_TRANSITION_KEYFRAMES })
+    /* @__PURE__ */ jsxRuntime.jsx("style", { children: chunkX5CTZHOP_js.SLIDE_TRANSITION_KEYFRAMES })
   ] });
 }
 var DEFAULT_DURATION_MS = 320;
@@ -26077,15 +26077,15 @@ function PresentationPropertiesPanel({
     [activeSlide?.transition, onUpdateSlide]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-chrome": "deck-properties", className: "space-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-inspector-card": "presentation", children: /* @__PURE__ */ jsxRuntime.jsx(
       PresentationSettingsCard,
       {
         presentationProperties,
         canEdit,
         onUpdate: onUpdatePresentationProperties
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-inspector-card": "theme", children: /* @__PURE__ */ jsxRuntime.jsx(
       ThemeSelectorCard,
       {
         themeOptions,
@@ -26094,8 +26094,8 @@ function PresentationPropertiesPanel({
         canEdit,
         onApplyTheme
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: CARD2, children: [
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-inspector-card": "themeOverride", className: CARD2, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: t("pptx.themeOverride.heading") }),
       /* @__PURE__ */ jsxRuntime.jsx(
         SlideThemeOverridePanel,
@@ -26107,7 +26107,7 @@ function PresentationPropertiesPanel({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-inspector-card": "slideSize", children: /* @__PURE__ */ jsxRuntime.jsx(
       SlideSizeCard,
       {
         canvasSize,
@@ -26117,24 +26117,24 @@ function PresentationPropertiesPanel({
         onUpdateSlideSize,
         hasContent
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-inspector-card": "slideTransition", children: /* @__PURE__ */ jsxRuntime.jsx(
       SlideTransitionSection,
       {
         activeSlide: activeSlide ?? null,
         canEdit,
         onTransitionChange: handleTransitionChange
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-inspector-card": "notesHandout", children: /* @__PURE__ */ jsxRuntime.jsx(
       NotesHandoutCard,
       {
         notesCanvasSize,
         notesMaster,
         handoutMaster
       }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-inspector-card": "document", children: /* @__PURE__ */ jsxRuntime.jsx(
       DocumentPropertiesCard,
       {
         coreProperties,
@@ -26145,16 +26145,16 @@ function PresentationPropertiesPanel({
         onUpdateAppProperties,
         onUpdateCustomProperties
       }
-    ),
-    tagCollections && onUpdateTagCollections && /* @__PURE__ */ jsxRuntime.jsx(
+    ) }),
+    tagCollections && onUpdateTagCollections && /* @__PURE__ */ jsxRuntime.jsx("div", { "data-pptx-inspector-card": "tags", children: /* @__PURE__ */ jsxRuntime.jsx(
       TagsSection,
       {
         tagCollections,
         onUpdateTagCollections,
         canEdit
       }
-    ),
-    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunk4MGJUBY7_js.cn(CARD2, "space-y-1"), children: [
+    ) }),
+    activeSlide && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-pptx-inspector-card": "slide", className: chunk4MGJUBY7_js.cn(CARD2, "space-y-1"), children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: HEADING2, children: "Slide" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-[11px] text-muted-foreground", children: [
         activeSlide.elements?.length ?? 0,
@@ -26429,7 +26429,7 @@ function InspectorPane(props) {
   } = props;
   const hasSelection = selectedElement !== null;
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers: dragHandlers } = chunkEL2KJ7PU_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers: dragHandlers } = chunkX5CTZHOP_js.useSheetDismissDrag(onClose);
   const {
     animationPanelHeight,
     effectiveThemeOptions,
@@ -26842,7 +26842,7 @@ function PresentationTouchControls({
   hideNavigation = false
 }) {
   const { t } = reactI18next.useTranslation();
-  const { isTouchDevice } = chunkEL2KJ7PU_js.useIsMobile();
+  const { isTouchDevice } = chunkX5CTZHOP_js.useIsMobile();
   if (!isTouchDevice) {
     return null;
   }
@@ -27488,11 +27488,11 @@ function PrintDialog({
   defaultFrameSlides
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onClose);
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onClose);
+  const { viewportWidth } = chunkX5CTZHOP_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkEL2KJ7PU_js.useViewerOptionsContext());
+  const printOptionDefaults = pptx.resolveDefaultPrintSettings(chunkX5CTZHOP_js.useViewerOptionsContext());
   const [printWhat, setPrintWhat] = React101.useState(printOptionDefaults?.printWhat ?? "slides");
   const [orientation, setOrientation] = React101.useState("landscape");
   const [colorMode, setColorMode] = React101.useState(
@@ -27995,14 +27995,14 @@ function BroadcastDialog({
   defaultServerUrl
 }) {
   const { t } = reactI18next.useTranslation();
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
+  const collab = chunkX5CTZHOP_js.useCollaboration();
   const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
   const [roomId, setRoomId] = React101.useState("");
   const [userName, setUserName] = React101.useState("");
   const [serverUrl, setServerUrl] = React101.useState("");
   const [copied, setCopied] = React101.useState(false);
   const dialogRef = React101.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
   React101.useEffect(() => {
     if (open && !isBroadcasting) {
@@ -28305,7 +28305,7 @@ function ActiveSessionView({
   onCopyRoomId,
   onStopCollaboration
 }) {
-  const { t } = reactI18next.useTranslation(), viewerOptions = chunkEL2KJ7PU_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 = chunkX5CTZHOP_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,
@@ -28404,7 +28404,7 @@ function StartSessionForm({
   onRetry
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth } = chunkX5CTZHOP_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: [
@@ -28538,7 +28538,7 @@ function ShareDialog({
   defaultUserName,
   defaultServerUrl
 }) {
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
+  const collab = chunkX5CTZHOP_js.useCollaboration();
   const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
   const { t } = reactI18next.useTranslation();
   const [roomId, setRoomId] = React101.useState(defaultRoomId ?? "");
@@ -28548,9 +28548,9 @@ function ShareDialog({
   const [invitation, setInvitation] = React101.useState("");
   const [copied, setCopied] = React101.useState(false);
   const dialogRef = React101.useRef(null);
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onClose);
   useModalFocus(open, dialogRef, onClose);
-  const { viewportWidth, viewportHeight } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth, viewportHeight } = chunkX5CTZHOP_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
   const stickyFooterClass = pptx.shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
@@ -28833,12 +28833,12 @@ function HyperlinkEditDialog({
   onCancel
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onCancel);
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onCancel);
   const inputRef = React101.useRef(null);
-  const detectedType = chunkEL2KJ7PU_js.detectTargetType(initialUrl, initialAction);
-  const emailParts = chunkEL2KJ7PU_js.parseEmailUrl(initialUrl || "");
-  const detectedSlide = chunkEL2KJ7PU_js.parseSlideFromUrl(initialUrl, initialAction);
-  const detectedVerb = initialAction ? chunkEL2KJ7PU_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
+  const detectedType = chunkX5CTZHOP_js.detectTargetType(initialUrl, initialAction);
+  const emailParts = chunkX5CTZHOP_js.parseEmailUrl(initialUrl || "");
+  const detectedSlide = chunkX5CTZHOP_js.parseSlideFromUrl(initialUrl, initialAction);
+  const detectedVerb = initialAction ? chunkX5CTZHOP_js.ACTION_VERB_MAP[initialAction.toLowerCase()] || "nextSlide" : "nextSlide";
   const [targetType, setTargetType] = React101.useState(detectedType);
   const [url, setUrl] = React101.useState(
     detectedType === "email" || detectedType === "slide" || detectedType === "action" ? "" : initialUrl || ""
@@ -29114,7 +29114,7 @@ function ViewerBottomPanels({
   notesStyle,
   onNotesHeightChange
 }) {
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(hiddenActions);
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(hiddenActions);
   const customization = useViewerCustomizationContext();
   const showNotes = pptx.isPanelVisible(customization, "notes");
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -29460,7 +29460,7 @@ function ViewerToolbarSection(props) {
     [activeSlide, propertyHandlers]
   );
   const scopedLayoutOptions = React101__default.default.useMemo(
-    () => chunkEL2KJ7PU_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
+    () => chunkX5CTZHOP_js.scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
   const handleResetSlide = React101.useCallback(() => {
@@ -29951,7 +29951,7 @@ function EquationEditorDialog({
   existingOmml
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onClose);
   const initialLatex = React101.useMemo(() => {
     if (!existingOmml) {
       return "";
@@ -30139,7 +30139,7 @@ function getPreviewForLayout(layout) {
             transform: `scale(${scale})`,
             transformOrigin: "top left"
           },
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkX5CTZHOP_js.SmartArtRenderer, { element: pptx.buildSmartArtPreviewElement(layout) })
         }
       )
     }
@@ -30151,7 +30151,7 @@ function InsertSmartArtDialog({
   onInsert
 }) {
   const { t } = reactI18next.useTranslation();
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onClose);
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onClose);
   const [activeCategory, setActiveCategory] = React101.useState("list");
   const [selectedLayout, setSelectedLayout] = React101.useState(null);
   const dialogRef = React101.useRef(null);
@@ -30757,11 +30757,11 @@ function PresentationStage({
                       })
                     },
                     children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_js.SlideBackgroundImageLayer, { slide: activeSlide }),
+                      /* @__PURE__ */ jsxRuntime.jsx(chunkX5CTZHOP_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(
-                        chunkEL2KJ7PU_js.ElementRenderer,
+                        chunkX5CTZHOP_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30798,7 +30798,7 @@ function PresentationStage({
                         `tpl-${element.id}`
                       )),
                       activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsxRuntime.jsx(
-                        chunkEL2KJ7PU_js.ElementRenderer,
+                        chunkX5CTZHOP_js.ElementRenderer,
                         {
                           element,
                           activeSlide,
@@ -30919,8 +30919,8 @@ function ViewerCanvasArea(props) {
     aiCanvasActive = false
   } = props;
   const { t } = reactI18next.useTranslation();
-  const { isHidden } = chunkEL2KJ7PU_js.useToolbarVisibility(hiddenActions);
-  const viewerOptions = chunkEL2KJ7PU_js.useViewerOptionsContext();
+  const { isHidden } = chunkX5CTZHOP_js.useToolbarVisibility(hiddenActions);
+  const viewerOptions = chunkX5CTZHOP_js.useViewerOptionsContext();
   const outlineAuthoring = useOutlineAuthoring({
     state: s,
     updateElement: canvasHandlers.handleUpdateSmartArtElement,
@@ -31058,7 +31058,7 @@ ${url}`)) {
       s.setActiveSlideIndex((i) => Math.max(0, i - 1));
     }
   }, [mode, presentation, s]);
-  const swipe = chunkEL2KJ7PU_js.useSwipeNavigation({
+  const swipe = chunkX5CTZHOP_js.useSwipeNavigation({
     enabled: swipeEnabled,
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
@@ -31138,7 +31138,7 @@ ${url}`)) {
               ),
               children: (stageScale) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkEL2KJ7PU_js.PresentationTransitionOverlay,
+                  chunkX5CTZHOP_js.PresentationTransitionOverlay,
                   {
                     outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
                     templateElements,
@@ -31249,14 +31249,14 @@ ${url}`)) {
               outlineAuthoring,
               collaborationOverlay: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkEL2KJ7PU_js.RemoteSelectionOverlay,
+                  chunkX5CTZHOP_js.RemoteSelectionOverlay,
                   {
                     elements: effectiveSlide?.elements ?? [],
                     activeSlideIndex
                   }
                 ),
                 /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkEL2KJ7PU_js.CollaborationCursorOverlay,
+                  chunkX5CTZHOP_js.CollaborationCursorOverlay,
                   {
                     activeSlideIndex,
                     canvasWidth: canvasSize.width,
@@ -31557,7 +31557,7 @@ function MobileDismissSheet({
   children
 }) {
   const { t } = reactI18next.useTranslation();
-  const { dragY, handlers } = chunkEL2KJ7PU_js.useSheetDismissDrag(onClose);
+  const { dragY, handlers } = chunkX5CTZHOP_js.useSheetDismissDrag(onClose);
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
@@ -32295,7 +32295,7 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = React101.useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_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(chunkX5CTZHOP_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(
         SlidesPaneSidebar,
@@ -32785,7 +32785,7 @@ function MobileChromeOverlay(props) {
     slideSectionGroups,
     canEdit,
     commentCount
-  } = props, { keyboardInset, isKeyboardOpen } = chunkEL2KJ7PU_js.useKeyboardInsets(), activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
+  } = props, { keyboardInset, isKeyboardOpen } = chunkX5CTZHOP_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);
@@ -33058,7 +33058,7 @@ function ControlRow({
   onOptionChange: emitChange
 }) {
   const { t } = reactI18next.useTranslation();
-  const { viewportWidth } = chunkEL2KJ7PU_js.useIsMobile();
+  const { viewportWidth } = chunkX5CTZHOP_js.useIsMobile();
   const fieldMinHeight = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const value = readValue(options, control);
   const label = t(control.labelKey);
@@ -33420,7 +33420,7 @@ async function exportAiChatLogs(options) {
     chats,
     { format: options?.format, detailed: options?.detailed, now: options?.now },
     (filename, content, mime) => {
-      chunkEL2KJ7PU_js.downloadBlob(new Blob([content], { type: mime }), filename);
+      chunkX5CTZHOP_js.downloadBlob(new Blob([content], { type: mime }), filename);
     }
   );
 }
@@ -33665,8 +33665,8 @@ function SettingsDialog({
   const [activeTabId, setActiveTabId] = React101.useState("general");
   const { t } = reactI18next.useTranslation();
   const customization = useViewerCustomizationContext();
-  const { panelStyle, handlers: dragHandlers } = chunkEL2KJ7PU_js.useModalDismissDrag(onClose);
-  const { viewportWidth, viewportHeight } = chunkEL2KJ7PU_js.useIsMobile();
+  const { panelStyle, handlers: dragHandlers } = chunkX5CTZHOP_js.useModalDismissDrag(onClose);
+  const { viewportWidth, viewportHeight } = chunkX5CTZHOP_js.useIsMobile();
   const touchTargetPx = pptx.getDensePanelTouchTargetPx(viewportWidth);
   const navBtnStyle = { minHeight: touchTargetPx, minWidth: touchTargetPx };
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
@@ -33935,7 +33935,7 @@ function ViewerOptionsProvider({
   store,
   children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEL2KJ7PU_js.ViewerOptionsContext.Provider, { value: options, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkX5CTZHOP_js.ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsxRuntime.jsx(chunkX5CTZHOP_js.ViewerOptionsContext.Provider, { value: options, children }) });
 }
 function useAiBridge(input) {
   const ref = React101.useRef(input);
@@ -34256,7 +34256,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 = chunkEL2KJ7PU_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
+        const next = chunkX5CTZHOP_js.safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
         if (!next) {
           return;
         }
@@ -34717,7 +34717,7 @@ var PowerPointViewer = React101.forwardRef(
         }
       })();
     }, []);
-    const { optionsStore, options: viewerOptions } = chunkEL2KJ7PU_js.useViewerOptions();
+    const { optionsStore, options: viewerOptions } = chunkX5CTZHOP_js.useViewerOptions();
     const custom = useViewerCustomization(customization, legacyHiddenActions, optionsStore);
     const { resolved: customizationResolved, hiddenActions } = custom;
     const aiEnabled = Boolean(ai) && pptx.isFeatureEnabled(customizationResolved, "ai");
@@ -34731,8 +34731,8 @@ var PowerPointViewer = React101.forwardRef(
     const handleEnableEditing = React101.useCallback(() => {
       setProtectedViewOverridden(true);
     }, []);
-    const readOnlyRec = chunkEL2KJ7PU_js.useReadOnlyRecommendationState(content);
-    const compatToastsState = chunkEL2KJ7PU_js.useCompatibilityToastsState();
+    const readOnlyRec = chunkX5CTZHOP_js.useReadOnlyRecommendationState(content);
+    const compatToastsState = chunkX5CTZHOP_js.useCompatibilityToastsState();
     const [notesBarHeight, setNotesBarHeight] = React101.useState(0);
     const runProgramNoticesState = useRunProgramNoticesState();
     const [collaborationReadOnly, setCollaborationReadOnly] = React101.useState(Boolean(collaboration));
@@ -34747,8 +34747,12 @@ var PowerPointViewer = React101.forwardRef(
       filePath
     });
     const [isShareDialogOpen, setIsShareDialogOpen] = React101.useState(false);
-    const { reducedMotion, toggleReducedMotion } = chunkEL2KJ7PU_js.useReducedMotion();
-    const state = chunkEL2KJ7PU_js.useViewerState({ content, canEdit });
+    const { reducedMotion, toggleReducedMotion } = chunkX5CTZHOP_js.useReducedMotion();
+    const state = chunkX5CTZHOP_js.useViewerState({
+      content,
+      canEdit,
+      inspectorInitiallyOpen: props.inspectorInitiallyOpen
+    });
     const {
       containerRef,
       mode,
@@ -34860,16 +34864,16 @@ var PowerPointViewer = React101.forwardRef(
       }
     }, [settings, optionsStore]);
     const handleClearOptionsCache2 = useAutosaveCacheMaintenance(viewerOptions);
-    const mobile = chunkEL2KJ7PU_js.useIsMobile();
+    const mobile = chunkX5CTZHOP_js.useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
-    const resizablePanels = chunkEL2KJ7PU_js.useResizablePanels();
+    const resizablePanels = chunkX5CTZHOP_js.useResizablePanels();
     const {
       gridSpacingPx,
       visibleSlideIndexes,
       slideSectionGroups,
       masterPseudoSlide,
       authoredRange
-    } = chunkEL2KJ7PU_js.useDerivedSlideState({
+    } = chunkX5CTZHOP_js.useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
@@ -34894,7 +34898,7 @@ var PowerPointViewer = React101.forwardRef(
         state.cropSessionRef
       ]
     );
-    const zoom = chunkEL2KJ7PU_js.useZoomViewport({
+    const zoom = chunkX5CTZHOP_js.useZoomViewport({
       canvasSize,
       selectedElements: state.selectedElements,
       fitPadding: props.fitPadding,
@@ -34904,7 +34908,7 @@ var PowerPointViewer = React101.forwardRef(
     const markDocumentDirty = React101.useCallback(() => {
       setIsDirty(true);
     }, [setIsDirty]);
-    const history = chunkEL2KJ7PU_js.useEditorHistory({
+    const history = chunkX5CTZHOP_js.useEditorHistory({
       slides,
       canvasSize,
       activeSlideIndex,
@@ -34930,7 +34934,7 @@ var PowerPointViewer = React101.forwardRef(
       setEditTemplateMode: state.setEditTemplateMode,
       setHeaderFooter: state.setHeaderFooter
     });
-    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkEL2KJ7PU_js.usePresentationSetup({
+    const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = chunkX5CTZHOP_js.usePresentationSetup({
       mode,
       slides,
       visibleSlideIndexes,
@@ -35005,7 +35009,7 @@ ${url}`)
       loading,
       error
     ]);
-    chunkEL2KJ7PU_js.useTouchGestures({
+    chunkX5CTZHOP_js.useTouchGestures({
       targetRef: zoom.canvasViewportRef,
       currentScale: zoom.scale,
       callbacks: {
@@ -35027,7 +35031,7 @@ ${url}`)
       },
       enabled: isTouchDevice
     });
-    const dialogs = chunkEL2KJ7PU_js.useViewerDialogs({
+    const dialogs = chunkX5CTZHOP_js.useViewerDialogs({
       mode,
       slides,
       activeSlide,
@@ -35076,7 +35080,7 @@ ${url}`)
       zoom.handleZoomToFit();
       zoom.canvasViewportRef.current?.scrollTo({ left: 0, top: 0 });
     }, [mode]);
-    const editorOps = chunkEL2KJ7PU_js.useEditorOperations({
+    const editorOps = chunkX5CTZHOP_js.useEditorOperations({
       state,
       history,
       zoom,
@@ -35118,7 +35122,7 @@ ${url}`)
       setIsEncryptedDialogOpen,
       handlerRef,
       loadVersion
-    } = chunkEL2KJ7PU_js.useViewerIntegration({
+    } = chunkX5CTZHOP_js.useViewerIntegration({
       transformCommittedText: (text) => pptx.applyAutoCorrect(text, viewerOptions.proofing),
       state,
       zoom,
@@ -35221,7 +35225,7 @@ ${url}`)
       updateThemeFontScheme: themeHandlers.handleUpdateThemeFontScheme
     });
     const ribbonScope = useRibbonScopeToken();
-    const viewPreferencesSync = chunkEL2KJ7PU_js.useViewPreferencesSync({
+    const viewPreferencesSync = chunkX5CTZHOP_js.useViewPreferencesSync({
       loadVersion,
       viewProperties: state.viewProperties,
       setViewProperties: state.setViewProperties,
@@ -35259,7 +35263,7 @@ ${url}`)
       },
       [state]
     );
-    const layoutSwitching = chunkEL2KJ7PU_js.useLayoutSwitching({
+    const layoutSwitching = chunkX5CTZHOP_js.useLayoutSwitching({
       handler: handlerRef.current,
       slides,
       activeSlideIndex,
@@ -35750,8 +35754,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(chunkEL2KJ7PU_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkEL2KJ7PU_js.CollaborationProvider,
+      /* @__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(chunkX5CTZHOP_js.Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsxRuntime.jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        chunkX5CTZHOP_js.CollaborationProvider,
         {
           config: collaboration,
           canvasWidth: canvasSize.width,
@@ -35809,7 +35813,7 @@ ${url}`)
 );
 PowerPointViewer.displayName = "PowerPointViewer";
 function CollaborationStatusStrip() {
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
+  const collab = chunkX5CTZHOP_js.useCollaboration();
   if (!collab) {
     return null;
   }
@@ -35833,8 +35837,8 @@ function CollaborationDocumentSync({
   deckSaveState,
   onReadOnlyChange
 }) {
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
-  chunkEL2KJ7PU_js.useCollaborationDocumentSync({
+  const collab = chunkX5CTZHOP_js.useCollaboration();
+  chunkX5CTZHOP_js.useCollaborationDocumentSync({
     collaboration: collab,
     slides,
     templateElementsBySlideId,
@@ -35853,14 +35857,14 @@ function CollaborationFollowLayer({
   setActiveSlideIndex,
   slideCount
 }) {
-  const collab = chunkEL2KJ7PU_js.useCollaboration();
-  const { followedClientId, followUser } = chunkEL2KJ7PU_js.useFollowMode({
+  const collab = chunkX5CTZHOP_js.useCollaboration();
+  const { followedClientId, followUser } = chunkX5CTZHOP_js.useFollowMode({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,
     slideCount
   });
-  chunkEL2KJ7PU_js.useBroadcastFollower({
+  chunkX5CTZHOP_js.useBroadcastFollower({
     collab,
     activeSlideIndex,
     setActiveSlideIndex,