pptx-react-viewer 2.1.0 → 2.2.0

package/dist/{chunk-Y4OSELBT.mjs → chunk-6BUR4MJO.mjs}

@@ -1,8 +1,8 @@
 import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-BHVCED34.mjs';
-import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-NGE7YQTF.mjs';
-import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-7DQHWPIB.mjs';
-import { RULER_THICKNESS, RULER_FONT_SIZE, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, getElementLabel, buildPreviewElements, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, withFrameSlides, withSlidesPerPage, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-27XBWVO5.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-2X72MOPZ.mjs';
+import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-L4ETDT4F.mjs';
+import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-SOHIKHL4.mjs';
+import { RULER_THICKNESS, RULER_FONT_SIZE, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, getElementLabel, buildPreviewElements, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, presentationInkPath, getShapeAdjustmentHandleDescriptor, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, withFrameSlides, withSlidesPerPage, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-RLK72AOU.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-PZTPX3HK.mjs';
 import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, isImageLikeElement, getLinkedTextBoxSegments, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, getSubstituteFontFamily, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-6YXLGMTN.mjs';
 import React32, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -1336,7 +1336,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.0.0" ;
+  const version = "2.1.0" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -8340,7 +8340,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React32.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-2M6HVWTE.mjs');
+      return await import('./Model3DScene-RCZCBW52.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -17978,6 +17978,54 @@ function EncryptedFileDialog({
     )
   ] });
 }
