pptx-react-viewer 3.2.0 → 3.4.0

package/dist/{chunk-ARQGUUYU.js → chunk-TJNG5VEK.js}

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkB6UIVRFA_js = require('./chunk-B6UIVRFA.js');
-var chunkFJDZ7AEE_js = require('./chunk-FJDZ7AEE.js');
-var chunkALO4ZOHQ_js = require('./chunk-ALO4ZOHQ.js');
+var chunkXBTHWXNO_js = require('./chunk-XBTHWXNO.js');
+var chunkPCW2KT7Z_js = require('./chunk-PCW2KT7Z.js');
+var chunkUNIJUD5C_js = require('./chunk-UNIJUD5C.js');
 var react = require('react');
 var reactI18next = require('react-i18next');
 
 function useVirtualizedSlides({
   totalItems,
   itemHeight,
-  overscan = chunkFJDZ7AEE_js.DEFAULT_VIRTUAL_OVERSCAN
+  overscan = chunkPCW2KT7Z_js.DEFAULT_VIRTUAL_OVERSCAN
 }) {
   const scrollContainerRef = react.useRef(null);
   const [scrollTop, setScrollTop] = react.useState(0);
@@ -39,7 +39,7 @@ function useVirtualizedSlides({
       resizeObserver?.disconnect();
     };
   }, []);
