pptx-react-viewer 2.16.10 → 2.18.0

package/dist/{chunk-J7EFC3GS.mjs → chunk-QUB5OSKY.mjs}

@@ -1,6 +1,6 @@
-import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-VHME5BE6.mjs';
-import { translationsEn } from './chunk-5IUEPQTK.mjs';
-import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createPresenceProjector, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, PresentationAnimationController, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, attachPresentationVisibilityPause, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, partitionTemplateElements, buildInitialGuides, EncryptedFileError, saveAutosaveSnapshot, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, mayLeaveSlideShow, stopAllPersistentAudio, remapTextToSegments, guidePxToEmu, buildSaveSlides, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, openPptxFile, readBackstageRecentFile, isActionHidden, buildElementClipboardPayload, generatePackageReadme, exportDeckJson, groupElements, generateElementId, makeCloneId, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, resolveShowSlideIndexes, groupSlidesBySection, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-YWKUIUQX.mjs';
+import { cloneHistorySnapshot, MIN_ELEMENT_SIZE, ZOOM_TO_SELECTION_PADDING, DEFAULT_CANVAS_HEIGHT, DEFAULT_CANVAS_WIDTH, UNGROUPED_SECTION_ID, DEFAULT_SECTION_GROUP_ID, DEFAULT_TABLE_ROWS, DEFAULT_TABLE_COLUMNS, executeMediaCommand, buildPdfFromImageData, buildNotesPdf, EMU_PER_PX, GRID_SIZE, DEFAULT_TEXT_FONT_SIZE } from './chunk-BZOL6FXF.mjs';
+import { translationsEn } from './chunk-SNL6LBRX.mjs';
+import { TOOLBAR_TABS, computeVirtualRange, DEFAULT_VIRTUAL_OVERSCAN, createPresenceProjector, BROADCAST_THROTTLE_MS, createSyncGate, clearLocalAwareness, validateRoomId, createDepartureChannel, resolveTransportForServerUrl, isMixedContentBlocked, CONNECTION_TIMEOUT_MS, registerCollaborationTeardown, sanitizeColor, cloneTemplateElementsBySlideId, cloneSlide, createWheelStepBuffer, createViewerZoomStore, clampZoomScale, mapEditingWheel, PresentationAnimationController, PRESENTATION_HASH, PRESENTATION_NONCE_KEY, PRESENTATION_CHANNEL_NAME, swapPresentationWindows, PRESENTATION_MESSAGE_ORIGIN, clearAudienceContent, buildPresentationAudienceUrl, resolveAudienceScreenPlacement, placeAudienceWindow, storeAudienceContent, isPresentationSessionMessage, endAudienceDisplay, createPresentationKeyBuffer, acceptsPresentationInput, resolveAutoAdvanceDelayMs, hasShowSlideAfter, nextShowSlideIndex, previousShowSlideIndex, createPresenterShowGuard, attachPresentationVisibilityPause, buildMorphTransitionPlan, morphOptionToMode, buildMorphAnimationRules, findInSlides, applyFindReplacements, createCollaborationLivePatcher, publishLiveInlineText, PptxHandler, collectMediaElements, collectImagePaths, partitionTemplateElements, resolveAuthoredCustomShowId, buildInitialGuides, EncryptedFileError, shouldWriteAutosaveSnapshot, saveAutosaveSnapshot, autosaveSnapshotMark, updateMasterViewElement, isTemplateElementId, hasShapeProperties, hasTextProperties, getInlineEditorSelection, applyStyleToSelectedSegments, setPendingSelectionRestore, applyCaseTransformToSegments, transformTextCase, masterViewElements, replaceMasterViewElements, addSection, renameSection, deleteSection, moveSectionUp, moveSectionDown, moveSlidesToSection, normalizeColorsForCapture, preprocessCssForCapture, downloadBlob, sanitizeDownloadFilename, slideProgressPercent, slideStatusLabel, EXPORT_ASSEMBLING_PERCENT, EXPORT_DONE_PERCENT, isExportAbortError, recordProgressPercent, applyThemeToData, THEME_PRESETS, themeColorSchemesEqual, comparePresentation, applyAcceptSlide, applyAcceptAllSlides, collectUsedFonts, detectTouchDevice, detectOrientation, isMobileViewport, MOBILE_BREAKPOINT, TABLET_BREAKPOINT, describeFontEmbedding, mayLeaveSlideShow, stopAllPersistentAudio, remapTextToSegments, guidePxToEmu, buildSaveSlides, embeddedFontSaveOptions, resolveSlideSizeSelection, saveDeckWithPassword, shouldLoopContinuously, applyRehearsalTimings, copyFormatFromElement, applyFormatToElement, mapEditorKey, isEditorTextInputTarget, createViewerOptionsStore, readSlidesFromYDoc, reconcileSlidesInYDoc, LOCAL_SYNC_ORIGIN, observeYDocSlides, shouldAutoFollowBroadcaster, createTouchGestureRecognizer, MAX_ZOOM_SCALE, MIN_ZOOM_SCALE, isKeyboardOpen, scopeLayoutOptionsToSlide, openPptxFile, readBackstageRecentFile, isActionHidden, canInteractWithElement, filterInteractableIds, beginShapeAdjustment, buildElementClipboardPayload, savedPresentationFileName, generatePackageReadme, presentationBaseName, exportDeckJson, groupElements, generateElementId, makeCloneId, ungroupElements, alignElements, distributeElements, bringForward, sendBackward, bringToFront, sendToBack, newTableElement, createDefaultChartElement, readViewportMetrics, computeKeyboardInset, mergeShapes, mapPresentationKey, lastShowSlideIndex, firstShowSlideIndex, mapPresentationWheel, buildPrintDocument, buildOutlineHtml, buildSlidesHtml, buildNotesHtml, buildHandoutsHtml, createBlankSlide, makeSlideId, buildSlideTemplateSlide, templateSchemeFromTheme, buildThemeColorMap, reResolveSlideColors, computeEntranceAnimationDelay, createPresentationSessionId, resolveTransitionDurationMs, runPresentationAction, createPresenterTimer, createInitialPresentationSnapshot, mergePresentationSnapshot, resetPresenterTimer, presenterElapsed, stepPresenterZoom, togglePresenterTimer, canvasToJpegData, downloadDataUrl, pickSupportedMimeType, WEBM_MIME_CANDIDATES, fpsToFrameIntervalMs, segmentFrameCount, encodeGif, resolveShowSlideIndexes, groupSlidesBySection, masterViewPseudoSlide, hasCopyableFormat, createBackstagePresentation, buildFieldSubstitutionContext, cloneElementForPaste, computeScrollDelta, getPresetShapeClipPath, svgPathToPolygons, polygonsToSvgPath, rerouteConnectorsForMovedElements, applyReroutedConnectors, SvgExporter, buildPrintHtmlDocument, deleteTableColumn, rebuildTableStructureInRawXml, insertTableColumn, deleteTableRow, insertTableRow, updateCellTextStyleInRawXml, updateCellTextInRawXml, splitCell, updateMergeAttrsInRawXml, mergeCells, isPpactionUrl, parsePpactionUrl, safeOpenUrl, ACTION_BUTTON_PRESETS, elementActionToPptxAction, buildSmartArtPresetData, computeSnapToShape, publishLiveGeometry, getDraggedShapeAdjustments, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-GODW6RNR.mjs';
 import { useRef, useState, useEffect, useCallback, useMemo, useLayoutEffect, useSyncExternalStore, useImperativeHandle } from 'react';
 import JSZip from 'jszip';
 import { useTranslation } from 'react-i18next';
@@ -484,6 +484,7 @@ function useEditorHistory(input) {
     maxHistoryEntries = DEFAULT_MAX_HISTORY_ENTRIES,
     hasActivePointerInteraction,
     pointerCommitNonce,
+    onDirty,
     setSlides,
     setCanvasSize,
     setActiveSlideIndex,
@@ -556,8 +557,13 @@ function useEditorHistory(input) {
       isApplyingHistoryRef.current = false;
     }, 0);
   }, []);
