pptx-react-viewer 2.13.2 → 2.14.0

package/dist/{chunk-BNSCH4WT.js → chunk-7TEZJZ2O.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkDOS7NY7C_js = require('./chunk-DOS7NY7C.js');
-var chunkBXAK3JFM_js = require('./chunk-BXAK3JFM.js');
-var chunkFDR5W67L_js = require('./chunk-FDR5W67L.js');
+var chunkSMECSYCT_js = require('./chunk-SMECSYCT.js');
+var chunk3ISYPBSX_js = require('./chunk-3ISYPBSX.js');
+var chunkPB7KVDNV_js = require('./chunk-PB7KVDNV.js');
 var react = require('react');
 var JSZip = require('jszip');
 var reactI18next = require('react-i18next');
@@ -14,7 +14,7 @@ var JSZip__default = /*#__PURE__*/_interopDefault(JSZip);
 function useVirtualizedSlides({
   totalItems,
   itemHeight,
-  overscan = chunkFDR5W67L_js.DEFAULT_VIRTUAL_OVERSCAN
+  overscan = chunkPB7KVDNV_js.DEFAULT_VIRTUAL_OVERSCAN
 }) {
   const scrollContainerRef = react.useRef(null);
   const [scrollTop, setScrollTop] = react.useState(0);
@@ -44,7 +44,7 @@ function useVirtualizedSlides({
       resizeObserver?.disconnect();
     };
   }, []);
-  const range = chunkFDR5W67L_js.computeVirtualRange(totalItems, itemHeight, scrollTop, viewportHeight, overscan);
+  const range = chunkPB7KVDNV_js.computeVirtualRange(totalItems, itemHeight, scrollTop, viewportHeight, overscan);
   const safeItemHeight = Math.max(itemHeight, 1);
   const scrollToIndex = react.useCallback(
     (index, behavior = "smooth") => {
@@ -84,6 +84,9 @@ function usePresenceTracking({
   canvasHeight
 }) {
   const [remoteUsers, setRemoteUsers] = react.useState([]);
+  const projectorRef = react.useRef(null);
+  projectorRef.current ??= chunkPB7KVDNV_js.createPresenceProjector();
+  const projector = projectorRef.current;
   const lastBroadcastRef = react.useRef(0);
   const pendingBroadcastRef = react.useRef(null);
   const latestLocalState = react.useRef({});
@@ -107,7 +110,7 @@ function usePresenceTracking({
         awareness.setLocalStateField("presence", state);
         lastBroadcastRef.current = Date.now();
       };
-      if (elapsed >= chunkFDR5W67L_js.BROADCAST_THROTTLE_MS) {
+      if (elapsed >= chunkPB7KVDNV_js.BROADCAST_THROTTLE_MS) {
         if (pendingBroadcastRef.current) {
           clearTimeout(pendingBroadcastRef.current);
           pendingBroadcastRef.current = null;
@@ -117,7 +120,7 @@ function usePresenceTracking({
         pendingBroadcastRef.current = setTimeout(() => {
           pendingBroadcastRef.current = null;
           flush();
-        }, chunkFDR5W67L_js.BROADCAST_THROTTLE_MS - elapsed);
+        }, chunkPB7KVDNV_js.BROADCAST_THROTTLE_MS - elapsed);
       }
     },
     [awareness, userName, userColor, userAvatar, role]
@@ -142,13 +145,16 @@ function usePresenceTracking({
       return;
     }
     const handleChange = () => {
-      const users = chunkFDR5W67L_js.derivePresenceList(
+      const { list, changed } = projector.project(
         awareness.getStates(),
         localClientId,
         canvasWidth,
         canvasHeight
       );
-      setRemoteUsers(users);
+      if (!changed) {
+        return;
+      }
+      setRemoteUsers(list);
     };
     awareness.on("change", handleChange);
     awareness.on("update", handleChange);
@@ -157,7 +163,7 @@ function usePresenceTracking({
       awareness.off("change", handleChange);
       awareness.off("update", handleChange);
     };
-  }, [awareness, localClientId, canvasWidth, canvasHeight]);
+  }, [awareness, localClientId, canvasWidth, canvasHeight, projector]);
   react.useEffect(() => {
     if (!awareness) {
       return;
@@ -194,7 +200,7 @@ function useYjsProvider({ config }) {
   const departureRef = react.useRef(null);
   const gateRef = react.useRef(null);
   if (!gateRef.current) {
-    gateRef.current = chunkFDR5W67L_js.createSyncGate(() => setSynced(true));
+    gateRef.current = chunkPB7KVDNV_js.createSyncGate(() => setSynced(true));
   }
   const teardown = react.useCallback(() => {
     if (timeoutRef.current) {
@@ -214,7 +220,7 @@ function useYjsProvider({ config }) {
   const buildCleanup = react.useCallback(
     (provider, yDoc) => () => {
       announceDeparture();
-      chunkFDR5W67L_js.clearLocalAwareness(provider.awareness);
+      chunkPB7KVDNV_js.clearLocalAwareness(provider.awareness);
       provider.destroy();
       yDoc.destroy();
       setDoc(null);
@@ -239,9 +245,9 @@ function useYjsProvider({ config }) {
       if (config.authToken) {
         opts.password = config.authToken;
       }
-      const roomId = chunkFDR5W67L_js.validateRoomId(config.roomId);
+      const roomId = chunkPB7KVDNV_js.validateRoomId(config.roomId);
       const provider = new WebrtcProvider(roomId, yDoc, opts);
-      departureRef.current = chunkFDR5W67L_js.createDepartureChannel(roomId, provider.awareness);
+      departureRef.current = chunkPB7KVDNV_js.createDepartureChannel(roomId, provider.awareness);
       setDoc(yDoc);
       setAwareness(provider.awareness);
       setClientId(provider.awareness.clientID);
@@ -283,13 +289,13 @@ function useYjsProvider({ config }) {
     if (!config) {
       return;
     }
-    const roomId = chunkFDR5W67L_js.validateRoomId(config.roomId);
-    const transport = config.transport ?? chunkFDR5W67L_js.resolveTransportForServerUrl(config.serverUrl);
+    const roomId = chunkPB7KVDNV_js.validateRoomId(config.roomId);
+    const transport = config.transport ?? chunkPB7KVDNV_js.resolveTransportForServerUrl(config.serverUrl);
     if (transport === "webrtc") {
       await initWebrtc();
       return;
     }
-    if (chunkFDR5W67L_js.isMixedContentBlocked(config.serverUrl)) {
+    if (chunkPB7KVDNV_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.`
       );
@@ -303,7 +309,7 @@ function useYjsProvider({ config }) {
       const provider = new WebsocketProvider(config.serverUrl, roomId, yDoc, {
         params: config.authToken ? { token: config.authToken } : void 0
       });
-      departureRef.current = chunkFDR5W67L_js.createDepartureChannel(roomId, provider.awareness);
+      departureRef.current = chunkPB7KVDNV_js.createDepartureChannel(roomId, provider.awareness);
       let connected = false;
       const handleStatus = (event) => {
         if (event.status === "connected") {
@@ -343,7 +349,7 @@ function useYjsProvider({ config }) {
             provider.off("status", handleStatus);
             provider.off("sync", handleSynced);
             announceDeparture();
-            chunkFDR5W67L_js.clearLocalAwareness(provider.awareness);
+            chunkPB7KVDNV_js.clearLocalAwareness(provider.awareness);
             provider.destroy();
             yDoc.destroy();
             setDoc(null);
@@ -352,7 +358,7 @@ function useYjsProvider({ config }) {
             cleanupRef.current = null;
             setStatus("error");
           }
-        }, chunkFDR5W67L_js.CONNECTION_TIMEOUT_MS);
+        }, chunkPB7KVDNV_js.CONNECTION_TIMEOUT_MS);
       }
       setDoc(yDoc);
       setAwareness(provider.awareness);
@@ -361,7 +367,7 @@ function useYjsProvider({ config }) {
         provider.off("status", handleStatus);
         provider.off("sync", handleSynced);
         announceDeparture();
-        chunkFDR5W67L_js.clearLocalAwareness(provider.awareness);
+        chunkPB7KVDNV_js.clearLocalAwareness(provider.awareness);
         provider.destroy();
         yDoc.destroy();
         setDoc(null);
@@ -387,7 +393,7 @@ function useYjsProvider({ config }) {
   ]);
   react.useEffect(() => {
     init();
-    const disposeTeardown = chunkFDR5W67L_js.registerCollaborationTeardown({
+    const disposeTeardown = chunkPB7KVDNV_js.registerCollaborationTeardown({
       leave: teardown,
       rejoin: init
     });
@@ -408,7 +414,7 @@ function useCollaborativeState({
   canvasWidth,
   canvasHeight
 }) {
-  const userColor = chunkFDR5W67L_js.sanitizeColor(config?.userColor, "#6366f1");
+  const userColor = chunkPB7KVDNV_js.sanitizeColor(config?.userColor, "#6366f1");
   const { status, awareness, doc, clientId, synced, retry } = useYjsProvider({ config });
   const { remoteUsers, broadcastPresence } = usePresenceTracking({
     awareness,
@@ -517,8 +523,8 @@ function useEditorHistory(input) {
         width: canvasSize.width,
         height: canvasSize.height,
         activeSlideIndex,
-        slides: slides.map(chunkFDR5W67L_js.cloneSlide),
-        templateElementsBySlideId: chunkFDR5W67L_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
+        slides: slides.map(chunkPB7KVDNV_js.cloneSlide),
+        templateElementsBySlideId: chunkPB7KVDNV_js.cloneTemplateElementsBySlideId(templateElementsBySlideId),
         ...actionLabel ? { actionLabel } : {}
       };
     },
@@ -531,9 +537,9 @@ function useEditorHistory(input) {
         width: snapshot.width,
         height: snapshot.height
       });
-      setSlides(snapshot.slides.map(chunkFDR5W67L_js.cloneSlide));
+      setSlides(snapshot.slides.map(chunkPB7KVDNV_js.cloneSlide));
       setTemplateElementsBySlideId(
-        chunkFDR5W67L_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
+        chunkPB7KVDNV_js.cloneTemplateElementsBySlideId(snapshot.templateElementsBySlideId)
       );
       setActiveSlideIndex(Math.min(snapshot.activeSlideIndex, maxSlideIndex));
       setSelectedElementIds([]);
@@ -567,8 +573,8 @@ function useEditorHistory(input) {
     const currentSnapshot = buildHistorySnapshot();
     historyFutureRef.current.push(currentSnapshot);
     isApplyingHistoryRef.current = true;
-    const nextSnapshot = chunkDOS7NY7C_js.cloneHistorySnapshot(previousSnapshot);
-    lastHistorySnapshotRef.current = chunkDOS7NY7C_js.cloneHistorySnapshot(nextSnapshot);
+    const nextSnapshot = chunkSMECSYCT_js.cloneHistorySnapshot(previousSnapshot);
+    lastHistorySnapshotRef.current = chunkSMECSYCT_js.cloneHistorySnapshot(nextSnapshot);
     lastHistorySerializedRef.current = JSON.stringify(nextSnapshot);
     applyHistorySnapshot(nextSnapshot);
     updateHistoryAvailability();
@@ -589,8 +595,8 @@ function useEditorHistory(input) {
     const currentSnapshot = buildHistorySnapshot();
     historyPastRef.current.push(currentSnapshot);
     isApplyingHistoryRef.current = true;
-    const targetSnapshot = chunkDOS7NY7C_js.cloneHistorySnapshot(nextSnapshot);
-    lastHistorySnapshotRef.current = chunkDOS7NY7C_js.cloneHistorySnapshot(targetSnapshot);
+    const targetSnapshot = chunkSMECSYCT_js.cloneHistorySnapshot(nextSnapshot);
+    lastHistorySnapshotRef.current = chunkSMECSYCT_js.cloneHistorySnapshot(targetSnapshot);
     lastHistorySerializedRef.current = JSON.stringify(targetSnapshot);
     applyHistorySnapshot(targetSnapshot);
     updateHistoryAvailability();
@@ -608,7 +614,7 @@ function useEditorHistory(input) {
       historyPastRef.current = [];
       historyFutureRef.current = [];
       if (initialSnapshot) {
-        const clonedInitial = chunkDOS7NY7C_js.cloneHistorySnapshot(initialSnapshot);
+        const clonedInitial = chunkSMECSYCT_js.cloneHistorySnapshot(initialSnapshot);
         lastHistorySnapshotRef.current = clonedInitial;
         lastHistorySerializedRef.current = JSON.stringify(clonedInitial);
       } else {
@@ -649,18 +655,18 @@ function useEditorHistory(input) {
     }
     const previousSnapshot = lastHistorySnapshotRef.current;
     if (!previousSnapshot) {
-      lastHistorySnapshotRef.current = chunkDOS7NY7C_js.cloneHistorySnapshot(snapshot);
+      lastHistorySnapshotRef.current = chunkSMECSYCT_js.cloneHistorySnapshot(snapshot);
       lastHistorySerializedRef.current = serialized;
       lastCheapHashRef.current = cheapHash;
       updateHistoryAvailability();
       return;
     }
-    historyPastRef.current.push(chunkDOS7NY7C_js.cloneHistorySnapshot(previousSnapshot));
+    historyPastRef.current.push(chunkSMECSYCT_js.cloneHistorySnapshot(previousSnapshot));
     while (historyPastRef.current.length > Math.max(1, maxHistoryEntries)) {
       historyPastRef.current.shift();
     }
     historyFutureRef.current = [];
-    lastHistorySnapshotRef.current = chunkDOS7NY7C_js.cloneHistorySnapshot(snapshot);
+    lastHistorySnapshotRef.current = chunkSMECSYCT_js.cloneHistorySnapshot(snapshot);
     lastHistorySerializedRef.current = serialized;
     lastCheapHashRef.current = cheapHash;
     updateHistoryAvailability();
@@ -690,6 +696,28 @@ function useEditorHistory(input) {
     buildHistorySnapshot
   };
 }
+function useViewerStore(store, selector, isEqual = Object.is) {
+  const cache = react.useRef(null);
+  const getSnapshot2 = react.useCallback(() => {
+    const state = store.getState();
+    const last = cache.current;
+    if (last && Object.is(last.state, state)) {
+      return last.value;
+    }
+    const next = selector(state);
+    const value = last && isEqual(last.value, next) ? last.value : next;
+    cache.current = { state, value };
+    return value;
+  }, [store, selector, isEqual]);
+  const subscribe2 = react.useCallback(
+    (onStoreChange) => store.subscribe(onStoreChange),
+    [store]
+  );
+  return react.useSyncExternalStore(subscribe2, getSnapshot2, getSnapshot2);
+}
+
+// src/viewer/hooks/useZoomViewport.ts
+var selectZoom = (state) => state.zoom;
 function useZoomViewport({
   canvasSize,
   selectedElements
@@ -698,7 +726,14 @@ function useZoomViewport({
   const canvasStageRef = react.useRef(null);
   const canvasViewportRef = react.useRef(null);
   const renderScaleRef = react.useRef(1);
-  const [scale, setScale] = react.useState(1);
+  const storeRef = react.useRef(null);
+  storeRef.current ??= chunkPB7KVDNV_js.createViewerZoomStore();
+  const store = storeRef.current;
+  const scale = useViewerStore(store, selectZoom);
+  const setScale = react.useCallback(
+    (next) => store.dispatch({ type: "set-zoom", zoom: next }),
+    [store]
+  );
   const [editorDimensions, setEditorDimensions] = react.useState(null);
   const effectiveEditorDimensions = editorDimensions || {
     width: canvasSize.width,
@@ -716,6 +751,9 @@ function useZoomViewport({
   react.useEffect(() => {
     renderScaleRef.current = editorScale;
   }, [editorScale]);
+  react.useEffect(() => {
+    store.dispatch({ type: "set-fit-scale", fitScale });
+  }, [store, fitScale]);
   react.useEffect(() => {
     let observer = null;
     let raf = 0;
@@ -750,7 +788,7 @@ function useZoomViewport({
       if (!wrapper || !canvasViewport) {
         return;
       }
-      const boundedScale = chunkFDR5W67L_js.clampZoomScale(nextScale);
+      const boundedScale = chunkPB7KVDNV_js.clampZoomScale(nextScale);
       const nextEditorScale = fitScale * boundedScale;
       const centerX = (bounds.minX + bounds.maxX) / 2;
       const centerY = (bounds.minY + bounds.maxY) / 2;
@@ -765,17 +803,17 @@ function useZoomViewport({
     [fitScale]
   );
   const handleZoomIn = react.useCallback(() => {
-    setScale((currentScale) => chunkFDR5W67L_js.zoomInScale(currentScale));
-  }, []);
+    store.dispatch({ type: "zoom-in" });
+  }, [store]);
   const handleZoomOut = react.useCallback(() => {
-    setScale((currentScale) => chunkFDR5W67L_js.zoomOutScale(currentScale));
-  }, []);
+    store.dispatch({ type: "zoom-out" });
+  }, [store]);
   const handleResetZoom = react.useCallback(() => {
-    setScale(1);
-  }, []);
+    store.dispatch({ type: "zoom-to-fit" });
+  }, [store]);
   const handleZoomToFit = react.useCallback(() => {
-    setScale(1);
-  }, []);
+    store.dispatch({ type: "zoom-to-fit" });
+  }, [store]);
   const handleZoomToSelection = react.useCallback(() => {
     if (selectedElements.length === 0) {
       return;
@@ -787,29 +825,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, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE));
-      maxY = Math.max(maxY, element.y + Math.max(element.height, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE));
+      maxX = Math.max(maxX, element.x + Math.max(element.width, chunkSMECSYCT_js.MIN_ELEMENT_SIZE));
+      maxY = Math.max(maxY, element.y + Math.max(element.height, chunkSMECSYCT_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, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE);
-    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE);
+    const boundsWidth = Math.max(selectionBounds.maxX - selectionBounds.minX, chunkSMECSYCT_js.MIN_ELEMENT_SIZE);
+    const boundsHeight = Math.max(selectionBounds.maxY - selectionBounds.minY, chunkSMECSYCT_js.MIN_ELEMENT_SIZE);
     const availableWidth = Math.max(
-      effectiveEditorDimensions.width - chunkDOS7NY7C_js.ZOOM_TO_SELECTION_PADDING,
-      chunkDOS7NY7C_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.width - chunkSMECSYCT_js.ZOOM_TO_SELECTION_PADDING,
+      chunkSMECSYCT_js.MIN_ELEMENT_SIZE
     );
     const availableHeight = Math.max(
-      effectiveEditorDimensions.height - chunkDOS7NY7C_js.ZOOM_TO_SELECTION_PADDING,
-      chunkDOS7NY7C_js.MIN_ELEMENT_SIZE
+      effectiveEditorDimensions.height - chunkSMECSYCT_js.ZOOM_TO_SELECTION_PADDING,
+      chunkSMECSYCT_js.MIN_ELEMENT_SIZE
     );
     const targetEditorScale = Math.min(
       availableWidth / boundsWidth,
       availableHeight / boundsHeight
     );
     const safeFitScale = fitScale > Number.EPSILON ? fitScale : Number.EPSILON;
-    const nextScale = chunkFDR5W67L_js.clampZoomScale(targetEditorScale / safeFitScale);
+    const nextScale = chunkPB7KVDNV_js.clampZoomScale(targetEditorScale / safeFitScale);
     setScale(nextScale);
     window.requestAnimationFrame(() => {
       window.requestAnimationFrame(() => {
@@ -821,16 +859,23 @@ function useZoomViewport({
     effectiveEditorDimensions.height,
     effectiveEditorDimensions.width,
     fitScale,
-    selectedElements
+    selectedElements,
+    setScale
   ]);
-  const handleWheel = react.useCallback((event) => {
-    if (!event.ctrlKey) {
-      return;
-    }
-    event.preventDefault();
-    const delta = event.deltaY * -1e-3;
-    setScale((currentScale) => chunkFDR5W67L_js.clampZoomScale(currentScale + delta));
-  }, []);
+  const handleWheel = react.useCallback(
+    (event) => {
+      if (!event.ctrlKey) {
+        return;
+      }
+      event.preventDefault();
+      const delta = event.deltaY * -1e-3;
+      store.dispatch({
+        type: "set-zoom",
+        zoom: chunkPB7KVDNV_js.clampZoomScale(store.getState().zoom + delta)
+      });
+    },
+    [store]
+  );
   react.useEffect(() => {
     const viewport = canvasViewportRef.current;
     if (!viewport) {
@@ -906,7 +951,7 @@ function applyAnimationGroupSteps(group, onPlayActionSound, setPresentationEleme
       const command = step.command;
       const timer = window.setTimeout(
         () => {
-          chunkDOS7NY7C_js.executeMediaCommand(command);
+          chunkSMECSYCT_js.executeMediaCommand(command);
         },
         Math.max(0, step.delayMs)
       );
@@ -1003,6 +1048,58 @@ function driveBuildReveal(controller, buildIds, setStates, handle) {
   tick();
 }
 
+// src/viewer/hooks/presentation-mode/entrance-animation-timers.ts
+function scheduleOpeningAutoPlayGroup(controller, deps) {
+  if (!controller.hasMoreSteps()) {
+    return;
+  }
+  const firstGroup = controller.peekNext();
+  if (!firstGroup?.autoAdvance) {
+    return;
+  }
+  const timer = window.setTimeout(() => {
+    const group = controller.advance();
+    if (!group) {
+      return;
+    }
+    applyAnimationGroupSteps(
+      group,
+      deps.onPlayActionSound,
+      deps.setPresentationElementStates,
+      deps.presentationTimersRef
+    );
+    deps.startBuildReveal(controller, group);
+    deps.scheduleAutoAdvanceChain(controller);
+  }, firstGroup.autoAdvanceDelayMs ?? 0);
+  deps.presentationTimersRef.current.push(timer);
+}
+function scheduleEntranceAnimationTimers(slide, setPresentationAnimations, presentationTimersRef) {
+  const entranceAnimations = [...slide.animations || []].filter((animation) => Boolean(animation.entrance)).sort(
+    (left, right) => (left.order || Number.MAX_SAFE_INTEGER) - (right.order || Number.MAX_SAFE_INTEGER)
+  );
+  if (entranceAnimations.length === 0) {
+    return;
+  }
+  setPresentationAnimations(
+    entranceAnimations.map((animation) => ({
+      elementId: animation.elementId,
+      state: "hidden",
+      animation
+    }))
+  );
+  entranceAnimations.forEach((animation, animationIndex) => {
+    const delay = chunkPB7KVDNV_js.computeEntranceAnimationDelay(animation.delayMs, animationIndex);
+    const timer = window.setTimeout(() => {
+      setPresentationAnimations(
+        (previousAnimations) => previousAnimations.map(
+          (entry) => entry.elementId === animation.elementId ? { ...entry, state: "visible" } : entry
+        )
+      );
+    }, delay);
+    presentationTimersRef.current.push(timer);
+  });
+}
+
 // src/viewer/hooks/presentation-mode/useAnimationPlayback.ts
 function useAnimationPlayback(input) {
   const { slides, onPlayActionSound, showWithAnimation } = input;
@@ -1018,11 +1115,12 @@ function useAnimationPlayback(input) {
   const controllerRef = react.useRef(null);
   const buildRafRef = react.useRef(null);
   const seededCompletedRef = react.useRef(false);
+  const lastSeedCompletedRef = react.useRef(false);
   const startBuildReveal = react.useCallback(
     (controller, group) => {
       driveBuildReveal(
         controller,
-        chunkFDR5W67L_js.PresentationAnimationController.collectBuildStepIds(group),
+        chunkPB7KVDNV_js.PresentationAnimationController.collectBuildStepIds(group),
         setPresentationElementStates,
         buildRafRef
       );
@@ -1085,7 +1183,7 @@ function useAnimationPlayback(input) {
         setHoverTriggerShapeIds(/* @__PURE__ */ new Set());
         return;
       }
-      const controller = chunkFDR5W67L_js.PresentationAnimationController.fromSlide(slide);
+      const controller = chunkPB7KVDNV_js.PresentationAnimationController.fromSlide(slide);
       controllerRef.current = controller;
       setPresentationKeyframesCss(controller.keyframesCss);
       setInteractiveTriggerShapeIds(controller.interactiveTriggerShapeIds);
@@ -1169,12 +1267,12 @@ function useAnimationPlayback(input) {
     }
     controller.resetHover(shapeId);
   }, []);
-  const runPresentationEntranceAnimations = react.useCallback(
+  const seedSlideAnimations = react.useCallback(
     (slideIndex, options) => {
       clearPresentationTimers();
+      setPresentationAnimations([]);
       if (!animationsEnabled) {
         controllerRef.current = null;
-        setPresentationAnimations([]);
         setPresentationElementStates(/* @__PURE__ */ new Map());
         setPresentationKeyframesCss("");
         setInteractiveTriggerShapeIds(/* @__PURE__ */ new Set());
@@ -1182,12 +1280,8 @@ function useAnimationPlayback(input) {
         return;
       }
       resetSlideTimeline(slideIndex);
-      const slide = slides[slideIndex];
-      if (!slide) {
-        setPresentationAnimations([]);
-        return;
-      }
       seededCompletedRef.current = false;
+      lastSeedCompletedRef.current = options?.completed === true;
       if (options?.completed) {
         const seeded = controllerRef.current;
         if (seeded) {
@@ -1195,64 +1289,39 @@ function useAnimationPlayback(input) {
           seeded.completeAll();
           setPresentationElementStates(seeded.computeStates());
         }
-        setPresentationAnimations([]);
-        return;
       }
-      const controller = controllerRef.current;
-      if (controller && controller.hasMoreSteps()) {
-        const firstGroup = controller.peekNext();
-        if (firstGroup && firstGroup.autoAdvance) {
-          const timer = window.setTimeout(() => {
-            const group = controller.advance();
-            if (group) {
-              applyAnimationGroupSteps(
-                group,
-                onPlayActionSound,
-                setPresentationElementStates,
-                presentationTimersRef
-              );
-              startBuildReveal(controller, group);
-              scheduleAutoAdvanceChain(controller);
-            }
-          }, firstGroup.autoAdvanceDelayMs ?? 0);
-          presentationTimersRef.current.push(timer);
-        }
+    },
+    [animationsEnabled, clearPresentationTimers, resetSlideTimeline]
+  );
+  const startSlideAnimations = react.useCallback(
+    (slideIndex) => {
+      if (!animationsEnabled || lastSeedCompletedRef.current) {
+        return;
       }
-      const entranceAnimations = [...slide.animations || []].filter((animation) => Boolean(animation.entrance)).sort(
-        (left, right) => (left.order || Number.MAX_SAFE_INTEGER) - (right.order || Number.MAX_SAFE_INTEGER)
-      );
-      if (entranceAnimations.length === 0) {
-        setPresentationAnimations([]);
+      const slide = slides[slideIndex];
+      if (!slide) {
         return;
       }
-      setPresentationAnimations(
-        entranceAnimations.map((animation) => ({
-          elementId: animation.elementId,
-          state: "hidden",
-          animation
-        }))
-      );
-      entranceAnimations.forEach((animation, animationIndex) => {
-        const delay = chunkFDR5W67L_js.computeEntranceAnimationDelay(animation.delayMs, animationIndex);
-        const timer = window.setTimeout(() => {
-          setPresentationAnimations(
-            (previousAnimations) => previousAnimations.map(
-              (entry) => entry.elementId === animation.elementId ? { ...entry, state: "visible" } : entry
-            )
-          );
-        }, delay);
-        presentationTimersRef.current.push(timer);
-      });
+      const controller = controllerRef.current;
+      if (controller) {
+        scheduleOpeningAutoPlayGroup(controller, {
+          onPlayActionSound,
+          setPresentationElementStates,
+          presentationTimersRef,
+          startBuildReveal,
+          scheduleAutoAdvanceChain
+        });
+      }
+      scheduleEntranceAnimationTimers(slide, setPresentationAnimations, presentationTimersRef);
     },
-    [
-      animationsEnabled,
-      clearPresentationTimers,
-      resetSlideTimeline,
-      slides,
-      onPlayActionSound,
-      scheduleAutoAdvanceChain,
-      startBuildReveal
-    ]
+    [animationsEnabled, slides, onPlayActionSound, scheduleAutoAdvanceChain, startBuildReveal]
+  );
+  const runPresentationEntranceAnimations = react.useCallback(
+    (slideIndex, options) => {
+      seedSlideAnimations(slideIndex, options);
+      startSlideAnimations(slideIndex);
+    },
+    [seedSlideAnimations, startSlideAnimations]
   );
   return {
     presentationAnimations,
@@ -1266,16 +1335,18 @@ function useAnimationPlayback(input) {
     handleHoverStart,
     handleHoverEnd,
     runPresentationEntranceAnimations,
+    seedSlideAnimations,
+    startSlideAnimations,
     isSeededCompleted: () => seededCompletedRef.current,
     presentationTimersRef
   };
 }
-var PRESENTER_CHANNEL_NAME = chunkFDR5W67L_js.PRESENTATION_CHANNEL_NAME;
-var AUDIENCE_HASH = chunkFDR5W67L_js.PRESENTATION_HASH;
-var PRESENTER_MSG_ORIGIN = chunkFDR5W67L_js.PRESENTATION_MESSAGE_ORIGIN;
-var AUDIENCE_NONCE_KEY = chunkFDR5W67L_js.PRESENTATION_NONCE_KEY;
+var PRESENTER_CHANNEL_NAME = chunkPB7KVDNV_js.PRESENTATION_CHANNEL_NAME;
+var AUDIENCE_HASH = chunkPB7KVDNV_js.PRESENTATION_HASH;
+var PRESENTER_MSG_ORIGIN = chunkPB7KVDNV_js.PRESENTATION_MESSAGE_ORIGIN;
+var AUDIENCE_NONCE_KEY = chunkPB7KVDNV_js.PRESENTATION_NONCE_KEY;
 function generateSessionId() {
-  return chunkFDR5W67L_js.createPresentationSessionId();
+  return chunkPB7KVDNV_js.createPresentationSessionId();
 }
 function parseAudienceNonce() {
   const hash = window.location.hash;
@@ -1311,7 +1382,7 @@ function usePresenterWindow(input) {
   }, []);
   const swapDisplays = react.useCallback(async () => {
     const audience = audienceWindowRef.current;
-    return audience && !audience.closed ? chunkFDR5W67L_js.swapPresentationWindows(window, audience) : false;
+    return audience && !audience.closed ? chunkPB7KVDNV_js.swapPresentationWindows(window, audience) : false;
   }, []);
   const syncSlideToAudience = react.useCallback(
     (slideIndex) => {
@@ -1375,7 +1446,7 @@ function usePresenterWindow(input) {
       pollTimerRef.current = null;
     }
     if (closingSessionId) {
-      void chunkFDR5W67L_js.clearAudienceContent(closingSessionId);
+      void chunkPB7KVDNV_js.clearAudienceContent(closingSessionId);
     }
   }, [getChannel]);
   const openAudienceWindow = react.useCallback(() => {
@@ -1393,10 +1464,10 @@ function usePresenterWindow(input) {
     audienceWindowRef.current = blankWin;
     const sessionId = generateSessionId();
     sessionIdRef.current = sessionId;
-    const audienceUrl = chunkFDR5W67L_js.buildPresentationAudienceUrl(window.location.href, sessionId);
-    void chunkFDR5W67L_js.resolveAudienceScreenPlacement(window).then((placement) => {
+    const audienceUrl = chunkPB7KVDNV_js.buildPresentationAudienceUrl(window.location.href, sessionId);
+    void chunkPB7KVDNV_js.resolveAudienceScreenPlacement(window).then((placement) => {
       if (placement && audienceWindowRef.current === blankWin && !blankWin.closed) {
-        chunkFDR5W67L_js.placeAudienceWindow(blankWin, placement);
+        chunkPB7KVDNV_js.placeAudienceWindow(blankWin, placement);
       }
       return void 0;
     });
@@ -1426,7 +1497,7 @@ function usePresenterWindow(input) {
       }
     };
     if (content) {
-      void chunkFDR5W67L_js.storeAudienceContent(content, sessionId).then(() => navigateOrClose(true)).catch(() => navigateOrClose(false));
+      void chunkPB7KVDNV_js.storeAudienceContent(content, sessionId).then(() => navigateOrClose(true)).catch(() => navigateOrClose(false));
     } else {
       navigateOrClose(true);
     }
@@ -1452,7 +1523,7 @@ function usePresenterWindow(input) {
     }
     const handleMessage = (event) => {
       const message = event.data;
-      if (chunkFDR5W67L_js.isPresentationSessionMessage(message) && message.type === "audience-ready" && message.sessionId === sessionIdRef.current) {
+      if (chunkPB7KVDNV_js.isPresentationSessionMessage(message) && message.type === "audience-ready" && message.sessionId === sessionIdRef.current) {
         syncStateToAudience(snapshotRef.current);
       }
     };
@@ -1481,7 +1552,7 @@ function usePresenterWindow(input) {
   react.useEffect(() => {
     const handleBeforeUnload = () => {
       if (sessionIdRef.current) {
-        void chunkFDR5W67L_js.clearAudienceContent(sessionIdRef.current);
+        void chunkPB7KVDNV_js.clearAudienceContent(sessionIdRef.current);
       }
     };
     window.addEventListener("beforeunload", handleBeforeUnload);
@@ -1543,7 +1614,7 @@ function useAudienceMode(input) {
     }
     channel.onmessage = (event) => {
       const data = event.data;
-      if (!chunkFDR5W67L_js.isPresentationSessionMessage(data) || data.origin !== PRESENTER_MSG_ORIGIN) {
+      if (!chunkPB7KVDNV_js.isPresentationSessionMessage(data) || data.origin !== PRESENTER_MSG_ORIGIN) {
         return;
       }
       if (expectedSessionId && data.sessionId !== expectedSessionId) {
@@ -1559,16 +1630,16 @@ function useAudienceMode(input) {
       }
       if (data.type === "presenter-exit") {
         if (expectedSessionId) {
-          void chunkFDR5W67L_js.clearAudienceContent(expectedSessionId);
+          void chunkPB7KVDNV_js.clearAudienceContent(expectedSessionId);
         }
-        if (chunkFDR5W67L_js.endAudienceDisplay(window)) {
+        if (chunkPB7KVDNV_js.endAudienceDisplay(window)) {
           handlers.onPresenterEnded?.();
         }
       }
     };
     if (expectedSessionId) {
       channel.postMessage({
-        origin: chunkFDR5W67L_js.PRESENTATION_MESSAGE_ORIGIN,
+        origin: chunkPB7KVDNV_js.PRESENTATION_MESSAGE_ORIGIN,
         type: "audience-ready",
         sessionId: expectedSessionId
       });
@@ -1601,14 +1672,14 @@ function usePresentationKeyboard(input) {
     presentationSlideIndex,
     setShowRehearsalSummary
   } = input;
-  const keyBufferRef = react.useRef(chunkFDR5W67L_js.createPresentationKeyBuffer());
+  const keyBufferRef = react.useRef(chunkPB7KVDNV_js.createPresentationKeyBuffer());
   react.useEffect(() => {
-    if (mode !== "present" || !chunkFDR5W67L_js.acceptsPresentationInput()) {
-      keyBufferRef.current = chunkFDR5W67L_js.createPresentationKeyBuffer();
+    if (mode !== "present" || !chunkPB7KVDNV_js.acceptsPresentationInput()) {
+      keyBufferRef.current = chunkPB7KVDNV_js.createPresentationKeyBuffer();
       return;
     }
     const handleKeyDown = (event) => {
-      const mapped = chunkFDR5W67L_js.mapPresentationKey(event, keyBufferRef.current);
+      const mapped = chunkPB7KVDNV_js.mapPresentationKey(event, keyBufferRef.current);
       if (mapped.action === "none") {
         return;
       }
@@ -1628,12 +1699,12 @@ function usePresentationKeyboard(input) {
           movePresentationSlide(-1);
           return;
         case "first": {
-          const first = chunkFDR5W67L_js.firstShowSlideIndex(showSlideIndexes);
+          const first = chunkPB7KVDNV_js.firstShowSlideIndex(showSlideIndexes);
           navigateToSlide(first ?? 0);
           return;
         }
         case "last": {
-          const last = chunkFDR5W67L_js.lastShowSlideIndex(showSlideIndexes);
+          const last = chunkPB7KVDNV_js.lastShowSlideIndex(showSlideIndexes);
           navigateToSlide(last ?? Math.max(0, slideCount - 1));
           return;
         }
@@ -1788,7 +1859,7 @@ function useRehearsalTimings(input) {
 
 // src/viewer/hooks/presentation-mode/presentation-actions.ts
 function handlePresentationActionImpl(action, deps) {
-  chunkFDR5W67L_js.runPresentationAction(
+  chunkPB7KVDNV_js.runPresentationAction(
     action,
     { slideCount: deps.slidesLength },
     {
@@ -1810,11 +1881,12 @@ function handlePresentationActionImpl(action, deps) {
 function executeSlideTransition(nextSlideIndex, deps) {
   const incomingSlide = deps.slides[nextSlideIndex];
   const transition = incomingSlide?.transition;
-  const durationMs = deps.playTransition ? chunkFDR5W67L_js.resolveTransitionDurationMs(transition) : 0;
+  const durationMs = deps.playTransition ? chunkPB7KVDNV_js.resolveTransitionDurationMs(transition) : 0;
   deps.clearPresentationTimers();
   deps.setPresentationSlideIndex(nextSlideIndex);
   deps.onSetActiveSlideIndex(nextSlideIndex);
   deps.setPresentationSlideVisible(true);
+  deps.seedSlideAnimations(nextSlideIndex, { completed: deps.seedCompleted });
   if (durationMs > 0 && transition) {
     if (transition.soundPath && deps.onPlayActionSound) {
       deps.onPlayActionSound(transition.soundPath, { loop: transition.soundLoop === true });
@@ -1826,16 +1898,14 @@ function executeSlideTransition(nextSlideIndex, deps) {
       durationMs
     });
     const timer = window.setTimeout(() => {
-      deps.runPresentationEntranceAnimations(nextSlideIndex, {
-        completed: deps.seedCompleted
-      });
+      deps.startSlideAnimations(nextSlideIndex);
       deps.scheduleAutoAdvanceForSlide?.(nextSlideIndex);
     }, durationMs);
     deps.presentationTimersRef.current.push(timer);
     return;
   }
   deps.setTransitionOverlay(null);
-  deps.runPresentationEntranceAnimations(nextSlideIndex, { completed: deps.seedCompleted });
+  deps.startSlideAnimations(nextSlideIndex);
   deps.scheduleAutoAdvanceForSlide?.(nextSlideIndex);
 }
 
@@ -1859,7 +1929,8 @@ function useSlideNavigation(input) {
     onAdvancePastLastSlide,
     playNextAnimationGroup,
     clearPresentationTimers,
-    runPresentationEntranceAnimations,
+    seedSlideAnimations,
+    startSlideAnimations,
     presentationTimersRef,
     rehearsing,
     recordCurrentSlideTime,
@@ -1869,7 +1940,7 @@ function useSlideNavigation(input) {
   });
   const scheduleAutoAdvanceForSlide = react.useCallback(
     (slideIndex) => {
-      const delayMs = chunkFDR5W67L_js.resolveAutoAdvanceDelayMs(slides[slideIndex], { useTimings });
+      const delayMs = chunkPB7KVDNV_js.resolveAutoAdvanceDelayMs(slides[slideIndex], { useTimings });
       if (delayMs === void 0) {
         return;
       }
@@ -1892,7 +1963,7 @@ function useSlideNavigation(input) {
       if (availableSlideIndexes.length === 0) {
         return;
       }
-      const pastLastSlide = direction === 1 && !chunkFDR5W67L_js.hasShowSlideAfter(presentationSlideIndex, availableSlideIndexes);
+      const pastLastSlide = direction === 1 && !chunkPB7KVDNV_js.hasShowSlideAfter(presentationSlideIndex, availableSlideIndexes);
       if (rehearsing && pastLastSlide) {
         recordCurrentSlideTime(presentationSlideIndex);
         try {
@@ -1910,9 +1981,9 @@ function useSlideNavigation(input) {
         onAdvancePastLastSlide();
         return;
       }
-      const nextSlideIndex = direction === 1 ? chunkFDR5W67L_js.nextShowSlideIndex(presentationSlideIndex, availableSlideIndexes, {
+      const nextSlideIndex = direction === 1 ? chunkPB7KVDNV_js.nextShowSlideIndex(presentationSlideIndex, availableSlideIndexes, {
         loop: Boolean(loopContinuously) && !rehearsing
-      }) : chunkFDR5W67L_js.previousShowSlideIndex(presentationSlideIndex, availableSlideIndexes);
+      }) : chunkPB7KVDNV_js.previousShowSlideIndex(presentationSlideIndex, availableSlideIndexes);
       if (nextSlideIndex === void 0 || nextSlideIndex === presentationSlideIndex) {
         return;
       }
@@ -1927,7 +1998,8 @@ function useSlideNavigation(input) {
         clearPresentationTimers,
         setPresentationSlideIndex,
         onSetActiveSlideIndex,
-        runPresentationEntranceAnimations,
+        seedSlideAnimations,
+        startSlideAnimations,
         scheduleAutoAdvanceForSlide: rehearsing ? void 0 : scheduleAutoAdvanceForSlide,
         presentationTimersRef,
         setTransitionOverlay,
@@ -1949,7 +2021,8 @@ function useSlideNavigation(input) {
       presentationTimersRef,
       recordCurrentSlideTime,
       rehearsing,
-      runPresentationEntranceAnimations,
+      seedSlideAnimations,
+      startSlideAnimations,
       scheduleAutoAdvanceForSlide,
       setShowRehearsalSummary,
       slides,
@@ -1976,7 +2049,8 @@ function useSlideNavigation(input) {
         clearPresentationTimers,
         setPresentationSlideIndex,
         onSetActiveSlideIndex,
-        runPresentationEntranceAnimations,
+        seedSlideAnimations,
+        startSlideAnimations,
         scheduleAutoAdvanceForSlide,
         presentationTimersRef,
         setTransitionOverlay,
@@ -1996,7 +2070,8 @@ function useSlideNavigation(input) {
       onSetActiveSlideIndex,
       presentationSlideIndex,
       presentationTimersRef,
-      runPresentationEntranceAnimations,
+      seedSlideAnimations,
+      startSlideAnimations,
       scheduleAutoAdvanceForSlide,
       slides,
       setPresentationSlideIndex,
@@ -2052,40 +2127,45 @@ function useZoomNavigation(input) {
     clearZoomReturn
   };
 }
-function usePresenterConsole(slideIndex) {
-  const timerRef = react.useRef(chunkFDR5W67L_js.createPresenterTimer());
-  const [snapshot, setSnapshot] = react.useState(() => chunkFDR5W67L_js.createInitialPresentationSnapshot(slideIndex));
+function usePresenterConsole(slideIndex, active) {
+  const timerRef = react.useRef(chunkPB7KVDNV_js.createPresenterTimer());
+  const [snapshot, setSnapshot] = react.useState(() => chunkPB7KVDNV_js.createInitialPresentationSnapshot(slideIndex));
   const patch = react.useCallback((value) => {
-    setSnapshot((current) => chunkFDR5W67L_js.mergePresentationSnapshot(current, value));
+    setSnapshot((current) => chunkPB7KVDNV_js.mergePresentationSnapshot(current, value));
   }, []);
   react.useEffect(() => patch({ slideIndex }), [patch, slideIndex]);
   react.useEffect(() => {
+    if (!active) {
+      return;
+    }
+    timerRef.current = chunkPB7KVDNV_js.resetPresenterTimer();
+    patch({ paused: false, elapsedMs: 0 });
     const timer = window.setInterval(() => {
       patch({
         paused: timerRef.current.paused,
-        elapsedMs: chunkFDR5W67L_js.presenterElapsed(timerRef.current)
+        elapsedMs: chunkPB7KVDNV_js.presenterElapsed(timerRef.current)
       });
     }, 1e3);
     return () => window.clearInterval(timer);
-  }, [patch]);
+  }, [active, patch]);
   return {
     snapshot,
     applyAudienceSnapshot: setSnapshot,
     setBlackout: (blackout) => patch({ blackout }),
     toggleTimer: () => {
-      timerRef.current = chunkFDR5W67L_js.togglePresenterTimer(timerRef.current);
+      timerRef.current = chunkPB7KVDNV_js.togglePresenterTimer(timerRef.current);
       patch({
         paused: timerRef.current.paused,
-        elapsedMs: chunkFDR5W67L_js.presenterElapsed(timerRef.current)
+        elapsedMs: chunkPB7KVDNV_js.presenterElapsed(timerRef.current)
       });
     },
     resetTimer: () => {
-      timerRef.current = chunkFDR5W67L_js.resetPresenterTimer();
+      timerRef.current = chunkPB7KVDNV_js.resetPresenterTimer();
       patch({ paused: false, elapsedMs: 0 });
     },
     stepZoom: (direction) => setSnapshot(
-      (current) => chunkFDR5W67L_js.mergePresentationSnapshot(current, {
-        zoom: chunkFDR5W67L_js.stepPresenterZoom(
+      (current) => chunkPB7KVDNV_js.mergePresentationSnapshot(current, {
+        zoom: chunkPB7KVDNV_js.stepPresenterZoom(
           current.zoom ?? { scale: 1, originX: 0.5, originY: 0.5 },
           direction
         )
@@ -2130,7 +2210,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(() => chunkFDR5W67L_js.createPresenterShowGuard(), []);
+  const showGuard = react.useMemo(() => chunkPB7KVDNV_js.createPresenterShowGuard(), []);
   const {
     presentationAnimations,
     presentationElementStates,
@@ -2143,6 +2223,8 @@ function usePresentationMode(input) {
     handleHoverStart,
     handleHoverEnd,
     runPresentationEntranceAnimations,
+    seedSlideAnimations,
+    startSlideAnimations,
     isSeededCompleted,
     presentationTimersRef
   } = useAnimationPlayback({ slides, onPlayActionSound, showWithAnimation });
@@ -2198,7 +2280,8 @@ function usePresentationMode(input) {
     onAdvancePastLastSlide: handleAdvancePastLastSlide,
     playNextAnimationGroup,
     clearPresentationTimers,
-    runPresentationEntranceAnimations,
+    seedSlideAnimations,
+    startSlideAnimations,
     presentationTimersRef,
     rehearsing,
     recordCurrentSlideTime,
@@ -2206,7 +2289,7 @@ function usePresentationMode(input) {
   });
   const movePresentationSlide = react.useCallback(
     (direction, trigger = "explicit") => {
-      if (!chunkFDR5W67L_js.acceptsPresentationInput()) {
+      if (!chunkPB7KVDNV_js.acceptsPresentationInput()) {
         return;
       }
       if (endOfShowVisible) {
@@ -2234,7 +2317,7 @@ function usePresentationMode(input) {
   const { handleZoomClick, zoomReturnSlideIndex, returnToZoomSlide, clearZoomReturn } = useZoomNavigation({ navigateToSlide });
   const openAllSlides = react.useCallback(() => setAllSlidesOpen(true), []);
   const closeAllSlides = react.useCallback(() => setAllSlidesOpen(false), []);
-  const presenterConsole = usePresenterConsole(presentationSlideIndex);
+  const presenterConsole = usePresenterConsole(presentationSlideIndex, mode === "present");
   const {
     openAudienceWindow,
     closeAudienceWindow,
@@ -2343,13 +2426,13 @@ function usePresentationMode(input) {
     if (mode !== "present") {
       return;
     }
-    return chunkFDR5W67L_js.attachPresentationVisibilityPause({
+    return chunkPB7KVDNV_js.attachPresentationVisibilityPause({
       root: containerRef.current ?? void 0,
       onHidden: () => clearPresentationTimersRef.current(),
       onVisible: () => scheduleAutoAdvanceRef.current(presentationSlideIndexRef.current)
     });
   }, [mode, containerRef]);
-  react.useEffect(() => {
+  react.useLayoutEffect(() => {
     if (mode === "present") {
       const idx = activeSlideIndexRef.current;
       setPresentationSlideIndex(idx);
@@ -2423,11 +2506,11 @@ function usePresentationMode(input) {
     if (!transitionOverlay || transitionOverlay.transition.type !== "morph") {
       return void 0;
     }
-    return chunkFDR5W67L_js.buildMorphTransitionPlan(
+    return chunkPB7KVDNV_js.buildMorphTransitionPlan(
       slides[transitionOverlay.outgoingSlideIndex],
       slides[transitionOverlay.incomingSlideIndex],
       transitionOverlay.durationMs,
-      chunkFDR5W67L_js.morphOptionToMode(transitionOverlay.transition.morphOption)
+      chunkPB7KVDNV_js.morphOptionToMode(transitionOverlay.transition.morphOption)
     );
   }, [transitionOverlay, slides]);
   const morphedElementStates = react.useMemo(() => {
@@ -2733,7 +2816,7 @@ function findInSlides(slides, findQuery, findMatchCase) {
   const normalised = findMatchCase ? findQuery : findQuery.toLowerCase();
   slides.forEach((slide, slideIndex) => {
     for (const element of slide.elements || []) {
-      if (!chunkFDR5W67L_js.hasTextProperties(element)) {
+      if (!chunkPB7KVDNV_js.hasTextProperties(element)) {
         continue;
       }
       const segments = element.textSegments ?? [];
@@ -2784,7 +2867,7 @@ function applyFindReplacements(slides, toReplace, replaceQuery) {
         continue;
       }
       const element = slide.elements[elIdx];
-      if (!chunkFDR5W67L_js.hasTextProperties(element)) {
+      if (!chunkPB7KVDNV_js.hasTextProperties(element)) {
         continue;
       }
       const segments = [...element.textSegments ?? []];
@@ -3382,7 +3465,7 @@ function useViewerCoreState(_input) {
   const shapeAdjustmentDragStateRef = react.useRef(null);
   const marqueeStateRef = react.useRef(null);
   const isDrawingRef = react.useRef(false);
-  const livePatcher = react.useMemo(() => chunkFDR5W67L_js.createCollaborationLivePatcher(), []);
+  const livePatcher = react.useMemo(() => chunkPB7KVDNV_js.createCollaborationLivePatcher(), []);
   react.useEffect(() => () => livePatcher.dispose(), [livePatcher]);
   const slidesRef = react.useRef([]);
   const [mode, setMode] = react.useState("edit");
@@ -3391,8 +3474,8 @@ function useViewerCoreState(_input) {
   const [slides, setSlides] = react.useState([]);
   const [templateElementsBySlideId, setTemplateElementsBySlideId] = react.useState({});
   const [canvasSize, setCanvasSize] = react.useState({
-    width: chunkDOS7NY7C_js.DEFAULT_CANVAS_WIDTH,
-    height: chunkDOS7NY7C_js.DEFAULT_CANVAS_HEIGHT
+    width: chunkSMECSYCT_js.DEFAULT_CANVAS_WIDTH,
+    height: chunkSMECSYCT_js.DEFAULT_CANVAS_HEIGHT
   });
   const [activeSlideIndex, setActiveSlideIndex] = react.useState(0);
   const [selectedElementId, setSelectedElementId] = react.useState(null);
@@ -3412,7 +3495,7 @@ function useViewerCoreState(_input) {
       const resolved = typeof value === "function" ? value(inlineEditingTextRef.current) : value;
       inlineEditingTextRef.current = resolved;
       setInlineEditingTextBase(value);
-      chunkFDR5W67L_js.publishLiveInlineText(
+      chunkPB7KVDNV_js.publishLiveInlineText(
         livePatcher,
         slidesRef.current[activeSlideIndexRef.current],
         inlineEditingElementIdRef.current,
@@ -3746,7 +3829,7 @@ function useLoadContent({
           );
         }
         const previousHandler = handlerRef.current;
-        const handler = new chunkFDR5W67L_js.PptxHandler();
+        const handler = new chunkPB7KVDNV_js.PptxHandler();
         const parsed = await handler.load(buffer);
         if (cancelled || token !== renderTokenRef.current) {
           handler.dispose();
@@ -3758,7 +3841,7 @@ function useLoadContent({
         handlerRef.current = null;
         const mediaElements = [];
         for (const slide of parsed.slides) {
-          chunkFDR5W67L_js.collectMediaElements(slide.elements, mediaElements);
+          chunkPB7KVDNV_js.collectMediaElements(slide.elements, mediaElements);
         }
         for (const url of mediaDataUrls.values()) {
           if (url.startsWith("blob:")) {
@@ -3799,7 +3882,7 @@ function useLoadContent({
             }
           })
         );
-        const { paths: imagePaths, refs: imageRefs } = chunkFDR5W67L_js.collectImagePaths(parsed.slides);
+        const { paths: imagePaths, refs: imageRefs } = chunkPB7KVDNV_js.collectImagePaths(parsed.slides);
         let nextSlides = parsed.slides;
         if (imagePaths.size > 0) {
           const resolvedMap = /* @__PURE__ */ new Map();
@@ -3854,12 +3937,12 @@ function useLoadContent({
           }
         }
         handlerRef.current = handler;
-        const partition = chunkDOS7NY7C_js.partitionTemplateElements(nextSlides);
+        const partition = chunkSMECSYCT_js.partitionTemplateElements(nextSlides);
         setSlides(partition.slides);
         setTemplateElementsBySlideId(partition.templateElementsBySlideId);
         setCanvasSize({
-          width: parsed.width ?? chunkDOS7NY7C_js.DEFAULT_CANVAS_WIDTH,
-          height: parsed.height ?? chunkDOS7NY7C_js.DEFAULT_CANVAS_HEIGHT
+          width: parsed.width ?? chunkSMECSYCT_js.DEFAULT_CANVAS_WIDTH,
+          height: parsed.height ?? chunkSMECSYCT_js.DEFAULT_CANVAS_HEIGHT
         });
         setHeaderFooter(parsed.headerFooter ?? {});
         setLayoutOptions(parsed.layoutOptions ?? []);
@@ -3888,7 +3971,7 @@ function useLoadContent({
         setHasMacros(parsed.hasMacros === true);
         setHasDigitalSignatures(parsed.hasDigitalSignatures === true);
         setDigitalSignatureCount(parsed.digitalSignatureCount ?? 0);
-        setGuides(chunkFDR5W67L_js.buildInitialGuides(parsed.presentationGuides, parsed.slides[0]?.guides));
+        setGuides(chunkPB7KVDNV_js.buildInitialGuides(parsed.presentationGuides, parsed.slides[0]?.guides));
         setActiveSlideIndex(0);
         clearSelection();
         setIsDirty(false);
@@ -3896,7 +3979,7 @@ function useLoadContent({
         onContentApplied?.();
       } catch (err) {
         if (!cancelled && token === renderTokenRef.current) {
-          if (err instanceof chunkFDR5W67L_js.EncryptedFileError) {
+          if (err instanceof chunkPB7KVDNV_js.EncryptedFileError) {
             setIsEncrypted(true);
           } else {
             setError(err instanceof Error ? err.message : String(err));
@@ -3973,7 +4056,7 @@ function useAutosave(input) {
         isSavingRef.current = false;
         return;
       }
-      await chunkFDR5W67L_js.saveAutosaveSnapshot(filePathRef.current, data);
+      await chunkPB7KVDNV_js.saveAutosaveSnapshot(filePathRef.current, data);
       setAutosaveStatus({ state: "saved", timestamp: Date.now() });
     } catch (err) {
       setAutosaveStatus({
@@ -4038,7 +4121,7 @@ function useElementOperations(input) {
   }, [applySelection, setInlineEditingElementId, setContextMenuState]);
   const updateElementById = react.useCallback(
     (elementId, updates) => {
-      if (chunkFDR5W67L_js.isTemplateElementId(elementId)) {
+      if (chunkPB7KVDNV_js.isTemplateElementId(elementId)) {
         const slideId = activeSlide?.id;
         if (slideId) {
           setTemplateElementsBySlideId((prev) => ({
@@ -4078,7 +4161,7 @@ function useElementOperations(input) {
   );
   const updateSelectedShapeStyle = react.useCallback(
     (updates) => {
-      if (!selectedElement || !chunkFDR5W67L_js.hasShapeProperties(selectedElement)) {
+      if (!selectedElement || !chunkPB7KVDNV_js.hasShapeProperties(selectedElement)) {
         return;
       }
       updateSelectedElement({
@@ -4089,17 +4172,17 @@ function useElementOperations(input) {
   );
   const updateSelectedTextStyle = react.useCallback(
     (updates) => {
-      if (!selectedElement || !chunkFDR5W67L_js.hasTextProperties(selectedElement)) {
+      if (!selectedElement || !chunkPB7KVDNV_js.hasTextProperties(selectedElement)) {
         return;
       }
-      const inlineSel = chunkFDR5W67L_js.getInlineEditorSelection(selectedElement.textSegments);
+      const inlineSel = chunkPB7KVDNV_js.getInlineEditorSelection(selectedElement.textSegments);
       if (inlineSel && selectedElement.textSegments) {
-        const { newSegments: newSegments2, newSelection } = chunkFDR5W67L_js.applyStyleToSelectedSegments(
+        const { newSegments: newSegments2, newSelection } = chunkPB7KVDNV_js.applyStyleToSelectedSegments(
           selectedElement.textSegments,
           inlineSel,
           updates
         );
-        chunkFDR5W67L_js.setPendingSelectionRestore(newSelection);
+        chunkPB7KVDNV_js.setPendingSelectionRestore(newSelection);
         updateSelectedElement({
           textSegments: newSegments2
         });
@@ -4119,12 +4202,12 @@ function useElementOperations(input) {
   );
   const updateSelectedTextCase = react.useCallback(
     (mode) => {
-      if (!selectedElement || !chunkFDR5W67L_js.hasTextProperties(selectedElement)) {
+      if (!selectedElement || !chunkPB7KVDNV_js.hasTextProperties(selectedElement)) {
         return;
       }
-      const inlineSel = chunkFDR5W67L_js.getInlineEditorSelection(selectedElement.textSegments);
+      const inlineSel = chunkPB7KVDNV_js.getInlineEditorSelection(selectedElement.textSegments);
       if (inlineSel && selectedElement.textSegments) {
-        const newSegments = chunkFDR5W67L_js.applyCaseTransformToSegments(
+        const newSegments = chunkPB7KVDNV_js.applyCaseTransformToSegments(
           selectedElement.textSegments,
           inlineSel,
           mode
@@ -4134,14 +4217,14 @@ function useElementOperations(input) {
       }
       const updates = {};
       if (selectedElement.textSegments && selectedElement.textSegments.length > 0) {
-        updates.textSegments = chunkFDR5W67L_js.applyCaseTransformToSegments(
+        updates.textSegments = chunkPB7KVDNV_js.applyCaseTransformToSegments(
           selectedElement.textSegments,
           null,
           mode
         );
       }
       if (typeof selectedElement.text === "string") {
-        updates.text = chunkFDR5W67L_js.transformTextCase(selectedElement.text, mode);
+        updates.text = chunkPB7KVDNV_js.transformTextCase(selectedElement.text, mode);
       }
       updateSelectedElement(updates);
     },
@@ -4196,7 +4279,7 @@ function useSectionOperations(input) {
   const { sections, setSections, slides, setSlides, markDirty } = input;
   const addSection2 = react.useCallback(
     (name, afterSlideIndex) => {
-      const result = chunkFDR5W67L_js.addSection(sections, slides, name, afterSlideIndex);
+      const result = chunkPB7KVDNV_js.addSection(sections, slides, name, afterSlideIndex);
       setSlides(result.slides);
       setSections(result.sections);
       markDirty();
@@ -4205,7 +4288,7 @@ function useSectionOperations(input) {
   );
   const renameSection2 = react.useCallback(
     (sectionId, newName) => {
-      const result = chunkFDR5W67L_js.renameSection(sections, slides, sectionId, newName);
+      const result = chunkPB7KVDNV_js.renameSection(sections, slides, sectionId, newName);
       setSections(result.sections);
       setSlides(result.slides);
       markDirty();
@@ -4214,7 +4297,7 @@ function useSectionOperations(input) {
   );
   const deleteSection2 = react.useCallback(
     (sectionId) => {
-      const result = chunkFDR5W67L_js.deleteSection(sections, slides, sectionId);
+      const result = chunkPB7KVDNV_js.deleteSection(sections, slides, sectionId);
       setSections(result.sections);
       setSlides(result.slides);
       markDirty();
@@ -4223,21 +4306,21 @@ function useSectionOperations(input) {
   );
   const moveSectionUp2 = react.useCallback(
     (sectionId) => {
-      setSections(chunkFDR5W67L_js.moveSectionUp(sections, sectionId));
+      setSections(chunkPB7KVDNV_js.moveSectionUp(sections, sectionId));
       markDirty();
     },
     [sections, setSections, markDirty]
   );
   const moveSectionDown2 = react.useCallback(
     (sectionId) => {
-      setSections(chunkFDR5W67L_js.moveSectionDown(sections, sectionId));
+      setSections(chunkPB7KVDNV_js.moveSectionDown(sections, sectionId));
       markDirty();
     },
     [sections, setSections, markDirty]
   );
   const moveSlidesToSection2 = react.useCallback(
     (slideIndexes, targetSectionId) => {
-      const result = chunkFDR5W67L_js.moveSlidesToSection(sections, slides, slideIndexes, targetSectionId);
+      const result = chunkPB7KVDNV_js.moveSlidesToSection(sections, slides, slideIndexes, targetSectionId);
       setSlides(result.slides);
       setSections(result.sections);
       markDirty();
@@ -4256,19 +4339,19 @@ function useSectionOperations(input) {
 
 // src/viewer/hooks/pointer-move-handlers.ts
 function computeResizeGeometry(handle, startX, startY, startWidth, startHeight, dx, dy, snapToGrid, gridSpacingPx) {
-  const resized = chunkFDR5W67L_js.applyResize(
+  const resized = chunkPB7KVDNV_js.applyResize(
     { x: startX, y: startY, width: startWidth, height: startHeight },
     handle,
     dx,
     dy,
     1,
-    { minSize: chunkDOS7NY7C_js.MIN_ELEMENT_SIZE }
+    { minSize: chunkSMECSYCT_js.MIN_ELEMENT_SIZE }
   );
   const box = { x: resized.x, y: resized.y, width: resized.width, height: resized.height };
   if (!snapToGrid) {
     return box;
   }
-  return chunkFDR5W67L_js.snapBoxToGrid(box, handle, gridSpacingPx, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE);
+  return chunkPB7KVDNV_js.snapBoxToGrid(box, handle, gridSpacingPx, chunkSMECSYCT_js.MIN_ELEMENT_SIZE);
 }
 function computeAdjustmentValue(startAdjustment, dx, startWidth) {
   const range = startWidth || 200;
@@ -4386,7 +4469,7 @@ function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpac
         width: el.width,
         height: el.height
       }));
-      const snapResult = chunkFDR5W67L_js.computeSnapToShape(
+      const snapResult = chunkPB7KVDNV_js.computeSnapToShape(
         targetX,
         targetY,
         primaryEl.width,
@@ -4425,7 +4508,7 @@ function processDragMove(e, drag, editorScale, snapToGrid, snapToShape, gridSpac
   if (live) {
     for (const id of Object.keys(drag.startPositionsById)) {
       const start = drag.startPositionsById[id];
-      chunkFDR5W67L_js.publishLiveGeometry(live.patcher, live.slideId, id, {
+      chunkPB7KVDNV_js.publishLiveGeometry(live.patcher, live.slideId, id, {
         x: start.x + appliedDx,
         y: start.y + appliedDy
       });
@@ -4459,15 +4542,15 @@ function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, live)
   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, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE)}px`;
-    rs.domEl.style.height = `${Math.max(geo.height, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE)}px`;
+    rs.domEl.style.width = `${Math.max(geo.width, chunkSMECSYCT_js.MIN_ELEMENT_SIZE)}px`;
+    rs.domEl.style.height = `${Math.max(geo.height, chunkSMECSYCT_js.MIN_ELEMENT_SIZE)}px`;
   }
   if (live) {
-    chunkFDR5W67L_js.publishLiveGeometry(live.patcher, live.slideId, rs.elementId, {
+    chunkPB7KVDNV_js.publishLiveGeometry(live.patcher, live.slideId, rs.elementId, {
       x: geo.x,
       y: geo.y,
-      width: Math.max(geo.width, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE),
-      height: Math.max(geo.height, chunkDOS7NY7C_js.MIN_ELEMENT_SIZE)
+      width: Math.max(geo.width, chunkSMECSYCT_js.MIN_ELEMENT_SIZE),
+      height: Math.max(geo.height, chunkSMECSYCT_js.MIN_ELEMENT_SIZE)
     });
   }
 }
@@ -4547,13 +4630,13 @@ function processPointerUp(input) {
         if (i !== activeSlideIndex) {
           return s;
         }
-        const rerouted = chunkFDR5W67L_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
+        const rerouted = chunkPB7KVDNV_js.rerouteConnectorsForMovedElements(s.elements, movedIds);
         if (rerouted.length === 0) {
           return s;
         }
         return {
           ...s,
-          elements: chunkFDR5W67L_js.applyReroutedConnectors(s.elements, rerouted)
+          elements: chunkPB7KVDNV_js.applyReroutedConnectors(s.elements, rerouted)
         };
       })
     );
@@ -4575,9 +4658,9 @@ function processPointerUp(input) {
 }
 function commitMarquee(marquee, editTemplateMode, templateElements, activeSlide, applySelection, clearSelection) {
   const sourceElements = editTemplateMode ? templateElements : activeSlide?.elements ?? [];
-  const hitIds = chunkFDR5W67L_js.computeMarqueeHitIds(marquee, sourceElements);
+  const hitIds = chunkPB7KVDNV_js.computeMarqueeHitIds(marquee, sourceElements);
   if (marquee.additive) {
-    const merged = chunkFDR5W67L_js.mergeAdditiveSelection(marquee.baseSelectionIds, hitIds);
+    const merged = chunkPB7KVDNV_js.mergeAdditiveSelection(marquee.baseSelectionIds, hitIds);
     if (merged.length > 0) {
       applySelection(merged[0], merged);
     } else {
@@ -4600,8 +4683,8 @@ function commitDrag(drag, editTemplateMode, activeSlide, activeSlideIndex, setTe
       }
       return { ...el, x: start.x + dx, y: start.y + dy };
     });
-    const rerouted = chunkFDR5W67L_js.rerouteConnectorsForMovedElements(movedElements, movedIds);
-    return chunkFDR5W67L_js.applyReroutedConnectors(movedElements, rerouted);
+    const rerouted = chunkPB7KVDNV_js.rerouteConnectorsForMovedElements(movedElements, movedIds);
+    return chunkPB7KVDNV_js.applyReroutedConnectors(movedElements, rerouted);
   };
   if (editTemplateMode) {
     const slideId = activeSlide?.id;
@@ -4757,9 +4840,9 @@ function useCanvasInteractions(input) {
       return;
     }
     const el = elementLookup.get(editId);
-    if (el && chunkFDR5W67L_js.hasTextProperties(el)) {
+    if (el && chunkPB7KVDNV_js.hasTextProperties(el)) {
       const committedText = transformCommittedText ? transformCommittedText(inlineEditingText) : inlineEditingText;
-      const newSegments = chunkFDR5W67L_js.remapTextToSegments(committedText, el.textSegments, el.textStyle);
+      const newSegments = chunkPB7KVDNV_js.remapTextToSegments(committedText, el.textSegments, el.textStyle);
       ops.updateElementById(editId, {
         text: committedText,
         textSegments: newSegments
@@ -4770,7 +4853,7 @@ function useCanvasInteractions(input) {
     setInlineEditingText("");
   };
   const openEquationEditorForElement = (el) => {
-    if (!chunkFDR5W67L_js.hasTextProperties(el)) {
+    if (!chunkPB7KVDNV_js.hasTextProperties(el)) {
       return false;
     }
     const eqSeg = el.textSegments?.find((seg) => seg.equationXml);
@@ -4799,7 +4882,7 @@ function useCanvasInteractions(input) {
         justSelectedRef.current = false;
       } else {
         const el = elementLookup.get(elementId);
-        if (el && chunkFDR5W67L_js.hasTextProperties(el) && !el.locks?.noTextEdit) {
+        if (el && chunkPB7KVDNV_js.hasTextProperties(el) && !el.locks?.noTextEdit) {
           if (!openEquationEditorForElement(el)) {
             setInlineEditingElementId(elementId);
             setInlineEditingText(el.text ?? "");
@@ -4818,7 +4901,7 @@ function useCanvasInteractions(input) {
     if (openEquationEditorForElement(el)) {
       return;
     }
-    if (chunkFDR5W67L_js.hasTextProperties(el)) {
+    if (chunkPB7KVDNV_js.hasTextProperties(el)) {
       setInlineEditingElementId(elementId);
       setInlineEditingText(el.text ?? "");
     }
@@ -5011,7 +5094,7 @@ function createFileHandlers(deps) {
           h = Math.round(h * scale);
         }
         addElement({
-          id: chunkFDR5W67L_js.generateElementId(),
+          id: chunkPB7KVDNV_js.generateElementId(),
           type: "image",
           x: Math.round((canvasSize.width - w) / 2),
           y: Math.round((canvasSize.height - h) / 2),
@@ -5022,7 +5105,7 @@ function createFileHandlers(deps) {
       };
       img.onerror = () => {
         addElement({
-          id: chunkFDR5W67L_js.generateElementId(),
+          id: chunkPB7KVDNV_js.generateElementId(),
           type: "image",
           x: 100,
           y: 100,
@@ -5048,7 +5131,7 @@ function createFileHandlers(deps) {
     const elFilePath = file.path;
     const insertMediaElement = (mediaSourceUrl, width, height) => {
       addElement({
-        id: chunkFDR5W67L_js.generateElementId(),
+        id: chunkPB7KVDNV_js.generateElementId(),
         type: "media",
         mediaType,
         mediaMimeType: file.type || void 0,
@@ -5223,13 +5306,13 @@ function createStructuredElementHandlers(deps) {
       return;
     }
     addElement({
-      id: chunkFDR5W67L_js.generateElementId(),
+      id: chunkPB7KVDNV_js.generateElementId(),
       type: "smartArt",
       x: 100,
       y: 120,
       width: 600,
       height: 340,
-      smartArtData: chunkFDR5W67L_js.buildSmartArtPresetData(
+      smartArtData: chunkPB7KVDNV_js.buildSmartArtPresetData(
         layout,
         defaultItems,
         (i) => `node-${Date.now()}-${i}-${Math.random().toString(36).slice(2, 8)}`
@@ -5241,7 +5324,7 @@ function createStructuredElementHandlers(deps) {
       return;
     }
     addElement({
-      id: chunkFDR5W67L_js.generateElementId(),
+      id: chunkPB7KVDNV_js.generateElementId(),
       type: "shape",
       x: 120,
       y: 200,
@@ -5300,7 +5383,7 @@ function createStructuredElementHandlers(deps) {
     const displayText = value || fieldTexts[fieldType] || fieldType;
     const fieldGuid = `{${crypto.randomUUID().toUpperCase()}}`;
     addElement({
-      id: chunkFDR5W67L_js.generateElementId(),
+      id: chunkPB7KVDNV_js.generateElementId(),
       type: "shape",
       x: 120,
       y: 200,
@@ -5322,11 +5405,11 @@ function createStructuredElementHandlers(deps) {
     if (!activeSlide) {
       return;
     }
-    const preset = chunkFDR5W67L_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
+    const preset = chunkPB7KVDNV_js.ACTION_BUTTON_PRESETS.find((p) => p.shapeType === shapeType);
     if (!preset) {
       return;
     }
-    const defaultPptxAction = chunkFDR5W67L_js.elementActionToPptxAction({
+    const defaultPptxAction = chunkPB7KVDNV_js.elementActionToPptxAction({
       trigger: "click",
       type: preset.defaultAction
     });
@@ -5335,7 +5418,7 @@ function createStructuredElementHandlers(deps) {
       defaultPptxAction.highlightClick = true;
     }
     addElement({
-      id: chunkFDR5W67L_js.generateElementId(),
+      id: chunkPB7KVDNV_js.generateElementId(),
       type: "shape",
       x: 150,
       y: 150,
@@ -5402,14 +5485,14 @@ function useInsertElements(input) {
       return;
     }
     addElement({
-      id: chunkFDR5W67L_js.generateElementId(),
+      id: chunkPB7KVDNV_js.generateElementId(),
       type: "text",
       x: 100,
       y: 100,
       width: 300,
       height: 60,
       text: "",
-      textStyle: { fontSize: chunkDOS7NY7C_js.DEFAULT_TEXT_FONT_SIZE }
+      textStyle: { fontSize: chunkSMECSYCT_js.DEFAULT_TEXT_FONT_SIZE }
     });
   };
   const handleAddShape = () => {
@@ -5417,7 +5500,7 @@ function useInsertElements(input) {
       return;
     }
     addElement({
-      id: chunkFDR5W67L_js.generateElementId(),
+      id: chunkPB7KVDNV_js.generateElementId(),
       type: "shape",
       x: 150,
       y: 150,
@@ -5436,15 +5519,15 @@ function useInsertElements(input) {
       return;
     }
     addElement({
-      ...chunkFDR5W67L_js.newTableElement(chunkDOS7NY7C_js.DEFAULT_TABLE_ROWS, chunkDOS7NY7C_js.DEFAULT_TABLE_COLUMNS, 100, 200),
-      id: chunkFDR5W67L_js.generateElementId()
+      ...chunkPB7KVDNV_js.newTableElement(chunkSMECSYCT_js.DEFAULT_TABLE_ROWS, chunkSMECSYCT_js.DEFAULT_TABLE_COLUMNS, 100, 200),
+      id: chunkPB7KVDNV_js.generateElementId()
     });
   };
-  const handleAddChart = (chartType) => {
+  const handleAddChart = (chartKind) => {
     if (!activeSlide) {
       return;
     }
-    addElement(chunkFDR5W67L_js.createDefaultChartElement(chartType));
+    addElement(chunkPB7KVDNV_js.createDefaultChartElement(chartKind));
   };
   const structured = createStructuredElementHandlers({
     activeSlide,
@@ -5514,7 +5597,7 @@ function useClipboardHandlers(input) {
     if (!selectedElement) {
       return;
     }
-    setClipboardPayload(chunkFDR5W67L_js.buildElementClipboardPayload(selectedElement, editTemplateMode));
+    setClipboardPayload(chunkPB7KVDNV_js.buildElementClipboardPayload(selectedElement, editTemplateMode));
   };
   const handleDelete = () => {
     const idsToDelete = effectiveSelectedIds;
@@ -5531,7 +5614,7 @@ function useClipboardHandlers(input) {
     handleDelete();
   };
   const insertClone = (source) => {
-    const clone = chunkFDR5W67L_js.cloneElementForPaste(source, { intoTemplate: editTemplateMode });
+    const clone = chunkPB7KVDNV_js.cloneElementForPaste(source, { intoTemplate: editTemplateMode });
     ops.updateActiveElements((els) => [...els, clone]);
     ops.applySelection(clone.id);
     history.markDirty();
@@ -5566,7 +5649,7 @@ function resolveShapePath(el) {
     return el.pathData;
   }
   if ("shapeType" in el && typeof el.shapeType === "string") {
-    const clipPath = chunkFDR5W67L_js.getPresetShapeClipPath(el.shapeType);
+    const clipPath = chunkPB7KVDNV_js.getPresetShapeClipPath(el.shapeType);
     if (clipPath) {
       const svgPath = clipPathToSvgPath(clipPath, el.width, el.height);
       if (svgPath) {
@@ -5617,7 +5700,7 @@ function clipPathToSvgPath(clipPath, width, height) {
   return parts.join(" ");
 }
 function transformPathToGlobal(pathData, el) {
-  const polys = chunkFDR5W67L_js.svgPathToPolygons(pathData);
+  const polys = chunkPB7KVDNV_js.svgPathToPolygons(pathData);
   if (polys.length === 0) {
     return pathData;
   }
@@ -5637,10 +5720,10 @@ function transformPathToGlobal(pathData, el) {
       y: pt.y * scaleY + el.y
     }))
   );
-  return chunkFDR5W67L_js.polygonsToSvgPath(transformed);
+  return chunkPB7KVDNV_js.polygonsToSvgPath(transformed);
 }
 function transformPathToLocal(pathData, x, y, _width, _height) {
-  const polys = chunkFDR5W67L_js.svgPathToPolygons(pathData);
+  const polys = chunkPB7KVDNV_js.svgPathToPolygons(pathData);
   if (polys.length === 0) {
     return pathData;
   }
@@ -5650,10 +5733,10 @@ function transformPathToLocal(pathData, x, y, _width, _height) {
       y: pt.y - y
     }))
   );
-  return chunkFDR5W67L_js.polygonsToSvgPath(transformed);
+  return chunkPB7KVDNV_js.polygonsToSvgPath(transformed);
 }
 function pathBounds(pathData) {
-  const polys = chunkFDR5W67L_js.svgPathToPolygons(pathData);
+  const polys = chunkPB7KVDNV_js.svgPathToPolygons(pathData);
   let minX = Infinity;
   let minY = Infinity;
   let maxX = -Infinity;
@@ -5712,7 +5795,7 @@ function useMergeShapesHandler(input) {
       let allFragments = [];
       let remaining = globalPaths[0];
       for (let i = 1; i < globalPaths.length; i++) {
-        const frags = chunkFDR5W67L_js.mergeShapes("fragment", remaining, globalPaths[i]);
+        const frags = chunkPB7KVDNV_js.mergeShapes("fragment", remaining, globalPaths[i]);
         if (Array.isArray(frags)) {
           allFragments = frags;
         }
@@ -5741,7 +5824,7 @@ function useMergeShapesHandler(input) {
           bounds.height
         );
         const newEl = {
-          id: chunkFDR5W67L_js.generateElementId(),
+          id: chunkPB7KVDNV_js.generateElementId(),
           type: "shape",
           x: bounds.x,
           y: bounds.y,
@@ -5779,7 +5862,7 @@ function useMergeShapesHandler(input) {
     } else {
       let resultPath = globalPaths[0];
       for (let i = 1; i < globalPaths.length; i++) {
-        const result = chunkFDR5W67L_js.mergeShapes(operation, resultPath, globalPaths[i]);
+        const result = chunkPB7KVDNV_js.mergeShapes(operation, resultPath, globalPaths[i]);
         if (typeof result === "string") {
           resultPath = result;
         }
@@ -5800,7 +5883,7 @@ function useMergeShapesHandler(input) {
       );
       const primary = targets[0];
       const newEl = {
-        id: chunkFDR5W67L_js.generateElementId(),
+        id: chunkPB7KVDNV_js.generateElementId(),
         type: "shape",
         x: bounds.x,
         y: bounds.y,
@@ -5863,7 +5946,7 @@ function useGroupAlignLayerHandlers(input) {
     if (ids.length < 2 || !activeSlide) {
       return;
     }
-    const { elements, groupId } = chunkFDR5W67L_js.groupElements(ops.activeElements, ids, chunkFDR5W67L_js.generateElementId());
+    const { elements, groupId } = chunkPB7KVDNV_js.groupElements(ops.activeElements, ids, chunkPB7KVDNV_js.generateElementId());
     if (groupId === null) {
       return;
     }
@@ -5876,12 +5959,12 @@ function useGroupAlignLayerHandlers(input) {
       return;
     }
     const group = selectedElement;
-    const intoTemplate = chunkFDR5W67L_js.isTemplateElementId(group.id);
+    const intoTemplate = chunkPB7KVDNV_js.isTemplateElementId(group.id);
     const ungrouped = group.children.map((child) => ({
       ...structuredClone(child),
       // Keep child ids in the same store as the group so later edits route
       // correctly: template groups yield template-prefixed child ids.
-      id: intoTemplate ? chunkFDR5W67L_js.makeCloneId(true, child.id || group.id) : child.id || chunkFDR5W67L_js.generateElementId(),
+      id: intoTemplate ? chunkPB7KVDNV_js.makeCloneId(true, child.id || group.id) : child.id || chunkPB7KVDNV_js.generateElementId(),
       x: child.x + group.x,
       y: child.y + group.y
     }));
@@ -5905,7 +5988,7 @@ function useGroupAlignLayerHandlers(input) {
     if (!edge) {
       return;
     }
-    const positions = chunkFDR5W67L_js.alignElements(selectedElements, edge);
+    const positions = chunkPB7KVDNV_js.alignElements(selectedElements, edge);
     for (const [id, pos] of positions) {
       const el = elementLookup.get(id);
       if (!el) {
@@ -5923,7 +6006,7 @@ function useGroupAlignLayerHandlers(input) {
     if (!distAxis) {
       return;
     }
-    const positions = chunkFDR5W67L_js.distributeElements(selectedElements, distAxis);
+    const positions = chunkPB7KVDNV_js.distributeElements(selectedElements, distAxis);
     for (const [id, pos] of positions) {
       const el = elementLookup.get(id);
       if (!el) {
@@ -5940,7 +6023,7 @@ function useGroupAlignLayerHandlers(input) {
     }
     const id = selectedElement.id;
     ops.updateActiveElements(
-      (els) => direction === "forward" ? chunkFDR5W67L_js.bringForward(els, id) : direction === "backward" ? chunkFDR5W67L_js.sendBackward(els, id) : els
+      (els) => direction === "forward" ? chunkPB7KVDNV_js.bringForward(els, id) : direction === "backward" ? chunkPB7KVDNV_js.sendBackward(els, id) : els
     );
     history.markDirty();
   };
@@ -5950,7 +6033,7 @@ function useGroupAlignLayerHandlers(input) {
     }
     const id = selectedElement.id;
     ops.updateActiveElements(
-      (els) => direction === "front" ? chunkFDR5W67L_js.bringToFront(els, id) : chunkFDR5W67L_js.sendToBack(els, id)
+      (els) => direction === "front" ? chunkPB7KVDNV_js.bringToFront(els, id) : chunkPB7KVDNV_js.sendToBack(els, id)
     );
     history.markDirty();
   };
@@ -6070,9 +6153,18 @@ function insertSlideFromLayoutUpdater(slides, activeIndex, draft) {
   return next;
 }
 function useSlideManagement(input) {
-  const { slides, activeSlideIndex, setActiveSlideIndex, ops, history, handlerRef } = input;
+  const {
+    slides,
+    activeSlideIndex,
+    setActiveSlideIndex,
+    ops,
+    history,
+    handlerRef,
+    canvasSize,
+    theme
+  } = input;
   const handleAddSlide = () => {
-    const newSlide = chunkFDR5W67L_js.createBlankSlide(slides.length + 1);
+    const newSlide = chunkPB7KVDNV_js.createBlankSlide(slides.length + 1);
     ops.updateSlides((prev) => {
       const next = [...prev];
       next.splice(activeSlideIndex + 1, 0, newSlide);
@@ -6135,7 +6227,7 @@ function useSlideManagement(input) {
         }
         const clone = {
           ...src,
-          id: chunkFDR5W67L_js.makeSlideId(),
+          id: chunkPB7KVDNV_js.makeSlideId(),
           elements: src.elements.map((el) => ({
             ...el,
             id: `${el.id}-dup-${Math.random().toString(36).slice(2, 6)}`
@@ -6167,7 +6259,7 @@ function useSlideManagement(input) {
   const handleInsertSlideFromLayout = (layoutPath, layoutName) => {
     const insertAt = activeSlideIndex + 1;
     const draft = {
-      ...chunkFDR5W67L_js.createBlankSlide(slides.length + 1),
+      ...chunkPB7KVDNV_js.createBlankSlide(slides.length + 1),
       layoutPath,
       ...layoutName ? { layoutName } : {}
     };
@@ -6198,6 +6290,16 @@ function useSlideManagement(input) {
       );
     }
   };
+  const handleInsertSlideFromTemplate = (templateId) => {
+    const insertAt = activeSlideIndex + 1;
+    const draft = chunkPB7KVDNV_js.buildSlideTemplateSlide(templateId, chunkPB7KVDNV_js.makeSlideId(), slides.length + 1, {
+      ...canvasSize ? { slideWidth: canvasSize.width, slideHeight: canvasSize.height } : {},
+      scheme: chunkPB7KVDNV_js.templateSchemeFromTheme(theme?.colorScheme)
+    });
+    ops.updateSlides((prev) => insertSlideFromLayoutUpdater(prev, activeSlideIndex, draft));
+    setActiveSlideIndex(insertAt);
+    history.markDirty();
+  };
   return {
     handleAddSlide,
     handleMoveSlide,
@@ -6205,7 +6307,8 @@ function useSlideManagement(input) {
     handleDeleteSlides,
     handleDuplicateSlides,
     handleToggleHideSlides,
-    handleInsertSlideFromLayout
+    handleInsertSlideFromLayout,
+    handleInsertSlideFromTemplate
   };
 }
 
@@ -6228,7 +6331,7 @@ function createTableMergeHandlers(input) {
     if (!nextCell || nextCell.hMerge || nextCell.vMerge) {
       return;
     }
-    const newTableData = chunkFDR5W67L_js.mergeCells(
+    const newTableData = chunkPB7KVDNV_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: rowIndex, col: nextColIdx }
@@ -6236,7 +6339,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6262,7 +6365,7 @@ function createTableMergeHandlers(input) {
     if (!targetNextCell || targetNextCell.hMerge || targetNextCell.vMerge) {
       return;
     }
-    const newTableData = chunkFDR5W67L_js.mergeCells(
+    const newTableData = chunkPB7KVDNV_js.mergeCells(
       [
         { row: rowIndex, col: columnIndex },
         { row: targetNextRowIdx, col: columnIndex }
@@ -6270,7 +6373,7 @@ function createTableMergeHandlers(input) {
       td
     );
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6285,9 +6388,9 @@ function createTableMergeHandlers(input) {
       return;
     }
     const td = selectedElement.tableData;
-    const newTableData = chunkFDR5W67L_js.mergeCells(ts.selectedCells, td);
+    const newTableData = chunkPB7KVDNV_js.mergeCells(ts.selectedCells, td);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6304,9 +6407,9 @@ function createTableMergeHandlers(input) {
     }
     const { rowIndex, columnIndex } = ts;
     const td = selectedElement.tableData;
-    const newTableData = chunkFDR5W67L_js.splitCell(rowIndex, columnIndex, td);
+    const newTableData = chunkPB7KVDNV_js.splitCell(rowIndex, columnIndex, td);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.updateMergeAttrsInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6350,7 +6453,7 @@ function createTableStructHandlers(input) {
       updates.tableData = { ...el.tableData, rows: newRows };
     }
     if (el.rawXml) {
-      const newRawXml = chunkFDR5W67L_js.updateCellTextInRawXml(el, rowIndex, colIndex, text);
+      const newRawXml = chunkPB7KVDNV_js.updateCellTextInRawXml(el, rowIndex, colIndex, text);
       if (newRawXml) {
         updates.rawXml = newRawXml;
       }
@@ -6374,7 +6477,7 @@ function createTableStructHandlers(input) {
     const { rowIndex, columnIndex: colIndex } = ts;
     const updates = {};
     if (selectedElement.rawXml) {
-      const newRawXml = chunkFDR5W67L_js.updateCellTextStyleInRawXml(
+      const newRawXml = chunkPB7KVDNV_js.updateCellTextStyleInRawXml(
         selectedElement,
         rowIndex,
         colIndex,
@@ -6438,9 +6541,9 @@ function createTableStructHandlers(input) {
       return;
     }
     const rowIdx = ts?.rowIndex ?? 0;
-    const newTableData = chunkFDR5W67L_js.insertTableRow(selectedElement.tableData, rowIdx, position);
+    const newTableData = chunkPB7KVDNV_js.insertTableRow(selectedElement.tableData, rowIdx, position);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6453,12 +6556,12 @@ function createTableStructHandlers(input) {
     }
     const td = selectedElement.tableData;
     const rowIdx = ts?.rowIndex ?? 0;
-    const newTableData = chunkFDR5W67L_js.deleteTableRow(td, rowIdx);
+    const newTableData = chunkPB7KVDNV_js.deleteTableRow(td, rowIdx);
     if (newTableData === td) {
       return;
     }
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6470,9 +6573,9 @@ function createTableStructHandlers(input) {
       return;
     }
     const colIdx = ts?.columnIndex ?? 0;
-    const newTableData = chunkFDR5W67L_js.insertTableColumn(selectedElement.tableData, colIdx, position);
+    const newTableData = chunkPB7KVDNV_js.insertTableColumn(selectedElement.tableData, colIdx, position);
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6485,12 +6588,12 @@ function createTableStructHandlers(input) {
     }
     const td = selectedElement.tableData;
     const colIdx = ts?.columnIndex ?? 0;
-    const newTableData = chunkFDR5W67L_js.deleteTableColumn(td, colIdx);
+    const newTableData = chunkPB7KVDNV_js.deleteTableColumn(td, colIdx);
     if (newTableData === td) {
       return;
     }
     const updates = { tableData: newTableData };
-    const newRawXml = chunkFDR5W67L_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
+    const newRawXml = chunkPB7KVDNV_js.rebuildTableStructureInRawXml(selectedElement, newTableData);
     if (newRawXml) {
       updates.rawXml = newRawXml;
     }
@@ -6526,8 +6629,8 @@ async function renderToCanvas(element, options = {}) {
   return html2canvasPro(element, {
     ...options,
     onclone: async (doc, clonedEl) => {
-      await chunkFDR5W67L_js.normalizeColorsForCapture(doc, clonedEl);
-      chunkFDR5W67L_js.preprocessCssForCapture(clonedEl);
+      await chunkPB7KVDNV_js.normalizeColorsForCapture(doc, clonedEl);
+      chunkPB7KVDNV_js.preprocessCssForCapture(clonedEl);
       if (typeof userOnClone === "function") {
         userOnClone(doc, clonedEl);
       }
@@ -6583,7 +6686,7 @@ async function exportSlideToPngBlob(slideElement, options = {}) {
 }
 async function exportSlideAsPng(slideElement, slideIndex, options = {}) {
   const blob = await exportSlideToPngBlob(slideElement, options);
-  chunkFDR5W67L_js.downloadBlob(blob, `slide-${slideIndex + 1}.png`);
+  chunkPB7KVDNV_js.downloadBlob(blob, `slide-${slideIndex + 1}.png`);
 }
 async function copySlideToClipboard(slideElement, options = {}) {
   const blob = await exportSlideToPngBlob(slideElement, options);
@@ -6605,15 +6708,15 @@ async function exportAllSlidesAsPdf(slideStageRef, totalSlides, setActiveSlide,
       continue;
     }
     const canvas = await renderElementToCanvas(stageEl, scale);
-    images.push(chunkFDR5W67L_js.canvasToJpegData(canvas));
+    images.push(chunkPB7KVDNV_js.canvasToJpegData(canvas));
   }
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
   if (images.length === 0) {
-    throw new Error(chunkBXAK3JFM_js.translationsEn["pptx.export.errorNoSlidesPdf"]);
+    throw new Error(chunk3ISYPBSX_js.translationsEn["pptx.export.errorNoSlidesPdf"]);
   }
-  const pdfBlobUrl = chunkDOS7NY7C_js.buildPdfFromImageData(images);
-  chunkFDR5W67L_js.downloadDataUrl(pdfBlobUrl, filename);
+  const pdfBlobUrl = chunkSMECSYCT_js.buildPdfFromImageData(images);
+  chunkPB7KVDNV_js.downloadDataUrl(pdfBlobUrl, filename);
 }
 async function captureAllSlidesAsPngDataUrls(slideStageRef, totalSlides, setActiveSlide, currentSlideIndex, options = {}) {
   const { scale = 2, onProgress } = options;
@@ -6659,10 +6762,10 @@ async function exportAllSlidesAsNotesPdf(slideStageRef, totalSlides, setActiveSl
   onProgress?.(totalSlides, totalSlides);
   setActiveSlide(currentSlideIndex);
   if (pages.length === 0) {
-    throw new Error(chunkBXAK3JFM_js.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
+    throw new Error(chunk3ISYPBSX_js.translationsEn["pptx.export.errorNoSlidesNotesPdf"]);
   }
-  const pdfDataUrl = chunkDOS7NY7C_js.buildNotesPdf(pages);
-  chunkFDR5W67L_js.downloadDataUrl(pdfDataUrl, filename);
+  const pdfDataUrl = chunkSMECSYCT_js.buildNotesPdf(pages);
+  chunkPB7KVDNV_js.downloadDataUrl(pdfDataUrl, filename);
 }
 
 // src/viewer/utils/export-video.ts
@@ -6693,7 +6796,7 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
   }
   setActiveSlide(currentSlideIndex);
   if (slideCanvases.length === 0) {
-    throw new Error(chunkBXAK3JFM_js.translationsEn["pptx.export.errorNoSlidesVideo"]);
+    throw new Error(chunk3ISYPBSX_js.translationsEn["pptx.export.errorNoSlidesVideo"]);
   }
   const firstCanvas = slideCanvases[0];
   const recordingCanvas = document.createElement("canvas");
@@ -6701,12 +6804,12 @@ async function exportAllSlidesAsVideo(slideStageRef, totalSlides, setActiveSlide
   recordingCanvas.height = firstCanvas.height;
   const ctx = recordingCanvas.getContext("2d");
   if (!ctx) {
-    throw new Error(chunkBXAK3JFM_js.translationsEn["pptx.export.errorNo2dContext"]);
+    throw new Error(chunk3ISYPBSX_js.translationsEn["pptx.export.errorNo2dContext"]);
   }
   const fps = 30;
   const stream = recordingCanvas.captureStream(fps);
   const recorder = new MediaRecorder(stream, {
-    mimeType: chunkFDR5W67L_js.pickSupportedMimeType([...chunkFDR5W67L_js.WEBM_MIME_CANDIDATES]),
+    mimeType: chunkPB7KVDNV_js.pickSupportedMimeType([...chunkPB7KVDNV_js.WEBM_MIME_CANDIDATES]),
     videoBitsPerSecond: 5e6
   });
   const chunks = [];
@@ -6729,8 +6832,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 = chunkFDR5W67L_js.fpsToFrameIntervalMs(fps);
-    const framesNeeded = chunkFDR5W67L_js.segmentFrameCount(duration, fps);
+    const frameInterval = chunkPB7KVDNV_js.fpsToFrameIntervalMs(fps);
+    const framesNeeded = chunkPB7KVDNV_js.segmentFrameCount(duration, fps);
     for (let f = 0; f < framesNeeded; f++) {
       if (signal?.aborted) {
         recorder.stop();
@@ -6777,9 +6880,9 @@ async function exportAllSlidesAsGif(slideStageRef, totalSlides, setActiveSlide,
   }
   setActiveSlide(currentSlideIndex);
   if (frames.length === 0) {
-    throw new Error(chunkBXAK3JFM_js.translationsEn["pptx.export.errorNoSlidesGif"]);
+    throw new Error(chunk3ISYPBSX_js.translationsEn["pptx.export.errorNoSlidesGif"]);
   }
-  const gifBytes = chunkFDR5W67L_js.encodeGif(frames, Math.round(slideDurationMs / 10));
+  const gifBytes = chunkPB7KVDNV_js.encodeGif(frames, Math.round(slideDurationMs / 10));
   onProgress?.(totalSlides, totalSlides);
   const buf = new ArrayBuffer(gifBytes.length);
   new Uint8Array(buf).set(gifBytes);
@@ -6833,7 +6936,7 @@ function exportAllSlidesToSvg(data, options = {}) {
       continue;
     }
     onProgress?.(processedCount, data.slides.length);
-    let svg = chunkFDR5W67L_js.SvgExporter.exportSlide(slide, data.width, data.height, svgOptions);
+    let svg = chunkPB7KVDNV_js.SvgExporter.exportSlide(slide, data.width, data.height, svgOptions);
     if (embedFonts && fontFaces?.length) {
       svg = injectFontFaces(svg, fontFaces);
     }
@@ -6864,6 +6967,8 @@ function useExportSaveAs(input) {
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
+    theme,
+    canvasSize,
     modalControls,
     password
   } = input;
@@ -6893,7 +6998,7 @@ function useExportSaveAs(input) {
       }
       setExportProgress(70);
       setExportStatusMessage("Writing README...");
-      const readme = chunkFDR5W67L_js.generatePackageReadme(pptxFilename);
+      const readme = chunkPB7KVDNV_js.generatePackageReadme(pptxFilename);
       pkgFolder.file("README.txt", readme);
       if (abortCtrl.signal.aborted) {
         throw new DOMException("Export cancelled", "AbortError");
@@ -6904,7 +7009,7 @@ function useExportSaveAs(input) {
       setExportProgress(95);
       setExportStatusMessage("Downloading...");
       const baseName = pptxFilename.replace(/\.[^.]+$/u, "");
-      chunkFDR5W67L_js.downloadBlob(zipBlob, `${baseName}-package.zip`);
+      chunkPB7KVDNV_js.downloadBlob(zipBlob, `${baseName}-package.zip`);
       setExportProgress(100);
     } catch (err) {
       if (err.name !== "AbortError") {
@@ -6927,7 +7032,7 @@ function useExportSaveAs(input) {
       const blob = new Blob([data], {
         type: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
       });
-      chunkFDR5W67L_js.downloadBlob(blob, `${baseName}.${ext}`);
+      chunkPB7KVDNV_js.downloadBlob(blob, `${baseName}.${ext}`);
     } catch (err) {
       console.error(`[PowerPointViewer] Save as .${ext} failed:`, err);
     }
@@ -6940,14 +7045,14 @@ function useExportSaveAs(input) {
       const pptxGuides = guides.map((g) => ({
         id: g.id,
         orientation: g.axis === "h" ? "horz" : "vert",
-        positionEmu: chunkFDR5W67L_js.guidePxToEmu(g.position)
+        positionEmu: chunkPB7KVDNV_js.guidePxToEmu(g.position)
       }));
       return {
         ...slide,
         guides: pptxGuides.length > 0 ? pptxGuides : void 0
       };
     });
-    const slidesToSave = chunkDOS7NY7C_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
+    const slidesToSave = chunkSMECSYCT_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
     const saveOptions = {
       headerFooter,
       presentationProperties,
@@ -6970,6 +7075,32 @@ function useExportSaveAs(input) {
     }
     return handler.save(slidesToSave, saveOptions);
   };
+  const handleExportJson = () => {
+    const sourceName = filePath ? filePath.replace(/\\/gu, "/").split("/").pop() : void 0;
+    const data = {
+      slides: chunkSMECSYCT_js.buildSaveSlides(slides, templateElementsBySlideId),
+      width: canvasSize.width,
+      height: canvasSize.height,
+      widthEmu: chunkPB7KVDNV_js.guidePxToEmu(canvasSize.width),
+      heightEmu: chunkPB7KVDNV_js.guidePxToEmu(canvasSize.height),
+      theme,
+      headerFooter,
+      presentationProperties,
+      customShows: customShows.length > 0 ? customShows : void 0,
+      sections: sections.length > 0 ? sections : void 0,
+      coreProperties: coreProperties ?? void 0,
+      appProperties: appProperties ?? void 0,
+      customProperties: customProperties.length > 0 ? customProperties : void 0,
+      tags: tagCollections.length > 0 ? tagCollections : void 0,
+      notesMaster,
+      handoutMaster
+    };
+    try {
+      chunkPB7KVDNV_js.exportDeckJson(data, sourceName);
+    } catch (err) {
+      console.error("[PowerPointViewer] JSON export failed:", err);
+    }
+  };
   const handleSaveAsPptx = () => {
     void handleSaveAsFormat("pptx");
   };
@@ -6980,6 +7111,7 @@ function useExportSaveAs(input) {
     void handleSaveAsFormat("pptm");
   };
   return {
+    handleExportJson,
     handlePackageForSharing,
     handleSaveAsFormat,
     handleSaveAsPptx,
@@ -7004,7 +7136,7 @@ function safeConfirm(message) {
   }
 }
 function downloadBlob2(blob, filename) {
-  chunkFDR5W67L_js.downloadBlob(blob, chunkFDR5W67L_js.sanitizeDownloadFilename(filename));
+  chunkPB7KVDNV_js.downloadBlob(blob, chunkPB7KVDNV_js.sanitizeDownloadFilename(filename));
 }
 
 // src/viewer/hooks/useExportHandlers.ts
@@ -7031,6 +7163,8 @@ function useExportHandlers(input) {
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
+    theme,
+    canvasSize,
     password
   } = input;
   const [exportModalOpen, setExportModalOpen] = react.useState(false);
@@ -7046,6 +7180,7 @@ function useExportHandlers(input) {
     exportAbortRef
   };
   const {
+    handleExportJson,
     handlePackageForSharing,
     handleSaveAsFormat,
     handleSaveAsPptx,
@@ -7069,6 +7204,8 @@ function useExportHandlers(input) {
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
+    theme,
+    canvasSize,
     modalControls,
     password
   });
@@ -7105,21 +7242,21 @@ function useExportHandlers(input) {
         {
           scale: 2,
           onProgress: (current, total) => {
-            setExportProgress(chunkFDR5W67L_js.slideProgressPercent(current, total));
-            setExportStatusMessage(chunkFDR5W67L_js.slideStatusLabel("Rendering", current, total));
+            setExportProgress(chunkPB7KVDNV_js.slideProgressPercent(current, total));
+            setExportStatusMessage(chunkPB7KVDNV_js.slideStatusLabel("Rendering", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFDR5W67L_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Building PDF...");
       await new Promise((r) => {
         setTimeout(r, 100);
       });
-      setExportProgress(chunkFDR5W67L_js.EXPORT_DONE_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_DONE_PERCENT);
       setExportStatusMessage("Done!");
     } catch (err) {
-      if (!chunkFDR5W67L_js.isExportAbortError(err)) {
+      if (!chunkPB7KVDNV_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] PDF export failed:", err);
       }
     } finally {
@@ -7149,21 +7286,21 @@ function useExportHandlers(input) {
         {
           scale: 2,
           onProgress: (current, total) => {
-            setExportProgress(chunkFDR5W67L_js.slideProgressPercent(current, total));
-            setExportStatusMessage(chunkFDR5W67L_js.slideStatusLabel("Rendering", current, total));
+            setExportProgress(chunkPB7KVDNV_js.slideProgressPercent(current, total));
+            setExportStatusMessage(chunkPB7KVDNV_js.slideStatusLabel("Rendering", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFDR5W67L_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Building PDF...");
       await new Promise((r) => {
         setTimeout(r, 100);
       });
-      setExportProgress(chunkFDR5W67L_js.EXPORT_DONE_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_DONE_PERCENT);
       setExportStatusMessage("Done!");
     } catch (err) {
-      if (!chunkFDR5W67L_js.isExportAbortError(err)) {
+      if (!chunkPB7KVDNV_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] Notes PDF export failed:", err);
       }
     } finally {
@@ -7204,22 +7341,22 @@ function useExportHandlers(input) {
           scale: 1,
           slideDurationMs: 3e3,
           onProgress: (current, total) => {
-            setExportProgress(chunkFDR5W67L_js.slideProgressPercent(current, total, 45));
-            setExportStatusMessage(chunkFDR5W67L_js.slideStatusLabel("Capturing", current, total));
+            setExportProgress(chunkPB7KVDNV_js.slideProgressPercent(current, total, 45));
+            setExportStatusMessage(chunkPB7KVDNV_js.slideStatusLabel("Capturing", current, total));
           },
           onRecordProgress: (current, total) => {
-            setExportProgress(chunkFDR5W67L_js.recordProgressPercent(current, total));
-            setExportStatusMessage(chunkFDR5W67L_js.slideStatusLabel("Recording", current, total));
+            setExportProgress(chunkPB7KVDNV_js.recordProgressPercent(current, total));
+            setExportStatusMessage(chunkPB7KVDNV_js.slideStatusLabel("Recording", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFDR5W67L_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Saving file...");
       downloadBlob2(blob, "presentation.webm");
-      setExportProgress(chunkFDR5W67L_js.EXPORT_DONE_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_DONE_PERCENT);
     } catch (err) {
-      if (!chunkFDR5W67L_js.isExportAbortError(err)) {
+      if (!chunkPB7KVDNV_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] Video export failed:", err);
       }
     } finally {
@@ -7247,18 +7384,18 @@ function useExportHandlers(input) {
           scale: 0.5,
           slideDurationMs: 2e3,
           onProgress: (current, total) => {
-            setExportProgress(chunkFDR5W67L_js.slideProgressPercent(current, total));
-            setExportStatusMessage(chunkFDR5W67L_js.slideStatusLabel("Encoding", current, total));
+            setExportProgress(chunkPB7KVDNV_js.slideProgressPercent(current, total));
+            setExportStatusMessage(chunkPB7KVDNV_js.slideStatusLabel("Encoding", current, total));
           },
           signal: abortCtrl.signal
         }
       );
-      setExportProgress(chunkFDR5W67L_js.EXPORT_ASSEMBLING_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_ASSEMBLING_PERCENT);
       setExportStatusMessage("Saving file...");
       downloadBlob2(blob, "presentation.gif");
-      setExportProgress(chunkFDR5W67L_js.EXPORT_DONE_PERCENT);
+      setExportProgress(chunkPB7KVDNV_js.EXPORT_DONE_PERCENT);
     } catch (err) {
-      if (!chunkFDR5W67L_js.isExportAbortError(err)) {
+      if (!chunkPB7KVDNV_js.isExportAbortError(err)) {
         console.error("[PowerPointViewer] GIF export failed:", err);
       }
     } finally {
@@ -7279,6 +7416,7 @@ function useExportHandlers(input) {
     handleCopySlideAsImage,
     handleExportVideo,
     handleExportGif,
+    handleExportJson,
     handlePackageForSharing,
     handleSaveAsFormat,
     handleSaveAsPptx,
@@ -7298,7 +7436,7 @@ function openPrintWindow(title, bodyHtml, orientation, colorFilter, frameSlides)
   }
   printWindow.document.open();
   printWindow.document.write(
-    chunkFDR5W67L_js.buildPrintHtmlDocument({ title, bodyHtml, orientation, colorFilter, frameSlides })
+    chunkPB7KVDNV_js.buildPrintHtmlDocument({ title, bodyHtml, orientation, colorFilter, frameSlides })
   );
   printWindow.document.close();
   printWindow.focus();
@@ -7359,7 +7497,7 @@ function usePrintHandlers(input) {
       if (svgs.length === 0) {
         return;
       }
-      const printDoc = chunkFDR5W67L_js.buildPrintDocument(svgs, pptxData.width, pptxData.height, {
+      const printDoc = chunkPB7KVDNV_js.buildPrintDocument(svgs, pptxData.width, pptxData.height, {
         title: "Slides (Vector)",
         orientation: settings.orientation,
         colorFilter
@@ -7395,7 +7533,7 @@ function usePrintHandlers(input) {
     if (settings.printWhat === "outline") {
       openPrintWindow(
         "Outline",
-        `<div class="outline-page">${chunkFDR5W67L_js.buildOutlineHtml(slideIndices, slides)}</div>`,
+        `<div class="outline-page">${chunkPB7KVDNV_js.buildOutlineHtml(slideIndices, slides)}</div>`,
         settings.orientation,
         colorFilter,
         settings.frameSlides
@@ -7420,7 +7558,7 @@ function usePrintHandlers(input) {
       if (settings.printWhat === "slides") {
         openPrintWindow(
           "Slides",
-          chunkFDR5W67L_js.buildSlidesHtml(slideImages, slideIndices),
+          chunkPB7KVDNV_js.buildSlidesHtml(slideImages, slideIndices),
           settings.orientation,
           colorFilter,
           settings.frameSlides
@@ -7430,7 +7568,7 @@ function usePrintHandlers(input) {
       if (settings.printWhat === "notes") {
         openPrintWindow(
           "Notes Pages",
-          chunkFDR5W67L_js.buildNotesHtml(slideImages, slideIndices, slides),
+          chunkPB7KVDNV_js.buildNotesHtml(slideImages, slideIndices, slides),
           "portrait",
           colorFilter,
           settings.frameSlides
@@ -7441,7 +7579,7 @@ function usePrintHandlers(input) {
         const spp = settings.slidesPerPage;
         openPrintWindow(
           `Handout ${spp} per page`,
-          chunkFDR5W67L_js.buildHandoutsHtml(slideImages, slideIndices, spp),
+          chunkPB7KVDNV_js.buildHandoutsHtml(slideImages, slideIndices, spp),
           "portrait",
           colorFilter,
           settings.frameSlides
@@ -7505,8 +7643,8 @@ function useThemeHandlers(input) {
       return;
     }
     await handler.updateThemeColorScheme(colorScheme);
-    const previousMap = theme?.colorScheme ? chunkFDR5W67L_js.buildThemeColorMap(theme.colorScheme) : {};
-    setSlides((prev) => chunkFDR5W67L_js.reResolveSlideColors(prev, previousMap, colorScheme));
+    const previousMap = theme?.colorScheme ? chunkPB7KVDNV_js.buildThemeColorMap(theme.colorScheme) : {};
+    setSlides((prev) => chunkPB7KVDNV_js.reResolveSlideColors(prev, previousMap, colorScheme));
     setTheme((prev) => prev ? { ...prev, colorScheme } : { colorScheme });
     bumpHistory();
     history.markDirty();
@@ -7611,7 +7749,7 @@ function useThemeSwitching(input) {
       }
       try {
         await handler.applyTheme(preset.colorScheme, preset.fontScheme, preset.name);
-        const newData = chunkFDR5W67L_js.applyThemeToData(data, preset.colorScheme, preset.fontScheme, preset.name);
+        const newData = chunkPB7KVDNV_js.applyThemeToData(data, preset.colorScheme, preset.fontScheme, preset.name);
         onDataChange(newData);
         onThemeChanged?.(preset);
       } catch (error) {
@@ -7628,7 +7766,7 @@ function useThemeSwitching(input) {
       }
       try {
         await handler.applyTheme(colorScheme, fontScheme ?? {}, themeName);
-        const newData = chunkFDR5W67L_js.applyThemeToData(data, colorScheme, fontScheme, themeName);
+        const newData = chunkPB7KVDNV_js.applyThemeToData(data, colorScheme, fontScheme, themeName);
         onDataChange(newData);
       } catch (error) {
         console.error("Failed to switch to custom theme:", error);
@@ -7640,12 +7778,12 @@ function useThemeSwitching(input) {
     if (!data?.theme?.colorScheme) {
       return void 0;
     }
-    return chunkFDR5W67L_js.THEME_PRESETS.find(
-      (p) => chunkFDR5W67L_js.themeColorSchemesEqual(data.theme?.colorScheme, p.colorScheme)
+    return chunkPB7KVDNV_js.THEME_PRESETS.find(
+      (p) => chunkPB7KVDNV_js.themeColorSchemesEqual(data.theme?.colorScheme, p.colorScheme)
     );
   }, [data?.theme?.colorScheme]);
   return {
-    presets: chunkFDR5W67L_js.THEME_PRESETS,
+    presets: chunkPB7KVDNV_js.THEME_PRESETS,
     switchToPreset,
     switchToCustom,
     currentPreset
@@ -7720,7 +7858,7 @@ function usePropertyHandlers(input) {
       }
       try {
         const ab = await file.arrayBuffer();
-        const h = new chunkFDR5W67L_js.PptxHandler();
+        const h = new chunkPB7KVDNV_js.PptxHandler();
         const other = await h.load(ab);
         if (!other) {
           return;
@@ -7730,7 +7868,7 @@ function usePropertyHandlers(input) {
           width: canvasSize.width,
           height: canvasSize.height
         };
-        setCompareResult(chunkFDR5W67L_js.comparePresentation(cur, other));
+        setCompareResult(chunkPB7KVDNV_js.comparePresentation(cur, other));
         setIsComparePanelOpen(true);
       } catch (err) {
         console.warn("Compare failed:", err);
@@ -7747,7 +7885,7 @@ function usePropertyHandlers(input) {
       if (!diff || diff.status === "unchanged") {
         return;
       }
-      setSlides((prev) => chunkFDR5W67L_js.applyAcceptSlide(prev, diff));
+      setSlides((prev) => chunkPB7KVDNV_js.applyAcceptSlide(prev, diff));
       setIsDirty(true);
     },
     [compareResult, setSlides, setIsDirty]
@@ -7758,10 +7896,10 @@ function usePropertyHandlers(input) {
     if (!compareResult) {
       return;
     }
-    setSlides((prev) => chunkFDR5W67L_js.applyAcceptAllSlides(prev, compareResult));
+    setSlides((prev) => chunkPB7KVDNV_js.applyAcceptAllSlides(prev, compareResult));
     setIsDirty(true);
   }, [compareResult, setSlides, setIsDirty]);
-  const usedFontFamilies = react.useMemo(() => chunkFDR5W67L_js.collectUsedFonts(slides), [slides]);
+  const usedFontFamilies = react.useMemo(() => chunkPB7KVDNV_js.collectUsedFonts(slides), [slides]);
   return {
     handleUpdateNotes,
     handleUpdateSlide,
@@ -7880,7 +8018,7 @@ function useIsMobile(input) {
   const containerRef = input?.containerRef;
   const isTouchDevice = react.useSyncExternalStore(
     subscribeTouchCapability,
-    chunkFDR5W67L_js.detectTouchDevice,
+    chunkPB7KVDNV_js.detectTouchDevice,
     () => false
     // server snapshot
   );
@@ -7896,7 +8034,7 @@ function useIsMobile(input) {
     }
     return containerRef?.current?.clientHeight ?? window.innerHeight;
   });
-  const [orientation, setOrientation] = react.useState(chunkFDR5W67L_js.detectOrientation);
+  const [orientation, setOrientation] = react.useState(chunkPB7KVDNV_js.detectOrientation);
   const [isVirtualKeyboardOpen, setIsVirtualKeyboardOpen] = react.useState(false);
   const [initialViewportHeight] = react.useState(
     () => typeof window !== "undefined" ? window.innerHeight : 800
@@ -7940,7 +8078,7 @@ function useIsMobile(input) {
       return;
     }
     const handleOrientationChange = () => {
-      setOrientation(chunkFDR5W67L_js.detectOrientation());
+      setOrientation(chunkPB7KVDNV_js.detectOrientation());
     };
     if (screen.orientation) {
       screen.orientation.addEventListener("change", handleOrientationChange);
@@ -7970,9 +8108,9 @@ function useIsMobile(input) {
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, [isTouchDevice, initialViewportHeight]);
-  const isMobile = chunkFDR5W67L_js.isMobileViewport(containerWidth, containerHeight, isTouchDevice);
-  const isTablet = !isMobile && containerWidth >= chunkFDR5W67L_js.MOBILE_BREAKPOINT && containerWidth < chunkFDR5W67L_js.TABLET_BREAKPOINT;
-  const isDesktop = !isMobile && containerWidth >= chunkFDR5W67L_js.TABLET_BREAKPOINT;
+  const isMobile = chunkPB7KVDNV_js.isMobileViewport(containerWidth, containerHeight, isTouchDevice);
+  const isTablet = !isMobile && containerWidth >= chunkPB7KVDNV_js.MOBILE_BREAKPOINT && containerWidth < chunkPB7KVDNV_js.TABLET_BREAKPOINT;
+  const isDesktop = !isMobile && containerWidth >= chunkPB7KVDNV_js.TABLET_BREAKPOINT;
   return {
     isMobile,
     isTablet,
@@ -8033,11 +8171,11 @@ function useViewerDialogs(input) {
   );
   const [embedFontsEnabled, setEmbedFontsEnabled] = react.useState(false);
   const [isNarrowViewport, setIsNarrowViewport] = react.useState(
-    () => typeof window !== "undefined" ? chunkFDR5W67L_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch()) : false
+    () => typeof window !== "undefined" ? chunkPB7KVDNV_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch()) : false
   );
   react.useEffect(() => {
     const handleWindow = () => setIsNarrowViewport(
-      chunkFDR5W67L_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch())
+      chunkPB7KVDNV_js.isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch())
     );
     let observer = null;
     let raf = 0;
@@ -8051,12 +8189,12 @@ function useViewerDialogs(input) {
         const entry = entries[0];
         if (entry) {
           setIsNarrowViewport(
-            chunkFDR5W67L_js.isMobileViewport(entry.contentRect.width, entry.contentRect.height, viewportIsTouch())
+            chunkPB7KVDNV_js.isMobileViewport(entry.contentRect.width, entry.contentRect.height, viewportIsTouch())
           );
         }
       });
       observer.observe(el);
-      setIsNarrowViewport(chunkFDR5W67L_js.isMobileViewport(el.clientWidth, el.clientHeight, viewportIsTouch()));
+      setIsNarrowViewport(chunkPB7KVDNV_js.isMobileViewport(el.clientWidth, el.clientHeight, viewportIsTouch()));
     };
     attach();
     window.addEventListener("resize", handleWindow);
@@ -8214,20 +8352,20 @@ function useViewerDialogs(input) {
 }
 function computeGridSpacingPx(presentationGridSpacing) {
   if (presentationGridSpacing) {
-    const px = Math.round(presentationGridSpacing.cx / chunkDOS7NY7C_js.EMU_PER_PX);
+    const px = Math.round(presentationGridSpacing.cx / chunkSMECSYCT_js.EMU_PER_PX);
     if (px > 0) {
       return px;
     }
   }
-  return chunkDOS7NY7C_js.GRID_SIZE;
+  return chunkSMECSYCT_js.GRID_SIZE;
 }
 function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows) {
   const activeShow = activeCustomShowId ? customShows.find((show) => show.id === activeCustomShowId) : void 0;
-  return chunkFDR5W67L_js.resolveShowSlideIndexes(slides, activeShow);
+  return chunkPB7KVDNV_js.resolveShowSlideIndexes(slides, activeShow);
 }
 function computeSlideSectionGroups(slides, sections) {
-  return chunkFDR5W67L_js.groupSlidesBySection(sections, slides).map((group) => ({
-    id: group.section?.id ?? (sections.length > 0 ? chunkDOS7NY7C_js.UNGROUPED_SECTION_ID : "default"),
+  return chunkPB7KVDNV_js.groupSlidesBySection(sections, slides).map((group) => ({
+    id: group.section?.id ?? (sections.length > 0 ? chunkSMECSYCT_js.UNGROUPED_SECTION_ID : "default"),
     label: group.section?.name ?? (sections.length > 0 ? "Ungrouped Slides" : "Slides"),
     slideIndexes: group.slideIndexes,
     ...group.section?.color !== void 0 ? { color: group.section.color } : {},
@@ -8282,7 +8420,7 @@ function useDerivedSlideState(input) {
   );
   const slideSectionGroups = react.useMemo(
     () => computeSlideSectionGroups(slides, sections).map((group) => {
-      if (group.id === chunkDOS7NY7C_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
+      if (group.id === chunkSMECSYCT_js.UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
         return { ...group, label: t("pptx.slides.ungroupedSlides") };
       }
       if (group.id === "default" && group.label === "Slides") {
@@ -8385,13 +8523,13 @@ function useAnnotationHandlers(input) {
   }, [annotations, setMode, setSlides, history]);
   const handleSetMode = react.useCallback(
     (nextMode) => {
-      if (mode === "present" && nextMode !== "present" && !chunkFDR5W67L_js.mayLeaveSlideShow()) {
+      if (mode === "present" && nextMode !== "present" && !chunkPB7KVDNV_js.mayLeaveSlideShow()) {
         return;
       }
       if (nextMode === "present") {
         presentation.enterPresentMode();
       } else if (mode === "present" && annotations.hasAnyAnnotations) {
-        chunkFDR5W67L_js.stopAllPersistentAudio();
+        chunkPB7KVDNV_js.stopAllPersistentAudio();
         pendingModeAfterAnnotationsRef.current = nextMode;
         if (promptKeepInkAnnotations) {
           setShowKeepAnnotationsDialog(true);
@@ -8400,7 +8538,7 @@ function useAnnotationHandlers(input) {
         }
       } else {
         if (mode === "present") {
-          chunkFDR5W67L_js.stopAllPersistentAudio();
+          chunkPB7KVDNV_js.stopAllPersistentAudio();
         }
         setMode(nextMode);
       }
@@ -8466,13 +8604,13 @@ function useSerialize(input) {
       let processedSlide = slide;
       if (pendingEditId) {
         const updatedElements = slide.elements.map((el) => {
-          if (el.id !== pendingEditId || !chunkFDR5W67L_js.hasTextProperties(el)) {
+          if (el.id !== pendingEditId || !chunkPB7KVDNV_js.hasTextProperties(el)) {
             return el;
           }
           return {
             ...el,
             text: pendingEditText,
-            textSegments: chunkFDR5W67L_js.remapTextToSegments(pendingEditText, el.textSegments, el.textStyle)
+            textSegments: chunkPB7KVDNV_js.remapTextToSegments(pendingEditText, el.textSegments, el.textStyle)
           };
         });
         if (updatedElements.some((el, i) => el !== slide.elements[i])) {
@@ -8485,14 +8623,14 @@ function useSerialize(input) {
       const pptxGuides = guides.map((g) => ({
         id: g.id,
         orientation: g.axis === "h" ? "horz" : "vert",
-        positionEmu: chunkFDR5W67L_js.guidePxToEmu(g.position)
+        positionEmu: chunkPB7KVDNV_js.guidePxToEmu(g.position)
       }));
       return {
         ...processedSlide,
         guides: pptxGuides.length > 0 ? pptxGuides : void 0
       };
     });
-    const slidesToSave = chunkDOS7NY7C_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
+    const slidesToSave = chunkSMECSYCT_js.buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
     const saveOptions = {
       headerFooter,
       presentationProperties,
@@ -8661,7 +8799,7 @@ function usePresentationSetup(input) {
     containerRef,
     content,
     onSetMode: (nextMode) => {
-      if (mode === "present" && nextMode !== "present" && !chunkFDR5W67L_js.mayLeaveSlideShow()) {
+      if (mode === "present" && nextMode !== "present" && !chunkPB7KVDNV_js.mayLeaveSlideShow()) {
         return;
       }
       if (mode === "present" && nextMode !== "present" && annotations.hasAnyAnnotations && promptKeepInkAnnotations) {
@@ -8669,7 +8807,7 @@ function usePresentationSetup(input) {
         setShowKeepAnnotationsDialog(true);
       } else {
         if (mode === "present" && nextMode !== "present") {
-          chunkFDR5W67L_js.stopAllPersistentAudio();
+          chunkPB7KVDNV_js.stopAllPersistentAudio();
           stopAnimationSound();
         }
         setMode(nextMode);
@@ -8723,10 +8861,10 @@ function usePresentationSetup(input) {
     onToggleInkMarkup: () => annotations.setInkMarkupVisible(!annotations.inkMarkupVisible),
     onToggleToolbar: () => annotations.setToolbarVisible(!annotations.toolbarVisible),
     onSaveRehearsalTimings: (timings) => {
-      setSlides((prev) => chunkFDR5W67L_js.applyRehearsalTimings(prev, timings));
+      setSlides((prev) => chunkPB7KVDNV_js.applyRehearsalTimings(prev, timings));
       history.markDirty();
     },
-    loopContinuously: chunkFDR5W67L_js.shouldLoopContinuously(presentationProperties),
+    loopContinuously: chunkPB7KVDNV_js.shouldLoopContinuously(presentationProperties),
     showWithAnimation: presentationProperties.showWithAnimation,
     useTimings: presentationProperties.advanceMode !== "manual",
     endWithBlackSlide
@@ -8856,7 +8994,9 @@ function useEditorOperations(input) {
     setActiveSlideIndex: state.setActiveSlideIndex,
     ops,
     history,
-    handlerRef
+    handlerRef,
+    canvasSize,
+    theme: state.theme
   });
   const tableOps = useTableOperations({
     selectedElement,
@@ -8888,7 +9028,7 @@ function useEditorOperations(input) {
   const { formatPainterActive, setFormatPainterActive, elementLookup } = state;
   react.useEffect(() => {
     if (formatPainterActive && !prevFormatPainterRef.current && selectedElement) {
-      copiedFormatRef.current = chunkFDR5W67L_js.copyFormatFromElement(selectedElement);
+      copiedFormatRef.current = chunkPB7KVDNV_js.copyFormatFromElement(selectedElement);
     } else if (!formatPainterActive) {
       copiedFormatRef.current = null;
     }
@@ -8914,12 +9054,12 @@ function useEditorOperations(input) {
           e.stopPropagation();
           const element = elementLookup.get(elementId);
           if (element) {
-            const updated = chunkFDR5W67L_js.applyFormatToElement(element, copiedFormatRef.current);
+            const updated = chunkPB7KVDNV_js.applyFormatToElement(element, copiedFormatRef.current);
             const updates = {};
-            if (chunkFDR5W67L_js.hasShapeProperties(updated)) {
+            if (chunkPB7KVDNV_js.hasShapeProperties(updated)) {
               updates.shapeStyle = updated.shapeStyle;
             }
-            if (chunkFDR5W67L_js.hasTextProperties(updated)) {
+            if (chunkPB7KVDNV_js.hasTextProperties(updated)) {
               updates.textStyle = updated.textStyle;
             }
             ops.updateElementById(elementId, updates);
@@ -8993,6 +9133,8 @@ function useIOHandlers(input) {
     handoutMaster: state.handoutMaster,
     guides: state.guides,
     activeSlideIndexForGuides: state.activeSlideIndex,
+    theme: state.theme,
+    canvasSize,
     password
   });
   const printHandlers = usePrintHandlers({
@@ -9066,7 +9208,7 @@ function collectReferencedFontFamilies(slides) {
   const families = /* @__PURE__ */ new Set();
   for (const slide of slides) {
     for (const el of slide.elements) {
-      if (chunkFDR5W67L_js.hasTextProperties(el) && el.textSegments) {
+      if (chunkPB7KVDNV_js.hasTextProperties(el) && el.textSegments) {
         for (const seg of el.textSegments) {
           if (seg.style.fontFamily) {
             families.add(seg.style.fontFamily);
@@ -9278,13 +9420,13 @@ function useKeyboardShortcuts(input) {
   inputRef.current = input;
   const handleKeyDown = react.useCallback((e) => {
     const current = inputRef.current;
-    const { action, dx, dy } = chunkFDR5W67L_js.mapEditorKey(e, {
+    const { action, dx, dy } = chunkPB7KVDNV_js.mapEditorKey(e, {
       canEdit: current.canEdit,
       isPresenting: current.mode !== "edit",
       hasSelection: current.hasSelection,
       isEditingText: Boolean(current.inlineEditingElementId || current.tableEditorState?.isEditing),
       isDrawing: current.activeTool !== "select",
-      isTextInputTarget: chunkFDR5W67L_js.isEditorTextInputTarget(e.target)
+      isTextInputTarget: chunkPB7KVDNV_js.isEditorTextInputTarget(e.target)
     });
     if (action === null) {
       return;
@@ -9577,7 +9719,7 @@ function useViewerIntegration(input) {
         return zoom.scale;
       },
       setZoom(level) {
-        zoom.setScale(chunkFDR5W67L_js.clampZoomScale(level));
+        zoom.setScale(chunkPB7KVDNV_js.clampZoomScale(level));
       },
       zoomIn() {
         zoom.handleZoomIn();
@@ -9792,7 +9934,7 @@ function useReducedMotion() {
 }
 function useViewerOptions() {
   const storeRef = react.useRef(null);
-  storeRef.current ??= chunkFDR5W67L_js.createViewerOptionsStore();
+  storeRef.current ??= chunkPB7KVDNV_js.createViewerOptionsStore();
   const store = storeRef.current;
   const options = react.useSyncExternalStore(
     (onStoreChange) => store.subscribe(onStoreChange),
@@ -9801,9 +9943,9 @@ function useViewerOptions() {
   );
   return { optionsStore: store, options };
 }
-var KNOWN_TAB_IDS = new Set(chunkFDR5W67L_js.TOOLBAR_TABS.map((tab) => tab.id));
+var KNOWN_TAB_IDS = new Set(chunkPB7KVDNV_js.TOOLBAR_TABS.map((tab) => tab.id));
 function computeToolbarVisibility(hiddenActions) {
-  const isHidden = (id) => chunkFDR5W67L_js.isActionHidden(id, hiddenActions);
+  const isHidden = (id) => chunkPB7KVDNV_js.isActionHidden(id, hiddenActions);
   const isTabVisible = (id) => !KNOWN_TAB_IDS.has(id) || !isHidden(id);
   return { isHidden, isTabVisible };
 }
@@ -9888,12 +10030,12 @@ function useYjsDocumentSync({
         return;
       }
       try {
-        const handler = new chunkFDR5W67L_js.PptxHandler();
+        const handler = new chunkPB7KVDNV_js.PptxHandler();
         await handler.load(sourceBytes.buffer);
-        const currentSlides = chunkFDR5W67L_js.readSlidesFromYDoc(
+        const currentSlides = chunkPB7KVDNV_js.readSlidesFromYDoc(
           doc
         );
-        const slidesToSave = chunkDOS7NY7C_js.buildSaveSlides(currentSlides, templateElementsBySlideId);
+        const slidesToSave = chunkSMECSYCT_js.buildSaveSlides(currentSlides, templateElementsBySlideId);
         const bytes = await handler.save(slidesToSave);
         config.onWriteBack(bytes);
       } catch {
@@ -9908,7 +10050,7 @@ function useYjsDocumentSync({
     if (!doc || !isConnected) {
       return;
     }
-    const docSlides = chunkFDR5W67L_js.readSlidesFromYDoc(
+    const docSlides = chunkPB7KVDNV_js.readSlidesFromYDoc(
       doc
     );
     if (docSlides.length === 0) {
@@ -9930,11 +10072,11 @@ function useYjsDocumentSync({
     lastSyncedRef.current = serialized;
     void (async () => {
       const factories = await getFactories();
-      chunkFDR5W67L_js.reconcileSlidesInYDoc(
+      chunkPB7KVDNV_js.reconcileSlidesInYDoc(
         slides,
         doc,
         factories,
-        chunkFDR5W67L_js.LOCAL_SYNC_ORIGIN
+        chunkPB7KVDNV_js.LOCAL_SYNC_ORIGIN
       );
       scheduleWriteBack();
     })();
@@ -9948,10 +10090,10 @@ function useYjsDocumentSync({
       return;
     }
     const handleChange = (_events, transaction) => {
-      if (transaction?.origin === chunkFDR5W67L_js.LOCAL_SYNC_ORIGIN) {
+      if (transaction?.origin === chunkPB7KVDNV_js.LOCAL_SYNC_ORIGIN) {
         return;
       }
-      const remoteSlides = chunkFDR5W67L_js.readSlidesFromYDoc(
+      const remoteSlides = chunkPB7KVDNV_js.readSlidesFromYDoc(
         doc
       );
       if (remoteSlides.length === 0) {
@@ -9967,7 +10109,7 @@ function useYjsDocumentSync({
       isApplyingRemoteRef.current = false;
       scheduleWriteBack();
     };
-    const unobserve = chunkFDR5W67L_js.observeYDocSlides(
+    const unobserve = chunkPB7KVDNV_js.observeYDocSlides(
       doc,
       handleChange
     );
@@ -10005,7 +10147,7 @@ function useBroadcastFollower({
     if (!broadcaster) {
       return;
     }
-    if (!chunkFDR5W67L_js.shouldAutoFollowBroadcaster({
+    if (!chunkPB7KVDNV_js.shouldAutoFollowBroadcaster({
       localRole: collab.config.role,
       broadcasterRole: broadcaster.role
     })) {
@@ -10165,10 +10307,10 @@ function useTouchGestures(input) {
     if (!el || !enabled) {
       return;
     }
-    const recognizer = chunkFDR5W67L_js.createTouchGestureRecognizer({
+    const recognizer = chunkPB7KVDNV_js.createTouchGestureRecognizer({
       getScale: () => scaleRef.current,
-      minScale: chunkFDR5W67L_js.MIN_ZOOM_SCALE,
-      maxScale: chunkFDR5W67L_js.MAX_ZOOM_SCALE,
+      minScale: chunkPB7KVDNV_js.MIN_ZOOM_SCALE,
+      maxScale: chunkPB7KVDNV_js.MAX_ZOOM_SCALE,
       callbacks: {
         onPinchZoom: (newScale) => callbacksRef.current.onPinchZoom?.(newScale),
         onSwipe: (direction) => callbacksRef.current.onSwipe?.(direction),
@@ -10208,7 +10350,7 @@ function scrollFocusedIntoView(keyboardInset) {
     return;
   }
   const rect = active.getBoundingClientRect();
-  const delta = chunkFDR5W67L_js.computeScrollDelta(
+  const delta = chunkPB7KVDNV_js.computeScrollDelta(
     { top: rect.top, bottom: rect.bottom },
     window.innerHeight,
     keyboardInset
@@ -10228,8 +10370,8 @@ function useKeyboardInsets(enabled = true) {
       return;
     }
     const update = () => {
-      const metrics = chunkFDR5W67L_js.readViewportMetrics(window);
-      const inset = metrics ? chunkFDR5W67L_js.computeKeyboardInset(metrics) : 0;
+      const metrics = chunkPB7KVDNV_js.readViewportMetrics(window);
+      const inset = metrics ? chunkPB7KVDNV_js.computeKeyboardInset(metrics) : 0;
       setKeyboardInset(inset);
       if (inset > 0) {
         window.requestAnimationFrame(() => scrollFocusedIntoView(inset));
@@ -10240,8 +10382,8 @@ function useKeyboardInsets(enabled = true) {
     vv.addEventListener("scroll", update);
     const onFocusIn = () => {
       window.requestAnimationFrame(() => {
-        const metrics = chunkFDR5W67L_js.readViewportMetrics(window);
-        const inset = metrics ? chunkFDR5W67L_js.computeKeyboardInset(metrics) : 0;
+        const metrics = chunkPB7KVDNV_js.readViewportMetrics(window);
+        const inset = metrics ? chunkPB7KVDNV_js.computeKeyboardInset(metrics) : 0;
         if (inset > 0) {
           scrollFocusedIntoView(inset);
         }
@@ -10254,7 +10396,7 @@ function useKeyboardInsets(enabled = true) {
       document.removeEventListener("focusin", onFocusIn);
     };
   }, [enabled]);
-  return { keyboardInset, isKeyboardOpen: chunkFDR5W67L_js.isKeyboardOpen(keyboardInset) };
+  return { keyboardInset, isKeyboardOpen: chunkPB7KVDNV_js.isKeyboardOpen(keyboardInset) };
 }
 
 // src/viewer/hooks/useViewerBuildingBlocks-canvas-props.ts
@@ -10281,7 +10423,7 @@ function buildCanvasProps(input) {
   } = input;
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const effectiveTemplateElements = mode === "master" ? s.activeLayout ? s.activeMaster?.elements ?? [] : [] : templateElements;
-  const fieldContext = chunkFDR5W67L_js.buildFieldSubstitutionContext({
+  const fieldContext = chunkPB7KVDNV_js.buildFieldSubstitutionContext({
     headerFooter: s.headerFooter,
     customProperties: s.customProperties,
     slide: activeSlide
@@ -10291,13 +10433,13 @@ function buildCanvasProps(input) {
     if (mode === "present") {
       presentation.handlePresentationAction(action);
     } else if (action.url) {
-      chunkFDR5W67L_js.safeOpenUrl(action.url);
+      chunkPB7KVDNV_js.safeOpenUrl(action.url);
     }
   };
   const handleHyperlinkClick = (url) => {
-    if (chunkFDR5W67L_js.isPpactionUrl(url)) {
+    if (chunkPB7KVDNV_js.isPpactionUrl(url)) {
       if (mode === "present") {
-        const parsed = chunkFDR5W67L_js.parsePpactionUrl(url);
+        const parsed = chunkPB7KVDNV_js.parsePpactionUrl(url);
         if (parsed) {
           presentation.handlePresentationAction({
             action: parsed.action,
@@ -10307,7 +10449,7 @@ function buildCanvasProps(input) {
       }
       return;
     }
-    chunkFDR5W67L_js.safeOpenUrl(url);
+    chunkPB7KVDNV_js.safeOpenUrl(url);
   };
   return {
     activeSlide: effectiveSlide,
@@ -10450,7 +10592,7 @@ function buildToolbarAnimationHandlers(input) {
     const current = activeSlide.animations ?? [];
     if (group === "motionPath") {
       propertyHandlers.handleUpdateSlide({
-        animations: chunkFDR5W67L_js.applyMotionPathPreset(current, selectedElement.id, preset)
+        animations: chunkPB7KVDNV_js.applyMotionPathPreset(current, selectedElement.id, preset)
       });
       return;
     }
@@ -10640,11 +10782,12 @@ function buildToolbarProps(input) {
     onExportPdf: exportHandlers.handleExportPdf,
     onExportVideo: exportHandlers.handleExportVideo,
     onExportGif: exportHandlers.handleExportGif,
+    onExportJson: exportHandlers.handleExportJson,
     onPackageForSharing: exportHandlers.handlePackageForSharing,
     onOpenFile,
     onOpenRecentFile,
     onCreatePresentation: (templateId) => {
-      s.setSlides(chunkFDR5W67L_js.createBackstagePresentation(templateId));
+      s.setSlides(chunkPB7KVDNV_js.createBackstagePresentation(templateId));
       s.setActiveSlideIndex(0);
       s.setSelectedElementId(null);
       s.setSelectedElementIds([]);
@@ -10670,6 +10813,8 @@ function buildToolbarProps(input) {
     onSetOverflowMenuOpen: s.setIsOverflowMenuOpen,
     layoutOptions: scopedLayoutOptions,
     onInsertSlideFromLayout: slideOps.handleInsertSlideFromLayout,
+    onInsertSlideFromTemplate: slideOps.handleInsertSlideFromTemplate,
+    templateScheme: chunkPB7KVDNV_js.templateSchemeFromTheme(s.theme?.colorScheme),
     customShows: s.customShows,
     activeCustomShowId: s.activeCustomShowId,
     onSetActiveCustomShowId: s.setActiveCustomShowId,
@@ -10701,7 +10846,7 @@ function buildToolbarProps(input) {
     isCommentsPanelOpen: s.isInspectorPaneOpen,
     slideCommentCount: activeSlide?.comments?.length ?? 0,
     formatPainterActive: s.formatPainterActive,
-    canActivateFormatPainter: chunkFDR5W67L_js.hasCopyableFormat(selectedElement),
+    canActivateFormatPainter: chunkPB7KVDNV_js.hasCopyableFormat(selectedElement),
     onToggleFormatPainter: () => s.setFormatPainterActive((p) => !p),
     isSelectionPaneOpen: s.isSelectionPaneOpen,
     onToggleSelectionPane: () => s.setIsSelectionPaneOpen((p) => !p),
@@ -10970,7 +11115,7 @@ function useViewerBuildingBlocks(input) {
   }, [incomingContent]);
   const onOpenFile = react.useCallback(() => {
     void (async () => {
-      const picked = await chunkFDR5W67L_js.openPptxFile();
+      const picked = await chunkPB7KVDNV_js.openPptxFile();
       if (picked) {
         setContent(picked.buffer);
       }
@@ -10978,7 +11123,7 @@ function useViewerBuildingBlocks(input) {
   }, []);
   const onOpenRecentFile = react.useCallback((key) => {
     void (async () => {
-      const bytes = await chunkFDR5W67L_js.readBackstageRecentFile(key);
+      const bytes = await chunkPB7KVDNV_js.readBackstageRecentFile(key);
       if (bytes) {
         setContent(bytes);
       }