pptx-react-viewer 2.17.0 → 2.18.0

package/dist/{chunk-ZA5JONCW.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-MQHC5TXI.mjs';
-import { translationsEn } from './chunk-S64T7C4V.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, 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, 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, buildElementClipboardPayload, generatePackageReadme, 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, getDraggedShapeAdjustmentValue, computeMarqueeHitIds, mergeAdditiveSelection, applyResize, snapBoxToGrid, applyMotionPathPreset } from './chunk-K2QU73KB.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';
@@ -1676,6 +1676,7 @@ function usePresentationKeyboard(input) {
     onToggleInkMarkup,
     onToggleToolbar,
     onShowAllSlides,
+    onToggleSubtitles,
     onToggleBlackScreen,
     onToggleWhiteScreen,
     rehearsing,
@@ -1741,6 +1742,9 @@ function usePresentationKeyboard(input) {
         case "showAllSlides":
           onShowAllSlides?.();
           return;
+        case "toggleSubtitles":
+          onToggleSubtitles?.();
+          return;
         case "toggleBlackScreen":
           onToggleBlackScreen?.();
           return;
@@ -1780,6 +1784,7 @@ function usePresentationKeyboard(input) {
     onToggleInkMarkup,
     onToggleToolbar,
     onShowAllSlides,
+    onToggleSubtitles,
     onToggleBlackScreen,
     onToggleWhiteScreen,
     rehearsing,
@@ -2220,6 +2225,7 @@ function usePresentationMode(input) {
     onEraseAnnotations,
     onToggleInkMarkup,
     onToggleToolbar,
+    onToggleSubtitles,
     onSaveRehearsalTimings,
     loopContinuously,
     showWithAnimation,
@@ -2427,6 +2433,7 @@ function usePresentationMode(input) {
     onToggleInkMarkup,
     onToggleToolbar,
     onShowAllSlides: openAllSlides,
+    onToggleSubtitles,
     onToggleBlackScreen: () => presenterConsole.setBlackout(
       presenterConsole.snapshot.blackout === "black" ? "none" : "black"
     ),
@@ -2909,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);
@@ -3355,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) {
@@ -3374,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 masterViewElements2 = useMemo(
-    () => computeMasterViewElements(activeMaster, activeLayout),
-    [activeMaster, activeLayout]
-  );
-  const notesMasterElements = useMemo(() => notesMaster?.elements ?? [], [notesMaster]);
-  const handoutMasterElements = useMemo(() => handoutMaster?.elements ?? [], [handoutMaster]);
   return {
     activeSlide,
     templateElements,
@@ -3423,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([]);
@@ -3521,6 +3539,8 @@ function useViewerCoreState(_input) {
     setTemplateElementsBySlideId,
     canvasSize,
     setCanvasSize,
+    slideSizeEmu,
+    setSlideSizeEmu,
     activeSlideIndex,
     setActiveSlideIndex,
     selectedElementId,
@@ -3725,6 +3745,7 @@ function useLoadContent({
   setTemplateElementsBySlideId,
   mediaDataUrls,
   setCanvasSize,
+  setSlideSizeEmu,
   setHeaderFooter,
   setLayoutOptions,
   setSlideMasters,
@@ -3732,6 +3753,7 @@ function useLoadContent({
   setTableStyleMap,
   setThemeOptions,
   setCustomShows,
+  setActiveCustomShowId,
   setSections,
   setPresentationProperties,
   setNotesMaster,
@@ -3891,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 ?? []);
@@ -3898,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);
@@ -3966,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"
@@ -3975,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]);
@@ -3984,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;
@@ -4003,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({
@@ -4029,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) {
@@ -4327,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
   };
 }
 
@@ -4551,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 = getDraggedShapeAdjustmentValue(adj, dx);
-  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
     });
   }
 }
@@ -5034,33 +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)) {
-      return;
-    }
-    if (!canInteractWithElement(el, "adjustHandle")) {
+    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,
@@ -6975,12 +7015,14 @@ function useExportSaveAs(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
     theme,
     canvasSize,
+    slideSizeEmu,
     modalControls,
     password
   } = input;
@@ -7004,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);
       }
@@ -7020,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") {
@@ -7037,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) => {
@@ -7066,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,
@@ -7074,6 +7117,7 @@ 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
@@ -7082,12 +7126,14 @@ function useExportSaveAs(input) {
   };
   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,
@@ -7164,12 +7210,14 @@ function useExportHandlers(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
     theme,
     canvasSize,
+    slideSizeEmu,
     password
   } = input;
   const [exportModalOpen, setExportModalOpen] = useState(false);
@@ -7205,12 +7253,14 @@ function useExportHandlers(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
     activeSlideIndexForGuides,
     theme,
     canvasSize,
+    slideSizeEmu,
     modalControls,
     password
   });
@@ -8380,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 } : {},
@@ -8423,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;
@@ -8577,6 +8627,8 @@ function useSerialize(input) {
     slides,
     templateElementsBySlideId,
     activeSlideIndex,
+    canvasSize,
+    slideSizeEmu,
     guides,
     headerFooter,
     presentationProperties,
@@ -8586,6 +8638,7 @@ function useSerialize(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     handlerRef,
@@ -8634,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,
@@ -8642,6 +8699,7 @@ function useSerialize(input) {
       appProperties,
       customProperties: customProperties.length > 0 ? customProperties : void 0,
       tags: tagCollections.length > 0 ? tagCollections : void 0,
+      slideMasters,
       notesMaster,
       handoutMaster,
       ...embeddedFontSaveOptions(embedFonts)
@@ -8650,6 +8708,8 @@ function useSerialize(input) {
   }, [
     slides,
     templateElementsBySlideId,
+    canvasSize,
+    slideSizeEmu,
     headerFooter,
     presentationProperties,
     customShows,
@@ -8658,6 +8718,7 @@ function useSerialize(input) {
     appProperties,
     customProperties,
     tagCollections,
+    slideMasters,
     notesMaster,
     handoutMaster,
     guides,
@@ -8783,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);
@@ -8862,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();
@@ -9161,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({
@@ -9391,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,
@@ -9398,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,
@@ -9427,6 +9494,8 @@ function useContentLifecycle(input) {
     slides,
     templateElementsBySlideId: state.templateElementsBySlideId,
     activeSlideIndex: state.activeSlideIndex,
+    canvasSize: state.canvasSize,
+    slideSizeEmu: state.slideSizeEmu,
     guides: state.guides,
     headerFooter: state.headerFooter,
     presentationProperties: state.presentationProperties,
@@ -9436,6 +9505,7 @@ function useContentLifecycle(input) {
     appProperties: state.appProperties,
     customProperties: state.customProperties,
     tagCollections: state.tagCollections,
+    slideMasters: state.slideMasters,
     notesMaster: state.notesMaster,
     handoutMaster: state.handoutMaster,
     handlerRef,
@@ -9451,7 +9521,31 @@ function useContentLifecycle(input) {
     filePath,
     serializeSlides: serializeForRecovery,
     enabled: autosaveEnabled,
-    ...autosaveIntervalSeconds === void 0 ? {} : { intervalSeconds: autosaveIntervalSeconds }
+    ...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, serializeForRecovery, autosaveStatus };
 }
@@ -9462,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",
@@ -9509,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;
@@ -10855,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,
@@ -10981,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,