+function PresenterSlideFrame({
+  canvasSize,
+  zoomScale = 1,
+  zoomOriginX = 0.5,
+  zoomOriginY = 0.5,
+  inkProps,
+  children
+}) {
+  const paneRef = useRef(null);
+  const [pane, setPane] = useState(null);
+  useEffect(() => {
+    const el = paneRef.current;
+    if (!el) {
+      return;
+    }
+    const observer = new ResizeObserver((entries) => {
+      const rect = entries[0]?.contentRect;
+      if (rect && rect.width > 0 && rect.height > 0) {
+        setPane({ width: rect.width, height: rect.height });
+      }
+    });
+    observer.observe(el);
+    const initial = el.getBoundingClientRect();
+    if (initial.width > 0 && initial.height > 0) {
+      setPane({ width: initial.width, height: initial.height });
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const safeWidth = Math.max(canvasSize.width, 1);
+  const safeHeight = Math.max(canvasSize.height, 1);
+  const fittedWidth = pane ? Math.max(1, Math.min(pane.width, pane.height * safeWidth / safeHeight)) : 0;
+  return /* @__PURE__ */ jsx("div", { ref: paneRef, className: "flex min-h-0 w-full flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "relative transition-transform duration-200",
+      style: {
+        width: fittedWidth || void 0,
+        transform: `scale(${zoomScale})`,
+        transformOrigin: `${zoomOriginX * 100}% ${zoomOriginY * 100}%`,
+        touchAction: "none"
+      },
+      ...inkProps,
+      children: fittedWidth > 0 && children
+    }
+  ) });
+}
 function PresentationAudienceEffects({ snapshot }) {
   const strokes = snapshot.inkStrokes?.filter((stroke) => stroke.slideIndex === snapshot.slideIndex) ?? [];
   return /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0 z-[75] overflow-hidden", children: [
@@ -18621,15 +18669,13 @@ function PresenterView({
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-h-0", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex-[7] flex flex-col items-center justify-center bg-black p-6 min-w-0 overflow-hidden", children: [
         /* @__PURE__ */ jsxs(
-          "div",
+          PresenterSlideFrame,
           {
-            className: "relative transition-transform duration-200",
-            style: {
-              transform: `scale(${snapshot.zoom?.scale ?? 1})`,
-              transformOrigin: `${(snapshot.zoom?.originX ?? 0.5) * 100}% ${(snapshot.zoom?.originY ?? 0.5) * 100}%`,
-              touchAction: "none"
-            },
-            ...ink,
+            canvasSize,
+            zoomScale: snapshot.zoom?.scale ?? 1,
+            zoomOriginX: snapshot.zoom?.originX ?? 0.5,
+            zoomOriginY: snapshot.zoom?.originY ?? 0.5,
+            inkProps: ink,
             children: [
               /* @__PURE__ */ jsx(
                 ScaledSlidePreview,
@@ -26591,10 +26637,11 @@ function PresentationAnnotationOverlay({
     }
     onPointerUp();
   }, [presentationTool, onLaserLeave, onPointerUp]);
-  if (presentationTool === "none") {
+  const allStrokes = currentStroke ? [...annotationStrokes, currentStroke] : annotationStrokes;
+  const isCapturing = presentationTool !== "none";
+  if (!isCapturing && allStrokes.length === 0) {
     return null;
   }
-  const allStrokes = currentStroke ? [...annotationStrokes, currentStroke] : annotationStrokes;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -26602,7 +26649,7 @@ function PresentationAnnotationOverlay({
       style: {
         zIndex: 60,
         cursor: getCursorForTool(presentationTool),
-        pointerEvents: "auto"
+        pointerEvents: isCapturing ? "auto" : "none"
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -26923,7 +26970,7 @@ function PresentationToolbar({
             type: "button",
             className: `flex items-center justify-center w-9 h-9 rounded-md transition-colors ${presenterMode ? "bg-white/25 text-white" : "text-white/70 hover:text-white hover:bg-white/10"}`,
             onClick: onTogglePresenterView,
-            title: t("pptx.presenter.presenterView", { defaultValue: "Presenter view (N)" }),
+            title: t("pptx.presenter.presenterView", { defaultValue: "Presenter view" }),
             "aria-label": t("pptx.presenter.presenterView", { defaultValue: "Presenter view" }),
             children: /* @__PURE__ */ jsx(LuPanelRight, { size: 18 })
           }
@@ -30717,7 +30764,6 @@ function ViewerPresentationLayer(props) {
   } = props;
   const presenterActive = mode === "present" && presentation.presenterMode;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    mode === "present" && !presentation.presenterMode && /* @__PURE__ */ jsx(PresentationAudienceEffects, { snapshot: presentation.presenterSnapshot }),
     presenterActive && (isMobile ? /* @__PURE__ */ jsx(
       MobilePresenterView,
       {
@@ -30778,13 +30824,187 @@ function ViewerPresentationLayer(props) {
     )
   ] });
 }
+function PresentationStage({
+  activeSlide,
+  templateElements,
+  canvasSize,
+  mediaDataUrls,
+  presentationElementStates,
+  presentationKeyframesCss,
+  onActionClick,
+  onHyperlinkClick,
+  allSlides,
+  onZoomClick,
+  sourceSlideIndex,
+  fieldContext,
+  tableStyleContext,
+  children,
+  screenOverlay
+}) {
+  const containerRef = useRef(null);
+  const [box, setBox] = useState(null);
+  useEffect(() => {
+    const el = containerRef.current;
+    if (!el) {
+      return;
+    }
+    const observer = new ResizeObserver((entries) => {
+      const rect = entries[0]?.contentRect;
+      if (rect && rect.width > 0 && rect.height > 0) {
+        setBox({ width: rect.width, height: rect.height });
+      }
+    });
+    observer.observe(el);
+    const initial = el.getBoundingClientRect();
+    if (initial.width > 0 && initial.height > 0) {
+      setBox({ width: initial.width, height: initial.height });
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const safeWidth = Math.max(canvasSize.width, 1);
+  const safeHeight = Math.max(canvasSize.height, 1);
+  const scale = useMemo(() => {
+    if (!box) {
+      return 1;
+    }
+    const fit = Math.min(box.width / safeWidth, box.height / safeHeight);
+    return fit > 0 ? fit : 1;
+  }, [box, safeWidth, safeHeight]);
+  const scaledWidth = safeWidth * scale;
+  const scaledHeight = safeHeight * scale;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      "data-pptx-presentation-stage": true,
+      className: "relative flex-1 min-h-0 overflow-hidden bg-black select-none",
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "absolute",
+            style: {
+              width: scaledWidth,
+              height: scaledHeight,
+              // Centre the letterboxed slide without flexbox so the box keeps a
+              // definite size for the overlays parented to it.
+              left: box ? Math.max(0, (box.width - scaledWidth) / 2) : 0,
+              top: box ? Math.max(0, (box.height - scaledHeight) / 2) : 0
+            },
+            children: [
+              /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  role: "region",
+                  "aria-roledescription": "slide",
+                  "aria-label": `Slide ${(sourceSlideIndex ?? 0) + 1}`,
+                  className: "absolute top-0 left-0 overflow-hidden",
+                  style: {
+                    width: safeWidth,
+                    height: safeHeight,
+                    transform: `scale(${scale})`,
+                    transformOrigin: "top left",
+                    ...getReactSlideBackgroundStyle(activeSlide)
+                  },
+                  children: [
+                    presentationKeyframesCss && /* @__PURE__ */ jsx("style", { children: presentationKeyframesCss }),
+                    templateElements.map((element, index) => /* @__PURE__ */ jsx(
+                      ElementRenderer,
+                      {
+                        element,
+                        activeSlide,
+                        isSelected: false,
+                        isInlineEditing: false,
+                        inlineEditingText: "",
+                        canInteract: false,
+                        spellCheckEnabled: false,
+                        mediaDataUrls,
+                        selectionColorClass: "blue-400",
+                        showHoverBorder: false,
+                        zIndex: index,
+                        imageAltText: "Template element",
+                        showResizeHandles: false,
+                        renderInk: false,
+                        renderGroups: true,
+                        adjustmentHandleDescriptor: null,
+                        onResizePointerDown: noop2,
+                        onAdjustmentPointerDown: noop2,
+                        onInlineEditChange: noop2,
+                        onInlineEditCommit: noop2,
+                        onInlineEditCancel: noop2,
+                        onActionClick,
+                        onHyperlinkClick,
+                        animationState: presentationElementStates?.get(element.id),
+                        presentationElementStates,
+                        allSlides,
+                        onZoomClick,
+                        sourceSlideIndex,
+                        fieldContext,
+                        tableStyleContext
+                      },
+                      `tpl-${element.id}`
+                    )),
+                    activeSlide?.elements.map((element, index) => /* @__PURE__ */ jsx(
+                      ElementRenderer,
+                      {
+                        element,
+                        activeSlide,
+                        isSelected: false,
+                        isInlineEditing: false,
+                        inlineEditingText: "",
+                        canInteract: false,
+                        spellCheckEnabled: false,
+                        mediaDataUrls,
+                        selectionColorClass: "blue-500",
+                        showHoverBorder: false,
+                        zIndex: templateElements.length + index,
+                        imageAltText: "Slide element",
+                        showResizeHandles: false,
+                        renderInk: true,
+                        renderGroups: true,
+                        adjustmentHandleDescriptor: null,
+                        onResizePointerDown: noop2,
+                        onAdjustmentPointerDown: noop2,
+                        onInlineEditChange: noop2,
+                        onInlineEditCommit: noop2,
+                        onInlineEditCancel: noop2,
+                        onActionClick,
+                        onHyperlinkClick,
+                        animationState: presentationElementStates?.get(element.id),
+                        presentationElementStates,
+                        allSlides,
+                        onZoomClick,
+                        sourceSlideIndex,
+                        fieldContext,
+                        tableStyleContext
+                      },
+                      element.id
+                    ))
+                  ]
+                }
+              ),
+              children?.(scale)
+            ]
+          }
+        ),
+        screenOverlay
+      ]
+    }
+  );
+}
+function noop2() {
+}
 var itemClass = "block w-full whitespace-nowrap px-3 py-1.5 text-left text-xs text-foreground transition-colors hover:bg-accent";
+var headingClass = "px-3 pb-0.5 pt-1.5 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground";
 function PresentationContextMenu(p) {
   const { t } = useTranslation();
   const run = (action) => {
     action();
     p.onClose();
   };
+  const item = (label, action) => action ? /* @__PURE__ */ jsx("button", { type: "button", role: "menuitem", className: itemClass, onClick: () => run(action), children: label }) : null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
@@ -30803,32 +31023,43 @@ function PresentationContextMenu(p) {
         "data-pptx-presentation-menu": "",
         role: "menu",
         tabIndex: -1,
-        className: "fixed z-[1300] min-w-[160px] rounded-md border border-border bg-popover py-1 shadow-xl",
+        className: "fixed z-[1300] min-w-[180px] rounded-md border border-border bg-popover py-1 shadow-xl",
         style: { left: p.state.x, top: p.state.y },
         onContextMenu: (e) => e.preventDefault(),
         children: [
-          /* @__PURE__ */ jsx("button", { type: "button", role: "menuitem", className: itemClass, onClick: () => run(p.onNext), children: t("pptx.presenter.nextSlide") }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "menuitem",
-              className: itemClass,
-              onClick: () => run(p.onPrevious),
-              children: t("pptx.presenter.previousSlide")
-            }
-          ),
+          item(t("pptx.presenter.nextSlide"), p.onNext),
+          item(t("pptx.presenter.previousSlide"), p.onPrevious),
+          item(t("pptx.presenter.seeAllSlides"), p.onSeeAllSlides),
+          item(t("pptx.presenter.presenterView"), p.onShowPresenterView),
+          (p.onPointerTool || p.onEraseInk) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border/60" }),
+            /* @__PURE__ */ jsx("div", { className: headingClass, children: t("pptx.presentation.pointerTools") }),
+            item(
+              t("pptx.presenter.pointerArrow"),
+              p.onPointerTool && (() => p.onPointerTool?.("none"))
+            ),
+            item(
+              t("pptx.presenter.pointerPen"),
+              p.onPointerTool && (() => p.onPointerTool?.("pen"))
+            ),
+            item(
+              t("pptx.presenter.pointerHighlighter"),
+              p.onPointerTool && (() => p.onPointerTool?.("highlighter"))
+            ),
+            item(
+              t("pptx.presentation.laserPointer"),
+              p.onPointerTool && (() => p.onPointerTool?.("laser"))
+            ),
+            item(t("pptx.presenter.eraseAllInk"), p.onEraseInk)
+          ] }),
+          p.onBlank && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border/60" }),
+            /* @__PURE__ */ jsx("div", { className: headingClass, children: t("pptx.presenter.screen") }),
+            item(t("pptx.presenter.blackScreen"), () => p.onBlank?.("black")),
+            item(t("pptx.presenter.whiteScreen"), () => p.onBlank?.("white"))
+          ] }),
           /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border/60" }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              role: "menuitem",
-              className: itemClass,
-              onClick: () => run(p.onEndShow),
-              children: t("pptx.presenter.endPresentation")
-            }
-          )
+          item(t("pptx.presenter.endPresentation"), p.onEndShow)
         ]
       }
     )