+  const onDirtyRef = useRef(onDirty);
+  useEffect(() => {
+    onDirtyRef.current = onDirty;
+  }, [onDirty]);
   const markDirty = useCallback(() => {
     setEditCommitNonce((previous) => previous + 1);
+    onDirtyRef.current?.();
   }, []);
   const handleUndo = useCallback(() => {
     const previousSnapshot = historyPastRef.current.pop();
@@ -655,6 +661,7 @@ function useEditorHistory(input) {
       updateHistoryAvailability();
       return;
     }
+    onDirtyRef.current?.();
     historyPastRef.current.push(cloneHistorySnapshot(previousSnapshot));
     while (historyPastRef.current.length > Math.max(1, maxHistoryEntries)) {
       historyPastRef.current.shift();
@@ -1669,6 +1676,7 @@ function usePresentationKeyboard(input) {
     onToggleInkMarkup,
     onToggleToolbar,
     onShowAllSlides,
+    onToggleSubtitles,
     onToggleBlackScreen,
     onToggleWhiteScreen,
     rehearsing,
@@ -1734,6 +1742,9 @@ function usePresentationKeyboard(input) {
         case "showAllSlides":
           onShowAllSlides?.();
           return;
+        case "toggleSubtitles":
+          onToggleSubtitles?.();
+          return;
         case "toggleBlackScreen":
           onToggleBlackScreen?.();
           return;
@@ -1773,6 +1784,7 @@ function usePresentationKeyboard(input) {
     onToggleInkMarkup,
     onToggleToolbar,
     onShowAllSlides,
+    onToggleSubtitles,
     onToggleBlackScreen,
     onToggleWhiteScreen,
     rehearsing,
@@ -2213,6 +2225,7 @@ function usePresentationMode(input) {
     onEraseAnnotations,
     onToggleInkMarkup,
     onToggleToolbar,
+    onToggleSubtitles,
     onSaveRehearsalTimings,
     loopContinuously,
     showWithAnimation,
@@ -2420,6 +2433,7 @@ function usePresentationMode(input) {
     onToggleInkMarkup,
     onToggleToolbar,
     onShowAllSlides: openAllSlides,
+    onToggleSubtitles,
     onToggleBlackScreen: () => presenterConsole.setBlackout(
       presenterConsole.snapshot.blackout === "black" ? "none" : "black"
     ),
@@ -2902,13 +2916,15 @@ function useFindReplace({
   }, [findResults, applyReplacements, performFind]);
   useEffect(() => {
     const handler = (event) => {
-      if ((event.metaKey || event.ctrlKey) && event.key === "f") {
-        if (mode !== "edit") {
-          return;
-        }
-        event.preventDefault();
-        setFindReplaceOpen((prev) => !prev);
+      const { action } = mapEditorKey(event, {
+        canEdit: mode === "edit",
+        isTextInputTarget: isEditorTextInputTarget(event.target)
+      });
+      if (action !== "find") {
+        return;
       }
+      event.preventDefault();
+      setFindReplaceOpen((prev) => !prev);
     };
     window.addEventListener("keydown", handler);
     return () => window.removeEventListener("keydown", handler);
@@ -3348,9 +3364,28 @@ function useDerivedElementState(input) {
     }
     return templateElementsBySlideId[activeSlide.id] ?? [];
   }, [activeSlide, templateElementsBySlideId]);
+  const activeMaster = slideMasters[activeMasterIndex];
+  const activeLayout = useMemo(
+    () => resolveActiveLayout(activeMaster, activeLayoutIndex),
+    [activeMaster, activeLayoutIndex]
+  );
+  const masterViewElements2 = useMemo(
+    () => computeMasterViewElements(activeMaster, activeLayout),
+    [activeMaster, activeLayout]
+  );
+  const notesMasterElements = useMemo(() => notesMaster?.elements ?? [], [notesMaster]);
+  const handoutMasterElements = useMemo(() => handoutMaster?.elements ?? [], [handoutMaster]);
   const elementLookup = useMemo(
-    () => buildElementLookup(templateElements, activeSlide?.elements ?? []),
-    [activeSlide, templateElements]
+    () => buildElementLookup(
+      [
+        ...templateElements,
+        ...masterViewElements2,
+        ...notesMasterElements,
+        ...handoutMasterElements
+      ],
+      activeSlide?.elements ?? []
+    ),
+    [activeSlide, templateElements, masterViewElements2, notesMasterElements, handoutMasterElements]
   );
   const selectedElement = useMemo(() => {
     if (!selectedElementId) {
@@ -3367,17 +3402,6 @@ function useDerivedElementState(input) {
     () => effectiveSelectedIds.map((id) => elementLookup.get(id)).filter(Boolean),
     [effectiveSelectedIds, elementLookup]
   );
-  const activeMaster = slideMasters[activeMasterIndex];
-  const activeLayout = useMemo(
-    () => resolveActiveLayout(activeMaster, activeLayoutIndex),
-    [activeMaster, activeLayoutIndex]
-  );
-  const masterViewElements = useMemo(
-    () => computeMasterViewElements(activeMaster, activeLayout),
-    [activeMaster, activeLayout]
-  );
-  const notesMasterElements = useMemo(() => notesMaster?.elements ?? [], [notesMaster]);
-  const handoutMasterElements = useMemo(() => handoutMaster?.elements ?? [], [handoutMaster]);
   return {
     activeSlide,
     templateElements,
@@ -3388,7 +3412,7 @@ function useDerivedElementState(input) {
     selectedElements,
     activeMaster,
     activeLayout,
-    masterViewElements,
+    masterViewElements: masterViewElements2,
     notesMasterElements,
     handoutMasterElements
   };
@@ -3416,6 +3440,7 @@ function useViewerCoreState(_input) {
     width: DEFAULT_CANVAS_WIDTH,
     height: DEFAULT_CANVAS_HEIGHT
   });
+  const [slideSizeEmu, setSlideSizeEmu] = useState();
   const [activeSlideIndex, setActiveSlideIndex] = useState(0);
   const [selectedElementId, setSelectedElementId] = useState(null);
   const [selectedElementIds, setSelectedElementIds] = useState([]);
@@ -3514,6 +3539,8 @@ function useViewerCoreState(_input) {
     setTemplateElementsBySlideId,
     canvasSize,
     setCanvasSize,
+    slideSizeEmu,
+    setSlideSizeEmu,
     activeSlideIndex,
     setActiveSlideIndex,
     selectedElementId,
@@ -3718,6 +3745,7 @@ function useLoadContent({
   setTemplateElementsBySlideId,
   mediaDataUrls,
   setCanvasSize,
+  setSlideSizeEmu,
   setHeaderFooter,
   setLayoutOptions,
   setSlideMasters,
@@ -3725,6 +3753,7 @@ function useLoadContent({
   setTableStyleMap,
   setThemeOptions,
   setCustomShows,
+  setActiveCustomShowId,
   setSections,
   setPresentationProperties,
   setNotesMaster,
@@ -3884,6 +3913,13 @@ function useLoadContent({
           width: parsed.width ?? DEFAULT_CANVAS_WIDTH,
           height: parsed.height ?? DEFAULT_CANVAS_HEIGHT
         });
+        setSlideSizeEmu(
+          typeof parsed.widthEmu === "number" && typeof parsed.heightEmu === "number" && parsed.widthEmu > 0 && parsed.heightEmu > 0 ? {
+            widthEmu: parsed.widthEmu,
+            heightEmu: parsed.heightEmu,
+            type: parsed.slideSizeType ?? ""
+          } : void 0
+        );
         setHeaderFooter(parsed.headerFooter ?? {});
         setLayoutOptions(parsed.layoutOptions ?? []);
         setSlideMasters(parsed.slideMasters ?? []);
@@ -3891,6 +3927,9 @@ function useLoadContent({
         setTableStyleMap(parsed.tableStyleMap);
         setThemeOptions(parsed.themeOptions ?? []);
         setCustomShows(parsed.customShows ?? []);
+        setActiveCustomShowId(
+          resolveAuthoredCustomShowId(parsed.presentationProperties, parsed.customShows) ?? null
+        );
         setSections(parsed.sections ?? []);
         setPresentationProperties(parsed.presentationProperties ?? {});
         setNotesMaster(parsed.notesMaster);
@@ -3959,7 +3998,8 @@ function useAutosave(input) {
     filePath,
     serializeSlides,
     intervalSeconds = DEFAULT_AUTOSAVE_INTERVAL_SECONDS,
-    enabled = true
+    enabled = true,
+    getChangeSources
   } = input;
   const [autosaveStatus, setAutosaveStatus] = useState({
     state: "idle"
@@ -3968,6 +4008,8 @@ function useAutosave(input) {
   const filePathRef = useRef(filePath);
   const serializeRef = useRef(serializeSlides);
   const isSavingRef = useRef(false);
+  const changeSourcesRef = useRef(getChangeSources);
+  const lastSnapshotRef = useRef(void 0);
   useEffect(() => {
     isDirtyRef.current = isDirty;
   }, [isDirty]);
@@ -3977,14 +4019,22 @@ function useAutosave(input) {
   useEffect(() => {
     serializeRef.current = serializeSlides;
   }, [serializeSlides]);
-  const doAutosave = useCallback(async () => {
-    if (!filePathRef.current) {
-      return;
-    }
-    if (!isDirtyRef.current) {
-      return;
-    }
-    if (isSavingRef.current) {
+  useEffect(() => {
+    changeSourcesRef.current = getChangeSources;
+  }, [getChangeSources]);
+  const doAutosave = useCallback(async (options) => {
+    const path = filePathRef.current;
+    if (!path) {
+      return;
+    }
+    const sources = changeSourcesRef.current?.() ?? [];
+    if (!shouldWriteAutosaveSnapshot({
+      filePath: path,
+      isDirty: isDirtyRef.current,
+      saving: isSavingRef.current,
+      sources: options?.polled === true ? sources : [],
+      lastSnapshot: lastSnapshotRef.current
+    })) {
       return;
     }
     isSavingRef.current = true;
@@ -3996,7 +4046,8 @@ function useAutosave(input) {
         isSavingRef.current = false;
         return;
       }
-      await saveAutosaveSnapshot(filePathRef.current, data);
+      await saveAutosaveSnapshot(path, data);
+      lastSnapshotRef.current = autosaveSnapshotMark(path, sources);
       setAutosaveStatus({ state: "saved", timestamp: Date.now() });
     } catch (err) {
       setAutosaveStatus({
@@ -4022,13 +4073,13 @@ function useAutosave(input) {
     setAutosaveStatus((prev) => prev.state === "disabled" ? { state: "idle" } : prev);
     const ms = computeAutosaveIntervalMs(intervalSeconds);
     const id = setInterval(() => {
-      void doAutosave();
+      void doAutosave({ polled: true });
     }, ms);
     return () => clearInterval(id);
   }, [enabled, filePath, intervalSeconds, doAutosave]);
   return {
     autosaveStatus,
-    triggerAutosave: doAutosave
+    triggerAutosave: () => doAutosave()
   };
 }
 function useElementOperations(input) {
@@ -4039,6 +4090,7 @@ function useElementOperations(input) {
     selectedElementId,
     editTemplateMode,
     templateElements,
+    masterView,
     history,
     setSlides,
     setTemplateElementsBySlideId,
@@ -4059,8 +4111,33 @@ function useElementOperations(input) {
     setInlineEditingElementId(null);
     setContextMenuState(null);
   }, [applySelection, setInlineEditingElementId, setContextMenuState]);
+  const applyMasterViewWrite = useCallback(
+    (write) => {
+      if (!write || !masterView) {
+        return false;
+      }
+      if (write.slideMasters) {
+        masterView.setSlideMasters(write.slideMasters);
+      }
+      if (write.notesMaster) {
+        masterView.setNotesMaster(write.notesMaster);
+      }
+      if (write.handoutMaster) {
+        masterView.setHandoutMaster(write.handoutMaster);
+      }
+      history.markDirty();
+      return true;
+    },
+    [history, masterView]
+  );
   const updateElementById = useCallback(
     (elementId, updates) => {
+      if (masterView?.target) {
+        applyMasterViewWrite(
+          updateMasterViewElement(masterView, masterView.target, elementId, updates)
+        );
+        return;
+      }
       if (isTemplateElementId(elementId)) {
         const slideId = activeSlide?.id;
         if (slideId) {
@@ -4088,7 +4165,15 @@ function useElementOperations(input) {
       }
       history.markDirty();
     },
-    [activeSlide?.id, activeSlideIndex, history, setSlides, setTemplateElementsBySlideId]
+    [
+      activeSlide?.id,
+      activeSlideIndex,
+      applyMasterViewWrite,
+      history,
+      masterView,
+      setSlides,
+      setTemplateElementsBySlideId
+    ]
   );
   const updateSelectedElement = useCallback(
     (updates) => {
@@ -4176,9 +4261,20 @@ function useElementOperations(input) {
     },
     [setSlides]
   );
-  const activeElements = editTemplateMode ? templateElements : activeSlide?.elements ?? [];
+  const masterViewTarget = masterView?.target ?? null;
+  const activeElements = masterViewTarget ? masterViewElements(masterView, masterViewTarget) : editTemplateMode ? templateElements : activeSlide?.elements ?? [];
   const updateActiveElements = useCallback(
     (updater) => {
+      if (masterView?.target) {
+        applyMasterViewWrite(
+          replaceMasterViewElements(
+            masterView,
+            masterView.target,
+            updater(masterViewElements(masterView, masterView.target))
+          )
+        );
+        return;
+      }
       if (editTemplateMode) {
         const slideId = activeSlide?.id;
         if (!slideId) {
@@ -4196,7 +4292,15 @@ function useElementOperations(input) {
         );
       }
     },
-    [editTemplateMode, activeSlide?.id, activeSlideIndex, setSlides, setTemplateElementsBySlideId]
+    [
+      applyMasterViewWrite,
+      editTemplateMode,
+      masterView,
+      activeSlide?.id,
+      activeSlideIndex,
+      setSlides,
+      setTemplateElementsBySlideId
+    ]
   );
   const serializeSlides = useCallback(async () => {
     return null;
@@ -4267,13 +4371,23 @@ function useSectionOperations(input) {
     },
     [sections, slides, setSlides, setSections, markDirty]
   );
+  const toggleSectionCollapse = useCallback(
+    (sectionId) => {
+      setSections(
+        (prev) => prev.map((sec) => sec.id === sectionId ? { ...sec, collapsed: !sec.collapsed } : sec)
+      );
+      markDirty();
+    },
+    [setSections, markDirty]
+  );
   return {
     addSection: addSection2,
     renameSection: renameSection2,
     deleteSection: deleteSection2,
     moveSectionUp: moveSectionUp2,
     moveSectionDown: moveSectionDown2,
-    moveSlidesToSection: moveSlidesToSection2
+    moveSlidesToSection: moveSlidesToSection2,
+    toggleSectionCollapse
   };
 }
 
@@ -4293,11 +4407,6 @@ function computeResizeGeometry(handle, startX, startY, startWidth, startHeight,
   }
   return snapBoxToGrid(box, handle, gridSpacingPx, MIN_ELEMENT_SIZE);
 }
-function computeAdjustmentValue(startAdjustment, dx, startWidth) {
-  const range = startWidth || 200;
-  const delta = dx / range;
-  return Math.max(0, Math.min(1, startAdjustment + delta));
-}
 function resolveLiveTarget(input) {
   const { livePatcher, editTemplateMode, activeSlide } = input;
   if (!livePatcher || editTemplateMode || !livePatcher.isActive()) {
@@ -4496,13 +4605,14 @@ function processResizeMove(e, rs, editorScale, snapToGrid, gridSpacingPx, live)
 }
 function processAdjustmentMove(e, adj, editorScale, updateElementById) {
   const dx = (e.clientX - adj.startClientX) / editorScale;
-  const newValue = computeAdjustmentValue(adj.startAdjustment, dx, adj.startWidth);
-  if (!adj.moved && Math.abs(dx) > 2) {
+  const dy = (e.clientY - adj.startClientY) / editorScale;
+  const adjustments = getDraggedShapeAdjustments(adj, dx, dy);
+  if (!adj.moved && Math.hypot(dx, dy) > 2) {
     adj.moved = true;
   }
   if (adj.moved) {
     updateElementById(adj.elementId, {
-      shapeAdjustments: { [adj.key]: newValue }
+      shapeAdjustments: adjustments
     });
   }
 }
@@ -4828,7 +4938,7 @@ function useCanvasInteractions(input) {
         justInteractedRef.current = false;
       } else {
         const el = elementLookup.get(elementId);
-        if (el && hasTextProperties(el) && !el.locks?.noTextEdit) {
+        if (el && hasTextProperties(el) && canInteractWithElement(el, "textEdit")) {
           if (!openEquationEditorForElement(el)) {
             setInlineEditingElementId(elementId);
             setInlineEditingText(el.text ?? "");
@@ -4847,7 +4957,7 @@ function useCanvasInteractions(input) {
     if (openEquationEditorForElement(el)) {
       return;
     }
-    if (hasTextProperties(el)) {
+    if (hasTextProperties(el) && canInteractWithElement(el, "textEdit")) {
       setInlineEditingElementId(elementId);
       setInlineEditingText(el.text ?? "");
     }
@@ -4870,9 +4980,13 @@ function useCanvasInteractions(input) {
       justSelectedRef.current = false;
     }
     const ids = !wasSelected ? [elementId] : effectiveSelectedIds.length ? effectiveSelectedIds : [elementId];
+    const movableIds = filterInteractableIds(ids, (id) => elementLookup.get(id), "move");
+    if (movableIds.length === 0) {
+      return;
+    }
     const startPositions = {};
     const domEls = /* @__PURE__ */ new Map();
-    for (const id of ids) {
+    for (const id of movableIds) {
       const el = elementLookup.get(id);
       if (el) {
         startPositions[id] = { x: el.x, y: el.y };
@@ -4936,7 +5050,7 @@ function useCanvasInteractions(input) {
   const handleResizePointerDown = (elementId, e, handle) => {
     e.stopPropagation();
     const el = elementLookup.get(elementId);
-    if (!el) {
+    if (!el || !canInteractWithElement(el, "resize")) {
       return;
     }
     resizeStateRef.current = {
@@ -4958,7 +5072,7 @@ function useCanvasInteractions(input) {
   };
   const handleRotate = (elementId, rotationDeg) => {
     const el = elementLookup.get(elementId);
-    if (!el || el.locks?.noRotation) {
+    if (!el || !canInteractWithElement(el, "rotate")) {
       return;
     }
     ops.updateElementById(elementId, { rotation: rotationDeg });
@@ -4975,30 +5089,18 @@ function useCanvasInteractions(input) {
   const handleFormatText = (updates) => {
     ops.updateSelectedTextStyle(updates);
   };
-  const handleAdjustmentPointerDown = (elementId, e) => {
+  const handleAdjustmentPointerDown = (elementId, e, descriptor) => {
     e.stopPropagation();
     const el = elementLookup.get(elementId);
-    if (!el || !("shapeType" in el) || !("shapeAdjustments" in el)) {
+    if (!el || !canInteractWithElement(el, "adjustHandle")) {
       return;
     }
-    const adjEntries = Object.entries(
-      el.shapeAdjustments ?? {}
+    shapeAdjustmentDragStateRef.current = beginShapeAdjustment(
+      el,
+      descriptor,
+      e.clientX,
+      e.clientY
     );
-    if (!adjEntries.length) {
-      return;
-    }
-    const [key, value] = adjEntries[0];
-    shapeAdjustmentDragStateRef.current = {
-      elementId,
-      key,
-      shapeType: el.shapeType ?? "rect",
-      startClientX: e.clientX,
-      startClientY: e.clientY,
-      startAdjustment: value,
-      startWidth: el.width,
-      startHeight: el.height,
-      moved: false
-    };
   };
   return {
     handleElementClick,
@@ -5906,16 +6008,20 @@ function useGroupAlignLayerHandlers(input) {
     }
     const group = selectedElement;
     const intoTemplate = 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 ? makeCloneId(true, child.id || group.id) : child.id || generateElementId(),
-      x: child.x + group.x,
-      y: child.y + group.y
-    }));
-    ops.updateActiveElements((els) => [...els.filter((el) => el.id !== group.id), ...ungrouped]);
-    setSelectedElementIds(ungrouped.map((el) => el.id));
+    const childIds = group.children.map(
+      (child) => intoTemplate ? makeCloneId(true, child.id || group.id) : child.id || generateElementId()
+    );
+    const { elements, childIds: usedIds } = ungroupElements(
+      ops.activeElements,
+      group.id,
+      childIds,
+      { intoTemplate }
+    );
+    if (usedIds.length === 0) {
+      return;
+    }
+    ops.updateActiveElements(() => elements);
+    setSelectedElementIds(usedIds);
     history.markDirty();
   };
   const handleFlip = (direction) => {
@@ -6909,12 +7015,14 @@ function useExportSaveAs(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
     theme,
     canvasSize,
+    slideSizeEmu,
     modalControls,
     password
   } = input;
@@ -6938,7 +7046,7 @@ function useExportSaveAs(input) {
       setExportProgress(10);
       setExportStatusMessage("Adding presentation...");
       const pptxData = await serializeSlides();
-      const pptxFilename = filePath ? filePath.replace(/\\/gu, "/").split("/").pop() ?? "presentation.pptx" : "presentation.pptx";
+      const pptxFilename = savedPresentationFileName(filePath);
       if (pptxData) {
         pkgFolder.file(pptxFilename, pptxData);
       }
@@ -6954,8 +7062,7 @@ function useExportSaveAs(input) {
       const zipBlob = await zip.generateAsync({ type: "blob" });
       setExportProgress(95);
       setExportStatusMessage("Downloading...");
-      const baseName = pptxFilename.replace(/\.[^.]+$/u, "");
-      downloadBlob(zipBlob, `${baseName}-package.zip`);
+      downloadBlob(zipBlob, `${presentationBaseName(pptxFilename)}-package.zip`);
       setExportProgress(100);
     } catch (err) {
       if (err.name !== "AbortError") {
@@ -6971,16 +7078,15 @@ function useExportSaveAs(input) {
     if (!handler) {
       return;
     }
-    const ext = format === "ppsx" ? "ppsx" : format === "pptm" ? "pptm" : "pptx";
-    const baseName = filePath ? filePath.replace(/\\/gu, "/").split("/").pop()?.replace(/\.[^.]+$/u, "") ?? "presentation" : "presentation";
+    const downloadName = savedPresentationFileName(filePath, format);
     try {
       const data = await buildSaveAsData(handler, format);
       const blob = new Blob([data], {
         type: "application/vnd.openxmlformats-officedocument.presentationml.presentation"
       });
-      downloadBlob(blob, `${baseName}.${ext}`);
+      downloadBlob(blob, downloadName);
     } catch (err) {
-      console.error(`[PowerPointViewer] Save as .${ext} failed:`, err);
+      console.error(`[PowerPointViewer] Save as .${format} failed:`, err);
     }
   };
   const buildSaveAsData = async (handler, format) => {
@@ -7000,6 +7106,9 @@ function useExportSaveAs(input) {
     });
     const slidesToSave = buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
     const saveOptions = {
+      // Save As shares Save's slide-size decision; leaving it out here is how
+      // a preset picked in the inspector reached one save path and not the other.
+      slideSize: resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size,
       headerFooter,
       presentationProperties,
       customShows: customShows.length > 0 ? customShows : void 0,
@@ -7008,27 +7117,23 @@ function useExportSaveAs(input) {
       appProperties: appProperties ?? void 0,
       customProperties: customProperties.length > 0 ? customProperties : void 0,
       tags: tagCollections.length > 0 ? tagCollections : void 0,
+      slideMasters,
       notesMaster,
       handoutMaster,
       outputFormat: format
     };
-    if (password) {
-      return handler.saveEncrypted(
-        slidesToSave,
-        password,
-        saveOptions
-      );
-    }
-    return handler.save(slidesToSave, saveOptions);
+    return saveDeckWithPassword(handler, slidesToSave, saveOptions, password);
   };
   const handleExportJson = () => {
     const sourceName = filePath ? filePath.replace(/\\/gu, "/").split("/").pop() : void 0;
+    const slideSize = resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size;
     const data = {
       slides: buildSaveSlides(slides, templateElementsBySlideId),
       width: canvasSize.width,
       height: canvasSize.height,
-      widthEmu: guidePxToEmu(canvasSize.width),
-      heightEmu: guidePxToEmu(canvasSize.height),
+      widthEmu: slideSize.widthEmu,
+      heightEmu: slideSize.heightEmu,
+      slideSizeType: slideSize.type === "" ? void 0 : slideSize.type,
       theme,
       headerFooter,
       presentationProperties,
@@ -7105,12 +7210,14 @@ function useExportHandlers(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
     theme,
     canvasSize,
+    slideSizeEmu,
     password
   } = input;
   const [exportModalOpen, setExportModalOpen] = useState(false);
@@ -7146,12 +7253,14 @@ function useExportHandlers(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
     theme,
     canvasSize,
+    slideSizeEmu,
     modalControls,
     password
   });
@@ -8097,7 +8206,8 @@ function useViewerDialogs(input) {
     preMasterMode,
     hasDigitalSignatures,
     isDirty,
-    history
+    history,
+    embeddedFontFamilies
   } = input;
   const [isSmartArtDialogOpen, setIsSmartArtDialogOpen] = useState(false);
   const [isEquationDialogOpen, setIsEquationDialogOpen] = useState(false);
@@ -8115,7 +8225,15 @@ function useViewerDialogs(input) {
   const [editingEquationOmml, setEditingEquationOmml] = useState(
     null
   );
-  const [embedFontsEnabled, setEmbedFontsEnabled] = useState(false);
+  const embeddedFontKey = (embeddedFontFamilies ?? []).join("\0");
+  const fontEmbedding = useMemo(
+    () => describeFontEmbedding(embeddedFontKey ? embeddedFontKey.split("\0") : []),
+    [embeddedFontKey]
+  );
+  const [embedFontsEnabled, setEmbedFontsEnabled] = useState(fontEmbedding.initialEnabled);
+  useEffect(() => {
+    setEmbedFontsEnabled(fontEmbedding.initialEnabled);
+  }, [fontEmbedding]);
   const [isNarrowViewport, setIsNarrowViewport] = useState(
     () => typeof window !== "undefined" ? isMobileViewport(window.innerWidth, window.innerHeight, viewportIsTouch()) : false
   );
@@ -8282,6 +8400,7 @@ function useViewerDialogs(input) {
     setEditingEquationOmml,
     embedFontsEnabled,
     setEmbedFontsEnabled,
+    fontEmbedding,
     isNarrowViewport,
     handleEnterMasterView,
     handleCloseMasterView,
@@ -8311,7 +8430,7 @@ function computeVisibleSlideIndexes(slides, activeCustomShowId, customShows) {
 }
 function computeSlideSectionGroups(slides, sections) {
   return groupSlidesBySection(sections, slides).map((group) => ({
-    id: group.section?.id ?? (sections.length > 0 ? UNGROUPED_SECTION_ID : "default"),
+    id: group.section?.id ?? (sections.length > 0 ? UNGROUPED_SECTION_ID : DEFAULT_SECTION_GROUP_ID),
     label: group.section?.name ?? (sections.length > 0 ? "Ungrouped Slides" : "Slides"),
     slideIndexes: group.slideIndexes,
     ...group.section?.color !== void 0 ? { color: group.section.color } : {},
@@ -8319,30 +8438,15 @@ function computeSlideSectionGroups(slides, sections) {
   }));
 }
 function computeMasterPseudoSlide(mode, activeLayout, activeMaster) {
-  if (mode !== "master") {
+  if (mode !== "master" || !activeMaster) {
     return void 0;
   }
-  if (activeLayout) {
-    return {
-      id: activeLayout.path,
-      rId: "",
-      slideNumber: 0,
-      elements: activeLayout.elements ?? [],
-      backgroundColor: activeLayout.backgroundColor ?? activeMaster?.backgroundColor,
-      backgroundImage: activeLayout.backgroundImage ?? activeMaster?.backgroundImage
-    };
-  }
-  if (activeMaster) {
-    return {
-      id: activeMaster.path,
-      rId: "",
-      slideNumber: 0,
-      elements: activeMaster.elements ?? [],
-      backgroundColor: activeMaster.backgroundColor,
-      backgroundImage: activeMaster.backgroundImage
-    };
-  }
-  return void 0;
+  const document2 = activeLayout ? { slideMasters: [{ ...activeMaster, layouts: [activeLayout] }] } : { slideMasters: [activeMaster] };
+  return masterViewPseudoSlide(document2, {
+    tab: "slides",
+    masterIndex: 0,
+    layoutIndex: activeLayout ? 0 : null
+  });
 }
 function useDerivedSlideState(input) {
   const { t } = useTranslation();
@@ -8369,7 +8473,7 @@ function useDerivedSlideState(input) {
       if (group.id === UNGROUPED_SECTION_ID && group.label === "Ungrouped Slides") {
         return { ...group, label: t("pptx.slides.ungroupedSlides") };
       }
-      if (group.id === "default" && group.label === "Slides") {
+      if (group.id === DEFAULT_SECTION_GROUP_ID && group.label === "Slides") {
         return { ...group, label: t("pptx.sections.slides") };
       }
       return group;
@@ -8523,6 +8627,8 @@ function useSerialize(input) {
     slides,
     templateElementsBySlideId,
     activeSlideIndex,
+    canvasSize,
+    slideSizeEmu,
     guides,
     headerFooter,
     presentationProperties,
@@ -8532,12 +8638,15 @@ function useSerialize(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     handlerRef,
     inlineEditingElementIdRef,
     inlineEditingTextRef,
-    password
+    password,
+    embedFonts = true,
+    purpose
   } = input;
   return useCallback(async () => {
     const handler = handlerRef.current;
@@ -8578,6 +8687,10 @@ function useSerialize(input) {
     });
     const slidesToSave = buildSaveSlides(slidesWithGuides, templateElementsBySlideId);
     const saveOptions = {
+      // Without this the Slide Size card edited a viewer-only pixel value and
+      // the saved `p:sldSz` never moved: passing `slideSize` is the only way a
+      // slide-size edit reaches the file.
+      slideSize: resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize }).size,
       headerFooter,
       presentationProperties,
       customShows: customShows.length > 0 ? customShows : void 0,
@@ -8586,16 +8699,17 @@ function useSerialize(input) {
       appProperties,
       customProperties: customProperties.length > 0 ? customProperties : void 0,
       tags: tagCollections.length > 0 ? tagCollections : void 0,
+      slideMasters,
       notesMaster,
-      handoutMaster
+      handoutMaster,
+      ...embeddedFontSaveOptions(embedFonts)
     };
-    if (password) {
-      return handler.saveEncrypted(slidesToSave, password, saveOptions);
-    }
-    return handler.save(slidesToSave, saveOptions);
+    return saveDeckWithPassword(handler, slidesToSave, saveOptions, { password, purpose });
   }, [
     slides,
     templateElementsBySlideId,
+    canvasSize,
+    slideSizeEmu,
     headerFooter,
     presentationProperties,
     customShows,
@@ -8604,6 +8718,7 @@ function useSerialize(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
@@ -8611,7 +8726,9 @@ function useSerialize(input) {
     handlerRef,
     inlineEditingElementIdRef,
     inlineEditingTextRef,
-    password
+    password,
+    embedFonts,
+    purpose
   ]);
 }
 
@@ -8727,7 +8844,8 @@ function usePresentationSetup(input) {
     history,
     endWithBlackSlide = true,
     promptKeepInkAnnotations = true,
-    popupToolbarEnabled = true
+    popupToolbarEnabled = true,
+    onToggleSubtitles
   } = input;
   const actionSoundHandlerRef = useRef(null);
   const [, setShowKeepAnnotationsDialog] = useState(false);
@@ -8806,6 +8924,7 @@ function usePresentationSetup(input) {
     onEraseAnnotations: () => annotations.clearAnnotations(),
     onToggleInkMarkup: () => annotations.setInkMarkupVisible(!annotations.inkMarkupVisible),
     onToggleToolbar: () => annotations.setToolbarVisible(!annotations.toolbarVisible),
+    onToggleSubtitles,
     onSaveRehearsalTimings: (timings) => {
       setSlides((prev) => applyRehearsalTimings(prev, timings));
       history.markDirty();
@@ -8837,6 +8956,33 @@ function useEditorOperations(input) {
     handlerRef,
     transformCommittedText
   } = input;
+  const masterView = useMemo(
+    () => ({
+      target: mode === "master" ? {
+        tab: state.masterViewTab,
+        masterIndex: state.activeMasterIndex,
+        layoutIndex: state.activeLayoutIndex
+      } : null,
+      slideMasters: state.slideMasters,
+      notesMaster: state.notesMaster,
+      handoutMaster: state.handoutMaster,
+      setSlideMasters: state.setSlideMasters,
+      setNotesMaster: state.setNotesMaster,
+      setHandoutMaster: state.setHandoutMaster
+    }),
+    [
+      mode,
+      state.masterViewTab,
+      state.activeMasterIndex,
+      state.activeLayoutIndex,
+      state.slideMasters,
+      state.notesMaster,
+      state.handoutMaster,
+      state.setSlideMasters,
+      state.setNotesMaster,
+      state.setHandoutMaster
+    ]
+  );
   const ops = useElementOperations({
     activeSlide,
     activeSlideIndex,
@@ -8844,6 +8990,7 @@ function useEditorOperations(input) {
     selectedElementId,
     editTemplateMode: state.editTemplateMode,
     templateElements: state.templateElements,
+    masterView,
     history,
     setSlides: state.setSlides,
     setTemplateElementsBySlideId: state.setTemplateElementsBySlideId,
@@ -9054,6 +9201,7 @@ function useIOHandlers(input) {
     zoom,
     handlerRef,
     serializeSlides,
+    serializeForRecovery,
     setContent,
     onContentChange,
     password
@@ -9076,12 +9224,14 @@ function useIOHandlers(input) {
     appProperties: state.appProperties ?? null,
     customProperties: state.customProperties,
     tagCollections: state.tagCollections,
+    slideMasters: state.slideMasters,
     notesMaster: state.notesMaster,
     handoutMaster: state.handoutMaster,
     guides: state.guides,
     activeSlideIndexForGuides: state.activeSlideIndex,
     theme: state.theme,
     canvasSize,
+    slideSizeEmu: state.slideSizeEmu,
     password
   });
   const printHandlers = usePrintHandlers({
@@ -9092,7 +9242,9 @@ function useIOHandlers(input) {
   });
   const themeHandlers = useThemeHandlers({
     handlerRef,
-    serializeSlides,
+    // Theme apply re-serialises and re-parses through `setContent`, so these
+    // bytes go back into our own loader: plaintext, never the protected save.
+    serializeSlides: serializeForRecovery,
     setContent,
     onContentChange,
     setTheme: state.setTheme,
@@ -9285,6 +9437,8 @@ function useContentLifecycle(input) {
     content,
     filePath,
     autosaveEnabled = true,
+    autosaveIntervalSeconds,
+    embedFonts = true,
     slides,
     state,
     history,
@@ -9302,6 +9456,7 @@ function useContentLifecycle(input) {
     setTemplateElementsBySlideId: state.setTemplateElementsBySlideId,
     mediaDataUrls: state.mediaDataUrls,
     setCanvasSize: state.setCanvasSize,
+    setSlideSizeEmu: state.setSlideSizeEmu,
     setHeaderFooter: state.setHeaderFooter,
     setLayoutOptions: state.setLayoutOptions,
     setSlideMasters: state.setSlideMasters,
@@ -9309,6 +9464,7 @@ function useContentLifecycle(input) {
     setTableStyleMap: state.setTableStyleMap,
     setThemeOptions: state.setThemeOptions,
     setCustomShows: state.setCustomShows,
+    setActiveCustomShowId: state.setActiveCustomShowId,
     setSections: state.setSections,
     setPresentationProperties: state.setPresentationProperties,
     setNotesMaster: state.setNotesMaster,
@@ -9334,10 +9490,12 @@ function useContentLifecycle(input) {
     actionSoundHandlerRef.current = handlerRef.current;
   }, [handlerRef, actionSoundHandlerRef, state.loading]);
   useFontInjection({ embeddedFonts: state.embeddedFonts, slides });
-  const serializeSlides = useSerialize({
+  const serializeInput = {
     slides,
     templateElementsBySlideId: state.templateElementsBySlideId,
     activeSlideIndex: state.activeSlideIndex,
+    canvasSize: state.canvasSize,
+    slideSizeEmu: state.slideSizeEmu,
     guides: state.guides,
     headerFooter: state.headerFooter,
     presentationProperties: state.presentationProperties,
@@ -9347,20 +9505,49 @@ function useContentLifecycle(input) {
     appProperties: state.appProperties,
     customProperties: state.customProperties,
     tagCollections: state.tagCollections,
+    slideMasters: state.slideMasters,
     notesMaster: state.notesMaster,
     handoutMaster: state.handoutMaster,
     handlerRef,
     inlineEditingElementIdRef: state.inlineEditingElementIdRef,
     inlineEditingTextRef: state.inlineEditingTextRef,
-    password
-  });
+    password,
+    embedFonts
+  };
+  const serializeSlides = useSerialize(serializeInput);
+  const serializeForRecovery = useSerialize({ ...serializeInput, purpose: "recovery-snapshot" });
   const { autosaveStatus } = useAutosave({
     isDirty: state.isDirty,
     filePath,
-    serializeSlides,
-    enabled: autosaveEnabled
+    serializeSlides: serializeForRecovery,
+    enabled: autosaveEnabled,
+    ...autosaveIntervalSeconds === void 0 ? {} : { intervalSeconds: autosaveIntervalSeconds },
+    // Everything `serializeForRecovery` reads that changes by REASSIGNMENT,
+    // so a poll that finds all of them unchanged can skip re-serializing a
+    // deck it has already snapshotted. The two refs are read by `.current`
+    // because an inline edit in progress lives there and nowhere else yet.
+    getChangeSources: () => [
+      slides,
+      state.templateElementsBySlideId,
+      state.guides,
+      state.headerFooter,
+      state.presentationProperties,
+      state.customShows,
+      state.sections,
+      state.coreProperties,
+      state.appProperties,
+      state.customProperties,
+      state.tagCollections,
+      state.notesMaster,
+      state.handoutMaster,
+      state.embeddedFonts,
+      embedFonts,
+      password,
+      state.inlineEditingElementIdRef.current,
+      state.inlineEditingTextRef.current
+    ]
   });
-  return { handlerRef, serializeSlides, autosaveStatus };
+  return { handlerRef, serializeSlides, serializeForRecovery, autosaveStatus };
 }
 function useKeyboardShortcuts(input) {
   const inputRef = useRef(input);
@@ -9369,7 +9556,14 @@ function useKeyboardShortcuts(input) {
     const current = inputRef.current;
     const { action, dx, dy } = mapEditorKey(e, {
       canEdit: current.canEdit,
-      isPresenting: current.mode !== "edit",
+      // The Slide Master view is an editing surface, not a viewing one.
+      // Gating on `mode !== 'edit'` alone made `mapEditorKey` return
+      // NO_ACTION there, so Delete, the arrow-key nudges and the clipboard
+      // keys were all inert over a master shape even though the write path
+      // behind them routes to the owning part correctly. Svelte and
+      // vanilla, which render the master into their ordinary editable
+      // stage, never had the gap.
+      isPresenting: current.mode !== "edit" && current.mode !== "master",
       hasSelection: current.hasSelection,
       isEditingText: Boolean(current.inlineEditingElementId || current.tableEditorState?.isEditing),
       isDrawing: current.activeTool !== "select",
@@ -9416,6 +9610,9 @@ function useKeyboardShortcuts(input) {
       case "toggleShortcuts":
         current.onToggleShortcuts?.();
         break;
+      case "find":
+        current.onFind?.();
+        break;
       case "nudge":
         current.onNudge(dx ?? 0, dy ?? 0);
         break;
@@ -9524,6 +9721,7 @@ function useViewerIntegration(input) {
     content,
     filePath,
     autosaveEnabled,
+    autosaveIntervalSeconds,
     canEdit,
     mode,
     slides,
@@ -9574,19 +9772,24 @@ function useViewerIntegration(input) {
   });
   const [isEncryptedDialogOpen, setIsEncryptedDialogOpen] = useState(false);
   const [loadVersion, setLoadVersion] = useState(0);
-  const { handlerRef, serializeSlides, autosaveStatus } = useContentLifecycle({
-    content,
-    filePath,
-    autosaveEnabled,
-    slides,
-    state,
-    history,
-    ops: editorOps.ops,
-    actionSoundHandlerRef,
-    setIsEncryptedDialogOpen,
-    password: dialogs.presentationPassword ?? void 0,
-    onContentApplied: () => setLoadVersion((v) => v + 1)
-  });
+  const { handlerRef, serializeSlides, serializeForRecovery, autosaveStatus } = useContentLifecycle(
+    {
+      content,
+      filePath,
+      autosaveEnabled,
+      autosaveIntervalSeconds,
+      // The File > Fonts toggle, finally reaching a save call.
+      embedFonts: dialogs.embedFontsEnabled,
+      slides,
+      state,
+      history,
+      ops: editorOps.ops,
+      actionSoundHandlerRef,
+      setIsEncryptedDialogOpen,
+      password: dialogs.presentationPassword ?? void 0,
+      onContentApplied: () => setLoadVersion((v) => v + 1)
+    }
+  );
   const { exportHandlers, printHandlers, themeHandlers, propertyHandlers } = useIOHandlers({
     state,
     slides,
@@ -9598,6 +9801,7 @@ function useViewerIntegration(input) {
     zoom,
     handlerRef,
     serializeSlides,
+    serializeForRecovery,
     setContent,
     onContentChange,
     password: dialogs.presentationPassword ?? void 0
@@ -10236,11 +10440,16 @@ function useLayoutSwitching(input) {
     },
     [handler, activeSlideIndex, ops, history, onTemplateElementsChanged]
   );
+  const loadLayoutPreviews = useCallback(
+    async () => handler ? handler.getLayoutPreviews() : [],
+    [handler]
+  );
   return {
     availableLayouts,
     isLoading,
     loadAvailableLayouts,
     applyLayout,
+    loadLayoutPreviews,
     currentLayoutPath
   };
 }
@@ -10499,41 +10708,7 @@ function buildCanvasProps(input) {
 
 // src/viewer/hooks/useScopedLayoutOptions.ts
 function scopeLayoutOptionsToActiveSlide(options, activeSlide) {
-  if (!activeSlide?.layoutPath) {
-    return options;
-  }
-  const hasAnyMasterInfo = options.some((o) => o.masterPath);
-  if (!hasAnyMasterInfo) {
-    return options;
-  }
-  const activeOption = options.find((o) => o.path === activeSlide.layoutPath);
-  const activeMaster = activeOption?.masterPath;
-  if (!activeMaster) {
-    return options;
-  }
-  const scoped = options.filter((o) => o.masterPath === activeMaster);
-  const seen = /* @__PURE__ */ new Map();
-  for (const opt of scoped) {
-    const isActive = opt.path === activeSlide.layoutPath;
-    const existing = seen.get(opt.name);
-    if (!existing || isActive) {
-      seen.set(opt.name, opt);
-    }
-  }
-  const chosen = new Set(Array.from(seen.values()).map((o) => o.path));
-  const result = [];
-  const usedNames = /* @__PURE__ */ new Set();
-  for (const opt of scoped) {
-    if (!chosen.has(opt.path)) {
-      continue;
-    }
-    if (usedNames.has(opt.name)) {
-      continue;
-    }
-    usedNames.add(opt.name);
-    result.push(opt);
-  }
-  return result;
+  return scopeLayoutOptionsToSlide(options, activeSlide?.layoutPath);
 }
 
 // src/viewer/hooks/useViewerBuildingBlocks-toolbar-handlers.ts
@@ -10766,6 +10941,8 @@ function buildToolbarProps(input) {
     isOverflowMenuOpen: s.isOverflowMenuOpen,
     onSetOverflowMenuOpen: s.setIsOverflowMenuOpen,
     layoutOptions: scopedLayoutOptions,
+    currentLayoutPath: activeSlide?.layoutPath,
+    loadLayoutPreviews: input.loadLayoutPreviews,
     onInsertSlideFromLayout: slideOps.handleInsertSlideFromLayout,
     onInsertSlideFromTemplate: slideOps.handleInsertSlideFromTemplate,
     templateScheme: templateSchemeFromTheme(s.theme?.colorScheme),
@@ -10782,6 +10959,15 @@ function buildToolbarProps(input) {
     onToggleVersionHistory: () => propertyHandlers.setIsVersionHistoryOpen((p) => !p),
     onOpenPasswordProtection: () => dialogs.setIsPasswordDialogOpen(true),
     onOpenDocumentProperties: () => dialogs.setIsDocPropsDialogOpen(true),
+    // Design > Slide Size: the size control is the inspector's SLIDE SIZE
+    // card, which the deck (no-selection) panel renders. Drop the selection so
+    // that panel is what the pane shows, then open it.
+    onOpenSlideSize: () => {
+      s.setSelectedElementId(null);
+      s.setSelectedElementIds([]);
+      s.setSidebarPanelMode("properties");
+      s.setIsInspectorPaneOpen(true);
+    },
     onOpenFontEmbedding: () => dialogs.setIsFontEmbeddingOpen(true),
     onOpenDigitalSignatures: () => dialogs.setIsDigitalSigDialogOpen(true),
     onEnterPresenterView,
@@ -10817,6 +11003,20 @@ function buildToolbarProps(input) {
     activeSlide,
     onTransitionChange: handleTransitionChange,
     onApplyTransitionToAll: handleApplyTransitionToAll,
+    // No `onResetSlide` here: this building-blocks surface supplies no
+    // `onApplyLayout` either, so there is no layout to reset to. The mounted
+    // viewer (`ViewerToolbarSection`) wires both.
+    onSelectAll: () => {
+      const allIds = activeSlide?.elements.map((element) => element.id) ?? [];
+      if (allIds.length > 0) {
+        ops.applySelection(allIds[0], allIds);
+      }
+    },
+    presentationProperties: s.presentationProperties,
+    onPresentationPropertiesChange: (updates) => {
+      s.setPresentationProperties((prev) => ({ ...prev, ...updates }));
+      history.markDirty();
+    },
     hiddenActions
   };
 }
@@ -10894,7 +11094,12 @@ function useViewerBuildingBlocksCore(input) {
     setMode: state.setMode,
     setActiveSlideIndex: state.setActiveSlideIndex,
     setSlides: state.setSlides,
-    history
+    history,
+    // PowerPoint's bare `J` during a show toggles live captions.
+    onToggleSubtitles: () => state.setPresentationProperties((prev) => ({
+      ...prev,
+      showSubtitles: !prev.showSubtitles
+    }))
   });
   return {
     state,