-  const range = chunkFJDZ7AEE_js.computeVirtualRange(totalItems, itemHeight, scrollTop, viewportHeight, overscan);
+  const range = chunkPCW2KT7Z_js.computeVirtualRange(totalItems, itemHeight, scrollTop, viewportHeight, overscan);
   const safeItemHeight = Math.max(itemHeight, 1);
   const scrollToIndex = react.useCallback(
     (index, behavior = "smooth") => {
@@ -80,7 +80,7 @@ function usePresenceTracking({
 }) {
   const [remoteUsers, setRemoteUsers] = react.useState([]);
   const projectorRef = react.useRef(null);
-  projectorRef.current ??= chunkFJDZ7AEE_js.createPresenceProjector();
+  projectorRef.current ??= chunkPCW2KT7Z_js.createPresenceProjector();
   const projector = projectorRef.current;
   const lastBroadcastRef = react.useRef(0);
   const pendingBroadcastRef = react.useRef(null);
@@ -105,7 +105,7 @@ function usePresenceTracking({
         awareness.setLocalStateField("presence", state);
         lastBroadcastRef.current = Date.now();
       };
-      if (elapsed >= chunkFJDZ7AEE_js.BROADCAST_THROTTLE_MS) {
+      if (elapsed >= chunkPCW2KT7Z_js.BROADCAST_THROTTLE_MS) {
         if (pendingBroadcastRef.current) {
           clearTimeout(pendingBroadcastRef.current);
           pendingBroadcastRef.current = null;
@@ -115,7 +115,7 @@ function usePresenceTracking({
         pendingBroadcastRef.current = setTimeout(() => {
           pendingBroadcastRef.current = null;
           flush();
-        }, chunkFJDZ7AEE_js.BROADCAST_THROTTLE_MS - elapsed);
+        }, chunkPCW2KT7Z_js.BROADCAST_THROTTLE_MS - elapsed);
       }
     },
     [awareness, userName, userColor, userAvatar, role]
@@ -195,7 +195,7 @@ function useYjsProvider({ config }) {
   const departureRef = react.useRef(null);
   const gateRef = react.useRef(null);
   if (!gateRef.current) {
-    gateRef.current = chunkFJDZ7AEE_js.createSyncGate(() => setSynced(true));
+    gateRef.current = chunkPCW2KT7Z_js.createSyncGate(() => setSynced(true));
   }
   const teardown = react.useCallback(() => {
     if (timeoutRef.current) {
@@ -215,7 +215,7 @@ function useYjsProvider({ config }) {
   const buildCleanup = react.useCallback(
     (provider, yDoc) => () => {
       announceDeparture();
-      chunkFJDZ7AEE_js.clearLocalAwareness(provider.awareness);
+      chunkPCW2KT7Z_js.clearLocalAwareness(provider.awareness);
       provider.destroy();
       yDoc.destroy();
       setDoc(null);
@@ -240,9 +240,9 @@ function useYjsProvider({ config }) {
       if (config.authToken) {
         opts.password = config.authToken;
       }
-      const roomId = chunkFJDZ7AEE_js.validateRoomId(config.roomId);
+      const roomId = chunkPCW2KT7Z_js.validateRoomId(config.roomId);
       const provider = new WebrtcProvider(roomId, yDoc, opts);
-      departureRef.current = chunkFJDZ7AEE_js.createDepartureChannel(roomId, provider.awareness);
+      departureRef.current = chunkPCW2KT7Z_js.createDepartureChannel(roomId, provider.awareness);
       setDoc(yDoc);
       setAwareness(provider.awareness);
       setClientId(provider.awareness.clientID);
@@ -284,13 +284,13 @@ function useYjsProvider({ config }) {
     if (!config) {
       return;
     }
-    const roomId = chunkFJDZ7AEE_js.validateRoomId(config.roomId);
-    const transport = config.transport ?? chunkFJDZ7AEE_js.resolveTransportForServerUrl(config.serverUrl);
+    const roomId = chunkPCW2KT7Z_js.validateRoomId(config.roomId);
+    const transport = config.transport ?? chunkPCW2KT7Z_js.resolveTransportForServerUrl(config.serverUrl);
     if (transport === "webrtc") {
       await initWebrtc();
       return;
     }
-    if (chunkFJDZ7AEE_js.isMixedContentBlocked(config.serverUrl)) {
+    if (chunkPCW2KT7Z_js.isMixedContentBlocked(config.serverUrl)) {
       console.warn(
         `[pptx-viewer] Refusing to connect: insecure ws:// server "${config.serverUrl}" is blocked from a secure (https) page. Use a wss:// URL.`
       );
@@ -304,7 +304,7 @@ function useYjsProvider({ config }) {
       const provider = new WebsocketProvider(config.serverUrl, roomId, yDoc, {
         params: config.authToken ? { token: config.authToken } : void 0
       });
-      departureRef.current = chunkFJDZ7AEE_js.createDepartureChannel(roomId, provider.awareness);
+      departureRef.current = chunkPCW2KT7Z_js.createDepartureChannel(roomId, provider.awareness);
       let connected = false;
       const handleStatus = (event) => {
         if (event.status === "connected") {
@@ -344,7 +344,7 @@ function useYjsProvider({ config }) {
             provider.off("status", handleStatus);
             provider.off("sync", handleSynced);
             announceDeparture();
-            chunkFJDZ7AEE_js.clearLocalAwareness(provider.awareness);
+            chunkPCW2KT7Z_js.clearLocalAwareness(provider.awareness);
             provider.destroy();
             yDoc.destroy();
             setDoc(null);
@@ -353,7 +353,7 @@ function useYjsProvider({ config }) {
             cleanupRef.current = null;
             setStatus("error");
           }
-        }, chunkFJDZ7AEE_js.CONNECTION_TIMEOUT_MS);
+        }, chunkPCW2KT7Z_js.CONNECTION_TIMEOUT_MS);
       }
       setDoc(yDoc);
       setAwareness(provider.awareness);
@@ -362,7 +362,7 @@ function useYjsProvider({ config }) {
         provider.off("status", handleStatus);
         provider.off("sync", handleSynced);
         announceDeparture();
-        chunkFJDZ7AEE_js.clearLocalAwareness(provider.awareness);
+        chunkPCW2KT7Z_js.clearLocalAwareness(provider.awareness);
         provider.destroy();
         yDoc.destroy();
         setDoc(null);
@@ -388,7 +388,7 @@ function useYjsProvider({ config }) {
   ]);
   react.useEffect(() => {
     init();
-    const disposeTeardown = chunkFJDZ7AEE_js.registerCollaborationTeardown({
+    const disposeTeardown = chunkPCW2KT7Z_js.registerCollaborationTeardown({
       leave: teardown,
       rejoin: init
     });
@@ -409,7 +409,7 @@ function useCollaborativeState({
   canvasWidth,
   canvasHeight
 }) {
-  const userColor = chunkFJDZ7AEE_js.sanitizeColor(config?.userColor, "#6366f1");
+  const userColor = chunkPCW2KT7Z_js.sanitizeColor(config?.userColor, "#6366f1");
   const { status, awareness, doc, clientId, synced, retry } = useYjsProvider({ config });
   const { remoteUsers, broadcastPresence } = usePresenceTracking({
     awareness,
@@ -527,8 +527,8 @@ function useEditorHistory(input) {
         width: canvasSize.width,
         height: canvasSize.height,
         activeSlideIndex,
-        slides: slides.map(chunkFJDZ7AEE_js.cloneSlide),
-        templateElementsBySlideId: chunkFJDZ7AEE_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
+        slides: slides.map(chunkPCW2KT7Z_js.cloneSlide),
+        templateElementsBySlideId: chunkPCW2KT7Z_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
         ...actionLabel ? { actionLabel } : {}
       };
     },
@@ -541,9 +541,9 @@ function useEditorHistory(input) {
         width: snapshot.width,
         height: snapshot.height
       });
-      setSlides(snapshot.slides.map(chunkFJDZ7AEE_js.cloneSlide));
+      setSlides(snapshot.slides.map(chunkPCW2KT7Z_js.cloneSlide));
       setTemplateElementsBySlideId(
-        chunkFJDZ7AEE_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
+        chunkPCW2KT7Z_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
       );
       setActiveSlideIndex(Math.min(snapshot.activeSlideIndex, maxSlideIndex));
       setSelectedElementIds([]);
@@ -582,8 +582,8 @@ function useEditorHistory(input) {
     const currentSnapshot = buildHistorySnapshot();
     historyFutureRef.current.push(currentSnapshot);
     isApplyingHistoryRef.current = true;
-    const nextSnapshot = chunkB6UIVRFA_js.cloneHistorySnapshot(previousSnapshot);
-    lastHistorySnapshotRef.current = chunkB6UIVRFA_js.cloneHistorySnapshot(nextSnapshot);
+    const nextSnapshot = chunkXBTHWXNO_js.cloneHistorySnapshot(previousSnapshot);
+    lastHistorySnapshotRef.current = chunkXBTHWXNO_js.cloneHistorySnapshot(nextSnapshot);
     lastHistorySerializedRef.current = serializeDocument(nextSnapshot);
     applyHistorySnapshot(nextSnapshot);
     updateHistoryAvailability();
@@ -604,8 +604,8 @@ function useEditorHistory(input) {
     const currentSnapshot = buildHistorySnapshot();
     historyPastRef.current.push(currentSnapshot);
     isApplyingHistoryRef.current = true;
-    const targetSnapshot = chunkB6UIVRFA_js.cloneHistorySnapshot(nextSnapshot);
-    lastHistorySnapshotRef.current = chunkB6UIVRFA_js.cloneHistorySnapshot(targetSnapshot);
+    const targetSnapshot = chunkXBTHWXNO_js.cloneHistorySnapshot(nextSnapshot);
+    lastHistorySnapshotRef.current = chunkXBTHWXNO_js.cloneHistorySnapshot(targetSnapshot);
     lastHistorySerializedRef.current = serializeDocument(targetSnapshot);
     applyHistorySnapshot(targetSnapshot);
     updateHistoryAvailability();
@@ -623,7 +623,7 @@ function useEditorHistory(input) {
       historyPastRef.current = [];
       historyFutureRef.current = [];
       if (initialSnapshot) {
-        const clonedInitial = chunkB6UIVRFA_js.cloneHistorySnapshot(initialSnapshot);
+        const clonedInitial = chunkXBTHWXNO_js.cloneHistorySnapshot(initialSnapshot);
         lastHistorySnapshotRef.current = clonedInitial;
         lastHistorySerializedRef.current = serializeDocument(clonedInitial);
       } else {
@@ -671,19 +671,19 @@ function useEditorHistory(input) {
     }
     const previousSnapshot = lastHistorySnapshotRef.current;
     if (!previousSnapshot) {
-      lastHistorySnapshotRef.current = chunkB6UIVRFA_js.cloneHistorySnapshot(snapshot);
+      lastHistorySnapshotRef.current = chunkXBTHWXNO_js.cloneHistorySnapshot(snapshot);
       lastHistorySerializedRef.current = serialized;
       lastCheapHashRef.current = cheapHash;
       updateHistoryAvailability();
       return;
     }
     onDirtyRef.current?.();
-    historyPastRef.current.push(chunkB6UIVRFA_js.cloneHistorySnapshot(previousSnapshot));
+    historyPastRef.current.push(chunkXBTHWXNO_js.cloneHistorySnapshot(previousSnapshot));
     while (historyPastRef.current.length > Math.max(1, maxHistoryEntries)) {
       historyPastRef.current.shift();
     }
     historyFutureRef.current = [];
-    lastHistorySnapshotRef.current = chunkB6UIVRFA_js.cloneHistorySnapshot(snapshot);
+    lastHistorySnapshotRef.current = chunkXBTHWXNO_js.cloneHistorySnapshot(snapshot);
     lastHistorySerializedRef.current = serialized;
     lastCheapHashRef.current = cheapHash;
     updateHistoryAvailability();
@@ -743,9 +743,9 @@ function useZoomViewport({
   const canvasStageRef = react.useRef(null);
   const canvasViewportRef = react.useRef(null);
   const renderScaleRef = react.useRef(1);
-  const wheelBufferRef = react.useRef(chunkFJDZ7AEE_js.createWheelStepBuffer());
+  const wheelBufferRef = react.useRef(chunkPCW2KT7Z_js.createWheelStepBuffer());
   const storeRef = react.useRef(null);
-  storeRef.current ??= chunkFJDZ7AEE_js.createViewerZoomStore();
+  storeRef.current ??= chunkPCW2KT7Z_js.createViewerZoomStore();
   const store = storeRef.current;
   const scale = useViewerStore(store, selectZoom);
   const setScale = react.useCallback(
@@ -806,7 +806,7 @@ function useZoomViewport({
       if (!wrapper || !canvasViewport) {
         return;
       }
-      const boundedScale = chunkFJDZ7AEE_js.clampZoomScale(nextScale);
+      const boundedScale = chunkPCW2KT7Z_js.clampZoomScale(nextScale);
       const nextEditorScale = fitScale * boundedScale;
       const centerX = (bounds.minX + bounds.maxX) / 2;
       const centerY = (bounds.minY + bounds.maxY) / 2;
@@ -843,29 +843,29 @@ function useZoomViewport({
     selectedElements.forEach((element) => {
       minX = Math.min(minX, element.x);
       minY = Math.min(minY, element.y);
-      maxX = Math.max(maxX, element.x + Math.max(element.width, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE));
-      maxY = Math.max(maxY, element.y + Math.max(element.height, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE));
+      maxX = Math.max(maxX, element.x + Math.max(element.width, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE));
+      maxY = Math.max(maxY, element.y + Math.max(element.height, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE));
     });
     if (!Number.isFinite(minX) || !Number.isFinite(minY) || !Number.isFinite(maxX) || !Number.isFinite(maxY)) {
       return;
     }
     const selectionBounds = { minX, minY, maxX, maxY };
-    const boundsWidth = Math.max(selectionBounds.maxX - selectionBounds.minX, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE);
-    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE);
+    const boundsWidth = Math.max(selectionBounds.maxX - selectionBounds.minX, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE);
+    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE);
     const availableWidth = Math.max(
-      effectiveEditorDimensions.width - chunkB6UIVRFA_js.ZOOM_TO_SELECTION_PADDING,
-      chunkB6UIVRFA_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.width - chunkXBTHWXNO_js.ZOOM_TO_SELECTION_PADDING,
+      chunkXBTHWXNO_js.MIN_ELEMENT_SIZE
     );
     const availableHeight = Math.max(
-      effectiveEditorDimensions.height - chunkB6UIVRFA_js.ZOOM_TO_SELECTION_PADDING,
-      chunkB6UIVRFA_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.height - chunkXBTHWXNO_js.ZOOM_TO_SELECTION_PADDING,
+      chunkXBTHWXNO_js.MIN_ELEMENT_SIZE
     );
     const targetEditorScale = Math.min(
       availableWidth / boundsWidth,
       availableHeight / boundsHeight
     );
     const safeFitScale = fitScale > Number.EPSILON ? fitScale : Number.EPSILON;
-    const nextScale = chunkFJDZ7AEE_js.clampZoomScale(targetEditorScale / safeFitScale);
+    const nextScale = chunkPCW2KT7Z_js.clampZoomScale(targetEditorScale / safeFitScale);
     setScale(nextScale);
     window.requestAnimationFrame(() => {
       window.requestAnimationFrame(() => {
@@ -882,14 +882,14 @@ function useZoomViewport({
   ]);
   const handleWheel = react.useCallback(
     (event) => {
-      const mapped = chunkFJDZ7AEE_js.mapEditingWheel(event, wheelBufferRef.current, true);
+      const mapped = chunkPCW2KT7Z_js.mapEditingWheel(event, wheelBufferRef.current, true);
       if (mapped.intent !== "zoom") {
         return;
       }
       event.preventDefault();
       store.dispatch({
         type: "set-zoom",
-        zoom: chunkFJDZ7AEE_js.clampZoomScale(store.getState().zoom + mapped.deltaScale)
+        zoom: chunkPCW2KT7Z_js.clampZoomScale(store.getState().zoom + mapped.deltaScale)
       });
     },
     [store]
@@ -971,67 +971,6 @@ function stopAnimationSound() {
 }
 
 // src/viewer/hooks/presentation-mode/animation-helpers.ts
-function applyAnimationGroupSteps(group, onPlayActionSound, setPresentationElementStates, presentationTimersRef) {
-  for (const step of group.steps) {
-    if (step.command) {
-      const command = step.command;
-      const timer = window.setTimeout(
-        () => {
-          chunkB6UIVRFA_js.executeMediaCommand(command);
-        },
-        Math.max(0, step.delayMs)
-      );
-      presentationTimersRef.current.push(timer);
-      continue;
-    }
-    if (step.stopSound) {
-      stopAnimationSound();
-    } else if (step.soundPath && onPlayActionSound) {
-      onPlayActionSound(step.soundPath);
-    }
-  }
-  setPresentationElementStates((previousStates) => {
-    const nextStates = new Map(previousStates);
-    for (const step of group.steps) {
-      if (step.command) {
-        continue;
-      }
-      const currentState = nextStates.get(step.elementId) ?? {
-        visible: true};
-      const shouldBeVisible = step.presetClass === "exit" ? currentState.visible : true;
-      const colorTargets = step.colorTargets;
-      nextStates.set(step.elementId, {
-        visible: shouldBeVisible,
-        cssAnimation: step.cssAnimation,
-        animatesFill: colorTargets?.includes("fill") ? true : void 0,
-        animatesStroke: colorTargets?.includes("stroke") ? true : void 0
-      });
-    }
-    return nextStates;
-  });
-  for (const step of group.steps) {
-    if (step.command) {
-      continue;
-    }
-    const timer = window.setTimeout(
-      () => {
-        setPresentationElementStates((previousStates) => {
-          const nextStates = new Map(previousStates);
-          const currentState = nextStates.get(step.elementId) ?? {
-            visible: true};
-          const visibleAfterStep = step.presetClass === "exit" || step.hideAfterEffect ? false : currentState.visible;
-          nextStates.set(step.elementId, {
-            visible: visibleAfterStep,
-            cssAnimation: step.holdEndState ? step.cssAnimation : void 0
-          });
-          return nextStates;
-        });
-      },
-      Math.max(0, step.delayMs + step.durationMs + 8)
-    );
-    presentationTimersRef.current.push(timer);
-  }
-}
 function shouldSeekAnimationGroup(group, endAtMs, nowMs) {
   return group?.seqNextAction === "seek" && nowMs < endAtMs;
 }
@@ -1104,49 +1043,8 @@ function finishAnimationGroupSteps(group, setPresentationElementStates, complete
   });
 }
 
-// src/viewer/hooks/presentation-mode/build-playback.ts
-function cancelBuildReveal(handle) {
-  if (handle.current !== null) {
-    cancelAnimationFrame(handle.current);
-    handle.current = null;
-  }
-}
-function driveBuildReveal(controller, buildIds, setStates, handle) {
-  cancelBuildReveal(handle);
-  if (buildIds.length === 0 || typeof requestAnimationFrame !== "function") {
-    return;
-  }
-  const start = performance.now();
-  const tick = () => {
-    const elapsedMs = performance.now() - start;
-    const states = controller.computeStatesFor(buildIds, { elapsedMs });
-    setStates((prev) => {
-      const next = new Map(prev);
-      for (const id of buildIds) {
-        const build = states.get(id)?.build;
-        if (!build) {
-          continue;
-        }
-        const existing = next.get(id) ?? { visible: true, cssAnimation: void 0 };
-        next.set(id, { ...existing, build });
-      }
-      return next;
-    });
-    let pending = false;
-    for (const id of buildIds) {
-      const build = states.get(id)?.build;
-      if (build && build.progress < 1) {
-        pending = true;
-        break;
-      }
-    }
-    handle.current = pending ? requestAnimationFrame(tick) : null;
-  };
-  tick();
-}
-
 // src/viewer/hooks/presentation-mode/entrance-animation-timers.ts
-function scheduleOpeningAutoPlayGroup(controller, deps) {
+function scheduleOpeningAutoPlayGroup(controller, ctx) {
   if (!controller.hasMoreSteps()) {
     return;
   }
@@ -1159,17 +1057,10 @@ function scheduleOpeningAutoPlayGroup(controller, deps) {
     if (!group) {
       return;
     }
-    applyAnimationGroupSteps(
-      group,
-      deps.onPlayActionSound,
-      deps.setPresentationElementStates,
-      deps.presentationTimersRef
-    );
-    deps.markAnimationGroupActive(group);
-    deps.startBuildReveal(controller, group);
-    deps.scheduleAutoAdvanceChain(controller);
+    chunkPCW2KT7Z_js.playGroup(controller, group, ctx);
+    chunkPCW2KT7Z_js.scheduleAutoAdvanceChain(controller, ctx);
   }, firstGroup.autoAdvanceDelayMs ?? 0);
-  deps.presentationTimersRef.current.push(timer);
+  ctx.timers.push(timer);
 }
 function scheduleEntranceAnimationTimers(slide, setPresentationAnimations, presentationTimersRef) {
   const entranceAnimations = [...slide.animations || []].filter((animation) => Boolean(animation.entrance)).sort(
@@ -1186,7 +1077,7 @@ function scheduleEntranceAnimationTimers(slide, setPresentationAnimations, prese
     }))
   );
   entranceAnimations.forEach((animation, animationIndex) => {
-    const delay = chunkFJDZ7AEE_js.computeEntranceAnimationDelay(animation.delayMs, animationIndex);
+    const delay = chunkPCW2KT7Z_js.computeEntranceAnimationDelay(animation.delayMs, animationIndex);
     const timer = window.setTimeout(() => {
       setPresentationAnimations(
         (previousAnimations) => previousAnimations.map(
@@ -1216,20 +1107,19 @@ function useAnimationPlayback(input) {
   const activeAnimationEndAtRef = react.useRef(0);
   const seededCompletedRef = react.useRef(false);
   const lastSeedCompletedRef = react.useRef(false);
-  const startBuildReveal = react.useCallback(
-    (controller, group) => {
-      driveBuildReveal(
-        controller,
-        chunkFJDZ7AEE_js.PresentationAnimationController.collectBuildStepIds(group),
-        setPresentationElementStates,
-        buildRafRef
-      );
-    },
-    []
-  );
+  const buildPlaybackContext = react.useCallback(() => {
+    return {
+      setStates: setPresentationElementStates,
+      timers: presentationTimersRef.current,
+      buildHandle: buildRafRef,
+      onPlayActionSound,
+      playSound: playAnimationSound,
+      stopSound: stopAnimationSound
+    };
+  }, [onPlayActionSound]);
   react.useEffect(() => {
     return () => {
-      cancelBuildReveal(buildRafRef);
+      chunkPCW2KT7Z_js.cancelBuildReveal(buildRafRef);
     };
   }, []);
   const clearPresentationTimers = react.useCallback(() => {
@@ -1237,7 +1127,7 @@ function useAnimationPlayback(input) {
       window.clearTimeout(timer);
     });
     presentationTimersRef.current = [];
-    cancelBuildReveal(buildRafRef);
+    chunkPCW2KT7Z_js.cancelBuildReveal(buildRafRef);
     activeAnimationGroupRef.current = null;
     activeAnimationEndAtRef.current = 0;
   }, []);
@@ -1245,48 +1135,9 @@ function useAnimationPlayback(input) {
     activeAnimationGroupRef.current = group;
     activeAnimationEndAtRef.current = performance.now() + Math.max(0, group.totalDurationMs);
   }, []);
-  const scheduleAutoAdvanceChain = react.useCallback(
-    (controller) => {
-      if (!controller.shouldAutoAdvance()) {
-        return;
-      }
-      const delay = controller.getAutoAdvanceDelay();
-      const previousGroup = controller.peekNext();
-      if (!previousGroup) {
-        return;
-      }
-      const totalDelay = delay + (previousGroup.autoAdvanceDelayMs ?? 0);
-      const timer = window.setTimeout(
-        () => {
-          const group = controller.advance();
-          if (!group) {
-            return;
-          }
-          applyAnimationGroupSteps(
-            group,
-            onPlayActionSound,
-            setPresentationElementStates,
-            presentationTimersRef
-          );
-          markAnimationGroupActive(group);
-          startBuildReveal(controller, group);
-          scheduleAutoAdvanceChain(controller);
-        },
-        Math.max(0, totalDelay)
-      );
-      presentationTimersRef.current.push(timer);
-    },
-    // `scheduleAutoAdvanceChain` recursively calls itself (line 190) to walk the
-    // auto-advance chain; it can't list itself as its own dependency (the const
-    // isn't assigned yet when the array is evaluated). The recursive call still
-    // resolves correctly because the setTimeout callback only reads the binding
-    // once the outer const has been assigned.
-    // oxlint-disable-next-line react/memo-dependencies -- see comment above
-    [markAnimationGroupActive, onPlayActionSound, startBuildReveal]
-  );
   const resetSlideTimeline = react.useCallback(
     (slideIndex) => {
-      cancelBuildReveal(buildRafRef);
+      chunkPCW2KT7Z_js.cancelBuildReveal(buildRafRef);
       const slide = slides[slideIndex];
       if (!slide) {
         controllerRef.current = null;
@@ -1296,7 +1147,7 @@ function useAnimationPlayback(input) {
         setHoverTriggerShapeIds(/* @__PURE__ */ new Set());
         return;
       }
-      const controller = chunkFJDZ7AEE_js.PresentationAnimationController.fromSlide(slide);
+      const controller = chunkPCW2KT7Z_js.PresentationAnimationController.fromSlide(slide);
       controllerRef.current = controller;
       setPresentationKeyframesCss(controller.keyframesCss);
       setInteractiveTriggerShapeIds(controller.interactiveTriggerShapeIds);
@@ -1313,11 +1164,11 @@ function useAnimationPlayback(input) {
     const activeGroup = activeAnimationGroupRef.current;
     if (controller && controller.hasMoreSteps() && shouldSeekAnimationGroup(activeGroup, activeAnimationEndAtRef.current, performance.now())) {
       finishDomAnimationsForGroup(activeGroup);
-      const buildIds = chunkFJDZ7AEE_js.PresentationAnimationController.collectBuildStepIds(activeGroup);
+      const buildIds = chunkPCW2KT7Z_js.PresentationAnimationController.collectBuildStepIds(activeGroup);
       const completedStates = controller.computeStatesFor(buildIds);
       clearPresentationTimers();
       finishAnimationGroupSteps(activeGroup, setPresentationElementStates, completedStates);
-      scheduleAutoAdvanceChain(controller);
+      chunkPCW2KT7Z_js.scheduleAutoAdvanceChain(controller, buildPlaybackContext());
       return true;
     }
     if (!controller || !controller.hasMoreSteps()) {
@@ -1327,24 +1178,12 @@ function useAnimationPlayback(input) {
     if (!group) {
       return false;
     }
-    applyAnimationGroupSteps(
-      group,
-      onPlayActionSound,
-      setPresentationElementStates,
-      presentationTimersRef
-    );
+    const ctx = buildPlaybackContext();
+    chunkPCW2KT7Z_js.playGroup(controller, group, ctx);
     markAnimationGroupActive(group);
-    startBuildReveal(controller, group);
-    scheduleAutoAdvanceChain(controller);
+    chunkPCW2KT7Z_js.scheduleAutoAdvanceChain(controller, ctx);
     return true;
-  }, [
-    animationsEnabled,
-    clearPresentationTimers,
-    markAnimationGroupActive,
-    onPlayActionSound,
-    scheduleAutoAdvanceChain,
-    startBuildReveal
-  ]);
+  }, [animationsEnabled, buildPlaybackContext, clearPresentationTimers, markAnimationGroupActive]);
   const handleInteractiveShapeClick = react.useCallback(
     (shapeId) => {
       const controller = controllerRef.current;
@@ -1355,16 +1194,10 @@ function useAnimationPlayback(input) {
       if (!group) {
         return false;
       }
-      applyAnimationGroupSteps(
-        group,
-        onPlayActionSound,
-        setPresentationElementStates,
-        presentationTimersRef
-      );
-      startBuildReveal(controller, group);
+      chunkPCW2KT7Z_js.playGroup(controller, group, buildPlaybackContext());
       return true;
     },
-    [onPlayActionSound, startBuildReveal]
+    [buildPlaybackContext]
   );
   const handleHoverStart = react.useCallback(
     (shapeId) => {
@@ -1380,16 +1213,10 @@ function useAnimationPlayback(input) {
       if (!group) {
         return false;
       }
-      applyAnimationGroupSteps(
-        group,
-        onPlayActionSound,
-        setPresentationElementStates,
-        presentationTimersRef
-      );
-      startBuildReveal(controller, group);
+      chunkPCW2KT7Z_js.playGroup(controller, group, buildPlaybackContext());
       return true;
     },
-    [animationsEnabled, onPlayActionSound, startBuildReveal]
+    [animationsEnabled, buildPlaybackContext]
   );
   const handleHoverEnd = react.useCallback((shapeId) => {
     const controller = controllerRef.current;
@@ -1435,25 +1262,12 @@ function useAnimationPlayback(input) {
       }
       const controller = controllerRef.current;
       if (controller) {
-        scheduleOpeningAutoPlayGroup(controller, {
-          onPlayActionSound,
-          setPresentationElementStates,
-          presentationTimersRef,
-          startBuildReveal,
-          scheduleAutoAdvanceChain,
-          markAnimationGroupActive
-        });
+        const ctx = buildPlaybackContext();
+        scheduleOpeningAutoPlayGroup(controller, ctx);
       }
       scheduleEntranceAnimationTimers(slide, setPresentationAnimations, presentationTimersRef);
     },
-    [
-      animationsEnabled,
-      slides,
-      onPlayActionSound,
-      markAnimationGroupActive,
-      scheduleAutoAdvanceChain,
-      startBuildReveal
-    ]
+    [animationsEnabled, slides, buildPlaybackContext]
   );
   const runPresentationEntranceAnimations = react.useCallback(
     (slideIndex, options) => {
@@ -1480,12 +1294,12 @@ function useAnimationPlayback(input) {
     presentationTimersRef
   };
 }
-var PRESENTER_CHANNEL_NAME = chunkFJDZ7AEE_js.PRESENTATION_CHANNEL_NAME;
-var AUDIENCE_HASH = chunkFJDZ7AEE_js.PRESENTATION_HASH;
-var PRESENTER_MSG_ORIGIN = chunkFJDZ7AEE_js.PRESENTATION_MESSAGE_ORIGIN;
-var AUDIENCE_NONCE_KEY = chunkFJDZ7AEE_js.PRESENTATION_NONCE_KEY;
+var PRESENTER_CHANNEL_NAME = chunkPCW2KT7Z_js.PRESENTATION_CHANNEL_NAME;
+var AUDIENCE_HASH = chunkPCW2KT7Z_js.PRESENTATION_HASH;
+var PRESENTER_MSG_ORIGIN = chunkPCW2KT7Z_js.PRESENTATION_MESSAGE_ORIGIN;
+var AUDIENCE_NONCE_KEY = chunkPCW2KT7Z_js.PRESENTATION_NONCE_KEY;
 function generateSessionId() {
-  return chunkFJDZ7AEE_js.createPresentationSessionId();
+  return chunkPCW2KT7Z_js.createPresentationSessionId();
 }
 function parseAudienceNonce() {
   const hash = window.location.hash;
@@ -1521,7 +1335,7 @@ function usePresenterWindow(input) {
   }, []);
   const swapDisplays = react.useCallback(async () => {
     const audience = audienceWindowRef.current;
-    return audience && !audience.closed ? chunkFJDZ7AEE_js.swapPresentationWindows(window, audience) : false;
+    return audience && !audience.closed ? chunkPCW2KT7Z_js.swapPresentationWindows(window, audience) : false;
   }, []);
   const syncSlideToAudience = react.useCallback(
     (slideIndex) => {
@@ -1585,7 +1399,7 @@ function usePresenterWindow(input) {
       pollTimerRef.current = null;
     }
     if (closingSessionId) {
-      void chunkFJDZ7AEE_js.clearAudienceContent(closingSessionId);
+      void chunkPCW2KT7Z_js.clearAudienceContent(closingSessionId);
     }
   }, [getChannel]);
   const openAudienceWindow = react.useCallback(() => {
@@ -1603,10 +1417,10 @@ function usePresenterWindow(input) {
     audienceWindowRef.current = blankWin;
     const sessionId = generateSessionId();
     sessionIdRef.current = sessionId;
-    const audienceUrl = chunkFJDZ7AEE_js.buildPresentationAudienceUrl(window.location.href, sessionId);
-    void chunkFJDZ7AEE_js.resolveAudienceScreenPlacement(window).then((placement) => {
+    const audienceUrl = chunkPCW2KT7Z_js.buildPresentationAudienceUrl(window.location.href, sessionId);
+    void chunkPCW2KT7Z_js.resolveAudienceScreenPlacement(window).then((placement) => {
       if (placement && audienceWindowRef.current === blankWin && !blankWin.closed) {
-        chunkFJDZ7AEE_js.placeAudienceWindow(blankWin, placement);
+        chunkPCW2KT7Z_js.placeAudienceWindow(blankWin, placement);
       }
       return void 0;
     });
@@ -1636,7 +1450,7 @@ function usePresenterWindow(input) {
       }
     };
     if (content) {
-      void chunkFJDZ7AEE_js.storeAudienceContent(content, sessionId).then(() => navigateOrClose(true)).catch(() => navigateOrClose(false));
+      void chunkPCW2KT7Z_js.storeAudienceContent(content, sessionId).then(() => navigateOrClose(true)).catch(() => navigateOrClose(false));
     } else {
       navigateOrClose(true);
     }
@@ -1662,7 +1476,7 @@ function usePresenterWindow(input) {
     }
     const handleMessage = (event) => {
       const message = event.data;
-      if (chunkFJDZ7AEE_js.isPresentationSessionMessage(message) && message.type === "audience-ready" && message.sessionId === sessionIdRef.current) {
+      if (chunkPCW2KT7Z_js.isPresentationSessionMessage(message) && message.type === "audience-ready" && message.sessionId === sessionIdRef.current) {
         syncStateToAudience(snapshotRef.current);
       }
     };
@@ -1691,7 +1505,7 @@ function usePresenterWindow(input) {
   react.useEffect(() => {
     const handleBeforeUnload = () => {
       if (sessionIdRef.current) {
-        void chunkFJDZ7AEE_js.clearAudienceContent(sessionIdRef.current);
+        void chunkPCW2KT7Z_js.clearAudienceContent(sessionIdRef.current);
       }
     };
     window.addEventListener("beforeunload", handleBeforeUnload);
@@ -1753,7 +1567,7 @@ function useAudienceMode(input) {
     }
     channel.onmessage = (event) => {
       const data = event.data;
-      if (!chunkFJDZ7AEE_js.isPresentationSessionMessage(data) || data.origin !== PRESENTER_MSG_ORIGIN) {
+      if (!chunkPCW2KT7Z_js.isPresentationSessionMessage(data) || data.origin !== PRESENTER_MSG_ORIGIN) {
         return;
       }
       if (expectedSessionId && data.sessionId !== expectedSessionId) {
@@ -1769,16 +1583,16 @@ function useAudienceMode(input) {
       }
       if (data.type === "presenter-exit") {
         if (expectedSessionId) {
-          void chunkFJDZ7AEE_js.clearAudienceContent(expectedSessionId);
+          void chunkPCW2KT7Z_js.clearAudienceContent(expectedSessionId);
         }
-        if (chunkFJDZ7AEE_js.endAudienceDisplay(window)) {
+        if (chunkPCW2KT7Z_js.endAudienceDisplay(window)) {
           handlers.onPresenterEnded?.();
         }
       }
     };
     if (expectedSessionId) {
       channel.postMessage({
-        origin: chunkFJDZ7AEE_js.PRESENTATION_MESSAGE_ORIGIN,
+        origin: chunkPCW2KT7Z_js.PRESENTATION_MESSAGE_ORIGIN,
         type: "audience-ready",
         sessionId: expectedSessionId
       });
@@ -1792,7 +1606,7 @@ function useAudienceMode(input) {
   }, []);
 }
 function usePresentationKeyboard(input) {
-  const wheelBufferRef = react.useRef(chunkFJDZ7AEE_js.createWheelStepBuffer());
+  const wheelBufferRef = react.useRef(chunkPCW2KT7Z_js.createWheelStepBuffer());
   const {
     mode,
     movePresentationSlide,
@@ -1813,14 +1627,14 @@ function usePresentationKeyboard(input) {
     presentationSlideIndex,
     setShowRehearsalSummary
   } = input;
-  const keyBufferRef = react.useRef(chunkFJDZ7AEE_js.createPresentationKeyBuffer());
+  const keyBufferRef = react.useRef(chunkPCW2KT7Z_js.createPresentationKeyBuffer());
   react.useEffect(() => {
-    if (mode !== "present" || !chunkFJDZ7AEE_js.acceptsPresentationInput()) {
-      keyBufferRef.current = chunkFJDZ7AEE_js.createPresentationKeyBuffer();
+    if (mode !== "present" || !chunkPCW2KT7Z_js.acceptsPresentationInput()) {
+      keyBufferRef.current = chunkPCW2KT7Z_js.createPresentationKeyBuffer();
       return;
     }
     const handleKeyDown = (event) => {
-      const mapped = chunkFJDZ7AEE_js.mapPresentationKey(event, keyBufferRef.current);
+      const mapped = chunkPCW2KT7Z_js.mapPresentationKey(event, keyBufferRef.current);
       if (mapped.action === "none") {
         return;
       }
@@ -1840,12 +1654,12 @@ function usePresentationKeyboard(input) {
           movePresentationSlide(-1);
           return;
         case "first": {
-          const first = chunkFJDZ7AEE_js.firstShowSlideIndex(showSlideIndexes);
+          const first = chunkPCW2KT7Z_js.firstShowSlideIndex(showSlideIndexes);
           navigateToSlide(first ?? 0);
           return;
         }
         case "last": {
-          const last = chunkFJDZ7AEE_js.lastShowSlideIndex(showSlideIndexes);
+          const last = chunkPCW2KT7Z_js.lastShowSlideIndex(showSlideIndexes);
           navigateToSlide(last ?? Math.max(0, slideCount - 1));
           return;
         }
@@ -1883,10 +1697,10 @@ function usePresentationKeyboard(input) {
       }
     };
     const handleWheel = (event) => {
-      if (mode !== "present" || !chunkFJDZ7AEE_js.acceptsPresentationInput()) {
+      if (mode !== "present" || !chunkPCW2KT7Z_js.acceptsPresentationInput()) {
         return;
       }
-      const mapped = chunkFJDZ7AEE_js.mapPresentationWheel(event, wheelBufferRef.current);
+      const mapped = chunkPCW2KT7Z_js.mapPresentationWheel(event, wheelBufferRef.current);
       if (mapped.intent === "next-slide") {
         event.preventDefault();
         movePresentationSlide(1);
@@ -2019,9 +1833,9 @@ function useRehearsalTimings(input) {
 
 // src/viewer/hooks/presentation-mode/presentation-actions.ts
 function handlePresentationActionImpl(action, deps) {
-  chunkFJDZ7AEE_js.runPresentationAction(
+  chunkPCW2KT7Z_js.runPresentationAction(
     action,
-    { slideCount: deps.slidesLength },
+    { slideCount: deps.slidesLength, ...deps.elementId ? { elementId: deps.elementId } : {} },
     {
       goToSlide: (slideIndex) => {
         deps.navigateToSlide(slideIndex);
@@ -2032,7 +1846,13 @@ function handlePresentationActionImpl(action, deps) {
       endShow: () => {
         deps.onSetMode("edit");
       },
-      playSound: deps.onPlayActionSound ? (soundPath) => deps.onPlayActionSound?.(soundPath) : void 0
+      playSound: deps.onPlayActionSound ? (soundPath) => deps.onPlayActionSound?.(soundPath) : void 0,
+      lastViewed: deps.onLastViewed,
+      customShow: deps.onCustomShow,
+      openFile: deps.onOpenFile,
+      openPresentation: deps.onOpenPresentation,
+      playMedia: deps.onPlayMedia,
+      oleVerb: deps.onOleVerb
     }
   );
 }
@@ -2040,8 +1860,8 @@ function handlePresentationActionImpl(action, deps) {
 // src/viewer/hooks/presentation-mode/slide-transition.ts
 function executeSlideTransition(nextSlideIndex, deps) {
   const incomingSlide = deps.slides[nextSlideIndex];
-  const transition = incomingSlide?.transition;
-  const durationMs = deps.playTransition ? chunkFJDZ7AEE_js.resolveTransitionDurationMs(transition) : 0;
+  const transition = deps.reverse ? deps.slides[deps.currentSlideIndex]?.transition : incomingSlide?.transition;
+  const durationMs = deps.playTransition ? chunkPCW2KT7Z_js.resolveTransitionDurationMs(transition) : 0;
   deps.clearPresentationTimers();
   deps.setPresentationSlideIndex(nextSlideIndex);
   deps.onSetActiveSlideIndex(nextSlideIndex);
@@ -2094,13 +1914,19 @@ function useSlideNavigation(input) {
     presentationTimersRef,
     rehearsing,
     recordCurrentSlideTime,
-    setShowRehearsalSummary
+    setShowRehearsalSummary,
+    onLastViewed,
+    onCustomShow,
+    onOpenFile,
+    onOpenPresentation,
+    onPlayMedia,
+    onOleVerb
   } = input;
   const movePresentationSlideRef = react.useRef(() => {
   });
   const scheduleAutoAdvanceForSlide = react.useCallback(
     (slideIndex) => {
-      const delayMs = chunkFJDZ7AEE_js.resolveAutoAdvanceDelayMs(slides[slideIndex], { useTimings });
+      const delayMs = chunkPCW2KT7Z_js.resolveAutoAdvanceDelayMs(slides[slideIndex], { useTimings });
       if (delayMs === void 0) {
         return;
       }
@@ -2123,7 +1949,7 @@ function useSlideNavigation(input) {
       if (availableSlideIndexes.length === 0) {
         return;
       }
-      const pastLastSlide = direction === 1 && !chunkFJDZ7AEE_js.hasShowSlideAfter(presentationSlideIndex, availableSlideIndexes);
+      const pastLastSlide = direction === 1 && !chunkPCW2KT7Z_js.hasShowSlideAfter(presentationSlideIndex, availableSlideIndexes);
       if (rehearsing && pastLastSlide) {
         recordCurrentSlideTime(presentationSlideIndex);
         try {
@@ -2141,9 +1967,9 @@ function useSlideNavigation(input) {
         onAdvancePastLastSlide();
         return;
       }
-      const nextSlideIndex = direction === 1 ? chunkFJDZ7AEE_js.nextShowSlideIndex(presentationSlideIndex, availableSlideIndexes, {
+      const nextSlideIndex = direction === 1 ? chunkPCW2KT7Z_js.nextShowSlideIndex(presentationSlideIndex, availableSlideIndexes, {
         loop: Boolean(loopContinuously) && !rehearsing
-      }) : chunkFJDZ7AEE_js.previousShowSlideIndex(presentationSlideIndex, availableSlideIndexes);
+      }) : chunkPCW2KT7Z_js.previousShowSlideIndex(presentationSlideIndex, availableSlideIndexes);
       if (nextSlideIndex === void 0 || nextSlideIndex === presentationSlideIndex) {
         return;
       }
@@ -2163,8 +1989,11 @@ function useSlideNavigation(input) {
         scheduleAutoAdvanceForSlide: rehearsing ? void 0 : scheduleAutoAdvanceForSlide,
         presentationTimersRef,
         setTransitionOverlay,
-        // PowerPoint plays a slide's transition only when advancing into it.
-        playTransition: direction === 1,
+        // PowerPoint plays a slide's transition only when advancing into it,
+        // and replays the LEAVING slide's transition in reverse when stepping
+        // back (a morph glides its shapes back to where they came from).
+        playTransition: true,
+        reverse: direction === -1,
         // Stepping back onto a slide shows it with its builds already played.
         seedCompleted: direction === -1
       });
@@ -2240,16 +2069,35 @@ function useSlideNavigation(input) {
     ]
   );
   const handlePresentationAction = react.useCallback(
-    (action) => {
+    (action, elementId) => {
       handlePresentationActionImpl(action, {
+        elementId,
         movePresentationSlide,
         navigateToSlide,
         onPlayActionSound,
         onSetMode,
-        slidesLength: slides.length
+        slidesLength: slides.length,
+        onLastViewed,
+        onCustomShow,
+        onOpenFile,
+        onOpenPresentation,
+        onPlayMedia,
+        onOleVerb
       });
     },
-    [movePresentationSlide, navigateToSlide, onPlayActionSound, onSetMode, slides.length]
+    [
+      movePresentationSlide,
+      navigateToSlide,
+      onPlayActionSound,
+      onSetMode,
+      slides.length,
+      onLastViewed,
+      onCustomShow,
+      onOpenFile,
+      onOpenPresentation,
+      onPlayMedia,
+      onOleVerb
+    ]
   );
   return {
     movePresentationSlide,
@@ -2287,23 +2135,153 @@ function useZoomNavigation(input) {
     clearZoomReturn
   };
 }
+function createCustomShowRunner(deps) {
+  let origin = null;
+  return {
+    runCustomShow(customShowId, returnAfter) {
+      const target = deps.getCustomShows().find((show) => show.id === customShowId);
+      if (!target) {
+        return;
+      }
+      origin = returnAfter ? { showId: deps.getActiveCustomShowId(), slideIndex: deps.getPresentationSlideIndex() } : null;
+      const first = chunkPCW2KT7Z_js.firstShowSlideIndex(chunkPCW2KT7Z_js.resolveShowSlideIndexes(deps.getSlides(), target));
+      deps.setActiveCustomShowId(customShowId);
+      if (first !== void 0) {
+        deps.navigateToSlide(first);
+      }
+    },
+    tryReturnFromCustomShow() {
+      if (!origin) {
+        return false;
+      }
+      const { showId, slideIndex } = origin;
+      origin = null;
+      deps.setActiveCustomShowId(showId);
+      deps.navigateToSlide(slideIndex);
+      return true;
+    }
+  };
+}
+function useCustomShowRunner(deps) {
+  const depsRef = react.useRef(deps);
+  depsRef.current = deps;
+  const runnerRef = react.useRef(null);
+  runnerRef.current ??= createCustomShowRunner({
+    getSlides: () => depsRef.current.getSlides(),
+    getCustomShows: () => depsRef.current.getCustomShows(),
+    getActiveCustomShowId: () => depsRef.current.getActiveCustomShowId(),
+    setActiveCustomShowId: (id) => depsRef.current.setActiveCustomShowId(id),
+    navigateToSlide: (index) => depsRef.current.navigateToSlide(index),
+    getPresentationSlideIndex: () => depsRef.current.getPresentationSlideIndex()
+  });
+  return runnerRef.current;
+}
+
+// src/viewer/hooks/presentation-mode/usePresentationActionExtensions.ts
+function usePresentationActionExtensions(input) {
+  const {
+    slides,
+    customShows,
+    activeCustomShowId,
+    onSetActiveCustomShowId,
+    presentationSlideIndex,
+    containerRef,
+    endWithBlackSlide,
+    onSetMode,
+    setEndOfShowVisible
+  } = input;
+  const navigateToSlideRef = react.useRef(null);
+  const navigateToSlideViaRef = react.useCallback((index) => {
+    navigateToSlideRef.current?.(index);
+  }, []);
+  const customShowRunner = useCustomShowRunner({
+    getSlides: () => slides,
+    getCustomShows: () => customShows,
+    getActiveCustomShowId: () => activeCustomShowId,
+    setActiveCustomShowId: (id) => onSetActiveCustomShowId?.(id),
+    navigateToSlide: navigateToSlideViaRef,
+    getPresentationSlideIndex: () => presentationSlideIndex
+  });
+  const previousSlideRef = react.useRef(presentationSlideIndex);
+  const lastViewedSlideRef = react.useRef(null);
+  react.useEffect(() => {
+    lastViewedSlideRef.current = previousSlideRef.current;
+    previousSlideRef.current = presentationSlideIndex;
+  }, [presentationSlideIndex]);
+  const onCustomShow = react.useCallback(
+    (customShowId, returnAfter) => {
+      customShowRunner.runCustomShow(customShowId, returnAfter);
+    },
+    [customShowRunner]
+  );
+  const onLastViewed = react.useCallback(() => {
+    const previous = lastViewedSlideRef.current;
+    if (previous !== null) {
+      navigateToSlideViaRef(previous);
+    }
+  }, [navigateToSlideViaRef]);
+  const onOpenFile = react.useCallback((target) => {
+    chunkPCW2KT7Z_js.safeOpenUrl(target);
+  }, []);
+  const onOpenPresentation = react.useCallback((target) => {
+    chunkPCW2KT7Z_js.safeOpenUrl(target);
+  }, []);
+  const onPlayMedia = react.useCallback(
+    (elementId) => {
+      chunkPCW2KT7Z_js.toggleStageElementMedia(containerRef.current, elementId);
+    },
+    [containerRef]
+  );
+  const onOleVerb = react.useCallback(
+    (verb, elementId) => {
+      const target = chunkPCW2KT7Z_js.resolveOleVerbTarget(slides[presentationSlideIndex], elementId, verb);
+      if (target) {
+        chunkPCW2KT7Z_js.openUrlInNewTab(target.url);
+      }
+    },
+    [slides, presentationSlideIndex]
+  );
+  const handleAdvancePastLastSlide = react.useCallback(() => {
+    if (customShowRunner.tryReturnFromCustomShow()) {
+      return;
+    }
+    if (endWithBlackSlide) {
+      setEndOfShowVisible(true);
+    } else {
+      onSetMode("edit");
+    }
+  }, [customShowRunner, endWithBlackSlide, onSetMode, setEndOfShowVisible]);
+  const bindNavigateToSlide = react.useCallback((navigateToSlide) => {
+    navigateToSlideRef.current = navigateToSlide;
+  }, []);
+  return {
+    onLastViewed,
+    onCustomShow,
+    onOpenFile,
+    onOpenPresentation,
+    onPlayMedia,
+    onOleVerb,
+    handleAdvancePastLastSlide,
+    bindNavigateToSlide
+  };
+}
 function usePresenterConsole(slideIndex, active) {
-  const timerRef = react.useRef(chunkFJDZ7AEE_js.createPresenterTimer());
-  const [snapshot, setSnapshot] = react.useState(() => chunkFJDZ7AEE_js.createInitialPresentationSnapshot(slideIndex));
+  const timerRef = react.useRef(chunkPCW2KT7Z_js.createPresenterTimer());
+  const [snapshot, setSnapshot] = react.useState(() => chunkPCW2KT7Z_js.createInitialPresentationSnapshot(slideIndex));
   const patch = react.useCallback((value) => {
-    setSnapshot((current) => chunkFJDZ7AEE_js.mergePresentationSnapshot(current, value));
+    setSnapshot((current) => chunkPCW2KT7Z_js.mergePresentationSnapshot(current, value));
   }, []);
   react.useEffect(() => patch({ slideIndex }), [patch, slideIndex]);
   react.useEffect(() => {
     if (!active) {
       return;
     }
-    timerRef.current = chunkFJDZ7AEE_js.resetPresenterTimer();
+    timerRef.current = chunkPCW2KT7Z_js.resetPresenterTimer();
     patch({ paused: false, elapsedMs: 0 });
     const timer = window.setInterval(() => {
       patch({
         paused: timerRef.current.paused,
-        elapsedMs: chunkFJDZ7AEE_js.presenterElapsed(timerRef.current)
+        elapsedMs: chunkPCW2KT7Z_js.presenterElapsed(timerRef.current)
       });
     }, 1e3);
     return () => window.clearInterval(timer);
@@ -2313,19 +2291,19 @@ function usePresenterConsole(slideIndex, active) {
     applyAudienceSnapshot: setSnapshot,
     setBlackout: (blackout) => patch({ blackout }),
     toggleTimer: () => {
-      timerRef.current = chunkFJDZ7AEE_js.togglePresenterTimer(timerRef.current);
+      timerRef.current = chunkPCW2KT7Z_js.togglePresenterTimer(timerRef.current);
       patch({
         paused: timerRef.current.paused,
-        elapsedMs: chunkFJDZ7AEE_js.presenterElapsed(timerRef.current)
+        elapsedMs: chunkPCW2KT7Z_js.presenterElapsed(timerRef.current)
       });
     },
     resetTimer: () => {
-      timerRef.current = chunkFJDZ7AEE_js.resetPresenterTimer();
+      timerRef.current = chunkPCW2KT7Z_js.resetPresenterTimer();
       patch({ paused: false, elapsedMs: 0 });
     },
     stepZoom: (direction) => setSnapshot(
-      (current) => chunkFJDZ7AEE_js.mergePresentationSnapshot(current, {
-        zoom: chunkFJDZ7AEE_js.stepPresenterZoom(
+      (current) => chunkPCW2KT7Z_js.mergePresentationSnapshot(current, {
+        zoom: chunkPCW2KT7Z_js.stepPresenterZoom(
           current.zoom ?? { scale: 1, originX: 0.5, originY: 0.5 },
           direction
         )
@@ -2343,6 +2321,7 @@ function usePresentationMode(input) {
   const {
     mode,
     slides,
+    templateElementsBySlideId,
     visibleSlideIndexes,
     activeSlideIndex,
     containerRef,
@@ -2359,7 +2338,10 @@ function usePresentationMode(input) {
     loopContinuously,
     showWithAnimation,
     useTimings,
-    endWithBlackSlide = true
+    endWithBlackSlide = true,
+    customShows = [],
+    activeCustomShowId = null,
+    onSetActiveCustomShowId
   } = input;
   const [presentationSlideIndex, setPresentationSlideIndex] = react.useState(0);
   const [presentationSlideVisible, setPresentationSlideVisible] = react.useState(true);
@@ -2371,7 +2353,7 @@ function usePresentationMode(input) {
   const [allSlidesOpen, setAllSlidesOpen] = react.useState(false);
   const [endOfShowVisible, setEndOfShowVisible] = react.useState(false);
   const [presentationStartTime, setPresentationStartTime] = react.useState(null);
-  const showGuard = react.useMemo(() => chunkFJDZ7AEE_js.createPresenterShowGuard(), []);
+  const showGuard = react.useMemo(() => chunkPCW2KT7Z_js.createPresenterShowGuard(), []);
   const {
     presentationAnimations,
     presentationElementStates,
@@ -2414,13 +2396,17 @@ function usePresentationMode(input) {
       setPresenterMode(false);
     }
   }, [mode]);
-  const handleAdvancePastLastSlide = react.useCallback(() => {
-    if (endWithBlackSlide) {
-      setEndOfShowVisible(true);
-    } else {
-      onSetMode("edit");
-    }
-  }, [endWithBlackSlide, onSetMode]);
+  const actionExtensions = usePresentationActionExtensions({
+    slides,
+    customShows,
+    activeCustomShowId,
+    onSetActiveCustomShowId,
+    presentationSlideIndex,
+    containerRef,
+    endWithBlackSlide,
+    onSetMode,
+    setEndOfShowVisible
+  });
   const {
     movePresentationSlide: moveNavigationSlide,
     navigateToSlide,
@@ -2438,7 +2424,7 @@ function usePresentationMode(input) {
     onPlayActionSound,
     loopContinuously,
     useTimings,
-    onAdvancePastLastSlide: handleAdvancePastLastSlide,
+    onAdvancePastLastSlide: actionExtensions.handleAdvancePastLastSlide,
     playNextAnimationGroup,
     clearPresentationTimers,
     seedSlideAnimations,
@@ -2446,11 +2432,18 @@ function usePresentationMode(input) {
     presentationTimersRef,
     rehearsing,
     recordCurrentSlideTime,
-    setShowRehearsalSummary
+    setShowRehearsalSummary,
+    onLastViewed: actionExtensions.onLastViewed,
+    onCustomShow: actionExtensions.onCustomShow,
+    onOpenFile: actionExtensions.onOpenFile,
+    onOpenPresentation: actionExtensions.onOpenPresentation,
+    onPlayMedia: actionExtensions.onPlayMedia,
+    onOleVerb: actionExtensions.onOleVerb
   });
+  actionExtensions.bindNavigateToSlide(navigateToSlide);
   const movePresentationSlide = react.useCallback(
     (direction, trigger = "explicit") => {
-      if (!chunkFJDZ7AEE_js.acceptsPresentationInput()) {
+      if (!chunkPCW2KT7Z_js.acceptsPresentationInput()) {
         return;
       }
       if (endOfShowVisible) {
@@ -2518,6 +2511,13 @@ function usePresentationMode(input) {
     }
     onSetMode("present");
   }, [containerRef, onSetMode, setRehearsing]);
+  const enterPresentModeFromBeginning = react.useCallback(() => {
+    const first = chunkPCW2KT7Z_js.firstShowSlideIndex(visibleSlideIndexes);
+    if (first !== void 0) {
+      onSetActiveSlideIndex(first);
+    }
+    enterPresentMode();
+  }, [visibleSlideIndexes, onSetActiveSlideIndex, enterPresentMode]);
   const enterPresenterView = react.useCallback(() => {
     setPresenterMode(true);
     setRehearsing(false);
@@ -2580,6 +2580,10 @@ function usePresentationMode(input) {
   scheduleAutoAdvanceRef.current = scheduleAutoAdvanceForSlide;
   const activeSlideIndexRef = react.useRef(activeSlideIndex);
   activeSlideIndexRef.current = activeSlideIndex;
+  const visibleSlideIndexesRef = react.useRef(visibleSlideIndexes);
+  visibleSlideIndexesRef.current = visibleSlideIndexes;
+  const onSetActiveSlideIndexRef = react.useRef(onSetActiveSlideIndex);
+  onSetActiveSlideIndexRef.current = onSetActiveSlideIndex;
   const presentationSlideIndexRef = react.useRef(presentationSlideIndex);
   presentationSlideIndexRef.current = presentationSlideIndex;
   const clearPresentationTimersRef = react.useRef(clearPresentationTimers);
@@ -2588,7 +2592,7 @@ function usePresentationMode(input) {
     if (mode !== "present") {
       return;
     }
-    return chunkFJDZ7AEE_js.attachPresentationVisibilityPause({
+    return chunkPCW2KT7Z_js.attachPresentationVisibilityPause({
       root: containerRef.current ?? void 0,
       onHidden: () => clearPresentationTimersRef.current(),
       onVisible: () => scheduleAutoAdvanceRef.current(presentationSlideIndexRef.current)
@@ -2596,8 +2600,14 @@ function usePresentationMode(input) {
   }, [mode, containerRef]);
   react.useLayoutEffect(() => {
     if (mode === "present") {
-      const idx = activeSlideIndexRef.current;
+      const idx = chunkPCW2KT7Z_js.presentationEntrySlideIndex(
+        activeSlideIndexRef.current,
+        visibleSlideIndexesRef.current
+      );
       setPresentationSlideIndex(idx);
+      if (idx !== activeSlideIndexRef.current) {
+        onSetActiveSlideIndexRef.current(idx);
+      }
       runEntranceAnimationsRef.current(idx);
       scheduleAutoAdvanceRef.current(idx);
     } else {
@@ -2668,13 +2678,18 @@ function usePresentationMode(input) {
     if (!transitionOverlay || transitionOverlay.transition.type !== "morph") {
       return void 0;
     }
-    return chunkFJDZ7AEE_js.buildMorphTransitionPlan(
+    const incoming = slides[transitionOverlay.incomingSlideIndex];
+    return chunkPCW2KT7Z_js.buildMorphTransitionPlan(
       slides[transitionOverlay.outgoingSlideIndex],
-      slides[transitionOverlay.incomingSlideIndex],
+      incoming,
       transitionOverlay.durationMs,
-      chunkFJDZ7AEE_js.morphOptionToMode(transitionOverlay.transition.morphOption)
+      chunkPCW2KT7Z_js.morphOptionToMode(transitionOverlay.transition.morphOption),
+      // `PresentationStage` stacks the incoming slide's elements above its
+      // template shapes (`zIndex = templateElements.length + index`), so a
+      // z-index journey has to start counting where the stage does.
+      { zIndexBase: incoming ? templateElementsBySlideId?.[incoming.id]?.length ?? 0 : 0 }
     );
-  }, [transitionOverlay, slides]);
+  }, [transitionOverlay, slides, templateElementsBySlideId]);
   const morphedElementStates = react.useMemo(() => {
     if (!morphPlan || morphPlan.incomingAnimations.size === 0) {
       return presentationElementStates;
@@ -2693,7 +2708,7 @@ function usePresentationMode(input) {
     if (!morphPlan) {
       return presentationKeyframesCss;
     }
-    const imageRules = chunkFJDZ7AEE_js.buildMorphAnimationRules(morphPlan, "", "incoming", "image");
+    const imageRules = chunkPCW2KT7Z_js.buildMorphAnimationRules(morphPlan, "", "incoming", "image");
     return `${presentationKeyframesCss ?? ""}
 ${morphPlan.keyframesCss}
 ${imageRules}`;
@@ -2723,6 +2738,7 @@ ${imageRules}`;
     handleHoverStart,
     handleHoverEnd,
     enterPresentMode,
+    enterPresentModeFromBeginning,
     presenterMode,
     enterPresenterView,
     togglePresenterView,
@@ -2989,7 +3005,7 @@ function useFindReplace({
   const [findResults, setFindResults] = react.useState([]);
   const [findResultIndex, setFindResultIndex] = react.useState(-1);
   const performFind = react.useCallback(() => {
-    const results = chunkFJDZ7AEE_js.findInSlides(slides, findQuery, { matchCase: findMatchCase });
+    const results = chunkPCW2KT7Z_js.findInSlides(slides, findQuery, { matchCase: findMatchCase });
     if (!findQuery) {
       setFindResults([]);
       setFindResultIndex(-1);
@@ -3023,7 +3039,7 @@ function useFindReplace({
         return;
       }
       onUpdateSlides(
-        (prevSlides) => chunkFJDZ7AEE_js.applyFindReplacements(prevSlides, toReplace, replaceQuery).slides
+        (prevSlides) => chunkPCW2KT7Z_js.applyFindReplacements(prevSlides, toReplace, replaceQuery).slides
       );
       onMarkDirty();
     },
@@ -3045,9 +3061,9 @@ function useFindReplace({
   }, [findResults, applyReplacements, performFind]);
   react.useEffect(() => {
     const handler = (event) => {
-      const { action } = chunkFJDZ7AEE_js.mapEditorKey(event, {
+      const { action } = chunkPCW2KT7Z_js.mapEditorKey(event, {
         canEdit: mode === "edit",
-        isTextInputTarget: chunkFJDZ7AEE_js.isEditorTextInputTarget(event.target)
+        isTextInputTarget: chunkPCW2KT7Z_js.isEditorTextInputTarget(event.target)
       });
       if (action !== "find") {
         return;
@@ -3114,6 +3130,38 @@ function useModalDismissDrag(onClose, threshold = 120) {
     handlers: { onPointerDown, onPointerMove, onPointerUp, onPointerCancel: onPointerUp }
   };
 }
+function withoutKey(map, key) {
+  if (!(key in map)) {
+    return map;
+  }
+  const next = { ...map };
+  delete next[key];
+  return next;
+}
+function useCommentMentionDrafts() {
+  const [commentDraftMentionsBySlideId, setCommentDraftMentionsBySlideId] = react.useState({});
+  const [replyDraftMentionsByCommentId, setReplyDraftMentionsByCommentId] = react.useState({});
+  const setCommentDraftMentions = react.useCallback((slideId, mentions) => {
+    setCommentDraftMentionsBySlideId((prev) => ({ ...prev, [slideId]: mentions }));
+  }, []);
+  const setReplyDraftMentions = react.useCallback((commentId, mentions) => {
+    setReplyDraftMentionsByCommentId((prev) => ({ ...prev, [commentId]: mentions }));
+  }, []);
+  const clearCommentDraftMentions = react.useCallback((slideId) => {
+    setCommentDraftMentionsBySlideId((prev) => withoutKey(prev, slideId));
+  }, []);
+  const clearReplyDraftMentions = react.useCallback((commentId) => {
+    setReplyDraftMentionsByCommentId((prev) => withoutKey(prev, commentId));
+  }, []);
+  return {
+    commentDraftMentionsBySlideId,
+    replyDraftMentionsByCommentId,
+    setCommentDraftMentions,
+    setReplyDraftMentions,
+    clearCommentDraftMentions,
+    clearReplyDraftMentions
+  };
+}
 
 // src/viewer/hooks/useComments-helpers.ts
 function replaceCommentsOnSlide(slides, slideIndex, next) {
@@ -3121,12 +3169,12 @@ function replaceCommentsOnSlide(slides, slideIndex, next) {
     (entry, index) => index === slideIndex ? { ...entry, comments: next } : entry
   );
 }
-function addCommentToSlide(slides, slideIndex, text, authorName, elementId) {
+function addCommentToSlide(slides, slideIndex, text, authorName, elementId, mentions) {
   const slide = slides[slideIndex];
   if (!slide) {
     return { slides, didAdd: false };
   }
-  const next = chunkFJDZ7AEE_js.addCommentToList(
+  const next = chunkPCW2KT7Z_js.addCommentToList(
     slide.comments || [],
     text,
     authorName,
@@ -3137,14 +3185,17 @@ function addCommentToSlide(slides, slideIndex, text, authorName, elementId) {
   if (!next) {
     return { slides, didAdd: false };
   }
-  return { slides: replaceCommentsOnSlide(slides, slideIndex, next), didAdd: true };
+  const withMentions = mentions && mentions.length > 0 ? next.map(
+    (comment, index) => index === next.length - 1 ? { ...comment, mentions } : comment
+  ) : next;
+  return { slides: replaceCommentsOnSlide(slides, slideIndex, withMentions), didAdd: true };
 }
 function removeCommentFromSlide(slides, slideIndex, commentId) {
   const slide = slides[slideIndex];
   if (!slide) {
     return { slides, didDelete: false };
   }
-  const next = chunkFJDZ7AEE_js.removeCommentFromList(slide.comments || [], commentId);
+  const next = chunkPCW2KT7Z_js.removeCommentFromList(slide.comments || [], commentId);
   if (!next) {
     return { slides, didDelete: false };
   }
@@ -3155,7 +3206,7 @@ function editCommentInSlide(slides, slideIndex, commentId, newText) {
   if (!slide) {
     return { slides, didUpdate: false };
   }
-  const next = chunkFJDZ7AEE_js.editCommentInList(slide.comments || [], commentId, newText);
+  const next = chunkPCW2KT7Z_js.editCommentInList(slide.comments || [], commentId, newText);
   if (!next) {
     return { slides, didUpdate: false };
   }
@@ -3166,22 +3217,30 @@ function toggleResolvedInSlide(slides, slideIndex, commentId) {
   if (!slide) {
     return { slides, didUpdate: false };
   }
-  const next = chunkFJDZ7AEE_js.toggleCommentResolvedInList(slide.comments || [], commentId);
+  const next = chunkPCW2KT7Z_js.toggleCommentResolvedInList(slide.comments || [], commentId);
   if (!next) {
     return { slides, didUpdate: false };
   }
   return { slides: replaceCommentsOnSlide(slides, slideIndex, next), didUpdate: true };
 }
-function addReplyToSlide(slides, slideIndex, parentId, text, authorName) {
+function addReplyToSlide(slides, slideIndex, parentId, text, authorName, mentions) {
   const slide = slides[slideIndex];
   if (!slide) {
     return { slides, didAdd: false };
   }
-  const next = chunkFJDZ7AEE_js.replyToCommentInList(slide.comments || [], parentId, text, authorName);
+  const next = chunkPCW2KT7Z_js.replyToCommentInList(slide.comments || [], parentId, text, authorName);
   if (!next) {
     return { slides, didAdd: false };
   }
-  return { slides: replaceCommentsOnSlide(slides, slideIndex, next), didAdd: true };
+  const withMentions = mentions && mentions.length > 0 ? next.map(
+    (comment) => comment.id === parentId && comment.replies && comment.replies.length > 0 ? {
+      ...comment,
+      replies: comment.replies.map(
+        (reply, index) => index === comment.replies.length - 1 ? { ...reply, mentions } : reply
+      )
+    } : comment
+  ) : next;
+  return { slides: replaceCommentsOnSlide(slides, slideIndex, withMentions), didAdd: true };
 }
 function pruneSlideDrafts(drafts, slideIds) {
   const next = {};
@@ -3196,6 +3255,95 @@ function pruneSlideDrafts(drafts, slideIds) {
   return changed ? next : null;
 }
 
+// src/viewer/hooks/useCommentReplyHandlers.ts
+function useCommentReplyHandlers(input) {
+  const {
+    slides,
+    canEdit,
+    userName,
+    onUpdateSlides,
+    onMarkDirty,
+    replyDraftMentionsByCommentId,
+    setReplyDraftMentions,
+    clearReplyDraftMentions
+  } = input;
+  const [replyDraftByCommentId, setReplyDraftByCommentId] = react.useState({});
+  const [replyingToCommentId, setReplyingToCommentId] = react.useState(null);
+  const handleStartReply = react.useCallback((_slideIndex, commentId) => {
+    setReplyingToCommentId(commentId);
+    setReplyDraftByCommentId((prev) => ({ ...prev, [commentId]: "" }));
+  }, []);
+  const handleCancelReply = react.useCallback(() => {
+    setReplyingToCommentId(null);
+  }, []);
+  const handleReplyDraftChange = react.useCallback(
+    (commentId, draft, mentions) => {
+      setReplyDraftByCommentId((prev) => ({ ...prev, [commentId]: draft }));
+      if (mentions) {
+        setReplyDraftMentions(commentId, mentions);
+      }
+    },
+    [setReplyDraftMentions]
+  );
+  const handleSubmitReply = react.useCallback(
+    (slideIndex, commentId) => {
+      if (!canEdit) {
+        return;
+      }
+      const slide = slides[slideIndex];
+      if (!slide) {
+        return;
+      }
+      const replyText = String(replyDraftByCommentId[commentId] || "").trim();
+      if (replyText.length === 0) {
+        return;
+      }
+      let didAdd = false;
+      onUpdateSlides((prev) => {
+        const result = addReplyToSlide(
+          prev,
+          slideIndex,
+          commentId,
+          replyText,
+          userName,
+          replyDraftMentionsByCommentId[commentId]
+        );
+        didAdd = result.didAdd;
+        return result.slides;
+      });
+      if (!didAdd) {
+        return;
+      }
+      setReplyingToCommentId(null);
+      setReplyDraftByCommentId((prev) => {
+        const next = { ...prev };
+        delete next[commentId];
+        return next;
+      });
+      clearReplyDraftMentions(commentId);
+      onMarkDirty();
+    },
+    [
+      canEdit,
+      onMarkDirty,
+      onUpdateSlides,
+      replyDraftByCommentId,
+      replyDraftMentionsByCommentId,
+      clearReplyDraftMentions,
+      slides,
+      userName
+    ]
+  );
+  return {
+    replyingToCommentId,
+    replyDraftByCommentId,
+    handleStartReply,
+    handleCancelReply,
+    handleReplyDraftChange,
+    handleSubmitReply
+  };
+}
+
 // src/viewer/hooks/useComments.ts
 function useComments({
   slides,
@@ -3208,11 +3356,33 @@ function useComments({
   const [commentDraftBySlideId, setCommentDraftBySlideId] = react.useState({});
   const [editingCommentIdBySlideId, setEditingCommentIdBySlideId] = react.useState({});
   const [commentEditDraftByCommentId, setCommentEditDraftByCommentId] = react.useState({});
-  const [replyDraftByCommentId, setReplyDraftByCommentId] = react.useState({});
-  const [replyingToCommentId, setReplyingToCommentId] = react.useState(null);
-  const handleCommentDraftChange = react.useCallback((slideId, draft) => {
-    setCommentDraftBySlideId((prev) => ({ ...prev, [slideId]: draft }));
-  }, []);
+  const {
+    commentDraftMentionsBySlideId,
+    replyDraftMentionsByCommentId,
+    setCommentDraftMentions,
+    setReplyDraftMentions,
+    clearCommentDraftMentions,
+    clearReplyDraftMentions
+  } = useCommentMentionDrafts();
+  const reply = useCommentReplyHandlers({
+    slides,
+    canEdit,
+    userName,
+    onUpdateSlides,
+    onMarkDirty,
+    replyDraftMentionsByCommentId,
+    setReplyDraftMentions,
+    clearReplyDraftMentions
+  });
+  const handleCommentDraftChange = react.useCallback(
+    (slideId, draft, mentions) => {
+      setCommentDraftBySlideId((prev) => ({ ...prev, [slideId]: draft }));
+      if (mentions) {
+        setCommentDraftMentions(slideId, mentions);
+      }
+    },
+    [setCommentDraftMentions]
+  );
   const handleSetCommentEditDraft = react.useCallback((commentId, draft) => {
     setCommentEditDraftByCommentId((prev) => ({
       ...prev,
@@ -3239,7 +3409,8 @@ function useComments({
           slideIndex,
           draft,
           userName,
-          selectedElementId ?? void 0
+          selectedElementId ?? void 0,
+          commentDraftMentionsBySlideId[slide.id]
         );
         didAdd = result.didAdd;
         return result.slides;
@@ -3251,11 +3422,14 @@ function useComments({
         ...prev,
         [slide.id]: ""
       }));
+      clearCommentDraftMentions(slide.id);
       onMarkDirty();
     },
     [
       canEdit,
       commentDraftBySlideId,
+      commentDraftMentionsBySlideId,
+      clearCommentDraftMentions,
       onMarkDirty,
       onUpdateSlides,
       selectedElementId,
@@ -3367,48 +3541,6 @@ function useComments({
     },
     [canEdit, onMarkDirty, onUpdateSlides, slides]
   );
-  const handleStartReply = react.useCallback((_slideIndex, commentId) => {
-    setReplyingToCommentId(commentId);
-    setReplyDraftByCommentId((prev) => ({ ...prev, [commentId]: "" }));
-  }, []);
-  const handleCancelReply = react.useCallback(() => {
-    setReplyingToCommentId(null);
-  }, []);
-  const handleReplyDraftChange = react.useCallback((commentId, draft) => {
-    setReplyDraftByCommentId((prev) => ({ ...prev, [commentId]: draft }));
-  }, []);
-  const handleSubmitReply = react.useCallback(
-    (slideIndex, commentId) => {
-      if (!canEdit) {
-        return;
-      }
-      const slide = slides[slideIndex];
-      if (!slide) {
-        return;
-      }
-      const replyText = String(replyDraftByCommentId[commentId] || "").trim();
-      if (replyText.length === 0) {
-        return;
-      }
-      let didAdd = false;
-      onUpdateSlides((prev) => {
-        const result = addReplyToSlide(prev, slideIndex, commentId, replyText, userName);
-        didAdd = result.didAdd;
-        return result.slides;
-      });
-      if (!didAdd) {
-        return;
-      }
-      setReplyingToCommentId(null);
-      setReplyDraftByCommentId((prev) => {
-        const next = { ...prev };
-        delete next[commentId];
-        return next;
-      });
-      onMarkDirty();
-    },
-    [canEdit, onMarkDirty, onUpdateSlides, replyDraftByCommentId, slides, userName]
-  );
   react.useEffect(() => {
     const slideIds = new Set(slides.map((slide) => slide.id));
     setCommentDraftBySlideId((prev) => {
@@ -3420,8 +3552,8 @@ function useComments({
     commentDraftBySlideId,
     editingCommentIdBySlideId,
     commentEditDraftByCommentId,
-    replyingToCommentId,
-    replyDraftByCommentId,
+    commentDraftMentionsBySlideId,
+    replyDraftMentionsByCommentId,
     handleCommentDraftChange,
     handleAddSlideComment,
     handleDeleteSlideComment,
@@ -3430,10 +3562,7 @@ function useComments({
     handleSaveCommentEdit,
     handleSetCommentEditDraft,
     handleToggleCommentResolved,
-    handleStartReply,
-    handleCancelReply,
-    handleReplyDraftChange,
-    handleSubmitReply
+    ...reply
   };
 }
 function buildElementLookup(templateElements, slideElements) {
@@ -3551,7 +3680,7 @@ function useViewerCoreState(_input) {
   const marqueeStateRef = react.useRef(null);
   const isDrawingRef = react.useRef(false);
   const justInteractedRef = react.useRef(false);
-  const livePatcher = react.useMemo(() => chunkFJDZ7AEE_js.createCollaborationLivePatcher(), []);
+  const livePatcher = react.useMemo(() => chunkPCW2KT7Z_js.createCollaborationLivePatcher(), []);
   react.useEffect(() => () => livePatcher.dispose(), [livePatcher]);
   const slidesRef = react.useRef([]);
   const [mode, setMode] = react.useState("edit");
@@ -3560,8 +3689,8 @@ function useViewerCoreState(_input) {
   const [slides, setSlides] = react.useState([]);
   const [templateElementsBySlideId, setTemplateElementsBySlideId] = react.useState({});
   const [canvasSize, setCanvasSize] = react.useState({
-    width: chunkB6UIVRFA_js.DEFAULT_CANVAS_WIDTH,
-    height: chunkB6UIVRFA_js.DEFAULT_CANVAS_HEIGHT
+    width: chunkXBTHWXNO_js.DEFAULT_CANVAS_WIDTH,
+    height: chunkXBTHWXNO_js.DEFAULT_CANVAS_HEIGHT
   });
   const [slideSizeEmu, setSlideSizeEmu] = react.useState();
   const [activeSlideIndex, setActiveSlideIndex] = react.useState(0);
@@ -3582,7 +3711,7 @@ function useViewerCoreState(_input) {
       const resolved = typeof value === "function" ? value(inlineEditingTextRef.current) : value;
       inlineEditingTextRef.current = resolved;
       setInlineEditingTextBase(value);
-      chunkFJDZ7AEE_js.publishLiveInlineText(
+      chunkPCW2KT7Z_js.publishLiveInlineText(
         livePatcher,
         slidesRef.current[activeSlideIndexRef.current],
         inlineEditingElementIdRef.current,
@@ -3598,6 +3727,8 @@ function useViewerCoreState(_input) {
   const [headerFooter, setHeaderFooter] = react.useState({});
   const [layoutOptions, setLayoutOptions] = react.useState([]);
   const [slideMasters, setSlideMasters] = react.useState([]);
+  const [modernCommentAuthors, setModernCommentAuthors] = react.useState([]);
+  const [recentColors, setRecentColors] = react.useState([]);
   const [theme, setTheme] = react.useState();
   const [tableStyleMap, setTableStyleMap] = react.useState();
   const [themeOptions, setThemeOptions] = react.useState([]);
@@ -3691,6 +3822,10 @@ function useViewerCoreState(_input) {
     setLayoutOptions,
     slideMasters,
     setSlideMasters,
+    modernCommentAuthors,
+    setModernCommentAuthors,
+    recentColors,
+    setRecentColors,
     theme,
     setTheme,
     tableStyleMap,
@@ -3875,6 +4010,8 @@ function useLoadContent({
   setHeaderFooter,
   setLayoutOptions,
   setSlideMasters,
+  setModernCommentAuthors,
+  setRecentColors,
   setTheme,
   setTableStyleMap,
   setThemeOptions,
@@ -3896,6 +4033,8 @@ function useLoadContent({
   setHasDigitalSignatures,
   setDigitalSignatureCount,
   setGuides,
+  setReadOnlyRecommendation,
+  setCompatToasts,
   setLoading,
   setError,
   setIsDirty,
@@ -3926,7 +4065,7 @@ function useLoadContent({
           );
         }
         const previousHandler = handlerRef.current;
-        const handler = new chunkFJDZ7AEE_js.PptxHandler();
+        const handler = new chunkPCW2KT7Z_js.PptxHandler();
         const parsed = await handler.load(buffer, { allowExternalImages });
         if (cancelled || token !== renderTokenRef.current) {
           handler.dispose();
@@ -3938,7 +4077,7 @@ function useLoadContent({
         handlerRef.current = null;
         const mediaElements = [];
         for (const slide of parsed.slides) {
-          chunkFJDZ7AEE_js.collectMediaElements(slide.elements, mediaElements);
+          chunkPCW2KT7Z_js.collectMediaElements(slide.elements, mediaElements);
         }
         for (const url of mediaDataUrls.values()) {
           if (url.startsWith("blob:")) {
@@ -3979,7 +4118,7 @@ function useLoadContent({
             }
           })
         );
-        const { paths: imagePaths, refs: imageRefs } = chunkFJDZ7AEE_js.collectImagePaths(parsed.slides);
+        const { paths: imagePaths, refs: imageRefs } = chunkPCW2KT7Z_js.collectImagePaths(parsed.slides);
         let nextSlides = parsed.slides;
         if (imagePaths.size > 0) {
           const resolvedMap = /* @__PURE__ */ new Map();
@@ -3994,100 +4133,26 @@ function useLoadContent({
               }
             })
           );
-          const elementPatches = /* @__PURE__ */ new Map();
-          for (const ref of imageRefs) {
-            const url = resolvedMap.get(ref.path);
-            if (!url) {
-              continue;
-            }
-            const id = ref.element.id;
-            const existing = elementPatches.get(id) ?? {};
-            existing[ref.field] = url;
-            elementPatches.set(id, existing);
-          }
-          if (elementPatches.size > 0) {
-            const patchElements = (elements) => {
-              let mutated = false;
-              const next = elements.map((el) => {
-                let updated = el;
-                const patch = elementPatches.get(el.id);
-                if (patch) {
-                  updated = { ...el, ...patch };
-                }
-                if (updated.type === "group" && updated.children?.length) {
-                  const newChildren = patchElements(updated.children);
-                  if (newChildren !== updated.children) {
-                    updated = { ...updated, children: newChildren };
-                  }
-                }
-                if (updated !== el) {
-                  mutated = true;
-                }
-                return updated;
-              });
-              return mutated ? next : elements;
-            };
-            nextSlides = parsed.slides.map((s) => {
-              const newElements = patchElements(s.elements);
-              return newElements === s.elements ? s : { ...s, elements: newElements };
-            });
-          }
-        }
-        const { paths: tableImagePaths, refs: tableImageRefs } = chunkFJDZ7AEE_js.collectTableCellImagePaths(nextSlides);
-        if (tableImagePaths.size > 0) {
-          const resolvedTableMap = /* @__PURE__ */ new Map();
-          await Promise.all(
-            Array.from(tableImagePaths).map(async (path) => {
-              try {
-                const url = await handler.getImageData(path);
-                if (url) {
-                  resolvedTableMap.set(path, url);
-                }
-              } catch {
-              }
-            })
-          );
-          if (resolvedTableMap.size > 0) {
-            nextSlides = nextSlides.map((s) => {
-              const newElements = chunkFJDZ7AEE_js.applyTableCellImagePatches(
-                s.elements,
-                resolvedTableMap,
-                tableImageRefs
-              );
-              return newElements === s.elements ? s : { ...s, elements: newElements };
-            });
-          }
-        }
-        let nextTableStyleMap = parsed.tableStyleMap;
-        const { paths: tableStyleImagePaths, refs: tableStyleImageRefs } = chunkFJDZ7AEE_js.collectTableStyleImagePaths(nextTableStyleMap);
-        if (tableStyleImagePaths.size > 0) {
-          const resolvedStyleMap = /* @__PURE__ */ new Map();
-          await Promise.all(
-            Array.from(tableStyleImagePaths).map(async (path) => {
-              try {
-                const url = await handler.getImageData(path);
-                if (url) {
-                  resolvedStyleMap.set(path, url);
-                }
-              } catch {
-              }
-            })
-          );
-          if (resolvedStyleMap.size > 0 && nextTableStyleMap) {
-            nextTableStyleMap = chunkFJDZ7AEE_js.applyTableStyleImagePatches(
-              nextTableStyleMap,
-              resolvedStyleMap,
-              tableStyleImageRefs
-            );
-          }
+          nextSlides = parsed.slides.map((s) => {
+            const newElements = chunkPCW2KT7Z_js.applyImagePathPatches(s.elements, resolvedMap, imageRefs);
+            return newElements === s.elements ? s : { ...s, elements: newElements };
+          });
         }
+        nextSlides = await chunkPCW2KT7Z_js.resolveTableCellImageUrls(
+          nextSlides,
+          (path) => handler.getImageData(path)
+        );
+        const nextTableStyleMap = await chunkPCW2KT7Z_js.resolveTableStyleImageUrls(
+          parsed.tableStyleMap,
+          (path) => handler.getImageData(path)
+        );
         handlerRef.current = handler;
-        const partition = chunkFJDZ7AEE_js.partitionTemplateElements(nextSlides);
+        const partition = chunkPCW2KT7Z_js.partitionTemplateElements(nextSlides);
         setSlides(partition.slides);
         setTemplateElementsBySlideId(partition.templateElementsBySlideId);
         setCanvasSize({
-          width: parsed.width ?? chunkB6UIVRFA_js.DEFAULT_CANVAS_WIDTH,
-          height: parsed.height ?? chunkB6UIVRFA_js.DEFAULT_CANVAS_HEIGHT
+          width: parsed.width ?? chunkXBTHWXNO_js.DEFAULT_CANVAS_WIDTH,
+          height: parsed.height ?? chunkXBTHWXNO_js.DEFAULT_CANVAS_HEIGHT
         });
         setSlideSizeEmu(
           typeof parsed.widthEmu === "number" && typeof parsed.heightEmu === "number" && parsed.widthEmu > 0 && parsed.heightEmu > 0 ? {
@@ -4099,12 +4164,14 @@ function useLoadContent({
         setHeaderFooter(parsed.headerFooter ?? {});
         setLayoutOptions(parsed.layoutOptions ?? []);
         setSlideMasters(parsed.slideMasters ?? []);
+        setModernCommentAuthors(parsed.modernCommentAuthors ?? []);
+        setRecentColors(chunkPCW2KT7Z_js.seedRecentColors({ mruColors: parsed.mruColors }));
         setTheme(parsed.theme);
         setTableStyleMap(nextTableStyleMap);
         setThemeOptions(parsed.themeOptions ?? []);
         setCustomShows(parsed.customShows ?? []);
         setActiveCustomShowId(
-          chunkFJDZ7AEE_js.resolveAuthoredCustomShowId(parsed.presentationProperties, parsed.customShows) ?? null
+          chunkPCW2KT7Z_js.resolveAuthoredCustomShowId(parsed.presentationProperties, parsed.customShows) ?? null
         );
         setSections(parsed.sections ?? []);
         setPresentationProperties(parsed.presentationProperties ?? {});
@@ -4127,7 +4194,14 @@ function useLoadContent({
         setHasMacros(parsed.hasMacros === true);
         setHasDigitalSignatures(parsed.hasDigitalSignatures === true);
         setDigitalSignatureCount(parsed.digitalSignatureCount ?? 0);
-        setGuides(chunkFJDZ7AEE_js.buildInitialGuides(parsed.presentationGuides, parsed.slides[0]?.guides));
+        setGuides(chunkPCW2KT7Z_js.buildInitialGuides(parsed.presentationGuides, parsed.slides[0]?.guides));
+        setReadOnlyRecommendation(chunkPCW2KT7Z_js.readOnlyRecommendation(parsed));
+        setCompatToasts(
+          chunkPCW2KT7Z_js.compatibilityWarningToasts([
+            ...parsed.warnings ?? [],
+            ...parsed.slides.flatMap((slide) => slide.warnings ?? [])
+          ])
+        );
         setActiveSlideIndex(0);
         clearSelection();
         setIsDirty(false);
@@ -4135,7 +4209,7 @@ function useLoadContent({
         onContentApplied?.();
       } catch (err) {
         if (!cancelled && token === renderTokenRef.current) {
-          if (err instanceof chunkFJDZ7AEE_js.EncryptedFileError) {
+          if (err instanceof chunkPCW2KT7Z_js.EncryptedFileError) {
             setIsEncrypted(true);
           } else {
             console.error("[pptx] Failed to load presentation content:", err);
@@ -4163,7 +4237,7 @@ function useLoadContent({
 }
 function useAutosave(input) {
   const { isDirty, filePath, serializeSlides, enabled = true, getChangeSources } = input;
-  const intervalMs = chunkFJDZ7AEE_js.resolveAutosaveIntervalMs({
+  const intervalMs = chunkPCW2KT7Z_js.resolveAutosaveIntervalMs({
     hostIntervalMs: input.intervalMs,
     optionsIntervalSeconds: input.intervalSeconds
   });
@@ -4194,7 +4268,7 @@ function useAutosave(input) {
       return;
     }
     const sources = changeSourcesRef.current?.() ?? [];
-    if (!chunkFJDZ7AEE_js.shouldWriteAutosaveSnapshot({
+    if (!chunkPCW2KT7Z_js.shouldWriteAutosaveSnapshot({
       filePath: path,
       isDirty: isDirtyRef.current,
       saving: isSavingRef.current,
@@ -4212,8 +4286,8 @@ function useAutosave(input) {
         isSavingRef.current = false;
         return;
       }
-      await chunkFJDZ7AEE_js.saveAutosaveSnapshot(path, data);
-      lastSnapshotRef.current = chunkFJDZ7AEE_js.autosaveSnapshotMark(path, sources);
+      await chunkPCW2KT7Z_js.saveAutosaveSnapshot(path, data);
+      lastSnapshotRef.current = chunkPCW2KT7Z_js.autosaveSnapshotMark(path, sources);
       setAutosaveStatus({ state: "saved", timestamp: Date.now() });
     } catch (err) {
       setAutosaveStatus({
@@ -4299,11 +4373,11 @@ function useElementOperations(input) {
     (elementId, updates) => {
       if (masterView?.target) {
         applyMasterViewWrite(
-          chunkFJDZ7AEE_js.updateMasterViewElement(masterView, masterView.target, elementId, updates)
+          chunkPCW2KT7Z_js.updateMasterViewElement(masterView, masterView.target, elementId, updates)
         );
         return;
       }
-      if (chunkFJDZ7AEE_js.isTemplateElementId(elementId)) {
+      if (chunkPCW2KT7Z_js.isTemplateElementId(elementId)) {
         const slideId = activeSlide?.id;
         if (slideId) {
           setTemplateElementsBySlideId((prev) => ({
@@ -4314,19 +4388,7 @@ function useElementOperations(input) {
           }));
         }
       } else {
-        setSlides(
-          (prev) => prev.map(
-            (s, i) => i !== activeSlideIndex ? s : {
-              ...s,
-              elements: s.elements.map(
-                (el) => el.id === elementId ? {
-                  ...el,
-                  ...updates
-                } : el
-              )
-            }
-          )
-        );
+        setSlides((prev) => chunkPCW2KT7Z_js.updateElement(prev, activeSlideIndex, elementId, updates));
       }
       history.markDirty();
     },
@@ -4351,7 +4413,7 @@ function useElementOperations(input) {
   );
   const updateSelectedShapeStyle = react.useCallback(
     (updates) => {
-      if (!selectedElement || !chunkFJDZ7AEE_js.hasShapeProperties(selectedElement)) {
+      if (!selectedElement || !chunkPCW2KT7Z_js.hasShapeProperties(selectedElement)) {
         return;
       }
       updateSelectedElement({
@@ -4362,17 +4424,17 @@ function useElementOperations(input) {
   );
   const updateSelectedTextStyle = react.useCallback(
     (updates) => {
-      if (!selectedElement || !chunkFJDZ7AEE_js.hasTextProperties(selectedElement)) {
+      if (!selectedElement || !chunkPCW2KT7Z_js.hasTextProperties(selectedElement)) {
         return;
       }
-      const inlineSel = chunkFJDZ7AEE_js.getInlineEditorSelection(selectedElement.textSegments);
+      const inlineSel = chunkPCW2KT7Z_js.getInlineEditorSelection(selectedElement.textSegments);
       if (inlineSel && selectedElement.textSegments) {
-        const { newSegments: newSegments2, newSelection } = chunkFJDZ7AEE_js.applyStyleToSelectedSegments(
+        const { newSegments: newSegments2, newSelection } = chunkPCW2KT7Z_js.applyStyleToSelectedSegments(
           selectedElement.textSegments,
           inlineSel,
           updates
         );
-        chunkFJDZ7AEE_js.setPendingSelectionRestore(newSelection);
+        chunkPCW2KT7Z_js.setPendingSelectionRestore(newSelection);
         updateSelectedElement({
           textSegments: newSegments2
         });
@@ -4392,12 +4454,12 @@ function useElementOperations(input) {
   );
   const updateSelectedTextCase = react.useCallback(
     (mode) => {
-      if (!selectedElement || !chunkFJDZ7AEE_js.hasTextProperties(selectedElement)) {
+      if (!selectedElement || !chunkPCW2KT7Z_js.hasTextProperties(selectedElement)) {
         return;
       }
-      const inlineSel = chunkFJDZ7AEE_js.getInlineEditorSelection(selectedElement.textSegments);
+      const inlineSel = chunkPCW2KT7Z_js.getInlineEditorSelection(selectedElement.textSegments);
       if (inlineSel && selectedElement.textSegments) {
-        const newSegments = chunkFJDZ7AEE_js.applyCaseTransformToSegments(
+        const newSegments = chunkPCW2KT7Z_js.applyCaseTransformToSegments(
           selectedElement.textSegments,
           inlineSel,
           mode
@@ -4407,14 +4469,14 @@ function useElementOperations(input) {
       }
       const updates = {};
       if (selectedElement.textSegments && selectedElement.textSegments.length > 0) {
-        updates.textSegments = chunkFJDZ7AEE_js.applyCaseTransformToSegments(
+        updates.textSegments = chunkPCW2KT7Z_js.applyCaseTransformToSegments(
           selectedElement.textSegments,
           null,
           mode
         );
       }
       if (typeof selectedElement.text === "string") {
-        updates.text = chunkFJDZ7AEE_js.transformTextCase(selectedElement.text, mode);
+        updates.text = chunkPCW2KT7Z_js.transformTextCase(selectedElement.text, mode);
       }
       updateSelectedElement(updates);
     },
@@ -4427,15 +4489,15 @@ function useElementOperations(input) {
     [setSlides]
   );
   const masterViewTarget = masterView?.target ?? null;
-  const activeElements = masterViewTarget ? chunkFJDZ7AEE_js.masterViewElements(masterView, masterViewTarget) : editTemplateMode ? templateElements : activeSlide?.elements ?? [];
+  const activeElements = masterViewTarget ? chunkPCW2KT7Z_js.masterViewElements(masterView, masterViewTarget) : editTemplateMode ? templateElements : activeSlide?.elements ?? [];
   const updateActiveElements = react.useCallback(
     (updater) => {
       if (masterView?.target) {
         applyMasterViewWrite(
-          chunkFJDZ7AEE_js.replaceMasterViewElements(
+          chunkPCW2KT7Z_js.replaceMasterViewElements(
             masterView,
             masterView.target,
-            updater(chunkFJDZ7AEE_js.masterViewElements(masterView, masterView.target))
+            updater(chunkPCW2KT7Z_js.masterViewElements(masterView, masterView.target))
           )
         );
         return;
@@ -4488,7 +4550,7 @@ function useSectionOperations(input) {
   const { sections, setSections, slides, setSlides, markDirty } = input;
   const addSection2 = react.useCallback(
     (name, afterSlideIndex) => {
-      const result = chunkFJDZ7AEE_js.addSection(sections, slides, name, afterSlideIndex);
+      const result = chunkPCW2KT7Z_js.addSection(sections, slides, name, afterSlideIndex);
       setSlides(result.slides);
       setSections(result.sections);
       markDirty();
@@ -4497,7 +4559,7 @@ function useSectionOperations(input) {
   );
   const renameSection2 = react.useCallback(
     (sectionId, newName) => {
-      const result = chunkFJDZ7AEE_js.renameSection(sections, slides, sectionId, newName);
+      const result = chunkPCW2KT7Z_js.renameSection(sections, slides, sectionId, newName);
       setSections(result.sections);
       setSlides(result.slides);
       markDirty();
@@ -4506,7 +4568,7 @@ function useSectionOperations(input) {
   );
   const deleteSection2 = react.useCallback(
     (sectionId) => {
-      const result = chunkFJDZ7AEE_js.deleteSection(sections, slides, sectionId);
+      const result = chunkPCW2KT7Z_js.deleteSection(sections, slides, sectionId);
       setSections(result.sections);
       setSlides(result.slides);
       markDirty();
@@ -4515,21 +4577,21 @@ function useSectionOperations(input) {
   );
   const moveSectionUp2 = react.useCallback(
     (sectionId) => {
-      setSections(chunkFJDZ7AEE_js.moveSectionUp(sections, sectionId));
+      setSections(chunkPCW2KT7Z_js.moveSectionUp(sections, sectionId));
       markDirty();
     },
     [sections, setSections, markDirty]
   );
   const moveSectionDown2 = react.useCallback(
     (sectionId) => {
-      setSections(chunkFJDZ7AEE_js.moveSectionDown(sections, sectionId));
+      setSections(chunkPCW2KT7Z_js.moveSectionDown(sections, sectionId));
       markDirty();
     },
     [sections, setSections, markDirty]
   );
   const moveSlidesToSection2 = react.useCallback(
     (slideIndexes, targetSectionId) => {
-      const result = chunkFJDZ7AEE_js.moveSlidesToSection(sections, slides, slideIndexes, targetSectionId);
+      const result = chunkPCW2KT7Z_js.moveSlidesToSection(sections, slides, slideIndexes, targetSectionId);
       setSlides(result.slides);
       setSections(result.sections);
       markDirty();
@@ -4556,21 +4618,54 @@ function useSectionOperations(input) {
   };
 }
 
+// src/viewer/utils/selection-handle-overlay.ts
+var VIEWPORT_SELECTOR = "[data-pptx-viewport]";
+function findSelectionHandleHost(elementNode, elementId) {
+  const scope = elementNode.closest(VIEWPORT_SELECTOR) ?? elementNode.parentElement;
+  if (!scope) {
+    return null;
+  }
+  for (const candidate of scope.querySelectorAll("[data-pptx-handle-for]")) {
+    if (candidate.getAttribute("data-pptx-handle-for") === elementId) {
+      return candidate;
+    }
+  }
+  return null;
+}
+function syncSelectionHandleOverlay(elementNode, elementId, geometry) {
+  const host = findSelectionHandleHost(elementNode, elementId);
+  if (!host) {
+    return;
+  }
+  if (geometry.x !== void 0) {
+    host.style.left = `${geometry.x}px`;
+  }
+  if (geometry.y !== void 0) {
+    host.style.top = `${geometry.y}px`;
+  }
+  if (geometry.width !== void 0) {
+    host.style.width = `${geometry.width}px`;
+  }
+  if (geometry.height !== void 0) {
+    host.style.height = `${geometry.height}px`;
+  }
+  if (geometry.transform !== void 0) {
+    host.style.transform = geometry.transform;
+  }
+}
+
 // src/viewer/hooks/pointer-move-handlers.ts
-function computeResizeGeometry(handle, startX, startY, startWidth, startHeight, dx, dy, snapToGrid, gridSpacingPx) {
-  const resized = chunkFJDZ7AEE_js.applyResize(
-    { x: startX, y: startY, width: startWidth, height: startHeight },
-    handle,
-    dx,
-    dy,
-    1,
-    { minSize: chunkB6UIVRFA_js.MIN_ELEMENT_SIZE }
-  );
+function computeResizeGeometry(handle, startX, startY, startWidth, startHeight, dx, dy, snapToGrid, gridSpacingPx, lockAspect = false) {
+  const startBox = { x: startX, y: startY, width: startWidth, height: startHeight };
+  let resized = chunkPCW2KT7Z_js.applyResize(startBox, handle, dx, dy, 1, { minSize: chunkXBTHWXNO_js.MIN_ELEMENT_SIZE });
+  if (lockAspect) {
+    resized = chunkPCW2KT7Z_js.lockResizeAspect(resized, startBox, handle, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE);
+  }
   const box = { x: resized.x, y: resized.y, width: resized.width, height: resized.height };
   if (!snapToGrid) {
     return box;
   }
-  return chunkFJDZ7AEE_js.snapBoxToGrid(box, handle, gridSpacingPx, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE);
+  return chunkPCW2KT7Z_js.snapBoxToGrid(box, handle, gridSpacingPx, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE);
 }
 function resolveLiveTarget(input) {
   const { livePatcher, editTemplateMode, activeSlide } = input;
@@ -4683,7 +4778,7 @@ function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpac
         width: el.width,
         height: el.height
       }));
-      const snapResult = chunkFJDZ7AEE_js.computeSnapToShape(
+      const snapResult = chunkPCW2KT7Z_js.computeSnapToShape(
         targetX,
         targetY,
         primaryEl.width,
@@ -4715,14 +4810,17 @@ function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpac
   for (const [id, domEl] of drag.domEls) {
     const start = drag.startPositionsById[id];
     if (start) {
-      domEl.style.left = `${start.x + appliedDx}px`;
-      domEl.style.top = `${start.y + appliedDy}px`;
+      const x = start.x + appliedDx;
+      const y = start.y + appliedDy;
+      domEl.style.left = `${x}px`;
+      domEl.style.top = `${y}px`;
+      syncSelectionHandleOverlay(domEl, id, { x, y });
     }
   }
   if (live) {
     for (const id of Object.keys(drag.startPositionsById)) {
       const start = drag.startPositionsById[id];
-      chunkFJDZ7AEE_js.publishLiveGeometry(live.patcher, live.slideId, id, {
+      chunkPCW2KT7Z_js.publishLiveGeometry(live.patcher, live.slideId, id, {
         x: start.x + appliedDx,
         y: start.y + appliedDy
       });
@@ -4747,31 +4845,35 @@ function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, live)
     dx,
     dy,
     snapToGrid,
-    gridSpacingPx
+    gridSpacingPx,
+    e.shiftKey
   );
   rs.lastX = geo.x;
   rs.lastY = geo.y;
   rs.lastWidth = geo.width;
   rs.lastHeight = geo.height;
+  const width = Math.max(geo.width, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE);
+  const height = Math.max(geo.height, chunkXBTHWXNO_js.MIN_ELEMENT_SIZE);
   if (rs.domEl) {
     rs.domEl.style.left = `${geo.x}px`;
     rs.domEl.style.top = `${geo.y}px`;
-    rs.domEl.style.width = `${Math.max(geo.width, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE)}px`;
-    rs.domEl.style.height = `${Math.max(geo.height, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE)}px`;
+    rs.domEl.style.width = `${width}px`;
+    rs.domEl.style.height = `${height}px`;
+    syncSelectionHandleOverlay(rs.domEl, rs.elementId, { x: geo.x, y: geo.y, width, height });
   }
   if (live) {
-    chunkFJDZ7AEE_js.publishLiveGeometry(live.patcher, live.slideId, rs.elementId, {
+    chunkPCW2KT7Z_js.publishLiveGeometry(live.patcher, live.slideId, rs.elementId, {
       x: geo.x,
       y: geo.y,
-      width: Math.max(geo.width, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE),
-      height: Math.max(geo.height, chunkB6UIVRFA_js.MIN_ELEMENT_SIZE)
+      width,
+      height
     });
   }
 }
 function processAdjustmentMove(e, adj, editorScale, updateElementById) {
   const dx = (e.clientX - adj.startClientX) / editorScale;
   const dy = (e.clientY - adj.startClientY) / editorScale;
-  const adjustments = chunkFJDZ7AEE_js.getDraggedShapeAdjustments(adj, dx, dy);
+  const adjustments = chunkPCW2KT7Z_js.getDraggedShapeAdjustments(adj, dx, dy);
   if (!adj.moved && Math.hypot(dx, dy) > 2) {
     adj.moved = true;
   }
@@ -4846,13 +4948,13 @@ function processPointerUp(input) {
         if (i !== activeSlideIndex) {
           return s;
         }
-        const rerouted = chunkFJDZ7AEE_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
+        const rerouted = chunkPCW2KT7Z_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
         if (rerouted.length === 0) {
           return s;
         }
         return {
           ...s,
-          elements: chunkFJDZ7AEE_js.applyReroutedConnectors(s.elements, rerouted)
+          elements: chunkPCW2KT7Z_js.applyReroutedConnectors(s.elements, rerouted)
         };
       })
     );
@@ -4877,9 +4979,9 @@ function processPointerUp(input) {
 }
 function commitMarquee(marquee, editTemplateMode, templateElements, activeSlide, applySelection, clearSelection) {
   const sourceElements = editTemplateMode ? templateElements : activeSlide?.elements ?? [];
-  const hitIds = chunkFJDZ7AEE_js.computeMarqueeHitIds(marquee, sourceElements);
+  const hitIds = chunkPCW2KT7Z_js.computeMarqueeHitIds(marquee, sourceElements);
   if (marquee.additive) {
-    const merged = chunkFJDZ7AEE_js.mergeAdditiveSelection(marquee.baseSelectionIds, hitIds);
+    const merged = chunkPCW2KT7Z_js.mergeAdditiveSelection(marquee.baseSelectionIds, hitIds);
     if (merged.length > 0) {
       applySelection(merged[0], merged);
     } else {
@@ -4902,8 +5004,8 @@ function commitDrag(drag, editTemplateMode, activeSlide, activeSlideIndex, setTe
       }
       return { ...el, x: start.x + dx, y: start.y + dy };
     });
-    const rerouted = chunkFJDZ7AEE_js.rerouteConnectorsForMovedElements(movedElements, movedIds);
-    return chunkFJDZ7AEE_js.applyReroutedConnectors(movedElements, rerouted);
+    const rerouted = chunkPCW2KT7Z_js.rerouteConnectorsForMovedElements(movedElements, movedIds);
+    return chunkPCW2KT7Z_js.applyReroutedConnectors(movedElements, rerouted);
   };
   if (editTemplateMode) {
     const slideId = activeSlide?.id;
@@ -5059,11 +5161,11 @@ function useCanvasInteractions(input) {
       return;
     }
     const el = elementLookup.get(editId);
-    if (el && chunkFJDZ7AEE_js.hasTextProperties(el)) {
+    if (el && chunkPCW2KT7Z_js.hasTextProperties(el)) {
       const committedText = transformCommittedText ? transformCommittedText(inlineEditingText) : inlineEditingText;
-      const newSegments = chunkFJDZ7AEE_js.remapTextToSegments(committedText, el.textSegments, el.textStyle);
+      const newSegments = chunkPCW2KT7Z_js.remapTextToSegments(committedText, el.textSegments, el.textStyle);
       const editorEl = document.querySelector("[data-inline-editor]");
-      const newHeight = chunkFJDZ7AEE_js.resolveInlineEditAutoFitHeight(el.textStyle, el.height, editorEl);
+      const newHeight = chunkPCW2KT7Z_js.resolveInlineEditAutoFitHeight(el.textStyle, el.height, editorEl);
       ops.updateElementById(editId, {
         text: committedText,
         textSegments: newSegments,
@@ -5075,7 +5177,7 @@ function useCanvasInteractions(input) {
     setInlineEditingText("");
   };
   const openEquationEditorForElement = (el) => {
-    if (!chunkFJDZ7AEE_js.hasTextProperties(el)) {
+    if (!chunkPCW2KT7Z_js.hasTextProperties(el)) {
       return false;
     }
     const eqSeg = el.textSegments?.find((seg) => seg.equationXml);
@@ -5105,7 +5207,7 @@ function useCanvasInteractions(input) {
         justInteractedRef.current = false;
       } else {
         const el = elementLookup.get(elementId);
-        if (el && chunkFJDZ7AEE_js.hasTextProperties(el) && chunkFJDZ7AEE_js.canInteractWithElement(el, "textEdit")) {
+        if (el && chunkPCW2KT7Z_js.hasTextProperties(el) && chunkPCW2KT7Z_js.canInteractWithElement(el, "textEdit")) {
           if (!openEquationEditorForElement(el)) {
             setInlineEditingElementId(elementId);
             setInlineEditingText(el.text ?? "");
@@ -5124,7 +5226,7 @@ function useCanvasInteractions(input) {
     if (openEquationEditorForElement(el)) {
       return;
     }
-    if (chunkFJDZ7AEE_js.hasTextProperties(el) && chunkFJDZ7AEE_js.canInteractWithElement(el, "textEdit")) {
+    if (chunkPCW2KT7Z_js.hasTextProperties(el) && chunkPCW2KT7Z_js.canInteractWithElement(el, "textEdit")) {
       setInlineEditingElementId(elementId);
       setInlineEditingText(el.text ?? "");
     }
@@ -5147,7 +5249,7 @@ function useCanvasInteractions(input) {
       justSelectedRef.current = false;
     }
     const ids = !wasSelected ? [elementId] : effectiveSelectedIds.length ? effectiveSelectedIds : [elementId];
-    const movableIds = chunkFJDZ7AEE_js.filterInteractableIds(ids, (id) => elementLookup.get(id), "move");
+    const movableIds = chunkPCW2KT7Z_js.filterInteractableIds(ids, (id) => elementLookup.get(id), "move");
     if (movableIds.length === 0) {
       return;
     }
@@ -5217,7 +5319,7 @@ function useCanvasInteractions(input) {
   const handleResizePointerDown = (elementId, e, handle) => {
     e.stopPropagation();
     const el = elementLookup.get(elementId);
-    if (!el || !chunkFJDZ7AEE_js.canInteractWithElement(el, "resize")) {
+    if (!el || !chunkPCW2KT7Z_js.canInteractWithElement(el, "resize")) {
       return;
     }
     resizeStateRef.current = {
@@ -5239,7 +5341,7 @@ function useCanvasInteractions(input) {
   };
   const handleRotate = (elementId, rotationDeg) => {
     const el = elementLookup.get(elementId);
-    if (!el || !chunkFJDZ7AEE_js.canInteractWithElement(el, "rotate")) {
+    if (!el || !chunkPCW2KT7Z_js.canInteractWithElement(el, "rotate")) {
       return;
     }
     ops.updateElementById(elementId, { rotation: rotationDeg });
@@ -5259,10 +5361,10 @@ function useCanvasInteractions(input) {
   const handleAdjustmentPointerDown = (elementId, e, descriptor) => {
     e.stopPropagation();
     const el = elementLookup.get(elementId);
-    if (!el || !chunkFJDZ7AEE_js.canInteractWithElement(el, "adjustHandle")) {
+    if (!el || !chunkPCW2KT7Z_js.canInteractWithElement(el, "adjustHandle")) {
       return;
     }
-    shapeAdjustmentDragStateRef.current = chunkFJDZ7AEE_js.beginShapeAdjustment(
+    shapeAdjustmentDragStateRef.current = chunkPCW2KT7Z_js.beginShapeAdjustment(
       el,
       descriptor,
       e.clientX,
@@ -5309,7 +5411,7 @@ function createFileHandlers(deps) {
           h = Math.round(h * scale);
         }
         addElement({
-          id: chunkFJDZ7AEE_js.generateElementId(),
+          id: chunkPCW2KT7Z_js.generateElementId(),
           type: "image",
           x: Math.round((canvasSize.width - w) / 2),
           y: Math.round((canvasSize.height - h) / 2),
@@ -5320,7 +5422,7 @@ function createFileHandlers(deps) {
       };
       img.onerror = () => {
         addElement({
-          id: chunkFJDZ7AEE_js.generateElementId(),
+          id: chunkPCW2KT7Z_js.generateElementId(),
           type: "image",
           x: 100,
           y: 100,
@@ -5339,14 +5441,14 @@ function createFileHandlers(deps) {
       return;
     }
     e.target.value = "";
-    const mediaType = chunkFJDZ7AEE_js.classifyMediaType(file.type);
+    const mediaType = chunkPCW2KT7Z_js.classifyMediaType(file.type);
     if (!mediaType) {
       return;
     }
     const elFilePath = file.path;
     const insertMediaElement = (mediaSourceUrl, width, height) => {
       addElement({
-        id: chunkFJDZ7AEE_js.generateElementId(),
+        id: chunkPCW2KT7Z_js.generateElementId(),
         type: "media",
         mediaType,
         mediaMimeType: file.type || void 0,
@@ -5521,13 +5623,13 @@ function createStructuredElementHandlers(deps) {
       return;
     }
     addElement({
-      id: chunkFJDZ7AEE_js.generateElementId(),
+      id: chunkPCW2KT7Z_js.generateElementId(),
       type: "smartArt",
       x: 100,
       y: 120,
       width: 600,
       height: 340,
-      smartArtData: chunkFJDZ7AEE_js.buildSmartArtPresetData(
+      smartArtData: chunkPCW2KT7Z_js.buildSmartArtPresetData(
         layout,
         defaultItems,
         (i) => `node-${Date.now()}-${i}-${Math.random().toString(36).slice(2, 8)}`
@@ -5539,7 +5641,7 @@ function createStructuredElementHandlers(deps) {
       return;
     }
     addElement({
-      id: chunkFJDZ7AEE_js.generateElementId(),
+      id: chunkPCW2KT7Z_js.generateElementId(),
       type: "shape",
       x: 120,
       y: 200,
@@ -5577,7 +5679,7 @@ function createStructuredElementHandlers(deps) {
       return;
     }
     const resolved = resolveHyperlinkEditResult(data);
-    if (resolved.url && !chunkFJDZ7AEE_js.isUrlSafe(resolved.url)) {
+    if (resolved.url && !chunkPCW2KT7Z_js.isUrlSafe(resolved.url)) {
       return;
     }
     const actionClick = {
@@ -5601,7 +5703,7 @@ function createStructuredElementHandlers(deps) {
     const displayText = value || fieldTexts[fieldType] || fieldType;
     const fieldGuid = `{${crypto.randomUUID().toUpperCase()}}`;
     addElement({
-      id: chunkFJDZ7AEE_js.generateElementId(),
+      id: chunkPCW2KT7Z_js.generateElementId(),
       type: "shape",
       x: 120,
       y: 200,
@@ -5623,11 +5725,11 @@ function createStructuredElementHandlers(deps) {
     if (!activeSlide) {
       return;
     }
-    const preset = chunkFJDZ7AEE_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
+    const preset = chunkPCW2KT7Z_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
     if (!preset) {
       return;
     }
-    const defaultPptxAction = chunkFJDZ7AEE_js.elementActionToPptxAction({
+    const defaultPptxAction = chunkPCW2KT7Z_js.elementActionToPptxAction({
       trigger: "click",
       type: preset.defaultAction
     });
@@ -5636,7 +5738,7 @@ function createStructuredElementHandlers(deps) {
       defaultPptxAction.highlightClick = true;
     }
     addElement({
-      id: chunkFJDZ7AEE_js.generateElementId(),
+      id: chunkPCW2KT7Z_js.generateElementId(),
       type: "shape",
       x: 150,
       y: 150,
@@ -5703,14 +5805,14 @@ function useInsertElements(input) {
       return;
     }
     addElement({
-      id: chunkFJDZ7AEE_js.generateElementId(),
+      id: chunkPCW2KT7Z_js.generateElementId(),
       type: "text",
       x: 100,
       y: 100,
       width: 300,
       height: 60,
       text: "",
-      textStyle: { fontSize: chunkB6UIVRFA_js.DEFAULT_TEXT_FONT_SIZE }
+      textStyle: { fontSize: chunkXBTHWXNO_js.DEFAULT_TEXT_FONT_SIZE }
     });
   };
   const handleAddShape = () => {
@@ -5718,7 +5820,7 @@ function useInsertElements(input) {
       return;
     }
     addElement({
-      id: chunkFJDZ7AEE_js.generateElementId(),
+      id: chunkPCW2KT7Z_js.generateElementId(),
       type: "shape",
       x: 150,
       y: 150,
@@ -5737,15 +5839,15 @@ function useInsertElements(input) {
       return;
     }
     addElement({
-      ...chunkFJDZ7AEE_js.newTableElement(chunkB6UIVRFA_js.DEFAULT_TABLE_ROWS, chunkB6UIVRFA_js.DEFAULT_TABLE_COLUMNS, 100, 200),
-      id: chunkFJDZ7AEE_js.generateElementId()
+      ...chunkPCW2KT7Z_js.newTableElement(chunkXBTHWXNO_js.DEFAULT_TABLE_ROWS, chunkXBTHWXNO_js.DEFAULT_TABLE_COLUMNS, 100, 200),
+      id: chunkPCW2KT7Z_js.generateElementId()
     });
   };
   const handleAddChart = (chartKind) => {
     if (!activeSlide) {
       return;
     }
-    addElement(chunkFJDZ7AEE_js.createDefaultChartElement(chartKind));
+    addElement(chunkPCW2KT7Z_js.createDefaultChartElement(chartKind));
   };
   const structured = createStructuredElementHandlers({
     activeSlide,
@@ -5815,7 +5917,7 @@ function useClipboardHandlers(input) {
     if (!selectedElement) {
       return;
     }
-    setClipboardPayload(chunkFJDZ7AEE_js.buildElementClipboardPayload(selectedElement, editTemplateMode));
+    setClipboardPayload(chunkPCW2KT7Z_js.buildElementClipboardPayload(selectedElement, editTemplateMode));
   };
   const handleDelete = () => {
     const idsToDelete = effectiveSelectedIds;
@@ -5832,7 +5934,7 @@ function useClipboardHandlers(input) {
     handleDelete();
   };
   const insertClone = (source) => {
-    const clone = chunkFJDZ7AEE_js.cloneElementForPaste(source, { intoTemplate: editTemplateMode });
+    const clone = chunkPCW2KT7Z_js.cloneElementForPaste(source, { intoTemplate: editTemplateMode });
     ops.updateActiveElements((els) => [...els, clone]);
     ops.applySelection(clone.id);
     history.markDirty();
@@ -5867,7 +5969,7 @@ function resolveShapePath(el) {
     return el.pathData;
   }
   if ("shapeType" in el && typeof el.shapeType === "string") {
-    const clipPath = chunkFJDZ7AEE_js.getPresetShapeClipPath(el.shapeType);
+    const clipPath = chunkPCW2KT7Z_js.getPresetShapeClipPath(el.shapeType);
     if (clipPath) {
       const svgPath = clipPathToSvgPath(clipPath, el.width, el.height);
       if (svgPath) {
@@ -5918,7 +6020,7 @@ function clipPathToSvgPath(clipPath, width, height) {
   return parts.join(" ");
 }
 function transformPathToGlobal(pathData, el) {
-  const polys = chunkFJDZ7AEE_js.svgPathToPolygons(pathData);
+  const polys = chunkPCW2KT7Z_js.svgPathToPolygons(pathData);
   if (polys.length === 0) {
     return pathData;
   }
@@ -5938,10 +6040,10 @@ function transformPathToGlobal(pathData, el) {
       y: pt.y * scaleY + el.y
     }))
   );
-  return chunkFJDZ7AEE_js.polygonsToSvgPath(transformed);
+  return chunkPCW2KT7Z_js.polygonsToSvgPath(transformed);
 }
 function transformPathToLocal(pathData, x, y, _width, _height) {
-  const polys = chunkFJDZ7AEE_js.svgPathToPolygons(pathData);
+  const polys = chunkPCW2KT7Z_js.svgPathToPolygons(pathData);
   if (polys.length === 0) {
     return pathData;
   }
@@ -5951,10 +6053,10 @@ function transformPathToLocal(pathData, x, y, _width, _height) {
       y: pt.y - y
     }))
   );
-  return chunkFJDZ7AEE_js.polygonsToSvgPath(transformed);
+  return chunkPCW2KT7Z_js.polygonsToSvgPath(transformed);
 }
 function pathBounds(pathData) {
-  const polys = chunkFJDZ7AEE_js.svgPathToPolygons(pathData);
+  const polys = chunkPCW2KT7Z_js.svgPathToPolygons(pathData);
   let minX = Infinity;
   let minY = Infinity;
   let maxX = -Infinity;
@@ -6013,7 +6115,7 @@ function useMergeShapesHandler(input) {
       let allFragments = [];
       let remaining = globalPaths[0];
       for (let i = 1; i < globalPaths.length; i++) {
-        const frags = chunkFJDZ7AEE_js.mergeShapes("fragment", remaining, globalPaths[i]);
+        const frags = chunkPCW2KT7Z_js.mergeShapes("fragment", remaining, globalPaths[i]);
         if (Array.isArray(frags)) {
           allFragments = frags;
         }
@@ -6042,7 +6144,7 @@ function useMergeShapesHandler(input) {
           bounds.height
         );
         const newEl = {
-          id: chunkFJDZ7AEE_js.generateElementId(),
+          id: chunkPCW2KT7Z_js.generateElementId(),
           type: "shape",
           x: bounds.x,
           y: bounds.y,
@@ -6080,7 +6182,7 @@ function useMergeShapesHandler(input) {
     } else {
       let resultPath = globalPaths[0];
       for (let i = 1; i < globalPaths.length; i++) {
-        const result = chunkFJDZ7AEE_js.mergeShapes(operation, resultPath, globalPaths[i]);
+        const result = chunkPCW2KT7Z_js.mergeShapes(operation, resultPath, globalPaths[i]);
         if (typeof result === "string") {
           resultPath = result;
         }
@@ -6101,7 +6203,7 @@ function useMergeShapesHandler(input) {
       );
       const primary = targets[0];
       const newEl = {
-        id: chunkFJDZ7AEE_js.generateElementId(),
+        id: chunkPCW2KT7Z_js.generateElementId(),
         type: "shape",
         x: bounds.x,
         y: bounds.y,
@@ -6164,7 +6266,7 @@ function useGroupAlignLayerHandlers(input) {
     if (ids.length < 2 || !activeSlide) {
       return;
     }
-    const { elements, groupId } = chunkFJDZ7AEE_js.groupElements(ops.activeElements, ids, chunkFJDZ7AEE_js.generateElementId());
+    const { elements, groupId } = chunkPCW2KT7Z_js.groupElements(ops.activeElements, ids, chunkPCW2KT7Z_js.generateElementId());
     if (groupId === null) {
       return;
     }
@@ -6177,11 +6279,11 @@ function useGroupAlignLayerHandlers(input) {
       return;
     }
     const group = selectedElement;
-    const intoTemplate = chunkFJDZ7AEE_js.isTemplateElementId(group.id);
+    const intoTemplate = chunkPCW2KT7Z_js.isTemplateElementId(group.id);
     const childIds = group.children.map(
-      (child) => intoTemplate ? chunkFJDZ7AEE_js.makeCloneId(true, child.id || group.id) : child.id || chunkFJDZ7AEE_js.generateElementId()
+      (child) => intoTemplate ? chunkPCW2KT7Z_js.makeCloneId(true, child.id || group.id) : child.id || chunkPCW2KT7Z_js.generateElementId()
     );
-    const { elements, childIds: usedIds } = chunkFJDZ7AEE_js.ungroupElements(
+    const { elements, childIds: usedIds } = chunkPCW2KT7Z_js.ungroupElements(
       ops.activeElements,
       group.id,
       childIds,
@@ -6210,7 +6312,7 @@ function useGroupAlignLayerHandlers(input) {
     if (!edge) {
       return;
     }
-    const positions = chunkFJDZ7AEE_js.alignElements(selectedElements, edge);
+    const positions = chunkPCW2KT7Z_js.alignElements(selectedElements, edge);
     for (const [id, pos] of positions) {
       const el = elementLookup.get(id);
       if (!el) {
@@ -6228,7 +6330,7 @@ function useGroupAlignLayerHandlers(input) {
     if (!distAxis) {
       return;
     }
-    const positions = chunkFJDZ7AEE_js.distributeElements(selectedElements, distAxis);
+    const positions = chunkPCW2KT7Z_js.distributeElements(selectedElements, distAxis);
     for (const [id, pos] of positions) {
       const el = elementLookup.get(id);
       if (!el) {
@@ -6245,7 +6347,7 @@ function useGroupAlignLayerHandlers(input) {
     }
     const id = selectedElement.id;
     ops.updateActiveElements(
-      (els) => direction === "forward" ? chunkFJDZ7AEE_js.bringForward(els, id) : direction === "backward" ? chunkFJDZ7AEE_js.sendBackward(els, id) : els
+      (els) => direction === "forward" ? chunkPCW2KT7Z_js.bringForward(els, id) : direction === "backward" ? chunkPCW2KT7Z_js.sendBackward(els, id) : els
     );
     history.markDirty();
   };
@@ -6255,7 +6357,7 @@ function useGroupAlignLayerHandlers(input) {
     }
     const id = selectedElement.id;
     ops.updateActiveElements(
-      (els) => direction === "front" ? chunkFJDZ7AEE_js.bringToFront(els, id) : chunkFJDZ7AEE_js.sendToBack(els, id)
+      (els) => direction === "front" ? chunkPCW2KT7Z_js.bringToFront(els, id) : chunkPCW2KT7Z_js.sendToBack(els, id)
     );
     history.markDirty();
   };
@@ -6386,7 +6488,7 @@ function useSlideManagement(input) {
     theme
   } = input;
   const handleAddSlide = () => {
-    const newSlide = chunkFJDZ7AEE_js.createBlankSlide(slides.length + 1);
+    const newSlide = chunkPCW2KT7Z_js.createBlankSlide(slides.length + 1);
     ops.updateSlides((prev) => {
       const next = [...prev];
       next.splice(activeSlideIndex + 1, 0, newSlide);
@@ -6449,7 +6551,7 @@ function useSlideManagement(input) {
         }
         const clone = {
           ...src,
-          id: chunkFJDZ7AEE_js.makeSlideId(),
+          id: chunkPCW2KT7Z_js.makeSlideId(),
           elements: src.elements.map((el) => ({
             ...el,
             id: `${el.id}-dup-${Math.random().toString(36).slice(2, 6)}`
@@ -6481,7 +6583,7 @@ function useSlideManagement(input) {
   const handleInsertSlideFromLayout = (layoutPath, layoutName) => {
     const insertAt = activeSlideIndex + 1;
     const draft = {
-      ...chunkFJDZ7AEE_js.createBlankSlide(slides.length + 1),
+      ...chunkPCW2KT7Z_js.createBlankSlide(slides.length + 1),
       layoutPath,
       ...layoutName ? { layoutName } : {}
     };
@@ -6514,9 +6616,9 @@ function useSlideManagement(input) {
   };
   const handleInsertSlideFromTemplate = (templateId) => {
     const insertAt = activeSlideIndex + 1;
-    const draft = chunkFJDZ7AEE_js.buildSlideTemplateSlide(templateId, chunkFJDZ7AEE_js.makeSlideId(), slides.length + 1, {
+    const draft = chunkPCW2KT7Z_js.buildSlideTemplateSlide(templateId, chunkPCW2KT7Z_js.makeSlideId(), slides.length + 1, {
       ...canvasSize ? { slideWidth: canvasSize.width, slideHeight: canvasSize.height } : {},
-      scheme: chunkFJDZ7AEE_js.templateSchemeFromTheme(theme?.colorScheme)
+      scheme: chunkPCW2KT7Z_js.templateSchemeFromTheme(theme?.colorScheme)
     });
     ops.updateSlides((prev) => insertSlideFromLayoutUpdater(prev, activeSlideIndex, draft));
     setActiveSlideIndex(insertAt);
@@ -6553,7 +6655,7 @@ function createTableMergeHandlers(input) {
     if (!nextCell || nextCell.hMerge || nextCell.vMerge) {
       return;
     }
-    const newTableData = chunkFJDZ7AEE_js.mergeCells(
+    const newTableData = chunkPCW2KT7Z_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: rowIndex, col: nextColIdx }
@@ -6561,7 +6663,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6587,7 +6689,7 @@ function createTableMergeHandlers(input) {
     if (!targetNextCell || targetNextCell.hMerge || targetNextCell.vMerge) {
       return;
     }
-    const newTableData = chunkFJDZ7AEE_js.mergeCells(
+    const newTableData = chunkPCW2KT7Z_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: targetNextRowIdx, col: columnIndex }
@@ -6595,7 +6697,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6610,9 +6712,9 @@ function createTableMergeHandlers(input) {
       return;
     }
     const td = selectedElement.tableData;
-    const newTableData = chunkFJDZ7AEE_js.mergeCells(ts.selectedCells, td);
+    const newTableData = chunkPCW2KT7Z_js.mergeCells(ts.selectedCells, td);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6629,9 +6731,9 @@ function createTableMergeHandlers(input) {
     }
     const { rowIndex, columnIndex } = ts;
     const td = selectedElement.tableData;
-    const newTableData = chunkFJDZ7AEE_js.splitCell(rowIndex, columnIndex, td);
+    const newTableData = chunkPCW2KT7Z_js.splitCell(rowIndex, columnIndex, td);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6665,10 +6767,10 @@ function createTableStructHandlers(input) {
     const text = transformCommittedText ? transformCommittedText(rawText) : rawText;
     const updates = {};
     if (el.tableData) {
-      updates.tableData = chunkFJDZ7AEE_js.setCellText(el, rowIndex, colIndex, text).tableData;
+      updates.tableData = chunkPCW2KT7Z_js.setCellText(el, rowIndex, colIndex, text).tableData;
     }
     if (el.rawXml) {
-      const newRawXml = chunkFJDZ7AEE_js.updateCellTextInRawXml(el, rowIndex, colIndex, text);
+      const newRawXml = chunkPCW2KT7Z_js.updateCellTextInRawXml(el, rowIndex, colIndex, text);
       if (newRawXml) {
         updates.rawXml = newRawXml;
       }
@@ -6692,7 +6794,7 @@ function createTableStructHandlers(input) {
     const { rowIndex, columnIndex: colIndex } = ts;
     const updates = {};
     if (selectedElement.rawXml) {
-      const newRawXml = chunkFJDZ7AEE_js.updateCellTextStyleInRawXml(
+      const newRawXml = chunkPCW2KT7Z_js.updateCellTextStyleInRawXml(
         selectedElement,
         rowIndex,
         colIndex,
@@ -6756,9 +6858,9 @@ function createTableStructHandlers(input) {
       return;
     }
     const rowIdx = ts?.rowIndex ?? 0;
-    const newTableData = chunkFJDZ7AEE_js.insertTableRow(selectedElement.tableData, rowIdx, position);
+    const newTableData = chunkPCW2KT7Z_js.insertTableRow(selectedElement.tableData, rowIdx, position);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6771,12 +6873,12 @@ function createTableStructHandlers(input) {
     }
     const td = selectedElement.tableData;
     const rowIdx = ts?.rowIndex ?? 0;
-    const newTableData = chunkFJDZ7AEE_js.deleteTableRow(td, rowIdx);
+    const newTableData = chunkPCW2KT7Z_js.deleteTableRow(td, rowIdx);
     if (newTableData === td) {
       return;
     }
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6788,9 +6890,9 @@ function createTableStructHandlers(input) {
       return;
     }
     const colIdx = ts?.columnIndex ?? 0;
-    const newTableData = chunkFJDZ7AEE_js.insertTableColumn(selectedElement.tableData, colIdx, position);
+    const newTableData = chunkPCW2KT7Z_js.insertTableColumn(selectedElement.tableData, colIdx, position);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6803,12 +6905,12 @@ function createTableStructHandlers(input) {
     }
     const td = selectedElement.tableData;
     const colIdx = ts?.columnIndex ?? 0;
-    const newTableData = chunkFJDZ7AEE_js.deleteTableColumn(td, colIdx);
+    const newTableData = chunkPCW2KT7Z_js.deleteTableColumn(td, colIdx);
     if (newTableData === td) {
       return;
     }
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFJDZ7AEE_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPCW2KT7Z_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6844,8 +6946,8 @@ async function renderToCanvas(element, options = {}) {
   return html2canvasPro(element, {
     ...options,
     onclone: async (doc, clonedEl) => {
-      await chunkFJDZ7AEE_js.normalizeColorsForCapture(doc, clonedEl);
-      chunkFJDZ7AEE_js.preprocessCssForCapture(clonedEl);
+      await chunkPCW2KT7Z_js.normalizeColorsForCapture(doc, clonedEl);
+      chunkPCW2KT7Z_js.preprocessCssForCapture(clonedEl);
       if (typeof userOnClone === "function") {
         userOnClone(doc, clonedEl);
       }
@@ -6883,13 +6985,13 @@ function useExportSaveAs(input) {
     if (!handler) {
       return;
     }
-    const downloadName = chunkFJDZ7AEE_js.savedPresentationFileName(filePath, format);
+    const downloadName = chunkPCW2KT7Z_js.savedPresentationFileName(filePath, format);
     try {
       const data = await buildSaveAsData(handler, format);
       const blob = new Blob([data], {
         type: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
       });
-      chunkFJDZ7AEE_js.downloadBlob(blob, downloadName);
+      chunkPCW2KT7Z_js.downloadBlob(blob, downloadName);
     } catch (err) {
       console.error(`[PowerPointViewer] Save as .${format} failed:`, err);
     }
@@ -6902,18 +7004,18 @@ function useExportSaveAs(input) {
       const pptxGuides = guides.map((g) => ({
         id: g.id,
         orientation: g.axis === "h" ? "horz" : "vert",
-        positionEmu: chunkFJDZ7AEE_js.guidePxToEmu(g.position)
+        positionEmu: chunkPCW2KT7Z_js.guidePxToEmu(g.position)
       }));
       return {
         ...slide,
         guides: pptxGuides.length > 0 ? pptxGuides : void 0
       };
     });
-    const slidesToSave = chunkFJDZ7AEE_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
+    const slidesToSave = chunkPCW2KT7Z_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
     const saveOptions = {
       // Save As shares Save's slide-size decision; leaving it out here is how
       // a preset picked in the inspector reached one save path and not the other.
-      slideSize: chunkFJDZ7AEE_js.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size,
+      slideSize: chunkPCW2KT7Z_js.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size,
       headerFooter,
       presentationProperties,
       customShows: customShows.length > 0 ? customShows : void 0,
@@ -6927,13 +7029,13 @@ function useExportSaveAs(input) {
       handoutMaster,
       outputFormat: format
     };
-    return chunkFJDZ7AEE_js.saveDeckWithPassword(handler, slidesToSave, saveOptions, password);
+    return chunkPCW2KT7Z_js.saveDeckWithPassword(handler, slidesToSave, saveOptions, password);
   };
   const handleExportJson = () => {
     const sourceName = filePath ? filePath.replace(/\\/gu, "/").split("/").pop() : void 0;
-    const slideSize = chunkFJDZ7AEE_js.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size;
+    const slideSize = chunkPCW2KT7Z_js.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size;
     const data = {
-      slides: chunkFJDZ7AEE_js.buildSaveSlides(slides, templateElementsBySlideId),
+      slides: chunkPCW2KT7Z_js.buildSaveSlides(slides, templateElementsBySlideId),
       width: canvasSize.width,
       height: canvasSize.height,
       widthEmu: slideSize.widthEmu,
@@ -6952,7 +7054,7 @@ function useExportSaveAs(input) {
       handoutMaster
     };
     try {
-      chunkFJDZ7AEE_js.exportDeckJson(data, sourceName);
+      chunkPCW2KT7Z_js.exportDeckJson(data, sourceName);
     } catch (err) {
       console.error("[PowerPointViewer] JSON export failed:", err);
     }
@@ -7039,7 +7141,7 @@ async function exportSlideToPngBlob(slideElement, options = {}) {
 }
 async function exportSlideAsPng(slideElement, slideIndex, options = {}) {
   const blob = await exportSlideToPngBlob(slideElement, options);
-  chunkFJDZ7AEE_js.downloadBlob(blob, `slide-${slideIndex + 1}.png`);
+  chunkPCW2KT7Z_js.downloadBlob(blob, `slide-${slideIndex + 1}.png`);
 }
 async function copySlideToClipboard(slideElement, options = {}) {
   const blob = await exportSlideToPngBlob(slideElement, options);
@@ -7061,15 +7163,15 @@ async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide,
       continue;
     }
     const canvas = await renderElementToCanvas(stageEl, scale);
-    images.push(chunkFJDZ7AEE_js.canvasToJpegData(canvas));
+    images.push(chunkPCW2KT7Z_js.canvasToJpegData(canvas));
   }
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
   if (images.length === 0) {
-    throw new Error(chunkALO4ZOHQ_js.translationsEn["pptx.export.errorNoSlidesPdf"]);
+    throw new Error(chunkUNIJUD5C_js.translationsEn["pptx.export.errorNoSlidesPdf"]);
   }
-  const pdfBlobUrl = chunkB6UIVRFA_js.buildPdfFromImageData(images);
-  chunkFJDZ7AEE_js.downloadDataUrl(pdfBlobUrl, filename);
+  const pdfBlobUrl = chunkXBTHWXNO_js.buildPdfFromImageData(images);
+  chunkPCW2KT7Z_js.downloadDataUrl(pdfBlobUrl, filename);
 }
 async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
   const { scale = 2, onProgress } = options;
@@ -7115,10 +7217,10 @@ async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSl
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
   if (pages.length === 0) {
-    throw new Error(chunkALO4ZOHQ_js.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
+    throw new Error(chunkUNIJUD5C_js.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
   }
-  const pdfDataUrl = chunkB6UIVRFA_js.buildNotesPdf(pages);
-  chunkFJDZ7AEE_js.downloadDataUrl(pdfDataUrl, filename);
+  const pdfDataUrl = chunkXBTHWXNO_js.buildNotesPdf(pages);
+  chunkPCW2KT7Z_js.downloadDataUrl(pdfDataUrl, filename);
 }
 
 // src/viewer/utils/export-video.ts
@@ -7149,7 +7251,7 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
   }
   setActiveSlide(currentSlideIndex);
   if (slideCanvases.length === 0) {
-    throw new Error(chunkALO4ZOHQ_js.translationsEn["pptx.export.errorNoSlidesVideo"]);
+    throw new Error(chunkUNIJUD5C_js.translationsEn["pptx.export.errorNoSlidesVideo"]);
   }
   const firstCanvas = slideCanvases[0];
   const recordingCanvas = document.createElement("canvas");
@@ -7157,12 +7259,12 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
   recordingCanvas.height = firstCanvas.height;
   const ctx = recordingCanvas.getContext("2d");
   if (!ctx) {
-    throw new Error(chunkALO4ZOHQ_js.translationsEn["pptx.export.errorNo2dContext"]);
+    throw new Error(chunkUNIJUD5C_js.translationsEn["pptx.export.errorNo2dContext"]);
   }
   const fps = 30;
   const stream = recordingCanvas.captureStream(fps);
   const recorder = new MediaRecorder(stream, {
-    mimeType: chunkFJDZ7AEE_js.pickSupportedMimeType([...chunkFJDZ7AEE_js.WEBM_MIME_CANDIDATES]),
+    mimeType: chunkPCW2KT7Z_js.pickSupportedMimeType([...chunkPCW2KT7Z_js.WEBM_MIME_CANDIDATES]),
     videoBitsPerSecond: 5e6
   });
   const chunks = [];
@@ -7185,8 +7287,8 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
     const duration = slideTimingsMs?.[i] ?? slideDurationMs;
     ctx.clearRect(0, 0, recordingCanvas.width, recordingCanvas.height);
     ctx.drawImage(slideCanvases[i], 0, 0);
-    const frameInterval = chunkFJDZ7AEE_js.fpsToFrameIntervalMs(fps);
-    const framesNeeded = chunkFJDZ7AEE_js.segmentFrameCount(duration, fps);
+    const frameInterval = chunkPCW2KT7Z_js.fpsToFrameIntervalMs(fps);
+    const framesNeeded = chunkPCW2KT7Z_js.segmentFrameCount(duration, fps);
     for (let f = 0; f < framesNeeded; f++) {
       if (signal?.aborted) {
         recorder.stop();
@@ -7233,9 +7335,9 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
   }
   setActiveSlide(currentSlideIndex);
   if (frames.length === 0) {
-    throw new Error(chunkALO4ZOHQ_js.translationsEn["pptx.export.errorNoSlidesGif"]);
+    throw new Error(chunkUNIJUD5C_js.translationsEn["pptx.export.errorNoSlidesGif"]);
   }
-  const gifBytes = chunkFJDZ7AEE_js.encodeGif(frames, Math.round(slideDurationMs / 10));
+  const gifBytes = chunkPCW2KT7Z_js.encodeGif(frames, Math.round(slideDurationMs / 10));
   onProgress?.(totalSlides, totalSlides);
   const buf = new ArrayBuffer(gifBytes.length);
   new Uint8Array(buf).set(gifBytes);
@@ -7289,7 +7391,7 @@ function exportAllSlidesToSvg(data, options = {}) {
       continue;
     }
     onProgress?.(processedCount, data.slides.length);
-    let svg = chunkFJDZ7AEE_js.SvgExporter.exportSlide(slide, data.width, data.height, svgOptions);
+    let svg = chunkPCW2KT7Z_js.SvgExporter.exportSlide(slide, data.width, data.height, svgOptions);
     if (embedFonts && fontFaces?.length) {
       svg = injectFontFaces(svg, fontFaces);
     }
@@ -7398,21 +7500,21 @@ function useExportHandlers(input) {
         {
           scale: imageExportScale,
           onProgress: (current, total) => {
-            setExportProgress(chunkFJDZ7AEE_js.slideProgressPercent(current, total));
-            setExportStatusMessage(chunkFJDZ7AEE_js.slideStatusLabel("Rendering", current, total));
+            setExportProgress(chunkPCW2KT7Z_js.slideProgressPercent(current, total));
+            setExportStatusMessage(chunkPCW2KT7Z_js.slideStatusLabel("Rendering", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Building PDF...");
       await new Promise((r) => {
         setTimeout(r, 100);
       });
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_DONE_PERCENT);
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_DONE_PERCENT);
       setExportStatusMessage("Done!");
     } catch (err) {
-      if (!chunkFJDZ7AEE_js.isExportAbortError(err)) {
+      if (!chunkPCW2KT7Z_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] PDF export failed:", err);
       }
     } finally {
@@ -7442,21 +7544,21 @@ function useExportHandlers(input) {
         {
           scale: imageExportScale,
           onProgress: (current, total) => {
-            setExportProgress(chunkFJDZ7AEE_js.slideProgressPercent(current, total));
-            setExportStatusMessage(chunkFJDZ7AEE_js.slideStatusLabel("Rendering", current, total));
+            setExportProgress(chunkPCW2KT7Z_js.slideProgressPercent(current, total));
+            setExportStatusMessage(chunkPCW2KT7Z_js.slideStatusLabel("Rendering", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Building PDF...");
       await new Promise((r) => {
         setTimeout(r, 100);
       });
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_DONE_PERCENT);
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_DONE_PERCENT);
       setExportStatusMessage("Done!");
     } catch (err) {
-      if (!chunkFJDZ7AEE_js.isExportAbortError(err)) {
+      if (!chunkPCW2KT7Z_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] Notes PDF export failed:", err);
       }
     } finally {
@@ -7498,22 +7600,22 @@ function useExportHandlers(input) {
           scale: 1,
           slideDurationMs: 3e3,
           onProgress: (current, total) => {
-            setExportProgress(chunkFJDZ7AEE_js.slideProgressPercent(current, total, 45));
-            setExportStatusMessage(chunkFJDZ7AEE_js.slideStatusLabel("Capturing", current, total));
+            setExportProgress(chunkPCW2KT7Z_js.slideProgressPercent(current, total, 45));
+            setExportStatusMessage(chunkPCW2KT7Z_js.slideStatusLabel("Capturing", current, total));
           },
           onRecordProgress: (current, total) => {
-            setExportProgress(chunkFJDZ7AEE_js.recordProgressPercent(current, total));
-            setExportStatusMessage(chunkFJDZ7AEE_js.slideStatusLabel("Recording", current, total));
+            setExportProgress(chunkPCW2KT7Z_js.recordProgressPercent(current, total));
+            setExportStatusMessage(chunkPCW2KT7Z_js.slideStatusLabel("Recording", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Saving file...");
-      chunkFJDZ7AEE_js.downloadBlob(blob, "presentation.webm");
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_DONE_PERCENT);
+      chunkPCW2KT7Z_js.downloadBlob(blob, "presentation.webm");
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_DONE_PERCENT);
     } catch (err) {
-      if (!chunkFJDZ7AEE_js.isExportAbortError(err)) {
+      if (!chunkPCW2KT7Z_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] Video export failed:", err);
       }
     } finally {
@@ -7541,18 +7643,18 @@ function useExportHandlers(input) {
           scale: 0.5,
           slideDurationMs: 2e3,
           onProgress: (current, total) => {
-            setExportProgress(chunkFJDZ7AEE_js.slideProgressPercent(current, total));
-            setExportStatusMessage(chunkFJDZ7AEE_js.slideStatusLabel("Encoding", current, total));
+            setExportProgress(chunkPCW2KT7Z_js.slideProgressPercent(current, total));
+            setExportStatusMessage(chunkPCW2KT7Z_js.slideStatusLabel("Encoding", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Saving file...");
-      chunkFJDZ7AEE_js.downloadBlob(blob, "presentation.gif");
-      setExportProgress(chunkFJDZ7AEE_js.EXPORT_DONE_PERCENT);
+      chunkPCW2KT7Z_js.downloadBlob(blob, "presentation.gif");
+      setExportProgress(chunkPCW2KT7Z_js.EXPORT_DONE_PERCENT);
     } catch (err) {
-      if (!chunkFJDZ7AEE_js.isExportAbortError(err)) {
+      if (!chunkPCW2KT7Z_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] GIF export failed:", err);
       }
     } finally {
@@ -7585,7 +7687,7 @@ function useExportHandlers(input) {
     exportStatusMessage
   };
 }
-var ViewerOptionsContext = react.createContext(chunkFJDZ7AEE_js.DEFAULT_VIEWER_OPTIONS);
+var ViewerOptionsContext = react.createContext(chunkPCW2KT7Z_js.DEFAULT_VIEWER_OPTIONS);
 function useViewerOptionsContext() {
   return react.useContext(ViewerOptionsContext);
 }
@@ -7597,13 +7699,13 @@ function usePrintHandlers(input) {
   const { t } = reactI18next.useTranslation();
   const viewerOptions = useViewerOptionsContext();
   const includeHiddenSlides = viewerOptions.advanced.printHiddenSlides;
-  const printRasterScale = (viewerOptions.advanced.printHighQuality ? 4 : 3) * chunkFJDZ7AEE_js.resolveImageResolutionScale(viewerOptions);
+  const printRasterScale = (viewerOptions.advanced.printHighQuality ? 4 : 3) * chunkPCW2KT7Z_js.resolveImageResolutionScale(viewerOptions);
   const handlePrint = () => {
     setIsPrintDialogOpen(true);
   };
   const handlePrintSvg = async (settings) => {
     setIsPrintDialogOpen(false);
-    const printWindow = chunkFJDZ7AEE_js.openPendingPrintWindow(t("pptx.print.preparingToPrint"));
+    const printWindow = chunkPCW2KT7Z_js.openPendingPrintWindow(t("pptx.print.preparingToPrint"));
     if (!printWindow) {
       console.warn(
         "[PowerPointViewer] Print window was blocked by the browser. Allow popups for this site to print."
@@ -7613,9 +7715,9 @@ function usePrintHandlers(input) {
     if (!pptxData || settings.printWhat !== "slides") {
       return runRasterPrint(printWindow, settings);
     }
-    const colorFilter = chunkFJDZ7AEE_js.computeColorFilter(settings.colorMode);
-    const slideIndices = chunkFJDZ7AEE_js.filterHiddenSlideIndices(
-      chunkFJDZ7AEE_js.computeSlideIndices(
+    const colorFilter = chunkPCW2KT7Z_js.computeColorFilter(settings.colorMode);
+    const slideIndices = chunkPCW2KT7Z_js.filterHiddenSlideIndices(
+      chunkPCW2KT7Z_js.computeSlideIndices(
         settings.slideRange,
         activeSlideIndex,
         slides.length,
@@ -7633,22 +7735,22 @@ function usePrintHandlers(input) {
         printWindow.close();
         return;
       }
-      const printDoc = chunkFJDZ7AEE_js.buildPrintDocument(svgs, pptxData.width, pptxData.height, {
+      const printDoc = chunkPCW2KT7Z_js.buildPrintDocument(svgs, pptxData.width, pptxData.height, {
         title: "Slides (Vector)",
         orientation: settings.orientation,
         colorFilter,
         scaleToFit: settings.scaleToFit
       });
-      chunkFJDZ7AEE_js.finishPrintWindow(printWindow, printDoc);
+      chunkPCW2KT7Z_js.finishPrintWindow(printWindow, printDoc);
     } catch (err) {
       console.warn("[PowerPointViewer] SVG print path failed, falling back to raster:", err);
       return runRasterPrint(printWindow, settings);
     }
   };
   const runRasterPrint = async (printWindow, settings) => {
-    const colorFilter = chunkFJDZ7AEE_js.computeColorFilter(settings.colorMode);
-    const slideIndices = chunkFJDZ7AEE_js.filterHiddenSlideIndices(
-      chunkFJDZ7AEE_js.computeSlideIndices(
+    const colorFilter = chunkPCW2KT7Z_js.computeColorFilter(settings.colorMode);
+    const slideIndices = chunkPCW2KT7Z_js.filterHiddenSlideIndices(
+      chunkPCW2KT7Z_js.computeSlideIndices(
         settings.slideRange,
         activeSlideIndex,
         slides.length,
@@ -7659,11 +7761,11 @@ function usePrintHandlers(input) {
       includeHiddenSlides
     );
     if (settings.printWhat === "outline") {
-      chunkFJDZ7AEE_js.finishPrintWindow(
+      chunkPCW2KT7Z_js.finishPrintWindow(
         printWindow,
-        chunkFJDZ7AEE_js.buildPrintHtmlDocument({
+        chunkPCW2KT7Z_js.buildPrintHtmlDocument({
           title: "Outline",
-          bodyHtml: `<div class="outline-page">${chunkFJDZ7AEE_js.buildOutlineHtml(slideIndices, slides)}</div>`,
+          bodyHtml: `<div class="outline-page">${chunkPCW2KT7Z_js.buildOutlineHtml(slideIndices, slides)}</div>`,
           orientation: settings.orientation,
           colorFilter,
           frameSlides: settings.frameSlides,
@@ -7690,11 +7792,11 @@ function usePrintHandlers(input) {
       }
       const slideImages = slideIndices.map((idx) => allImages[idx]).filter(Boolean);
       if (settings.printWhat === "slides") {
-        chunkFJDZ7AEE_js.finishPrintWindow(
+        chunkPCW2KT7Z_js.finishPrintWindow(
           printWindow,
-          chunkFJDZ7AEE_js.buildPrintHtmlDocument({
+          chunkPCW2KT7Z_js.buildPrintHtmlDocument({
             title: "Slides",
-            bodyHtml: chunkFJDZ7AEE_js.buildSlidesHtml(slideImages, slideIndices),
+            bodyHtml: chunkPCW2KT7Z_js.buildSlidesHtml(slideImages, slideIndices),
             orientation: settings.orientation,
             colorFilter,
             frameSlides: settings.frameSlides,
@@ -7704,11 +7806,11 @@ function usePrintHandlers(input) {
         return;
       }
       if (settings.printWhat === "notes") {
-        chunkFJDZ7AEE_js.finishPrintWindow(
+        chunkPCW2KT7Z_js.finishPrintWindow(
           printWindow,
-          chunkFJDZ7AEE_js.buildPrintHtmlDocument({
+          chunkPCW2KT7Z_js.buildPrintHtmlDocument({
             title: "Notes Pages",
-            bodyHtml: chunkFJDZ7AEE_js.buildNotesHtml(slideImages, slideIndices, slides),
+            bodyHtml: chunkPCW2KT7Z_js.buildNotesHtml(slideImages, slideIndices, slides),
             orientation: "portrait",
             colorFilter,
             frameSlides: settings.frameSlides,
@@ -7719,11 +7821,11 @@ function usePrintHandlers(input) {
       }
       if (settings.printWhat === "handouts") {
         const spp = settings.slidesPerPage;
-        chunkFJDZ7AEE_js.finishPrintWindow(
+        chunkPCW2KT7Z_js.finishPrintWindow(
           printWindow,
-          chunkFJDZ7AEE_js.buildPrintHtmlDocument({
+          chunkPCW2KT7Z_js.buildPrintHtmlDocument({
             title: `Handout ${spp} per page`,
-            bodyHtml: chunkFJDZ7AEE_js.buildHandoutsHtml(slideImages, slideIndices, spp),
+            bodyHtml: chunkPCW2KT7Z_js.buildHandoutsHtml(slideImages, slideIndices, spp, pptxData?.handoutMaster),
             orientation: "portrait",
             colorFilter,
             frameSlides: settings.frameSlides,
@@ -7737,7 +7839,7 @@ function usePrintHandlers(input) {
   };
   const handlePrintWithSettings = async (settings) => {
     setIsPrintDialogOpen(false);
-    const printWindow = chunkFJDZ7AEE_js.openPendingPrintWindow(t("pptx.print.preparingToPrint"));
+    const printWindow = chunkPCW2KT7Z_js.openPendingPrintWindow(t("pptx.print.preparingToPrint"));
     if (!printWindow) {
       console.warn(
         "[PowerPointViewer] Print window was blocked by the browser. Allow popups for this site to print."
@@ -7800,8 +7902,8 @@ function useThemeHandlers(input) {
       return;
     }
     await handler.updateThemeColorScheme(colorScheme);
-    const previousMap = theme?.colorScheme ? chunkFJDZ7AEE_js.buildThemeColorMap(theme.colorScheme) : {};
-    setSlides((prev) => chunkFJDZ7AEE_js.reResolveSlideColors(prev, previousMap, colorScheme));
+    const previousMap = theme?.colorScheme ? chunkPCW2KT7Z_js.buildThemeColorMap(theme.colorScheme) : {};
+    setSlides((prev) => chunkPCW2KT7Z_js.reResolveSlideColors(prev, previousMap, colorScheme));
     setTheme((prev) => prev ? { ...prev, colorScheme } : { colorScheme });
     bumpHistory();
     history.markDirty();
@@ -7906,7 +8008,7 @@ function useThemeSwitching(input) {
       }
       try {
         await handler.applyTheme(preset.colorScheme, preset.fontScheme, preset.name);
-        const newData = chunkFJDZ7AEE_js.applyThemeToData(data, preset.colorScheme, preset.fontScheme, preset.name);
+        const newData = chunkPCW2KT7Z_js.applyThemeToData(data, preset.colorScheme, preset.fontScheme, preset.name);
         onDataChange(newData);
         onThemeChanged?.(preset);
       } catch (error) {
@@ -7923,7 +8025,7 @@ function useThemeSwitching(input) {
       }
       try {
         await handler.applyTheme(colorScheme, fontScheme ?? {}, themeName);
-        const newData = chunkFJDZ7AEE_js.applyThemeToData(data, colorScheme, fontScheme, themeName);
+        const newData = chunkPCW2KT7Z_js.applyThemeToData(data, colorScheme, fontScheme, themeName);
         onDataChange(newData);
       } catch (error) {
         console.error("Failed to switch to custom theme:", error);
@@ -7935,12 +8037,12 @@ function useThemeSwitching(input) {
     if (!data?.theme?.colorScheme) {
       return void 0;
     }
-    return chunkFJDZ7AEE_js.THEME_PRESETS.find(
-      (p) => chunkFJDZ7AEE_js.themeColorSchemesEqual(data.theme?.colorScheme, p.colorScheme)
+    return chunkPCW2KT7Z_js.THEME_PRESETS.find(
+      (p) => chunkPCW2KT7Z_js.themeColorSchemesEqual(data.theme?.colorScheme, p.colorScheme)
     );
   }, [data?.theme?.colorScheme]);
   return {
-    presets: chunkFJDZ7AEE_js.THEME_PRESETS,
+    presets: chunkPCW2KT7Z_js.THEME_PRESETS,
     switchToPreset,
     switchToCustom,
     currentPreset
@@ -8015,7 +8117,7 @@ function usePropertyHandlers(input) {
       }
       try {
         const ab = await file.arrayBuffer();
-        const h = new chunkFJDZ7AEE_js.PptxHandler();
+        const h = new chunkPCW2KT7Z_js.PptxHandler();
         const other = await h.load(ab);
         if (!other) {
           return;
@@ -8025,7 +8127,7 @@ function usePropertyHandlers(input) {
           width: canvasSize.width,
           height: canvasSize.height
         };
-        setCompareResult(chunkFJDZ7AEE_js.comparePresentation(cur, other));
+        setCompareResult(chunkPCW2KT7Z_js.comparePresentation(cur, other));
         setIsComparePanelOpen(true);
       } catch (err) {
         console.warn("Compare failed:", err);
@@ -8042,7 +8144,7 @@ function usePropertyHandlers(input) {
       if (!diff || diff.status === "unchanged") {
         return;
       }
-      setSlides((prev) => chunkFJDZ7AEE_js.applyAcceptSlide(prev, diff));
+      setSlides((prev) => chunkPCW2KT7Z_js.applyAcceptSlide(prev, diff));
       setIsDirty(true);
     },
     [compareResult, setSlides, setIsDirty]
@@ -8053,10 +8155,10 @@ function usePropertyHandlers(input) {
     if (!compareResult) {
       return;
     }
-    setSlides((prev) => chunkFJDZ7AEE_js.applyAcceptAllSlides(prev, compareResult));
+    setSlides((prev) => chunkPCW2KT7Z_js.applyAcceptAllSlides(prev, compareResult));
     setIsDirty(true);
   }, [compareResult, setSlides, setIsDirty]);
-  const usedFontFamilies = react.useMemo(() => chunkFJDZ7AEE_js.collectUsedFonts(slides), [slides]);
+  const usedFontFamilies = react.useMemo(() => chunkPCW2KT7Z_js.collectUsedFonts(slides), [slides]);
   return {
     handleUpdateNotes,
     handleUpdateSlide,
@@ -8211,7 +8313,7 @@ function useViewerDialogs(input) {
   );
   const embeddedFontKey = (embeddedFontFamilies ?? []).join("\0");
   const fontEmbedding = react.useMemo(
-    () => chunkFJDZ7AEE_js.describeFontEmbedding(embeddedFontKey ? embeddedFontKey.split("\0") : []),
+    () => chunkPCW2KT7Z_js.describeFontEmbedding(embeddedFontKey ? embeddedFontKey.split("\0") : []),
     [embeddedFontKey]
   );
   const [embedFontsEnabled, setEmbedFontsEnabled] = react.useState(fontEmbedding.initialEnabled);
@@ -8221,11 +8323,11 @@ function useViewerDialogs(input) {
     setEmbedFontsEnabled(fontEmbedding.initialEnabled);
   }
   const [isNarrowViewport, setIsNarrowViewport] = react.useState(
-    () => typeof window !== "undefined" ? chunkFJDZ7AEE_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch()) : false
+    () => typeof window !== "undefined" ? chunkPCW2KT7Z_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch()) : false
   );
   react.useEffect(() => {
     const handleWindow = () => setIsNarrowViewport(
-      chunkFJDZ7AEE_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch())
+      chunkPCW2KT7Z_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch())
     );
     window.addEventListener("resize", handleWindow);
     return () => window.removeEventListener("resize", handleWindow);
@@ -8378,15 +8480,16 @@ function useViewerDialogs(input) {
   };
 }
 function computeGridSpacingPx2(documentGridSpacing) {
-  return chunkFJDZ7AEE_js.computeGridSpacingPx(documentGridSpacing, chunkB6UIVRFA_js.GRID_SIZE);
+  return chunkPCW2KT7Z_js.computeGridSpacingPx(documentGridSpacing, chunkXBTHWXNO_js.GRID_SIZE);
 }
-function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows) {
+function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows, presentationProperties) {
   const activeShow = activeCustomShowId ? customShows.find((show) => show.id === activeCustomShowId) : void 0;
-  return chunkFJDZ7AEE_js.resolveShowSlideIndexes(slides, activeShow);
+  const authoredRange = chunkPCW2KT7Z_js.resolveAuthoredSlideRange(presentationProperties, slides.length);
+  return chunkPCW2KT7Z_js.resolveShowSlideIndexes(slides, activeShow, authoredRange);
 }
 function computeSlideSectionGroups(slides, sections) {
-  return chunkFJDZ7AEE_js.groupSlidesBySection(sections, slides).map((group) => ({
-    id: group.section?.id ?? (sections.length > 0 ? chunkB6UIVRFA_js.UNGROUPED_SECTION_ID : chunkB6UIVRFA_js.DEFAULT_SECTION_GROUP_ID),
+  return chunkPCW2KT7Z_js.groupSlidesBySection(sections, slides).map((group) => ({
+    id: group.section?.id ?? (sections.length > 0 ? chunkXBTHWXNO_js.UNGROUPED_SECTION_ID : chunkXBTHWXNO_js.DEFAULT_SECTION_GROUP_ID),
     label: group.section?.name ?? (sections.length > 0 ? "Ungrouped Slides" : "Slides"),
     slideIndexes: group.slideIndexes,
     ...group.section?.color !== void 0 ? { color: group.section.color } : {},
@@ -8398,7 +8501,7 @@ function computeMasterPseudoSlide(mode, activeLayout, activeMaster) {
     return void 0;
   }
   const document2 = activeLayout ? { slideMasters: [{ ...activeMaster, layouts: [activeLayout] }] } : { slideMasters: [activeMaster] };
-  return chunkFJDZ7AEE_js.masterViewPseudoSlide(document2, {
+  return chunkPCW2KT7Z_js.masterViewPseudoSlide(document2, {
     tab: "slides",
     masterIndex: 0,
     layoutIndex: activeLayout ? 0 : null
@@ -8411,6 +8514,7 @@ function useDerivedSlideState(input) {
     sections,
     customShows,
     activeCustomShowId,
+    presentationProperties,
     mode,
     activeLayout,
     activeMaster,
@@ -8421,15 +8525,19 @@ function useDerivedSlideState(input) {
     [documentGridSpacing]
   );
   const visibleSlideIndexes = react.useMemo(
-    () => computeVisibleSlideIndexes(slides, activeCustomShowId, customShows),
-    [slides, activeCustomShowId, customShows]
+    () => computeVisibleSlideIndexes(slides, activeCustomShowId, customShows, presentationProperties),
+    [slides, activeCustomShowId, customShows, presentationProperties]
+  );
+  const authoredRange = react.useMemo(
+    () => chunkPCW2KT7Z_js.resolveAuthoredSlideRange(presentationProperties, slides.length),
+    [presentationProperties, slides.length]
   );
   const slideSectionGroups = react.useMemo(
     () => computeSlideSectionGroups(slides, sections).map((group) => {
-      if (group.id === chunkB6UIVRFA_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
+      if (group.id === chunkXBTHWXNO_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
         return { ...group, label: t("pptx.slides.ungroupedSlides") };
       }
-      if (group.id === chunkB6UIVRFA_js.DEFAULT_SECTION_GROUP_ID && group.label === "Slides") {
+      if (group.id === chunkXBTHWXNO_js.DEFAULT_SECTION_GROUP_ID && group.label === "Slides") {
         return { ...group, label: t("pptx.sections.slides") };
       }
       return group;
@@ -8444,7 +8552,8 @@ function useDerivedSlideState(input) {
     gridSpacingPx,
     visibleSlideIndexes,
     slideSectionGroups,
-    masterPseudoSlide
+    masterPseudoSlide,
+    authoredRange
   };
 }
 function useAnnotationHandlers(input) {
@@ -8529,13 +8638,13 @@ function useAnnotationHandlers(input) {
   }, [annotations, setMode, setSlides, history]);
   const handleSetMode = react.useCallback(
     (nextMode) => {
-      if (mode === "present" && nextMode !== "present" && !chunkFJDZ7AEE_js.mayLeaveSlideShow()) {
+      if (mode === "present" && nextMode !== "present" && !chunkPCW2KT7Z_js.mayLeaveSlideShow()) {
         return;
       }
       if (nextMode === "present") {
         presentation.enterPresentMode();
       } else if (mode === "present" && annotations.hasAnyAnnotations) {
-        chunkFJDZ7AEE_js.stopAllPersistentAudio();
+        chunkPCW2KT7Z_js.stopAllPersistentAudio();
         if (promptKeepInkAnnotations) {
           pendingModeAfterAnnotationsRef.current = nextMode;
           setShowKeepAnnotationsDialog(true);
@@ -8545,7 +8654,7 @@ function useAnnotationHandlers(input) {
         }
       } else {
         if (mode === "present") {
-          chunkFJDZ7AEE_js.stopAllPersistentAudio();
+          chunkPCW2KT7Z_js.stopAllPersistentAudio();
         }
         setMode(nextMode);
       }
@@ -8582,6 +8691,7 @@ function useSerialize(input) {
     guides,
     headerFooter,
     presentationProperties,
+    viewProperties,
     customShows,
     sections,
     coreProperties,
@@ -8609,13 +8719,13 @@ function useSerialize(input) {
       let processedSlide = slide;
       if (pendingEditId) {
         const updatedElements = slide.elements.map((el) => {
-          if (el.id !== pendingEditId || !chunkFJDZ7AEE_js.hasTextProperties(el)) {
+          if (el.id !== pendingEditId || !chunkPCW2KT7Z_js.hasTextProperties(el)) {
             return el;
           }
           return {
             ...el,
             text: pendingEditText,
-            textSegments: chunkFJDZ7AEE_js.remapTextToSegments(pendingEditText, el.textSegments, el.textStyle)
+            textSegments: chunkPCW2KT7Z_js.remapTextToSegments(pendingEditText, el.textSegments, el.textStyle)
           };
         });
         if (updatedElements.some((el, i) => el !== slide.elements[i])) {
@@ -8628,21 +8738,22 @@ function useSerialize(input) {
       const pptxGuides = guides.map((g) => ({
         id: g.id,
         orientation: g.axis === "h" ? "horz" : "vert",
-        positionEmu: chunkFJDZ7AEE_js.guidePxToEmu(g.position)
+        positionEmu: chunkPCW2KT7Z_js.guidePxToEmu(g.position)
       }));
       return {
         ...processedSlide,
         guides: pptxGuides.length > 0 ? pptxGuides : void 0
       };
     });
-    const slidesToSave = chunkFJDZ7AEE_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
+    const slidesToSave = chunkPCW2KT7Z_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
     const saveOptions = {
       // Without this the Slide Size card edited a viewer-only pixel value and
       // the saved `p:sldSz` never moved: passing `slideSize` is the only way a
       // slide-size edit reaches the file.
-      slideSize: chunkFJDZ7AEE_js.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size,
+      slideSize: chunkPCW2KT7Z_js.resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size,
       headerFooter,
       presentationProperties,
+      viewProperties,
       customShows: customShows.length > 0 ? customShows : void 0,
       sections: sections.length > 0 ? sections : void 0,
       coreProperties,
@@ -8652,9 +8763,9 @@ function useSerialize(input) {
       slideMasters,
       notesMaster,
       handoutMaster,
-      ...chunkFJDZ7AEE_js.embeddedFontSaveOptions(embedFonts)
+      ...chunkPCW2KT7Z_js.embeddedFontSaveOptions(embedFonts)
     };
-    return chunkFJDZ7AEE_js.saveDeckWithPassword(handler, slidesToSave, saveOptions, { password, purpose });
+    return chunkPCW2KT7Z_js.saveDeckWithPassword(handler, slidesToSave, saveOptions, { password, purpose });
   }, [
     slides,
     templateElementsBySlideId,
@@ -8662,6 +8773,7 @@ function useSerialize(input) {
     slideSizeEmu,
     headerFooter,
     presentationProperties,
+    viewProperties,
     customShows,
     sections,
     coreProperties,
@@ -8689,7 +8801,7 @@ function useRecoveryDetection(input) {
   const onRestore = input.onRestore;
   const openVersionHistory = input.openVersionHistory;
   react.useEffect(() => {
-    if (!chunkFJDZ7AEE_js.shouldProbeAutosaveRecovery({
+    if (!chunkPCW2KT7Z_js.shouldProbeAutosaveRecovery({
       alreadyChecked: recoveryCheckedRef.current,
       filePath,
       loading,
@@ -8701,7 +8813,7 @@ function useRecoveryDetection(input) {
     }
     recoveryCheckedRef.current = true;
     void (async () => {
-      const offer = await chunkFJDZ7AEE_js.probeAutosaveRecovery(filePath);
+      const offer = await chunkPCW2KT7Z_js.probeAutosaveRecovery(filePath);
       if (!offer) {
         return;
       }
@@ -8714,7 +8826,7 @@ function useRecoveryDetection(input) {
     const record = recordRef.current;
     setPrompt(null);
     if (record && onRestore) {
-      onRestore(chunkFJDZ7AEE_js.acceptAutosaveRecovery(record));
+      onRestore(chunkPCW2KT7Z_js.acceptAutosaveRecovery(record));
     }
     recordRef.current = null;
   }, [onRestore]);
@@ -8723,7 +8835,7 @@ function useRecoveryDetection(input) {
     setPrompt(null);
     recordRef.current = null;
     if (record) {
-      void chunkFJDZ7AEE_js.discardAutosaveRecovery(record);
+      void chunkPCW2KT7Z_js.discardAutosaveRecovery(record);
     }
   }, []);
   return { prompt, restore, discard };
@@ -8732,6 +8844,7 @@ function usePresentationSetup(input) {
   const {
     mode,
     slides,
+    templateElementsBySlideId,
     visibleSlideIndexes,
     activeSlideIndex,
     containerRef,
@@ -8745,7 +8858,10 @@ function usePresentationSetup(input) {
     endWithBlackSlide = true,
     promptKeepInkAnnotations = true,
     popupToolbarEnabled = true,
-    onToggleSubtitles
+    onToggleSubtitles,
+    customShows = [],
+    activeCustomShowId = null,
+    onSetActiveCustomShowId
   } = input;
   const actionSoundHandlerRef = react.useRef(null);
   const exitModeHandlerRef = react.useRef(null);
@@ -8757,16 +8873,17 @@ function usePresentationSetup(input) {
   const presentation = usePresentationMode({
     mode,
     slides,
+    templateElementsBySlideId,
     visibleSlideIndexes,
     activeSlideIndex,
     containerRef,
     content,
     onSetMode: (nextMode) => {
-      if (mode === "present" && nextMode !== "present" && !chunkFJDZ7AEE_js.mayLeaveSlideShow()) {
+      if (mode === "present" && nextMode !== "present" && !chunkPCW2KT7Z_js.mayLeaveSlideShow()) {
         return;
       }
       if (mode === "present" && nextMode !== "present") {
-        chunkFJDZ7AEE_js.stopAllPersistentAudio();
+        chunkPCW2KT7Z_js.stopAllPersistentAudio();
         stopAnimationSound();
         const exitHandler = exitModeHandlerRef.current;
         if (exitHandler) {
@@ -8828,13 +8945,16 @@ function usePresentationSetup(input) {
     onToggleToolbar: () => annotations.setToolbarVisible(!annotations.toolbarVisible),
     onToggleSubtitles,
     onSaveRehearsalTimings: (timings) => {
-      setSlides((prev) => chunkFJDZ7AEE_js.applyRehearsalTimings(prev, timings));
+      setSlides((prev) => chunkPCW2KT7Z_js.applyRehearsalTimings(prev, timings));
       history.markDirty();
     },
-    loopContinuously: chunkFJDZ7AEE_js.shouldLoopContinuously(presentationProperties),
+    loopContinuously: chunkPCW2KT7Z_js.shouldLoopContinuously(presentationProperties),
     showWithAnimation: presentationProperties.showWithAnimation,
     useTimings: presentationProperties.advanceMode !== "manual",
-    endWithBlackSlide
+    endWithBlackSlide,
+    customShows,
+    activeCustomShowId,
+    onSetActiveCustomShowId
   });
   return {
     presentation,
@@ -9032,7 +9152,7 @@ function useEditorOperations(input) {
   const { formatPainterActive, setFormatPainterActive, elementLookup } = state;
   react.useEffect(() => {
     if (formatPainterActive && !prevFormatPainterRef.current && selectedElement) {
-      copiedFormatRef.current = chunkFJDZ7AEE_js.copyFormatFromElement(selectedElement);
+      copiedFormatRef.current = chunkPCW2KT7Z_js.copyFormatFromElement(selectedElement);
     } else if (!formatPainterActive) {
       copiedFormatRef.current = null;
     }
@@ -9058,12 +9178,12 @@ function useEditorOperations(input) {
           e.stopPropagation();
           const element = elementLookup.get(elementId);
           if (element) {
-            const updated = chunkFJDZ7AEE_js.applyFormatToElement(element, copiedFormatRef.current);
+            const updated = chunkPCW2KT7Z_js.applyFormatToElement(element, copiedFormatRef.current);
             const updates = {};
-            if (chunkFJDZ7AEE_js.hasShapeProperties(updated)) {
+            if (chunkPCW2KT7Z_js.hasShapeProperties(updated)) {
               updates.shapeStyle = updated.shapeStyle;
             }
-            if (chunkFJDZ7AEE_js.hasTextProperties(updated)) {
+            if (chunkPCW2KT7Z_js.hasTextProperties(updated)) {
               updates.textStyle = updated.textStyle;
             }
             ops.updateElementById(elementId, updates);
@@ -9249,10 +9369,10 @@ function useFontInjection({ embeddedFonts, slides }) {
       }
     };
   }, [embeddedFonts]);
-  const referencedFamilies = react.useMemo(() => chunkFJDZ7AEE_js.collectReferencedFontFamilies(slides), [slides]);
+  const referencedFamilies = react.useMemo(() => chunkPCW2KT7Z_js.collectReferencedFontFamilies(slides), [slides]);
   react.useEffect(() => {
     let cancelled = false;
-    void chunkFJDZ7AEE_js.resolveGoogleWebfontHref(slides, embeddedFonts).then((href) => {
+    void chunkPCW2KT7Z_js.resolveGoogleWebfontHref(slides, embeddedFonts).then((href) => {
       if (cancelled) {
         return null;
       }
@@ -9318,7 +9438,9 @@ function useContentLifecycle(input) {
     setIsEncryptedDialogOpen,
     password,
     onContentApplied,
-    allowExternalImages
+    allowExternalImages,
+    setReadOnlyRecommendation,
+    setCompatToasts
   } = input;
   const { handlerRef } = useLoadContent({
     content,
@@ -9332,6 +9454,8 @@ function useContentLifecycle(input) {
     setHeaderFooter: state.setHeaderFooter,
     setLayoutOptions: state.setLayoutOptions,
     setSlideMasters: state.setSlideMasters,
+    setModernCommentAuthors: state.setModernCommentAuthors,
+    setRecentColors: state.setRecentColors,
     setTheme: state.setTheme,
     setTableStyleMap: state.setTableStyleMap,
     setThemeOptions: state.setThemeOptions,
@@ -9353,6 +9477,8 @@ function useContentLifecycle(input) {
     setHasDigitalSignatures: state.setHasDigitalSignatures,
     setDigitalSignatureCount: state.setDigitalSignatureCount,
     setGuides: state.setGuides,
+    setReadOnlyRecommendation,
+    setCompatToasts,
     setLoading: state.setLoading,
     setError: state.setError,
     setIsDirty: state.setIsDirty,
@@ -9373,6 +9499,7 @@ function useContentLifecycle(input) {
     guides: state.guides,
     headerFooter: state.headerFooter,
     presentationProperties: state.presentationProperties,
+    viewProperties: state.viewProperties,
     customShows: state.customShows,
     sections: state.sections,
     coreProperties: state.coreProperties,
@@ -9428,7 +9555,17 @@ function useKeyboardShortcuts(input) {
   inputRef.current = input;
   const handleKeyDown = react.useCallback((e) => {
     const current = inputRef.current;
-    const { action, dx, dy } = chunkFJDZ7AEE_js.mapEditorKey(e, {
+    const startAction = chunkPCW2KT7Z_js.mapSlideShowStartKey(e, { isPresenting: current.mode === "present" });
+    if (startAction !== null) {
+      e.preventDefault();
+      if (startAction === "fromBeginning") {
+        current.onStartShowFromBeginning();
+      } else {
+        current.onStartShowFromCurrent();
+      }
+      return;
+    }
+    const { action, dx, dy } = chunkPCW2KT7Z_js.mapEditorKey(e, {
       canEdit: current.canEdit,
       // The Slide Master view is an editing surface, not a viewing one.
       // Gating on `mode !== 'edit'` alone made `mapEditorKey` return
@@ -9441,7 +9578,7 @@ function useKeyboardShortcuts(input) {
       hasSelection: current.hasSelection,
       isEditingText: Boolean(current.inlineEditingElementId || current.tableEditorState?.isEditing),
       isDrawing: current.activeTool !== "select",
-      isTextInputTarget: chunkFJDZ7AEE_js.isEditorTextInputTarget(e.target)
+      isTextInputTarget: chunkPCW2KT7Z_js.isEditorTextInputTarget(e.target)
     });
     if (action === null) {
       return;
@@ -9508,7 +9645,18 @@ function useKeyboardShortcuts(input) {
 
 // src/viewer/hooks/useKeyboardShortcutWiring.ts
 function useKeyboardShortcutWiring(input) {
-  const { state, mode, canEdit, slides, activeSlide, ops, manipulation, history } = input;
+  const {
+    state,
+    mode,
+    canEdit,
+    slides,
+    activeSlide,
+    ops,
+    manipulation,
+    history,
+    onEnterPresentModeFromBeginning,
+    onSetMode
+  } = input;
   useKeyboardShortcuts({
     containerRef: state.containerRef,
     mode,
@@ -9578,7 +9726,9 @@ function useKeyboardShortcutWiring(input) {
         return;
       }
       state.setActiveSlideIndex((prev) => Math.min(slides.length - 1, prev + 1));
-    }
+    },
+    onStartShowFromBeginning: onEnterPresentModeFromBeginning,
+    onStartShowFromCurrent: () => onSetMode("present")
   });
 }
 function useViewerIntegration(input) {
@@ -9598,6 +9748,8 @@ function useViewerIntegration(input) {
     autosaveAllowed = true,
     autosaveIntervalMs,
     allowExternalImages,
+    setReadOnlyRecommendation,
+    setCompatToasts,
     canEdit,
     promptKeepInkAnnotations,
     imageExportScale,
@@ -9666,7 +9818,9 @@ function useViewerIntegration(input) {
       setIsEncryptedDialogOpen,
       password: dialogs.presentationPassword ?? void 0,
       onContentApplied: () => setLoadVersion((v) => v + 1),
-      allowExternalImages
+      allowExternalImages,
+      setReadOnlyRecommendation,
+      setCompatToasts
     }
   );
   const { exportHandlers, printHandlers, themeHandlers, propertyHandlers } = useIOHandlers({
@@ -9752,7 +9906,7 @@ function useViewerIntegration(input) {
         return zoom.scale;
       },
       setZoom(level) {
-        zoom.setScale(chunkFJDZ7AEE_js.clampZoomScale(level));
+        zoom.setScale(chunkPCW2KT7Z_js.clampZoomScale(level));
       },
       zoomIn() {
         zoom.handleZoomIn();
@@ -9901,7 +10055,9 @@ function useViewerIntegration(input) {
     activeSlide,
     ops: editorOps.ops,
     manipulation: editorOps.manipulation,
-    history
+    history,
+    onEnterPresentModeFromBeginning: presentation.enterPresentModeFromBeginning,
+    onSetMode: handleSetMode
   });
   return {
     exportHandlers,
@@ -9968,7 +10124,7 @@ function useReducedMotion() {
 }
 function useViewerOptions() {
   const storeRef = react.useRef(null);
-  storeRef.current ??= chunkFJDZ7AEE_js.createViewerOptionsStore();
+  storeRef.current ??= chunkPCW2KT7Z_js.createViewerOptionsStore();
   const store = storeRef.current;
   const options = react.useSyncExternalStore(
     (onStoreChange) => store.subscribe(onStoreChange),
@@ -9977,9 +10133,9 @@ function useViewerOptions() {
   );
   return { optionsStore: store, options };
 }
-var KNOWN_TAB_IDS = new Set(chunkFJDZ7AEE_js.TOOLBAR_TABS.map((tab) => tab.id));
+var KNOWN_TAB_IDS = new Set(chunkPCW2KT7Z_js.TOOLBAR_TABS.map((tab) => tab.id));
 function computeToolbarVisibility(hiddenActions, hiddenTabIds = []) {
-  const isHidden = (id) => chunkFJDZ7AEE_js.isActionHidden(id, hiddenActions);
+  const isHidden = (id) => chunkPCW2KT7Z_js.isActionHidden(id, hiddenActions);
   const userHidden = new Set(hiddenTabIds);
   userHidden.delete("file");
   const isTabVisible = (id) => !KNOWN_TAB_IDS.has(id) || !isHidden(id) && !userHidden.has(id);
@@ -10071,12 +10227,12 @@ function useYjsDocumentSync({
         return;
       }
       try {
-        const handler = new chunkFJDZ7AEE_js.PptxHandler();
+        const handler = new chunkPCW2KT7Z_js.PptxHandler();
         await handler.load(sourceBytes.buffer);
-        const currentSlides = chunkFJDZ7AEE_js.readSlidesFromYDoc(
+        const currentSlides = chunkPCW2KT7Z_js.readSlidesFromYDoc(
           doc
         );
-        const slidesToSave = chunkFJDZ7AEE_js.buildSaveSlides(currentSlides, templateElementsBySlideId);
+        const slidesToSave = chunkPCW2KT7Z_js.buildSaveSlides(currentSlides, templateElementsBySlideId);
         const bytes = await handler.save(slidesToSave);
         config.onWriteBack(bytes);
       } catch {
@@ -10091,10 +10247,10 @@ function useYjsDocumentSync({
     if (!doc || !isConnected) {
       return;
     }
-    const docSlides = chunkFJDZ7AEE_js.readSlidesFromYDoc(
+    const docSlides = chunkPCW2KT7Z_js.readSlidesFromYDoc(
       doc
     );
-    if (!chunkFJDZ7AEE_js.shouldRoomSlidesReplaceLoad(loadOrigin, docSlides.length)) {
+    if (!chunkPCW2KT7Z_js.shouldRoomSlidesReplaceLoad(loadOrigin, docSlides.length)) {
       return;
     }
     lastSyncedRef.current = JSON.stringify(docSlides);
@@ -10113,11 +10269,11 @@ function useYjsDocumentSync({
     lastSyncedRef.current = serialized;
     void (async () => {
       const factories = await getFactories();
-      chunkFJDZ7AEE_js.reconcileSlidesInYDoc(
+      chunkPCW2KT7Z_js.reconcileSlidesInYDoc(
         slides,
         doc,
         factories,
-        chunkFJDZ7AEE_js.LOCAL_SYNC_ORIGIN
+        chunkPCW2KT7Z_js.LOCAL_SYNC_ORIGIN
       );
       scheduleWriteBack();
     })();
@@ -10131,10 +10287,10 @@ function useYjsDocumentSync({
       return;
     }
     const handleChange = (_events, transaction) => {
-      if (transaction?.origin === chunkFJDZ7AEE_js.LOCAL_SYNC_ORIGIN) {
+      if (transaction?.origin === chunkPCW2KT7Z_js.LOCAL_SYNC_ORIGIN) {
         return;
       }
-      const remoteSlides = chunkFJDZ7AEE_js.readSlidesFromYDoc(
+      const remoteSlides = chunkPCW2KT7Z_js.readSlidesFromYDoc(
         doc
       );
       if (remoteSlides.length === 0) {
@@ -10150,7 +10306,7 @@ function useYjsDocumentSync({
       isApplyingRemoteRef.current = false;
       scheduleWriteBack();
     };
-    const unobserve = chunkFJDZ7AEE_js.observeYDocSlides(
+    const unobserve = chunkPCW2KT7Z_js.observeYDocSlides(
       doc,
       handleChange
     );
@@ -10188,7 +10344,7 @@ function useBroadcastFollower({
     if (!broadcaster) {
       return;
     }
-    if (!chunkFJDZ7AEE_js.shouldAutoFollowBroadcaster({
+    if (!chunkPCW2KT7Z_js.shouldAutoFollowBroadcaster({
       localRole: collab.config.role,
       broadcasterRole: broadcaster.role
     })) {
@@ -10359,7 +10515,7 @@ function subscribeTouchCapability(callback) {
 function useIsMobile() {
   const isTouchDevice = react.useSyncExternalStore(
     subscribeTouchCapability,
-    chunkFJDZ7AEE_js.detectTouchDevice,
+    chunkPCW2KT7Z_js.detectTouchDevice,
     () => false
     // server snapshot
   );
@@ -10369,7 +10525,7 @@ function useIsMobile() {
   const [viewportHeight, setViewportHeight] = react.useState(
     () => typeof window === "undefined" ? 768 : window.innerHeight
   );
-  const [orientation, setOrientation] = react.useState(chunkFJDZ7AEE_js.detectOrientation);
+  const [orientation, setOrientation] = react.useState(chunkPCW2KT7Z_js.detectOrientation);
   const [isVirtualKeyboardOpen, setIsVirtualKeyboardOpen] = react.useState(false);
   const [initialViewportHeight] = react.useState(
     () => typeof window !== "undefined" ? window.innerHeight : 800
@@ -10390,7 +10546,7 @@ function useIsMobile() {
       return;
     }
     const handleOrientationChange = () => {
-      setOrientation(chunkFJDZ7AEE_js.detectOrientation());
+      setOrientation(chunkPCW2KT7Z_js.detectOrientation());
     };
     if (screen.orientation) {
       screen.orientation.addEventListener("change", handleOrientationChange);
@@ -10420,7 +10576,7 @@ function useIsMobile() {
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, [isTouchDevice, initialViewportHeight]);
-  const { isMobile, isTablet, isDesktop } = chunkFJDZ7AEE_js.deriveViewportBreakpoints(
+  const { isMobile, isTablet, isDesktop } = chunkPCW2KT7Z_js.deriveViewportBreakpoints(
     viewportWidth,
     viewportHeight,
     isTouchDevice
@@ -10451,10 +10607,10 @@ function useTouchGestures(input) {
     if (!el || !enabled) {
       return;
     }
-    const recognizer = chunkFJDZ7AEE_js.createTouchGestureRecognizer({
+    const recognizer = chunkPCW2KT7Z_js.createTouchGestureRecognizer({
       getScale: () => scaleRef.current,
-      minScale: chunkFJDZ7AEE_js.MIN_ZOOM_SCALE,
-      maxScale: chunkFJDZ7AEE_js.MAX_ZOOM_SCALE,
+      minScale: chunkPCW2KT7Z_js.MIN_ZOOM_SCALE,
+      maxScale: chunkPCW2KT7Z_js.MAX_ZOOM_SCALE,
       callbacks: {
         onPinchZoom: (newScale) => callbacksRef.current.onPinchZoom?.(newScale),
         onSwipe: (direction) => callbacksRef.current.onSwipe?.(direction),
@@ -10494,7 +10650,7 @@ function scrollFocusedIntoView(keyboardInset) {
     return;
   }
   const rect = active.getBoundingClientRect();
-  const delta = chunkFJDZ7AEE_js.computeScrollDelta(
+  const delta = chunkPCW2KT7Z_js.computeScrollDelta(
     { top: rect.top, bottom: rect.bottom },
     window.innerHeight,
     keyboardInset
@@ -10514,8 +10670,8 @@ function useKeyboardInsets(enabled = true) {
       return;
     }
     const update = () => {
-      const metrics = chunkFJDZ7AEE_js.readViewportMetrics(window);
-      const inset = metrics ? chunkFJDZ7AEE_js.computeKeyboardInset(metrics) : 0;
+      const metrics = chunkPCW2KT7Z_js.readViewportMetrics(window);
+      const inset = metrics ? chunkPCW2KT7Z_js.computeKeyboardInset(metrics) : 0;
       setKeyboardInset(inset);
       if (inset > 0) {
         window.requestAnimationFrame(() => scrollFocusedIntoView(inset));
@@ -10526,8 +10682,8 @@ function useKeyboardInsets(enabled = true) {
     vv.addEventListener("scroll", update);
     const onFocusIn = () => {
       window.requestAnimationFrame(() => {
-        const metrics = chunkFJDZ7AEE_js.readViewportMetrics(window);
-        const inset = metrics ? chunkFJDZ7AEE_js.computeKeyboardInset(metrics) : 0;
+        const metrics = chunkPCW2KT7Z_js.readViewportMetrics(window);
+        const inset = metrics ? chunkPCW2KT7Z_js.computeKeyboardInset(metrics) : 0;
         if (inset > 0) {
           scrollFocusedIntoView(inset);
         }
@@ -10540,7 +10696,7 @@ function useKeyboardInsets(enabled = true) {
       document.removeEventListener("focusin", onFocusIn);
     };
   }, [enabled]);
-  return { keyboardInset, isKeyboardOpen: chunkFJDZ7AEE_js.isKeyboardOpen(keyboardInset) };
+  return { keyboardInset, isKeyboardOpen: chunkPCW2KT7Z_js.isKeyboardOpen(keyboardInset) };
 }
 
 // src/viewer/hooks/useViewerBuildingBlocks-canvas-props.ts
@@ -10569,34 +10725,34 @@ function buildCanvasProps(input) {
   } = input;
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const effectiveTemplateElements = mode === "master" ? s.activeLayout ? s.activeMaster?.elements ?? [] : [] : templateElements;
-  const fieldContext = chunkFJDZ7AEE_js.buildFieldSubstitutionContext({
+  const fieldContext = chunkPCW2KT7Z_js.buildFieldSubstitutionContext({
     headerFooter: s.headerFooter,
     customProperties: s.customProperties,
     slide: activeSlide
   });
   const tableStyleContext = s.theme || s.tableStyleMap ? { theme: s.theme, tableStyleMap: s.tableStyleMap } : void 0;
   const openExternalUrl = (url) => {
-    if (chunkFJDZ7AEE_js.shouldConfirmExternalHyperlink(viewerOptions, url) && !window.confirm(buildHyperlinkConfirmMessage(url))) {
+    if (chunkPCW2KT7Z_js.shouldConfirmExternalHyperlink(viewerOptions, url) && !window.confirm(buildHyperlinkConfirmMessage(url))) {
       return;
     }
-    chunkFJDZ7AEE_js.safeOpenUrl(url);
+    chunkPCW2KT7Z_js.safeOpenUrl(url);
   };
-  const handleActionClick = (_elementId, action) => {
+  const handleActionClick = (elementId, action) => {
     if (mode === "present") {
-      const resolved = chunkFJDZ7AEE_js.resolvePresentationAction(action, { slideCount: slides.length });
+      const resolved = chunkPCW2KT7Z_js.resolvePresentationAction(action, { slideCount: slides.length });
       if (resolved.intent.kind === "openUrl") {
         openExternalUrl(resolved.intent.url);
         return;
       }
-      presentation.handlePresentationAction(action);
+      presentation.handlePresentationAction(action, elementId);
     } else if (action.url) {
       openExternalUrl(action.url);
     }
   };
   const handleHyperlinkClick = (url) => {
-    if (chunkFJDZ7AEE_js.isPpactionUrl(url)) {
+    if (chunkPCW2KT7Z_js.isPpactionUrl(url)) {
       if (mode === "present") {
-        const parsed = chunkFJDZ7AEE_js.parsePpactionUrl(url);
+        const parsed = chunkPCW2KT7Z_js.parsePpactionUrl(url);
         if (parsed) {
           presentation.handlePresentationAction({
             action: parsed.action,
@@ -10702,7 +10858,7 @@ function buildCanvasProps(input) {
 
 // src/viewer/hooks/useScopedLayoutOptions.ts
 function scopeLayoutOptionsToActiveSlide(options, activeSlide) {
-  return chunkFJDZ7AEE_js.scopeLayoutOptionsToSlide(options, activeSlide?.layoutPath);
+  return chunkPCW2KT7Z_js.scopeLayoutOptionsToSlide(options, activeSlide?.layoutPath);
 }
 
 // src/viewer/hooks/useViewerBuildingBlocks-toolbar-handlers.ts
@@ -10715,7 +10871,7 @@ function buildToolbarAnimationHandlers(input) {
     const current = activeSlide.animations ?? [];
     if (group === "motionPath") {
       propertyHandlers.handleUpdateSlide({
-        animations: chunkFJDZ7AEE_js.applyMotionPathPreset(current, selectedElement.id, preset)
+        animations: chunkPCW2KT7Z_js.applyMotionPathPreset(current, selectedElement.id, preset)
       });
       return;
     }
@@ -10797,7 +10953,8 @@ function buildToolbarProps(input) {
     onOpenFile,
     onOpenRecentFile,
     fileName,
-    hiddenActions
+    hiddenActions,
+    viewPreferencesSync
   } = input;
   const {
     handleAddAnimation,
@@ -10881,9 +11038,9 @@ function buildToolbarProps(input) {
     onSetSpellCheckEnabled: s.setSpellCheckEnabled,
     onSetShowGrid: s.setShowGrid,
     onSetShowRulers: s.setShowRulers,
-    onSetShowGuides: s.setShowGuides,
-    onSetSnapToGrid: s.setSnapToGrid,
-    onSetSnapToShape: s.setSnapToShape,
+    onSetShowGuides: viewPreferencesSync?.handleSetShowGuides ?? s.setShowGuides,
+    onSetSnapToGrid: viewPreferencesSync?.handleSetSnapToGrid ?? s.setSnapToGrid,
+    onSetSnapToShape: viewPreferencesSync?.handleSetSnapToShape ?? s.setSnapToShape,
     onAddGuide: dialogs.handleAddGuide,
     onAlignElements: manipulation.handleAlignElements,
     onDistributeElements: manipulation.handleDistributeElements,
@@ -10909,7 +11066,7 @@ function buildToolbarProps(input) {
     onOpenFile,
     onOpenRecentFile,
     onCreatePresentation: (templateId) => {
-      s.setSlides(chunkFJDZ7AEE_js.createBackstagePresentation(templateId));
+      s.setSlides(chunkPCW2KT7Z_js.createBackstagePresentation(templateId));
       s.setActiveSlideIndex(0);
       s.setSelectedElementId(null);
       s.setSelectedElementIds([]);
@@ -10938,7 +11095,7 @@ function buildToolbarProps(input) {
     loadLayoutPreviews: input.loadLayoutPreviews,
     onInsertSlideFromLayout: slideOps.handleInsertSlideFromLayout,
     onInsertSlideFromTemplate: slideOps.handleInsertSlideFromTemplate,
-    templateScheme: chunkFJDZ7AEE_js.templateSchemeFromTheme(s.theme?.colorScheme),
+    templateScheme: chunkPCW2KT7Z_js.templateSchemeFromTheme(s.theme?.colorScheme),
     customShows: s.customShows,
     activeCustomShowId: s.activeCustomShowId,
     onSetActiveCustomShowId: s.setActiveCustomShowId,
@@ -10979,7 +11136,7 @@ function buildToolbarProps(input) {
     isCommentsPanelOpen: s.isInspectorPaneOpen,
     slideCommentCount: activeSlide?.comments?.length ?? 0,
     formatPainterActive: s.formatPainterActive,
-    canActivateFormatPainter: chunkFJDZ7AEE_js.hasCopyableFormat(selectedElement),
+    canActivateFormatPainter: chunkPCW2KT7Z_js.hasCopyableFormat(selectedElement),
     onToggleFormatPainter: () => s.setFormatPainterActive((p) => !p),
     isSelectionPaneOpen: s.isSelectionPaneOpen,
     onToggleSelectionPane: () => s.setIsSelectionPaneOpen((p) => !p),
@@ -11053,7 +11210,7 @@ function useViewerBuildingBlocksCore(input) {
     headerFooter: state.headerFooter,
     loading,
     error,
-    maxHistoryEntries: chunkFJDZ7AEE_js.resolveHistoryDepth(viewerOptions),
+    maxHistoryEntries: chunkPCW2KT7Z_js.resolveHistoryDepth(viewerOptions),
     hasActivePointerInteraction,
     pointerCommitNonce: state.pointerCommitNonce,
     setSlides: state.setSlides,
@@ -11070,6 +11227,7 @@ function useViewerBuildingBlocksCore(input) {
     sections: state.sections,
     customShows: state.customShows,
     activeCustomShowId: state.activeCustomShowId,
+    presentationProperties: state.presentationProperties,
     mode,
     activeLayout: state.activeLayout,
     activeMaster: state.activeMaster,
@@ -11078,6 +11236,7 @@ function useViewerBuildingBlocksCore(input) {
   const { presentation, annotations, actionSoundHandlerRef, setExitModeHandler } = usePresentationSetup({
     mode,
     slides,
+    templateElementsBySlideId,
     visibleSlideIndexes,
     endWithBlackSlide: viewerOptions.advanced.slideShowEndWithBlackSlide,
     // File > Options > Advanced > "Prompt to keep ink annotations when
@@ -11118,10 +11277,115 @@ function useViewerBuildingBlocksCore(input) {
     gridSpacingPx,
     // Multiplied against the pre-existing 2x baseline; see the matching
     // comment in `PowerPointViewer.tsx`.
-    imageExportScale: 2 * chunkFJDZ7AEE_js.resolveImageResolutionScale(viewerOptions),
+    imageExportScale: 2 * chunkPCW2KT7Z_js.resolveImageResolutionScale(viewerOptions),
     viewerOptions
   };
 }
+function useCompatibilityToastsState() {
+  const [toasts, setToasts] = react.useState([]);
+  const dismiss = react.useCallback((id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  }, []);
+  const dismissAll = react.useCallback(() => {
+    setToasts([]);
+  }, []);
+  return { toasts, setToasts, dismiss, dismissAll };
+}
+function useReadOnlyRecommendationState(content) {
+  const [recommendation, setRecommendation] = react.useState(
+    () => chunkPCW2KT7Z_js.readOnlyRecommendation(void 0)
+  );
+  const [bannerHidden, setBannerHidden] = react.useState(false);
+  const [editAnywayActive, setEditAnywayActive] = react.useState(false);
+  react.useEffect(() => {
+    setBannerHidden(false);
+    setEditAnywayActive(false);
+  }, [content]);
+  const editAnyway = react.useCallback(() => {
+    setEditAnywayActive(true);
+    setBannerHidden(true);
+  }, []);
+  const dismiss = react.useCallback(() => {
+    setBannerHidden(true);
+  }, []);
+  return {
+    recommendation,
+    setRecommendation,
+    /** Whether the viewer's `canEdit` should be forced off. */
+    locked: recommendation.defaultReadOnly && !editAnywayActive,
+    bannerVisible: recommendation.kind !== null && !bannerHidden,
+    editAnyway,
+    dismiss
+  };
+}
+function useViewPreferencesSync(input) {
+  const {
+    loadVersion,
+    viewProperties,
+    setViewProperties,
+    snapToGrid,
+    setSnapToGrid,
+    snapToShape,
+    setSnapToShape,
+    showGuides,
+    setShowGuides
+  } = input;
+  react.useEffect(() => {
+    const seeded = chunkPCW2KT7Z_js.viewerPreferencesFromViewProperties(
+      { viewProperties },
+      { ...chunkPCW2KT7Z_js.DEFAULT_VIEWER_PREFERENCES, snapToGrid, snapToObjects: snapToShape, showGuides }
+    );
+    setSnapToGrid(seeded.snapToGrid);
+    setSnapToShape(seeded.snapToObjects ?? snapToShape);
+    setShowGuides(seeded.showGuides ?? showGuides);
+  }, [loadVersion]);
+  const patchViewProperties = react.useCallback(
+    (prefsOverride) => {
+      setViewProperties((prev) => {
+        const merged = {
+          ...chunkPCW2KT7Z_js.DEFAULT_VIEWER_PREFERENCES,
+          snapToGrid,
+          snapToObjects: snapToShape,
+          showGuides,
+          gridSpacingCx: prev?.gridSpacing?.cx,
+          gridSpacingCy: prev?.gridSpacing?.cy,
+          ...prefsOverride
+        };
+        const patch = chunkPCW2KT7Z_js.viewPropertiesPatchFromPreferences(merged);
+        return {
+          ...prev,
+          slideViewPr: { ...prev?.slideViewPr, ...patch.slideViewPr },
+          ...patch.gridSpacing ? { gridSpacing: patch.gridSpacing } : {}
+        };
+      });
+    },
+    [setViewProperties, snapToGrid, snapToShape, showGuides]
+  );
+  const handleSetSnapToGrid = react.useCallback(
+    (value) => {
+      setSnapToGrid(value);
+      patchViewProperties({ snapToGrid: value });
+    },
+    [setSnapToGrid, patchViewProperties]
+  );
+  const handleSetSnapToShape = react.useCallback(
+    (value) => {
+      setSnapToShape(value);
+      patchViewProperties({ snapToObjects: value });
+    },
+    [setSnapToShape, patchViewProperties]
+  );
+  const handleSetShowGuides = react.useCallback(
+    (value) => {
+      setShowGuides(value);
+      patchViewProperties({ showGuides: value });
+    },
+    [setShowGuides, patchViewProperties]
+  );
+  return { handleSetSnapToGrid, handleSetSnapToShape, handleSetShowGuides };
+}
+
+// src/viewer/hooks/useViewerBuildingBlocksState.ts
 function useViewerBuildingBlocksState(input) {
   const { core, content, canEdit, filePath, autosaveEnabled, userName, handle, setContent } = input;
   const {
@@ -11177,6 +11441,8 @@ function useViewerBuildingBlocksState(input) {
     isDirty: state.isDirty,
     history
   });
+  const readOnlyRec = useReadOnlyRecommendationState(content);
+  const compatToastsState = useCompatibilityToastsState();
   react.useEffect(() => {
     state.setSelectedElementId(null);
     state.setSelectedElementIds([]);
@@ -11207,7 +11473,8 @@ function useViewerBuildingBlocksState(input) {
     handleSetMode,
     handleEnterPresenterView,
     handleEnterRehearsalMode,
-    autosaveStatus
+    autosaveStatus,
+    loadVersion
   } = useViewerIntegration({
     state,
     zoom,
@@ -11225,6 +11492,8 @@ function useViewerBuildingBlocksState(input) {
     // applies, so the headless building-blocks API loads http(s) images
     // under the same default-off, core-side SSRF/privacy guard.
     allowExternalImages: viewerOptions.trust.allowExternalContent,
+    setReadOnlyRecommendation: readOnlyRec.setRecommendation,
+    setCompatToasts: compatToastsState.setToasts,
     canEdit,
     promptKeepInkAnnotations: viewerOptions.advanced.slideShowPromptKeepInkAnnotations,
     imageExportScale,
@@ -11246,6 +11515,17 @@ function useViewerBuildingBlocksState(input) {
     onSlideCountChange
   });
   setExitModeHandler(handleSetMode);
+  const viewPreferencesSync = useViewPreferencesSync({
+    loadVersion,
+    viewProperties: state.viewProperties,
+    setViewProperties: state.setViewProperties,
+    snapToGrid: state.snapToGrid,
+    setSnapToGrid: state.setSnapToGrid,
+    snapToShape: state.snapToShape,
+    setSnapToShape: state.setSnapToShape,
+    showGuides: state.showGuides,
+    setShowGuides: state.setShowGuides
+  });
   return {
     dialogs,
     editorOps,
@@ -11255,7 +11535,8 @@ function useViewerBuildingBlocksState(input) {
     handleSetMode,
     handleEnterPresenterView,
     handleEnterRehearsalMode,
-    autosaveStatus
+    autosaveStatus,
+    viewPreferencesSync
   };
 }
 
@@ -11288,7 +11569,7 @@ function useViewerBuildingBlocks(input) {
   }, [incomingContent]);
   const onOpenFile = react.useCallback(() => {
     void (async () => {
-      const picked = await chunkFJDZ7AEE_js.openPptxFile();
+      const picked = await chunkPCW2KT7Z_js.openPptxFile();
       if (picked) {
         setContent(picked.buffer);
       }
@@ -11296,7 +11577,7 @@ function useViewerBuildingBlocks(input) {
   }, []);
   const onOpenRecentFile = react.useCallback((key) => {
     void (async () => {
-      const bytes = await chunkFJDZ7AEE_js.readBackstageRecentFile(key);
+      const bytes = await chunkPCW2KT7Z_js.readBackstageRecentFile(key);
       if (bytes) {
         setContent(bytes);
       }
@@ -11328,7 +11609,8 @@ function useViewerBuildingBlocks(input) {
     handleSetMode,
     handleEnterPresenterView,
     handleEnterRehearsalMode,
-    autosaveStatus
+    autosaveStatus,
+    viewPreferencesSync
   } = useViewerBuildingBlocksState({
     core,
     content,
@@ -11373,7 +11655,8 @@ function useViewerBuildingBlocks(input) {
     onOpenFile,
     onOpenRecentFile,
     fileName,
-    hiddenActions
+    hiddenActions,
+    viewPreferencesSync
   });
   const canvasProps = buildCanvasProps({
     mode,
@@ -11481,7 +11764,9 @@ exports.parseAudienceNonce = parseAudienceNonce;
 exports.parseEmailUrl = parseEmailUrl;
 exports.parseSlideFromUrl = parseSlideFromUrl;
 exports.renderToCanvas = renderToCanvas;
+exports.safePrompt = safePrompt;
 exports.scopeLayoutOptionsToActiveSlide = scopeLayoutOptionsToActiveSlide;
+exports.syncSelectionHandleOverlay = syncSelectionHandleOverlay;
 exports.useAnimationPlayback = useAnimationPlayback;
 exports.useAnnotationHandlers = useAnnotationHandlers;
 exports.useAudienceMode = useAudienceMode;
@@ -11493,6 +11778,7 @@ exports.useCollaborationLivePatch = useCollaborationLivePatch;
 exports.useCollaborativeHistory = useCollaborativeHistory;
 exports.useCollaborativeState = useCollaborativeState;
 exports.useComments = useComments;
+exports.useCompatibilityToastsState = useCompatibilityToastsState;
 exports.useContentLifecycle = useContentLifecycle;
 exports.useDerivedElementState = useDerivedElementState;
 exports.useDerivedSlideState = useDerivedSlideState;
@@ -11526,6 +11812,7 @@ exports.usePresentationSetup = usePresentationSetup;
 exports.usePresenterWindow = usePresenterWindow;
 exports.usePrintHandlers = usePrintHandlers;
 exports.usePropertyHandlers = usePropertyHandlers;
+exports.useReadOnlyRecommendationState = useReadOnlyRecommendationState;
 exports.useRecoveryDetection = useRecoveryDetection;
 exports.useReducedMotion = useReducedMotion;
 exports.useRehearsalTimings = useRehearsalTimings;
@@ -11541,6 +11828,7 @@ exports.useThemeHandlers = useThemeHandlers;
 exports.useThemeSwitching = useThemeSwitching;
 exports.useToolbarVisibility = useToolbarVisibility;
 exports.useTouchGestures = useTouchGestures;
+exports.useViewPreferencesSync = useViewPreferencesSync;
 exports.useViewerBuildingBlocks = useViewerBuildingBlocks;
 exports.useViewerCoreState = useViewerCoreState;
 exports.useViewerDialogs = useViewerDialogs;