@@ -31039,7 +31270,62 @@ ${url}`)) {
               onClose: () => findReplace.setFindReplaceOpen(false)
             }
           ),
-          mode === "master" && s.masterViewTab === "notes" ? /* @__PURE__ */ jsx(
+          mode === "present" ? /* @__PURE__ */ jsx(
+            PresentationStage,
+            {
+              activeSlide,
+              templateElements,
+              canvasSize,
+              mediaDataUrls: s.mediaDataUrls,
+              presentationElementStates: presentation.presentationElementStates,
+              presentationKeyframesCss: presentation.presentationKeyframesCss,
+              onActionClick: handleActionClick,
+              onHyperlinkClick: handleHyperlinkClick,
+              allSlides: slides,
+              onZoomClick: presentation.handleZoomClick,
+              sourceSlideIndex: activeSlideIndex,
+              fieldContext,
+              tableStyleContext,
+              screenOverlay: (
+                // Blackout/whiteout, audience ink, laser and captions. Rendered on
+                // the stage rather than beside the viewer, because the fullscreen
+                // element is the viewer's inner container: anything mounted outside
+                // it simply is not painted while a real fullscreen show is running.
+                /* @__PURE__ */ jsx(PresentationAudienceEffects, { snapshot: presentation.presenterSnapshot })
+              ),
+              children: (stageScale) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsx(
+                  PresentationTransitionOverlay,
+                  {
+                    outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
+                    templateElements,
+                    canvasSize,
+                    transition: presentation.transitionOverlay.transition,
+                    durationMs: presentation.transitionOverlay.durationMs,
+                    onComplete: presentation.handleTransitionOverlayComplete
+                  },
+                  `${presentation.transitionOverlay.outgoingSlideIndex}-${presentation.transitionOverlay.incomingSlideIndex}`
+                ),
+                annotations.inkMarkupVisible && /* @__PURE__ */ jsx(
+                  PresentationAnnotationOverlay,
+                  {
+                    canvasSize,
+                    editorScale: stageScale,
+                    presentationTool: annotations.presentationTool,
+                    annotationStrokes: annotations.annotationStrokes,
+                    currentStroke: annotations.currentStroke,
+                    laserPosition: annotations.laserPosition,
+                    onPointerDown: annotations.handlePointerDown,
+                    onPointerMove: annotations.handlePointerMove,
+                    onPointerUp: annotations.handlePointerUp,
+                    onLaserMove: annotations.handleLaserMove,
+                    onLaserLeave: annotations.handleLaserLeave,
+                    onEraseAtPoint: annotations.eraseAtPoint
+                  }
+                )
+              ] })
+            }
+          ) : mode === "master" && s.masterViewTab === "notes" ? /* @__PURE__ */ jsx(
             NotesMasterCanvas,
             {
               notesMaster: s.notesMaster,
@@ -31076,8 +31362,6 @@ ${url}`)) {
               gridSpacingPx,
               showRulers: s.showRulers,
               guides: s.guides,
-              presentationElementStates: mode === "present" ? presentation.presentationElementStates : void 0,
-              presentationKeyframesCss: mode === "present" ? presentation.presentationKeyframesCss : void 0,
               onClick: handleElementClick,
               onDoubleClick: canvasHandlers.handleElementDoubleClick,
               onMouseDown: handleElementMouseDown,
@@ -31107,9 +31391,6 @@ ${url}`)) {
               onEraseInkElement: insertHandlers.handleEraseInkElement,
               onActionClick: handleActionClick,
               onHyperlinkClick: handleHyperlinkClick,
-              allSlides: mode === "present" ? slides : void 0,
-              onZoomClick: mode === "present" ? presentation.handleZoomClick : void 0,
-              sourceSlideIndex: mode === "present" ? activeSlideIndex : void 0,
               fieldContext,
               tableStyleContext,
               aiActive: aiCanvasActive,
@@ -31160,17 +31441,19 @@ ${url}`)) {
               }
             }
           ),
-          mode === "present" && presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsx(
-            PresentationTransitionOverlay,
+          mode === "present" && presentation.allSlidesOpen && /* @__PURE__ */ jsx(
+            PresenterSlideNavigator,
             {
-              outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
-              templateElements,
+              slides,
+              current: presentation.presentationSlideIndex,
               canvasSize,
-              transition: presentation.transitionOverlay.transition,
-              durationMs: presentation.transitionOverlay.durationMs,
-              onComplete: presentation.handleTransitionOverlayComplete
-            },
-            `${presentation.transitionOverlay.outgoingSlideIndex}-${presentation.transitionOverlay.incomingSlideIndex}`
+              templateElements,
+              onSelect: (index) => {
+                presentation.navigateToSlide(index);
+                presentation.closeAllSlides();
+              },
+              onClose: presentation.closeAllSlides
+            }
           ),
           mode === "present" && presentation.endOfShowVisible && /* @__PURE__ */ jsx(PresentationEndOverlay, { onExit: () => presentation.movePresentationSlide(1) }),
           mode === "present" && presentationMenu && /* @__PURE__ */ jsx(
@@ -31181,24 +31464,14 @@ ${url}`)) {
               onPrevious: () => presentation.movePresentationSlide(-1),
               onEndShow: onEndPresentation ?? (() => {
               }),
-              onClose: () => setPresentationMenu(null)
-            }
-          ),
-          mode === "present" && annotations.presentationTool !== "none" && /* @__PURE__ */ jsx(
-            PresentationAnnotationOverlay,
-            {
-              canvasSize,
-              editorScale: zoom.editorScale,
-              presentationTool: annotations.presentationTool,
-              annotationStrokes: annotations.annotationStrokes,
-              currentStroke: annotations.currentStroke,
-              laserPosition: annotations.laserPosition,
-              onPointerDown: annotations.handlePointerDown,
-              onPointerMove: annotations.handlePointerMove,
-              onPointerUp: annotations.handlePointerUp,
-              onLaserMove: annotations.handleLaserMove,
-              onLaserLeave: annotations.handleLaserLeave,
-              onEraseAtPoint: annotations.eraseAtPoint
+              onClose: () => setPresentationMenu(null),
+              onSeeAllSlides: presentation.openAllSlides,
+              onShowPresenterView: presentation.togglePresenterView,
+              onBlank: (value) => presentation.setPresenterBlackout(
+                presentation.presenterSnapshot.blackout === value ? "none" : value
+              ),
+              onPointerTool: (tool) => annotations.setPresentationTool(tool === "none" ? "none" : tool),
+              onEraseInk: annotations.clearAnnotations
             }
           ),
           mode === "present" && /* @__PURE__ */ jsx(PresentationSubtitleBar, { visible: Boolean(s.presentationProperties.showSubtitles) }),
@@ -31251,7 +31524,7 @@ ${url}`)) {
     )
   );
 }
-var AiChatPanel = lazy(() => import('./AiChatPanel-RFBZWMUE.mjs'));
+var AiChatPanel = lazy(() => import('./AiChatPanel-JFCJCR3O.mjs'));
 function AiChatPanelLazy(props) {
   return /* @__PURE__ */ jsx(
     Suspense,