pptx-react-viewer 3.3.0 → 3.4.0

package/dist/{chunk-3B5FRKYU.mjs → chunk-L5MRKDRM.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-2FTJAMFA.mjs';
-import { useViewerOptions, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useLayoutSwitching, ViewerOptionsContext, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP } from './chunk-QEEU4S4Z.mjs';
-import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getImageSurfaceStyle, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getImageSurfaceMaskStyle, getCropShapeClipPath, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-ITN5NYYM.mjs';
-import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, isElementRendered, isElementActionable, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveExpiredAutosaveSnapshots, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, getComputedFillStyle, strokeOutlineViewBox, revealedSmartArtNodeCount, buildSmartArtA11y, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, resolveChartKind, ensureChartInteractionStyles, applyChartPartHighlight, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleAriaLabel, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, placeholderPromptDescriptor, isWedgeCalloutPresetShape, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, themeToCssVars, shouldClearAutosaveCacheOnClose, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveDrawingShapeNodeId, buildChromeStyle, modelDataToBlobUrl, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, advanceChartValueDrag, beginChartValueDrag, buildSurfaceChart3DDataForElement, buildBarChart3DDataForElement, buildLineChart3DDataForElement, buildAreaChart3DDataForElement, buildPieChart3DDataForElement, withChartTitle, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, generateNibMarks, isBrowserOpenableMime, formatBytes, getOleDisplayName, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, centeredSvgTextLines, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, groupIntoParagraphs, substituteFieldText, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, COMMON_FONT_SIZES, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, RIBBON_SHAPE_SWATCHES, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, readSoundFileAsDataUrl, applyTransitionSoundFile, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, SLIDE_TRANSITION_KEYFRAMES, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, buildFontCatalog, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, getElementTransformWithoutRotation, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, mergeSlideTransition, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, elementLockTogglePatch, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, resolveSlideSizeSelection, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, CHART_TYPE_OPTIONS, isSeriesUsingSecondaryAxis, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-DM2IZCSD.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-AMRT3AE4.mjs';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-C4WTQIC6.mjs';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, ViewerOptionsContext, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, safePrompt, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, syncSelectionHandleOverlay } from './chunk-MSUUPLQ7.mjs';
+import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getImageSurfaceStyle, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getImageSurfaceMaskStyle, getCropShapeClipPath, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-SFMATKNJ.mjs';
+import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, isElementRendered, isElementActionable, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveExpiredAutosaveSnapshots, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, getComputedFillStyle, strokeOutlineViewBox, revealedSmartArtNodeCount, buildSmartArtA11y, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, resolveChartKind, ensureChartInteractionStyles, applyChartPartHighlight, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleAriaLabel, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, placeholderPromptDescriptor, isWedgeCalloutPresetShape, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, themeToCssVars, shouldClearAutosaveCacheOnClose, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, elementIdSelector, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, styleShadowFilter, resolveDrawingShapeNodeId, buildChromeStyle, modelDataToBlobUrl, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, advanceChartValueDrag, beginChartValueDrag, buildSurfaceChart3DDataForElement, buildBarChart3DDataForElement, buildLineChart3DDataForElement, buildAreaChart3DDataForElement, buildPieChart3DDataForElement, withChartTitle, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, generateNibMarks, isBrowserOpenableMime, formatBytes, getOleDisplayName, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, centeredSvgTextLines, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, groupIntoParagraphs, substituteFieldText, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, COMMON_FONT_SIZES, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, readSoundFileAsDataUrl, applyTransitionSoundFile, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, SLIDE_TRANSITION_KEYFRAMES, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, buildFontCatalog, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, getElementTransformWithoutRotation, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, mergeSlideTransition, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, elementLockTogglePatch, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, resolveSlideSizeSelection, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, CHART_TYPE_OPTIONS, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-B7WAGQW4.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-XWUMM2TX.mjs';
 import React19, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, Fragment as Fragment$1, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuRotateCw, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuClock, LuDownload, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
+import { LuRotateCw, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -514,7 +514,7 @@ function FailedToLoad() {
 var LazyArea3DChartScene = React19.lazy(
   async () => {
     try {
-      return await import('./Area3DChartScene-SAQVRYOH.mjs');
+      return await import('./Area3DChartScene-7PARQDOZ.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -570,7 +570,7 @@ function FailedToLoad2() {
 var LazyBar3DChartScene = React19.lazy(
   async () => {
     try {
-      return await import('./Bar3DChartScene-LUA6E2K6.mjs');
+      return await import('./Bar3DChartScene-QUU6RUXM.mjs');
     } catch {
       return { default: FailedToLoad2 };
     }
@@ -626,7 +626,7 @@ function FailedToLoad3() {
 var LazyLine3DChartScene = React19.lazy(
   async () => {
     try {
-      return await import('./Line3DChartScene-IW4JGH57.mjs');
+      return await import('./Line3DChartScene-D77ORA4K.mjs');
     } catch {
       return { default: FailedToLoad3 };
     }
@@ -682,7 +682,7 @@ function FailedToLoad4() {
 var LazyPieChart3DScene = React19.lazy(
   async () => {
     try {
-      return await import('./PieChart3DScene-O6FFK5L7.mjs');
+      return await import('./PieChart3DScene-DGD4PZVV.mjs');
     } catch {
       return { default: FailedToLoad4 };
     }
@@ -738,7 +738,7 @@ function FailedToLoad5() {
 var LazySurfaceChart3DScene = React19.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-OCR26R5D.mjs');
+      return await import('./SurfaceChart3DScene-QGH3OLJV.mjs');
     } catch {
       return { default: FailedToLoad5 };
     }
@@ -1355,9 +1355,8 @@ function ResizeHandles({
     onResizePointerDown(elementId, e, handle);
   };
   const startRotate = (btn, pointerId) => {
-    const wrapper = document.querySelector(
-      `[data-element-id="${elementId}"]`
-    );
+    const scope = btn.closest("[data-pptx-viewport]") ?? document;
+    const wrapper = scope.querySelector(elementIdSelector(elementId));
     if (!wrapper) {
       return;
     }
@@ -1377,7 +1376,9 @@ function ResizeHandles({
       }
       deg = Math.round((deg % 360 + 360) % 360);
       last = deg;
-      wrapper.style.transform = `rotate(${deg}deg)${base}`;
+      const transform = `rotate(${deg}deg)${base}`;
+      wrapper.style.transform = transform;
+      syncSelectionHandleOverlay(wrapper, elementId, { transform });
     };
     const onPointerMove = (ev) => apply(ev.clientX, ev.clientY, ev.shiftKey);
     const end = () => {
@@ -3021,7 +3022,7 @@ function FailedToLoad6() {
 var LazyModel3DScene = React19.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-BERTZYCJ.mjs');
+      return await import('./Model3DScene-ZEGWNILH.mjs');
     } catch {
       return { default: FailedToLoad6 };
     }
@@ -6187,8 +6188,29 @@ function DesignSection(p) {
     )
   ] });
 }
+var DEFAULT_VALUE = {
+  recentColors: [],
+  pushColor: () => {
+  }
+};
+var RecentColorsContext = createContext(DEFAULT_VALUE);
+var RecentColorsProvider = RecentColorsContext.Provider;
+function useRecentColors() {
+  return useContext(RecentColorsContext);
+}
 function DrawSection(p) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
+  const colorRef = useRef(null);
+  useEffect(() => {
+    const el = colorRef.current;
+    if (!el) {
+      return;
+    }
+    const handler = () => pushColor(el.value);
+    el.addEventListener("change", handler);
+    return () => el.removeEventListener("change", handler);
+  }, [pushColor]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("div", { className: grp, children: DRAW_TOOLS.map((tool, i, a) => /* @__PURE__ */ jsx(
       "button",
@@ -6215,6 +6237,7 @@ function DrawSection(p) {
             /* @__PURE__ */ jsx(
               "input",
               {
+                ref: colorRef,
                 type: "color",
                 value: p.drawingColor,
                 onChange: (e) => p.onSetDrawingColor(e.target.value),
@@ -6279,7 +6302,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "3.2.0" ;
+  const version = "3.3.0" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -7979,7 +8002,7 @@ function SlideShowSection(p) {
         {
           label: t("pptx.slideShow.fromBeginning"),
           icon: /* @__PURE__ */ jsx(LuPlay, {}),
-          onClick: () => p.onSetMode("present"),
+          onClick: p.onPresentFromBeginning ?? (() => p.onSetMode("present")),
           title: t("pptx.slideShow.fromBeginningTooltip")
         }
       ),
@@ -8119,6 +8142,45 @@ function SlideShowSection(p) {
     ] })
   ] });
 }
+function RecentColorsRow({
+  prefix,
+  disabled,
+  onCommit
+}) {
+  const { t } = useTranslation();
+  const { recentColors, pushColor } = useRecentColors();
+  if (recentColors.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "pptx-color-recent",
+      "aria-label": t("pptx.colorPicker.recentColors"),
+      className: "mt-1 flex flex-wrap items-center gap-1",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground", children: t("pptx.colorPicker.recentColors") }),
+        recentColors.map((c) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-pptx-compact": true,
+            className: "h-4 w-4 rounded border border-primary",
+            style: { backgroundColor: c },
+            title: c,
+            "aria-label": `Recent ${c}`,
+            disabled,
+            onClick: () => {
+              onCommit(c);
+              pushColor(c);
+            }
+          },
+          `${prefix}-recent-${c}`
+        ))
+      ]
+    }
+  );
+}
 var LINE_SPACING_OPTIONS = [
   { label: "1.0", value: 1 },
   { label: "1.15", value: 1.15 },
@@ -8331,14 +8393,16 @@ function TextSection(p) {
   const changeCaseRef = useRef(null);
   const fontColorRef = useRef(null);
   const highlightMenuRef = useRef(null);
+  const { pushColor } = useRecentColors();
   const handleColorChange = useCallback(
     (color) => {
       if (!canFormat) {
         return;
       }
       p.onUpdateTextStyle({ color });
+      pushColor(color);
     },
-    [canFormat, p]
+    [canFormat, p, pushColor]
   );
   const handleHighlightChange = useCallback(
     (highlightColor) => {
@@ -8346,8 +8410,9 @@ function TextSection(p) {
         return;
       }
       p.onUpdateTextStyle({ highlightColor });
+      pushColor(highlightColor);
     },
-    [canFormat, p]
+    [canFormat, p, pushColor]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
@@ -8695,6 +8760,14 @@ function TextSection(p) {
                 value: currentColor,
                 onChange: (e) => handleColorChange(e.target.value)
               }
+            ),
+            /* @__PURE__ */ jsx(
+              RecentColorsRow,
+              {
+                prefix: "font-color",
+                disabled: !canMut,
+                onCommit: handleColorChange
+              }
             )
           ] }) })
         ] }),
@@ -9343,6 +9416,7 @@ function MobileSectionBody({
         SlideShowSection,
         {
           onPresent: () => p.onSetMode("present"),
+          onPresentFromBeginning: p.onPresentFromBeginning,
           onEnterPresenterView: p.onEnterPresenterView ?? (() => {
           }),
           onEnterRehearsalMode: p.onEnterRehearsalMode ?? (() => {
@@ -9541,9 +9615,55 @@ function MobileToolbar(props) {
     }
   );
 }
+function ShapeColorPopover({
+  icon,
+  title,
+  prefix,
+  anchorRef,
+  open,
+  onToggle,
+  disabled,
+  swatchAriaLabel,
+  onApply,
+  onClose
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ref: anchorRef, children: [
+    /* @__PURE__ */ jsx("button", { type: "button", disabled, className: pill, title, onClick: onToggle, children: icon }),
+    open && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef, className: "pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2", children: [
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-6 gap-1", children: RIBBON_SHAPE_SWATCHES.map((c) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `${swatchAriaLabel} ${c}`,
+          "data-pptx-compact": true,
+          className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
+          style: { backgroundColor: c },
+          title: c,
+          onClick: () => {
+            onApply(c);
+            onClose();
+          }
+        },
+        c
+      )) }),
+      /* @__PURE__ */ jsx(
+        RecentColorsRow,
+        {
+          prefix,
+          disabled,
+          onCommit: (c) => {
+            onApply(c);
+            onClose();
+          }
+        }
+      )
+    ] }) })
+  ] });
+}
 var TOP_SHAPES = SHAPE_PRESETS.slice(0, 12);
 function DrawingGroup(p) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const [shapesOpen, setShapesOpen] = useState(false);
   const [arrangeOpen, setArrangeOpen] = useState(false);
   const [fillOpen, setFillOpen] = useState(false);
@@ -9705,64 +9825,42 @@ function DrawingGroup(p) {
             )
           ] }) })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", ref: fillRef, children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled: !p.canEdit || !p.selectedElement,
-              className: pill,
-              title: t("pptx.drawing.shapeFill"),
-              onClick: () => setFillOpen((v) => !v),
-              children: /* @__PURE__ */ jsx(LuPaintBucket, { className: ic })
-            }
-          ),
-          fillOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fillRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: RIBBON_SHAPE_SWATCHES.map((c) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Fill colour ${c}`,
-              "data-pptx-compact": true,
-              className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
-              style: { backgroundColor: c },
-              title: c,
-              onClick: () => {
-                p.onUpdateElementStyle?.(shapeFillChange(c));
-                setFillOpen(false);
-              }
+        /* @__PURE__ */ jsx(
+          ShapeColorPopover,
+          {
+            icon: /* @__PURE__ */ jsx(LuPaintBucket, { className: ic }),
+            title: t("pptx.drawing.shapeFill"),
+            prefix: "shape-fill",
+            anchorRef: fillRef,
+            open: fillOpen,
+            onToggle: () => setFillOpen((v) => !v),
+            disabled: !p.canEdit || !p.selectedElement,
+            swatchAriaLabel: "Fill colour",
+            onApply: (c) => {
+              p.onUpdateElementStyle?.(shapeFillChange(c));
+              pushColor(c);
             },
-            c
-          )) }) })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", ref: outlineRef, children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled: !p.canEdit || !p.selectedElement,
-              className: pill,
-              title: t("pptx.drawing.shapeOutline"),
-              onClick: () => setOutlineOpen((v) => !v),
-              children: /* @__PURE__ */ jsx(LuPenLine, { className: ic })
-            }
-          ),
-          outlineOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: outlineRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: RIBBON_SHAPE_SWATCHES.map((c) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": `Outline colour ${c}`,
-              "data-pptx-compact": true,
-              className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
-              style: { backgroundColor: c },
-              title: c,
-              onClick: () => {
-                p.onUpdateElementStyle?.(shapeOutlineChange(c));
-                setOutlineOpen(false);
-              }
+            onClose: () => setFillOpen(false)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ShapeColorPopover,
+          {
+            icon: /* @__PURE__ */ jsx(LuPenLine, { className: ic }),
+            title: t("pptx.drawing.shapeOutline"),
+            prefix: "shape-outline",
+            anchorRef: outlineRef,
+            open: outlineOpen,
+            onToggle: () => setOutlineOpen((v) => !v),
+            disabled: !p.canEdit || !p.selectedElement,
+            swatchAriaLabel: "Outline colour",
+            onApply: (c) => {
+              p.onUpdateElementStyle?.(shapeOutlineChange(c));
+              pushColor(c);
             },
-            c
-          )) }) })
-        ] }),
+            onClose: () => setOutlineOpen(false)
+          }
+        ),
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -10666,6 +10764,7 @@ function Toolbar(p) {
                 SlideShowSection,
                 {
                   onPresent: () => p.onSetMode("present"),
+                  onPresentFromBeginning: p.onPresentFromBeginning,
                   onEnterPresenterView: p.onEnterPresenterView ?? (() => {
                   }),
                   onEnterRehearsalMode: p.onEnterRehearsalMode ?? (() => {
@@ -12153,8 +12252,6 @@ function useStableCallbacks(callbacks) {
     stableResizeTableRow
   };
 }
-var PLACEHOLDER_WIDTH = 120;
-var PLACEHOLDER_HEIGHT = 40;
 function ActiveXControlOverlay({
   controls,
   canvasSize,
@@ -12163,24 +12260,17 @@ function ActiveXControlOverlay({
   if (controls.length === 0) {
     return null;
   }
-  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 pointer-events-none z-[40]", children: controls.map((control, idx) => {
-    const width = control.width ?? PLACEHOLDER_WIDTH;
-    const height = control.height ?? PLACEHOLDER_HEIGHT;
-    const left = control.x ?? 8;
-    const top = control.y ?? 8 + idx * (PLACEHOLDER_HEIGHT + 6);
-    const clampedWidth = Math.min(width, canvasSize.width);
-    const clampedHeight = Math.min(height, canvasSize.height);
-    const imageUrl = control.fallbackImageRelId ? resolveFallbackImage?.(control.fallbackImageRelId) : void 0;
-    const label = control.name || "ActiveX control";
-    if (imageUrl) {
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 pointer-events-none z-[40]", "data-testid": "pptx-activex-overlay", children: controls.map((control, idx) => {
+    const view = getActiveXControlOverlayView(control, canvasSize, idx, resolveFallbackImage);
+    if (view.className === "image" && view.imageUrl) {
       return /* @__PURE__ */ jsx(
         "img",
         {
-          src: imageUrl,
-          alt: label,
-          title: `ActiveX control: ${label}`,
+          src: view.imageUrl,
+          alt: view.label,
+          title: `ActiveX control: ${view.label}`,
           className: "absolute",
-          style: { left, top, width: clampedWidth, height: clampedHeight }
+          style: { left: view.left, top: view.top, width: view.width, height: view.height }
         },
         `${control.relId}-${idx}`
       );
@@ -12189,12 +12279,12 @@ function ActiveXControlOverlay({
       "div",
       {
         className: "absolute",
-        title: `ActiveX control: ${label} (interactive controls are not supported in the viewer)`,
+        title: `ActiveX control: ${view.label} (interactive controls are not supported in the viewer)`,
         style: {
-          left,
-          top,
-          width: clampedWidth,
-          height: clampedHeight,
+          left: view.left,
+          top: view.top,
+          width: view.width,
+          height: view.height,
           display: "flex",
           alignItems: "center",
           justifyContent: "center",
@@ -12214,7 +12304,7 @@ function ActiveXControlOverlay({
         },
         children: [
           /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2699" }),
-          /* @__PURE__ */ jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: label })
+          /* @__PURE__ */ jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: view.label })
         ]
       },
       `${control.relId}-${idx}`
@@ -14528,6 +14618,8 @@ function MasterViewSidebar({
   onSelectLayout,
   onCollapse,
   onTabChange,
+  crudActions,
+  onCrudAction,
   onHandoutSlidesPerPageChange,
   onNotesMasterBackgroundChange,
   onHandoutMasterBackgroundChange,
@@ -14607,6 +14699,19 @@ function MasterViewSidebar({
               }
             )
           ] }),
+          masterViewTab === "slides" && canEdit && crudActions.length > 0 && /* @__PURE__ */ jsx("section", { className: "grid grid-cols-2 gap-1 rounded-md border border-border/60 p-2", children: crudActions.map((action) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-testid": `pptx-master-crud-${action.id}`,
+              disabled: !action.enabled,
+              title: action.disabledReasonKey ? t(action.disabledReasonKey) : void 0,
+              onClick: () => onCrudAction(action.id),
+              className: "rounded border border-border/60 px-1.5 py-1 text-[10px] hover:bg-accent/60 disabled:cursor-not-allowed disabled:opacity-40",
+              children: t(action.labelKey)
+            },
+            action.id
+          )) }),
           masterViewTab === "slides" && /* @__PURE__ */ jsx(
             SlideMastersList,
             {
@@ -18883,12 +18988,13 @@ function PresenterNotesRail({
   now,
   elapsed,
   activeCustomShow,
+  authoredRange,
   onMove,
   onUpdateNotes
 }) {
   const { t } = useTranslation();
   const slide = slides[current];
-  const nextSlide = nextPresentedSlide(slides, current, activeCustomShow);
+  const nextSlide = nextPresentedSlide(slides, current, activeCustomShow, authoredRange);
   const notesText = slide?.notes ?? "";
   const notesSegments = slide?.notesSegments;
   const [notesDraft, setNotesDraft] = useState(notesText);
@@ -19134,6 +19240,7 @@ function PresenterView({
   templateElements,
   presentationStartTime,
   activeCustomShow,
+  authoredRange,
   onMovePresentationSlide,
   onExit,
   onOpenAudienceWindow,
@@ -19245,6 +19352,7 @@ function PresenterView({
           canvasSize,
           templateElements,
           activeCustomShow,
+          authoredRange,
           now,
           elapsed,
           onMove: onMovePresentationSlide,
@@ -19302,6 +19410,8 @@ function MobilePresenterView({
   currentSlideIndex,
   canvasSize,
   templateElements,
+  activeCustomShow,
+  authoredRange,
   presentationStartTime,
   onMovePresentationSlide,
   onExit
@@ -19314,7 +19424,7 @@ function MobilePresenterView({
   }, []);
   const elapsed = mobileElapsedSince(presentationStartTime, now);
   const currentSlide = slides[currentSlideIndex];
-  const nextSlide = nextPresentedSlide(slides, currentSlideIndex);
+  const nextSlide = nextPresentedSlide(slides, currentSlideIndex, activeCustomShow, authoredRange);
   if (!currentSlide) {
     return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-card text-muted-foreground", children: t("pptx.presenter.noSlides") });
   }
@@ -19847,6 +19957,7 @@ function AfterAnimationRow({
   onColorChange
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.afterAnimation") }),
@@ -19870,7 +19981,10 @@ function AfterAnimationRow({
           type: "color",
           "aria-label": t("pptx.animation.afterAnimation.color"),
           value: color ?? "#808080",
-          onChange: (event) => onColorChange(event.target.value),
+          onChange: (event) => {
+            onColorChange(event.target.value);
+            pushColor(event.target.value);
+          },
           disabled: !canEdit,
           className: "h-6 w-10 rounded border border-border bg-transparent p-0"
         }
@@ -20852,17 +20966,105 @@ var POS_FIELDS = [
   ["W", "width"],
   ["H", "height"]
 ];
+var URL_LABEL_KEY = {
+  url: "pptx.action.gotoUrl",
+  openFile: "pptx.hyperlink.actionOpenFile",
+  openPresentation: "pptx.hyperlink.actionOpenPresentation"
+};
+function ActionTargetFields({
+  type,
+  canEdit,
+  slideCount,
+  customShows,
+  url,
+  slideIndex,
+  customShowId,
+  returnAfter,
+  onChange
+}) {
+  const { t } = useTranslation();
+  const urlLabelKey = URL_LABEL_KEY[type];
+  if (urlLabelKey) {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        disabled: !canEdit,
+        "aria-label": t(urlLabelKey),
+        className: cn(INPUT, "w-full"),
+        placeholder: "https://...",
+        value: url ?? "",
+        onChange: (e) => onChange({ url: e.target.value })
+      }
+    );
+  }
+  if (type === "slide") {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        disabled: !canEdit,
+        "aria-label": t("pptx.action.gotoSlide"),
+        className: cn(INPUT, "w-full"),
+        placeholder: t("pptx.action.slideNumberPlaceholder"),
+        min: 1,
+        max: slideCount,
+        value: (slideIndex ?? 0) + 1,
+        onChange: (e) => {
+          const idx = toSlideIndex(Number(e.target.value), slideCount);
+          if (idx !== void 0) {
+            onChange({ slideIndex: idx });
+          }
+        }
+      }
+    );
+  }
+  if (type === "customShow") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsxs(
+        "select",
+        {
+          "data-testid": "pptx-action-custom-show",
+          disabled: !canEdit,
+          "aria-label": t("pptx.hyperlink.customShowLabel"),
+          className: cn(INPUT, "w-full"),
+          value: customShowId ?? "",
+          onChange: (e) => onChange({ customShowId: e.target.value, returnAfter }),
+          children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: t("pptx.hyperlink.customShowLabel") }),
+            customShows.map((show) => /* @__PURE__ */ jsx("option", { value: show.id, children: show.name }, show.id))
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1.5 text-muted-foreground", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            "data-testid": "pptx-action-custom-show-return",
+            disabled: !canEdit,
+            checked: returnAfter ?? false,
+            onChange: (e) => onChange({ customShowId, returnAfter: e.target.checked })
+          }
+        ),
+        t("pptx.hyperlink.customShowReturn")
+      ] })
+    ] });
+  }
+  return null;
+}
 function ActionSettingsPanel({
   selectedElement,
   slides,
   canEdit,
+  customShows,
   onUpdateElement
 }) {
   const { t } = useTranslation();
   const clickAction = selectedElement.actionClick ? pptxActionToElementAction(selectedElement.actionClick, "click") : void 0;
   const hoverAction = selectedElement.actionHover ? pptxActionToElementAction(selectedElement.actionHover, "hover") : void 0;
-  const updateAction = (trigger, type, url, slideIndex) => {
-    const ea = { trigger, type, url, slideIndex };
+  const updateAction = (trigger, type, patch) => {
+    const ea = { trigger, type, ...patch };
     const pa = elementActionToPptxAction(ea);
     if (trigger === "click") {
       onUpdateElement({ actionClick: pa });
@@ -20872,9 +21074,13 @@ function ActionSettingsPanel({
   };
   const changeType = (trigger, type) => {
     const current = trigger === "click" ? clickAction : hoverAction;
-    const target = { url: current?.url, slideIndex: current?.slideIndex };
+    const target = {
+      url: current?.url,
+      slideIndex: current?.slideIndex,
+      customShowId: current?.customShowId
+    };
     if (canCommitActionType(type, target)) {
-      updateAction(trigger, type, target.url, target.slideIndex);
+      updateAction(trigger, type, target);
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: CARD, "data-pptx-action-settings": true, children: [
@@ -20891,9 +21097,9 @@ function ActionSettingsPanel({
           fallbackSlideIndex: selectedElement.actionClick?.targetSlideIndex,
           canEdit,
           slideCount: slides.length,
+          customShows,
           onChangeType: (type) => changeType("click", type),
-          onChangeUrl: (url) => updateAction("click", "url", url),
-          onChangeSlide: (idx) => updateAction("click", "slide", void 0, idx)
+          onChangeTarget: (type, patch) => updateAction("click", type, patch)
         },
         `click-${selectedElement.id}`
       ),
@@ -20908,9 +21114,9 @@ function ActionSettingsPanel({
           fallbackSlideIndex: selectedElement.actionHover?.targetSlideIndex,
           canEdit,
           slideCount: slides.length,
+          customShows,
           onChangeType: (type) => changeType("hover", type),
-          onChangeUrl: (url) => updateAction("hover", "url", url),
-          onChangeSlide: (idx) => updateAction("hover", "slide", void 0, idx)
+          onChangeTarget: (type, patch) => updateAction("hover", type, patch)
         },
         `hover-${selectedElement.id}`
       )
@@ -20926,9 +21132,9 @@ function ActionTriggerSection({
   fallbackSlideIndex,
   canEdit,
   slideCount,
+  customShows,
   onChangeType,
-  onChangeUrl,
-  onChangeSlide
+  onChangeTarget
 }) {
   const { t } = useTranslation();
   const [pendingType, setPendingType] = useState(void 0);
@@ -20950,35 +21156,18 @@ function ActionTriggerSection({
         children: ELEMENT_ACTION_TYPE_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: t(o.labelKey) }, o.value))
       }
     ),
-    effectiveType === "url" && /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        disabled: !canEdit,
-        "aria-label": t("pptx.action.gotoUrl"),
-        className: cn(INPUT, "w-full"),
-        placeholder: "https://...",
-        value: action?.url ?? fallbackUrl ?? "",
-        onChange: (e) => onChangeUrl(e.target.value)
-      }
-    ),
-    effectiveType === "slide" && /* @__PURE__ */ jsx(
-      "input",
+    /* @__PURE__ */ jsx(
+      ActionTargetFields,
       {
-        type: "number",
-        disabled: !canEdit,
-        "aria-label": t("pptx.action.gotoSlide"),
-        className: cn(INPUT, "w-full"),
-        placeholder: t("pptx.action.slideNumberPlaceholder"),
-        min: 1,
-        max: slideCount,
-        value: (action?.slideIndex ?? fallbackSlideIndex ?? 0) + 1,
-        onChange: (e) => {
-          const idx = toSlideIndex(Number(e.target.value), slideCount);
-          if (idx !== void 0) {
-            onChangeSlide(idx);
-          }
-        }
+        type: effectiveType,
+        canEdit,
+        slideCount,
+        customShows,
+        url: action?.url ?? fallbackUrl,
+        slideIndex: action?.slideIndex ?? fallbackSlideIndex,
+        customShowId: action?.customShowId,
+        returnAfter: action?.returnAfter,
+        onChange: (patch) => onChangeTarget(effectiveType, patch)
       }
     )
   ] });
@@ -21266,6 +21455,7 @@ function ChartAxisStyleOptions({
   onSetGridlineStyle
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const rows = SCALE_AXES.map((row) => ({
     ...row,
     axis: axes?.find((a) => a.axisType === row.type)
@@ -21367,7 +21557,10 @@ function ChartAxisStyleOptions({
                   disabled: !canEdit,
                   className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
                   value: axis.fontColor ?? "#000000",
-                  onChange: (e) => onSetTitleStyle(type, { fontColor: e.target.value })
+                  onChange: (e) => {
+                    onSetTitleStyle(type, { fontColor: e.target.value });
+                    pushColor(e.target.value);
+                  }
                 }
               )
             ] })
@@ -21390,7 +21583,10 @@ function ChartAxisStyleOptions({
                   title: t("pptx.chart.gridlineColor"),
                   className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
                   value: spPr?.strokeColor ?? "#d9d9d9",
-                  onChange: (e) => onSetGridlineStyle(type, which, { color: e.target.value })
+                  onChange: (e) => {
+                    onSetGridlineStyle(type, which, { color: e.target.value });
+                    pushColor(e.target.value);
+                  }
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -21640,6 +21836,7 @@ function ChartDataPointMarkerOptions({
   onSetPointMarker
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const [seriesIndex, setSeriesIndex] = useState(0);
   if (!MARKER_SUPPORTED_TYPES.has(chartType) || series.length === 0 || categories.length === 0) {
     return null;
@@ -21727,7 +21924,10 @@ function ChartDataPointMarkerOptions({
               title: t("pptx.chart.markerFill"),
               className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
               value: point2.marker.spPr?.fillColor ?? "#4472c4",
-              onChange: (e) => onSetPointMarker(seriesIndex, idx, { fillColor: e.target.value })
+              onChange: (e) => {
+                onSetPointMarker(seriesIndex, idx, { fillColor: e.target.value });
+                pushColor(e.target.value);
+              }
             }
           )
         ] })
@@ -21745,6 +21945,7 @@ function ChartDataPointOptions({
   onSetPointLabel
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const [seriesIndex, setSeriesIndex] = useState(0);
   if (series.length === 0 || categories.length === 0) {
     return null;
@@ -21795,7 +21996,10 @@ function ChartDataPointOptions({
             title: t("pptx.chart.pointFill"),
             className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
             value: point2?.spPr?.fillColor ?? activeSeries.color ?? "#4472c4",
-            onChange: (e) => onSetPointFill(seriesIndex, idx, e.target.value)
+            onChange: (e) => {
+              onSetPointFill(seriesIndex, idx, e.target.value);
+              pushColor(e.target.value);
+            }
           }
         ),
         point2?.spPr?.fillColor && /* @__PURE__ */ jsx(
@@ -22007,6 +22211,7 @@ function ChartMarkerOptions({
   onSetMarker
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   if (!MARKER_SUPPORTED_TYPES.has(chartType) || series.length === 0) {
     return null;
   }
@@ -22065,7 +22270,10 @@ function ChartMarkerOptions({
                 disabled: !canEdit,
                 className: "h-6 w-8 cursor-pointer rounded border border-border bg-transparent",
                 value: marker.spPr?.fillColor ?? "#4472c4",
-                onChange: (e) => onSetMarker(i, { fillColor: e.target.value })
+                onChange: (e) => {
+                  onSetMarker(i, { fillColor: e.target.value });
+                  pushColor(e.target.value);
+                }
               }
             )
           ] })
@@ -22084,14 +22292,19 @@ function DebouncedColorInput({
   const [local, setLocal] = useState(value);
   const commitRef = useRef(onCommit);
   commitRef.current = onCommit;
+  const { pushColor } = useRecentColors();
   useEffect(() => {
     setLocal(value);
   }, [value]);
-  const handleChange = useCallback((e) => {
-    const next = e.target.value;
-    setLocal(next);
-    commitRef.current(next);
-  }, []);
+  const handleChange = useCallback(
+    (e) => {
+      const next = e.target.value;
+      setLocal(next);
+      commitRef.current(next);
+      pushColor(next);
+    },
+    [pushColor]
+  );
   return /* @__PURE__ */ jsx(
     "input",
     {
@@ -22156,6 +22369,71 @@ function ChartSeriesColorOptions({
     ] }, `${s.name}-${i}`)) })
   ] });
 }
+function ChartSubtypeOptions({
+  chartData,
+  canEdit,
+  onUpdateChartData
+}) {
+  const { t } = useTranslation();
+  if (chartData.chartType !== "bar3D" && chartData.chartType !== "radar" && chartData.chartType !== "surface") {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.display") }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      chartData.chartType === "bar3D" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.bar3DShapeLabel") }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            "data-testid": "pptx-chart-bar3d-shape",
+            "aria-label": t("pptx.chart.bar3DShapeLabel"),
+            disabled: !canEdit,
+            className: INPUT2,
+            value: chartData.barShape ?? "box",
+            onChange: (e) => onUpdateChartData(bar3DShapePatch(chartData, e.target.value)),
+            children: BAR3D_SHAPE_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: t(opt.labelKey) }, opt.value))
+          }
+        )
+      ] }),
+      chartData.chartType === "radar" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.radarStyleLabel") }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            "data-testid": "pptx-chart-radar-style",
+            "aria-label": t("pptx.chart.radarStyleLabel"),
+            disabled: !canEdit,
+            className: INPUT2,
+            value: chartData.radarStyle ?? "standard",
+            onChange: (e) => onUpdateChartData(
+              radarStylePatch(
+                chartData,
+                e.target.value
+              )
+            ),
+            children: RADAR_STYLE_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: t(opt.labelKey) }, opt.value))
+          }
+        )
+      ] }),
+      chartData.chartType === "surface" && /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
+        /* @__PURE__ */ jsx("span", { className: "w-16 text-muted-foreground shrink-0", children: t("pptx.chart.surfaceWireframeLabel") }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            "data-testid": "pptx-chart-surface-wireframe",
+            "aria-label": t("pptx.chart.surfaceWireframeLabel"),
+            disabled: !canEdit,
+            className: INPUT2,
+            value: chartData.wireframe ? "true" : "false",
+            onChange: (e) => onUpdateChartData(surfaceWireframePatch(chartData, e.target.value === "true")),
+            children: SURFACE_WIREFRAME_OPTIONS.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: t(opt.labelKey) }, opt.value))
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 function ChartTrendlineOptions({
   chartType,
   series,
@@ -22536,6 +22814,14 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
         onToggleGridlines: toggleGridlines
       }
     ),
+    /* @__PURE__ */ jsx(
+      ChartSubtypeOptions,
+      {
+        chartData,
+        canEdit,
+        onUpdateChartData: updateChartData
+      }
+    ),
     /* @__PURE__ */ jsx(ChartDataLabelOptions, { style, canEdit, onUpdateStyle: updateStyle }),
     /* @__PURE__ */ jsx(ChartAxisOptions, { axes: chartData.axes, canEdit, onUpdateAxis: updateAxis }),
     /* @__PURE__ */ jsx(
@@ -23074,6 +23360,7 @@ function DebouncedColorInput2({
   const [local, setLocal] = useState(value);
   const commitRef = useRef(onCommit);
   commitRef.current = onCommit;
+  const { pushColor } = useRecentColors();
   useEffect(() => {
     setLocal(value);
   }, [value]);
@@ -23082,7 +23369,8 @@ function DebouncedColorInput2({
   }, []);
   const handleBlur = useCallback(() => {
     commitRef.current(local);
-  }, [local]);
+    pushColor(local);
+  }, [local, pushColor]);
   const inputRef = useRef(null);
   useEffect(() => {
     const el = inputRef.current;
@@ -23091,10 +23379,11 @@ function DebouncedColorInput2({
     }
     const handler = () => {
       commitRef.current(el.value);
+      pushColor(el.value);
     };
     el.addEventListener("change", handler);
     return () => el.removeEventListener("change", handler);
-  }, []);
+  }, [pushColor]);
   return /* @__PURE__ */ jsx(
     "input",
     {
@@ -24911,6 +25200,108 @@ var safeNum = (raw, fallback) => {
   const n = Number(raw);
   return Number.isFinite(n) ? n : fallback;
 };
+function EffectField({
+  field,
+  style,
+  onUpdate
+}) {
+  const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
+  const fieldLabel = field.i18nKey ? t(field.i18nKey) : field.label;
+  const val = field.read(style);
+  const cls = `flex flex-col gap-1 ${field.span2 ? COL2 : ""}`;
+  if (field.type === "select" && field.options) {
+    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          "aria-label": fieldLabel,
+          value: String(val),
+          onChange: (e) => {
+            const result = field.write(e.target.value, style);
+            onUpdate(typeof result === "function" ? result(style) : result);
+          },
+          className: SEL2,
+          children: field.options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+        }
+      )
+    ] });
+  }
+  if (field.type === "color") {
+    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "color",
+          value: String(val),
+          onChange: (e) => {
+            const result = field.write(e.target.value, style);
+            onUpdate(typeof result === "function" ? result(style) : result);
+            pushColor(e.target.value);
+          },
+          className: `h-8 ${SEL2} px-1`
+        }
+      )
+    ] });
+  }
+  if (field.type === "checkbox") {
+    return /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 ${field.span2 ? COL2 : ""}`, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: Boolean(val),
+          onChange: (e) => {
+            const result = field.write(e.target.checked, style);
+            onUpdate(typeof result === "function" ? result(style) : result);
+          },
+          className: "h-4 w-4"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel })
+    ] });
+  }
+  if (field.type === "range") {
+    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "range",
+          min: field.min ?? 0,
+          max: field.max ?? 100,
+          value: Number(val),
+          onChange: (e) => {
+            const result = field.write(Number(e.target.value), style);
+            onUpdate(typeof result === "function" ? result(style) : result);
+          },
+          className: RNG
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+    /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        min: field.min,
+        max: field.max,
+        step: field.step,
+        value: Number(val),
+        onChange: (e) => {
+          const n = safeNum(e.target.value, Number(val));
+          const result = field.write(n, style);
+          onUpdate(typeof result === "function" ? result(style) : result);
+        },
+        className: NUM2
+      }
+    )
+  ] });
+}
 function SelectRow({
   label,
   value,
@@ -24938,14 +25329,18 @@ function ColorPickerRow({
   value,
   disabled,
   prefix,
-  recentColors,
   onChange
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
+  const commit = (color) => {
+    onChange(color);
+    pushColor(color);
+  };
   const handleEyedropper = async () => {
     const color = await openNativeEyeDropper();
     if (color) {
-      onChange(color);
+      commit(color);
     }
   };
   return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -24957,7 +25352,7 @@ function ColorPickerRow({
           type: "color",
           value,
           disabled,
-          onChange: (e) => onChange(e.target.value),
+          onChange: (e) => commit(e.target.value),
           className: `h-8 flex-1 ${SEL2} px-1 ${DIS}`
         }
       ),
@@ -24976,35 +25371,21 @@ function ColorPickerRow({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "mt-1 flex flex-wrap gap-1", children: [
-      THEME_COLOR_SWATCHES.map((c) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: `${SWATCH} ${DIS}`,
-          style: { backgroundColor: c },
-          title: `${label} ${c}`,
-          "aria-label": `${label} ${c}`,
-          "data-pptx-compact": true,
-          disabled,
-          onClick: () => onChange(c)
-        },
-        `${prefix}-theme-${c}`
-      )),
-      recentColors?.map((c) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "data-pptx-compact": true,
-          className: "h-4 w-4 rounded border border-primary",
-          style: { backgroundColor: c },
-          title: `Recent ${c}`,
-          "aria-label": `Recent ${c}`,
-          onClick: () => onChange(c)
-        },
-        `${prefix}-recent-${c}`
-      ))
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "mt-1 flex flex-wrap gap-1", children: THEME_COLOR_SWATCHES.map((c) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: `${SWATCH} ${DIS}`,
+        style: { backgroundColor: c },
+        title: `${label} ${c}`,
+        "aria-label": `${label} ${c}`,
+        "data-pptx-compact": true,
+        disabled,
+        onClick: () => commit(c)
+      },
+      `${prefix}-theme-${c}`
+    )) }),
+    /* @__PURE__ */ jsx(RecentColorsRow, { prefix, disabled, onCommit: commit })
   ] });
 }
 function GradientStopRow({
@@ -25015,6 +25396,7 @@ function GradientStopRow({
   allStops
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const patchStop = (patch) => {
     const next = allStops.map((s, i) => i === index ? { ...s, ...patch } : s);
     onUpdate(next);
@@ -25026,7 +25408,11 @@ function GradientStopRow({
         {
           type: "color",
           value: normalizeHexColor(stop.color, "#3b82f6"),
-          onChange: (e) => patchStop({ color: normalizeHexColor(e.target.value, "#3b82f6") }),
+          onChange: (e) => {
+            const hex = normalizeHexColor(e.target.value, "#3b82f6");
+            patchStop({ color: hex });
+            pushColor(hex);
+          },
           className: "h-7 w-10 rounded border border-border bg-muted"
         }
       ),
@@ -25072,106 +25458,6 @@ function GradientStopRow({
     ] })
   ] });
 }
-function EffectField({
-  field,
-  style,
-  onUpdate
-}) {
-  const { t } = useTranslation();
-  const fieldLabel = field.i18nKey ? t(field.i18nKey) : field.label;
-  const val = field.read(style);
-  const cls = `flex flex-col gap-1 ${field.span2 ? COL2 : ""}`;
-  if (field.type === "select" && field.options) {
-    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
-      /* @__PURE__ */ jsx(
-        "select",
-        {
-          "aria-label": fieldLabel,
-          value: String(val),
-          onChange: (e) => {
-            const result = field.write(e.target.value, style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: SEL2,
-          children: field.options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
-        }
-      )
-    ] });
-  }
-  if (field.type === "color") {
-    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "color",
-          value: String(val),
-          onChange: (e) => {
-            const result = field.write(e.target.value, style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: `h-8 ${SEL2} px-1`
-        }
-      )
-    ] });
-  }
-  if (field.type === "checkbox") {
-    return /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 ${field.span2 ? COL2 : ""}`, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "checkbox",
-          checked: Boolean(val),
-          onChange: (e) => {
-            const result = field.write(e.target.checked, style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: "h-4 w-4"
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel })
-    ] });
-  }
-  if (field.type === "range") {
-    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "range",
-          min: field.min ?? 0,
-          max: field.max ?? 100,
-          value: Number(val),
-          onChange: (e) => {
-            const result = field.write(Number(e.target.value), style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: RNG
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-    /* @__PURE__ */ jsx("span", { className: LBL2, children: fieldLabel }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "number",
-        min: field.min,
-        max: field.max,
-        step: field.step,
-        value: Number(val),
-        onChange: (e) => {
-          const n = safeNum(e.target.value, Number(val));
-          const result = field.write(n, style);
-          onUpdate(typeof result === "function" ? result(style) : result);
-        },
-        className: NUM2
-      }
-    )
-  ] });
-}
 function FillAdvancedControls({
   style,
   gradientStops,
@@ -25381,7 +25667,6 @@ function QuickStylesGallery({
 function StrokeEffectsSection({
   style,
   isLine,
-  recentColors,
   onUpdateShapeStyle,
   onSetStrokeColor
 }) {
@@ -25393,7 +25678,6 @@ function StrokeEffectsSection({
         label: t("pptx.inspector.stroke"),
         prefix: "stroke",
         value: normalizeHexColor(style?.strokeColor, DEFAULT_STROKE_COLOR),
-        recentColors,
         onChange: onSetStrokeColor
       }
     ),
@@ -25526,7 +25810,6 @@ function FillStrokeProperties({
   selectedShapeStyle,
   selectedShapeType,
   selectedGradientStops,
-  recentColors,
   onUpdateShapeStyle,
   onSetFillColor,
   onSetStrokeColor
@@ -25625,7 +25908,6 @@ function FillStrokeProperties({
         {
           style,
           isLine: line,
-          recentColors,
           onUpdateShapeStyle,
           onSetStrokeColor
         }
@@ -25640,6 +25922,7 @@ function Text3DProperties({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const t3d = ts?.text3d;
   const hasExtrusion = Boolean(t3d?.extrusionHeight && t3d.extrusionHeight > 0);
   const update3d = (partial) => {
@@ -25693,7 +25976,10 @@ function Text3DProperties({
             {
               type: "color",
               value: normalizeHexColor(t3d?.extrusionColor, "#888888"),
-              onChange: (e) => update3d({ extrusionColor: e.target.value }),
+              onChange: (e) => {
+                update3d({ extrusionColor: e.target.value });
+                pushColor(e.target.value);
+              },
               className: COLOR_CLS
             }
           )
@@ -25859,6 +26145,7 @@ function AdvancedTextFormatting({
   numChange
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: t("pptx.textProperties.advancedTextHeading") }),
     /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: BASELINE_TOGGLES.map(([label, baseline]) => /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
@@ -25881,7 +26168,10 @@ function AdvancedTextFormatting({
         {
           type: "color",
           value: normalizeHexColor(ts?.highlightColor, "#ffff00"),
-          onChange: (e) => onUpdateTextStyle({ highlightColor: e.target.value }),
+          onChange: (e) => {
+            onUpdateTextStyle({ highlightColor: e.target.value });
+            pushColor(e.target.value);
+          },
           disabled: !canEdit,
           className: COLOR_CLS2
         }
@@ -25912,7 +26202,10 @@ function AdvancedTextFormatting({
           {
             type: "color",
             value: ts?.underlineColor || ts?.color || "#000000",
-            onChange: (e) => onUpdateTextStyle({ underlineColor: e.target.value }),
+            onChange: (e) => {
+              onUpdateTextStyle({ underlineColor: e.target.value });
+              pushColor(e.target.value);
+            },
             className: COLOR_CLS2
           }
         )
@@ -25943,7 +26236,10 @@ function AdvancedTextFormatting({
           {
             type: "color",
             value: ts?.textOutlineColor || "#000000",
-            onChange: (e) => onUpdateTextStyle({ textOutlineColor: e.target.value }),
+            onChange: (e) => {
+              onUpdateTextStyle({ textOutlineColor: e.target.value });
+              pushColor(e.target.value);
+            },
             className: COLOR_CLS2
           }
         )
@@ -26017,19 +26313,128 @@ function AdvancedTextFormatting({
     ] })
   ] });
 }
+function TextReflectionSection({
+  ts,
+  onUpdateTextStyle,
+  numChange
+}) {
+  const { t } = useTranslation();
+  const hasReflection = Boolean(ts?.textReflection);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: hasReflection,
+          onChange: (e) => {
+            if (e.target.checked) {
+              onUpdateTextStyle({
+                textReflection: true,
+                textReflectionBlur: 1,
+                textReflectionStartOpacity: 0.5,
+                textReflectionEndOpacity: 0,
+                textReflectionOffset: 3
+              });
+            } else {
+              onUpdateTextStyle({
+                textReflection: void 0,
+                textReflectionBlur: void 0,
+                textReflectionStartOpacity: void 0,
+                textReflectionEndOpacity: void 0,
+                textReflectionOffset: void 0
+              });
+            }
+          }
+        }
+      ),
+      t("pptx.textEffects.reflection")
+    ] }),
+    hasReflection && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 pl-4", children: [
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Blur" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 20,
+            step: 0.5,
+            value: Number(ts?.textReflectionBlur ?? 1).toFixed(1),
+            onChange: numChange((v) => ({
+              textReflectionBlur: Math.max(0, Math.min(20, v))
+            })),
+            className: INPUT_CLS3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Offset" }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 20,
+            step: 1,
+            value: Math.round(ts?.textReflectionOffset ?? 3),
+            onChange: numChange((v) => ({
+              textReflectionOffset: Math.max(0, Math.min(20, v))
+            })),
+            className: INPUT_CLS3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.textEffects.startOpacity") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 1,
+            step: 0.05,
+            value: Number(ts?.textReflectionStartOpacity ?? 0.5).toFixed(2),
+            onChange: numChange((v) => ({
+              textReflectionStartOpacity: Math.max(0, Math.min(1, v))
+            })),
+            className: INPUT_CLS3
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.textEffects.endOpacity") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: 0,
+            max: 1,
+            step: 0.05,
+            value: Number(ts?.textReflectionEndOpacity ?? 0).toFixed(2),
+            onChange: numChange((v) => ({
+              textReflectionEndOpacity: Math.max(0, Math.min(1, v))
+            })),
+            className: INPUT_CLS3
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 function TextEffectsPanel({
   ts,
   onUpdateTextStyle,
   numChange
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const hasShadow = Boolean(
     ts?.textShadowColor || typeof ts?.textShadowBlur === "number" && ts.textShadowBlur > 0
   );
   const hasGlow = Boolean(
     ts?.textGlowColor || typeof ts?.textGlowRadius === "number" && ts.textGlowRadius > 0
   );
-  const hasReflection = Boolean(ts?.textReflection);
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: t("pptx.textEffects.title") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -26070,7 +26475,10 @@ function TextEffectsPanel({
             {
               type: "color",
               value: normalizeHexColor(ts?.textShadowColor, "#000000"),
-              onChange: (e) => onUpdateTextStyle({ textShadowColor: e.target.value }),
+              onChange: (e) => {
+                onUpdateTextStyle({ textShadowColor: e.target.value });
+                pushColor(e.target.value);
+              },
               className: COLOR_CLS2
             }
           )
@@ -26175,7 +26583,10 @@ function TextEffectsPanel({
             {
               type: "color",
               value: normalizeHexColor(ts?.textGlowColor, "#ffff00"),
-              onChange: (e) => onUpdateTextStyle({ textGlowColor: e.target.value }),
+              onChange: (e) => {
+                onUpdateTextStyle({ textGlowColor: e.target.value });
+                pushColor(e.target.value);
+              },
               className: COLOR_CLS2
             }
           )
@@ -26216,107 +26627,7 @@ function TextEffectsPanel({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: hasReflection,
-            onChange: (e) => {
-              if (e.target.checked) {
-                onUpdateTextStyle({
-                  textReflection: true,
-                  textReflectionBlur: 1,
-                  textReflectionStartOpacity: 0.5,
-                  textReflectionEndOpacity: 0,
-                  textReflectionOffset: 3
-                });
-              } else {
-                onUpdateTextStyle({
-                  textReflection: void 0,
-                  textReflectionBlur: void 0,
-                  textReflectionStartOpacity: void 0,
-                  textReflectionEndOpacity: void 0,
-                  textReflectionOffset: void 0
-                });
-              }
-            }
-          }
-        ),
-        t("pptx.textEffects.reflection")
-      ] }),
-      hasReflection && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 pl-4", children: [
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Blur" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "number",
-              min: 0,
-              max: 20,
-              step: 0.5,
-              value: Number(ts?.textReflectionBlur ?? 1).toFixed(1),
-              onChange: numChange((v) => ({
-                textReflectionBlur: Math.max(0, Math.min(20, v))
-              })),
-              className: INPUT_CLS3
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Offset" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "number",
-              min: 0,
-              max: 20,
-              step: 1,
-              value: Math.round(ts?.textReflectionOffset ?? 3),
-              onChange: numChange((v) => ({
-                textReflectionOffset: Math.max(0, Math.min(20, v))
-              })),
-              className: INPUT_CLS3
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.textEffects.startOpacity") }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "number",
-              min: 0,
-              max: 1,
-              step: 0.05,
-              value: Number(ts?.textReflectionStartOpacity ?? 0.5).toFixed(2),
-              onChange: numChange((v) => ({
-                textReflectionStartOpacity: Math.max(0, Math.min(1, v))
-              })),
-              className: INPUT_CLS3
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.textEffects.endOpacity") }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "number",
-              min: 0,
-              max: 1,
-              step: 0.05,
-              value: Number(ts?.textReflectionEndOpacity ?? 0).toFixed(2),
-              onChange: numChange((v) => ({
-                textReflectionEndOpacity: Math.max(0, Math.min(1, v))
-              })),
-              className: INPUT_CLS3
-            }
-          )
-        ] })
-      ] })
-    ] })
+    /* @__PURE__ */ jsx(TextReflectionSection, { ts, onUpdateTextStyle, numChange })
   ] });
 }
 function TextWarpGallery({
@@ -26390,7 +26701,6 @@ function TextAdvancedSections({
     /* @__PURE__ */ jsx(Text3DProperties, { ts, onUpdateTextStyle })
   ] });
 }
-var EMPTY_RECENT_COLORS = [];
 function ShapeTextPanels({
   selectedElement,
   canEdit,
@@ -26426,7 +26736,6 @@ function ShapeTextPanels({
           selectedGradientStops: sanitizeGradientStops(
             selectedElement.shapeStyle?.fillGradientStops
           ),
-          recentColors: EMPTY_RECENT_COLORS,
           canEdit,
           onUpdateShapeStyle: onUpdateElementStyle,
           onSetFillColor: (hex) => onUpdateElementStyle({ fillColor: hex, fillMode: "solid" }),
@@ -26434,7 +26743,7 @@ function ShapeTextPanels({
         }
       )
     ] }),
-    hasTextProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD, children: [
+    hasTextProperties(selectedElement) && /* @__PURE__ */ jsxs("div", { className: CARD, "data-pptx-text-card": true, children: [
       /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.text.title", "Text") }),
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
@@ -26458,12 +26767,21 @@ function ShapeTextPanels({
             DebouncedColorInput,
             {
               disabled: !canEdit,
+              ariaLabel: "Text Color",
               value: normalizeHexColor(selectedElement.textStyle?.color, "#000000"),
               className: "w-full h-7 rounded border border-border bg-transparent cursor-pointer",
               onCommit: (hex) => onUpdateTextStyle({ color: hex })
             }
           )
         ] }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx(
+          RecentColorsRow,
+          {
+            prefix: "text-color",
+            disabled: !canEdit,
+            onCommit: (hex) => onUpdateTextStyle({ color: hex })
+          }
+        ) }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-1 col-span-2", children: [
           /* @__PURE__ */ jsx(
             TextFormatToggle,
@@ -26746,6 +27064,7 @@ function SmartArtNodeStyleControls({
   canEdit,
   onChangeStyle
 }) {
+  const { pushColor } = useRecentColors();
   const bold = Boolean(style?.bold);
   const italic = Boolean(style?.italic);
   return /* @__PURE__ */ jsxs(
@@ -26765,7 +27084,10 @@ function SmartArtNodeStyleControls({
               "aria-label": `Fill colour for ${label}`,
               className: "h-4 w-5 cursor-pointer rounded border border-border bg-transparent p-0 disabled:cursor-not-allowed",
               value: style?.fillColor ?? DEFAULT_FILL,
-              onChange: (e) => onChangeStyle(nodeId, { fillColor: e.target.value })
+              onChange: (e) => {
+                onChangeStyle(nodeId, { fillColor: e.target.value });
+                pushColor(e.target.value);
+              }
             }
           )
         ] }),
@@ -26779,7 +27101,10 @@ function SmartArtNodeStyleControls({
               "aria-label": `Font colour for ${label}`,
               className: "h-4 w-5 cursor-pointer rounded border border-border bg-transparent p-0 disabled:cursor-not-allowed",
               value: style?.fontColor ?? DEFAULT_FONT,
-              onChange: (e) => onChangeStyle(nodeId, { fontColor: e.target.value })
+              onChange: (e) => {
+                onChangeStyle(nodeId, { fontColor: e.target.value });
+                pushColor(e.target.value);
+              }
             }
           )
         ] }),
@@ -27343,6 +27668,7 @@ function TableCellPatternFill({
   onUpdateCellStyle
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const translate = (key) => t(key);
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
@@ -27369,7 +27695,10 @@ function TableCellPatternFill({
             disabled: !canEdit,
             className: "w-full h-7 rounded border border-border bg-transparent cursor-pointer",
             value: cellStyle.patternFillForeground ?? "#000000",
-            onChange: (e) => onUpdateCellStyle({ patternFillForeground: e.target.value })
+            onChange: (e) => {
+              onUpdateCellStyle({ patternFillForeground: e.target.value });
+              pushColor(e.target.value);
+            }
           }
         )
       ] }),
@@ -27382,7 +27711,10 @@ function TableCellPatternFill({
             disabled: !canEdit,
             className: "w-full h-7 rounded border border-border bg-transparent cursor-pointer",
             value: cellStyle.patternFillBackground ?? "#FFFFFF",
-            onChange: (e) => onUpdateCellStyle({ patternFillBackground: e.target.value })
+            onChange: (e) => {
+              onUpdateCellStyle({ patternFillBackground: e.target.value });
+              pushColor(e.target.value);
+            }
           }
         )
       ] })
@@ -27483,6 +27815,7 @@ function GradientControls({
   onUpdateCellStyle
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   const stops = cellStyle.gradientFillStops ?? [];
   const gradType = cellStyle.gradientFillType ?? "linear";
   const updateStop = (index, patch) => {
@@ -27539,7 +27872,10 @@ function GradientControls({
           disabled: !canEdit,
           className: "h-6 w-6 rounded border border-border cursor-pointer",
           value: stop.color,
-          onChange: (e) => updateStop(idx, { color: e.target.value })
+          onChange: (e) => {
+            updateStop(idx, { color: e.target.value });
+            pushColor(e.target.value);
+          }
         }
       ),
       /* @__PURE__ */ jsx(
@@ -27984,6 +28320,7 @@ function ElementInspectorBody({
   selectedElement,
   canEdit,
   slides,
+  customShows,
   tableEditorState,
   mediaDataUrls,
   onUpdateElement,
@@ -28118,6 +28455,7 @@ function ElementInspectorBody({
         selectedElement,
         slides,
         canEdit,
+        customShows,
         onUpdateElement
       }
     ),
@@ -28132,6 +28470,122 @@ function ElementInspectorBody({
     /* @__PURE__ */ jsx(LayerOrderButtons, { canEdit, onMoveLayer })
   ] });
 }
+function CommentMentionTextarea({
+  value,
+  mentions,
+  authors,
+  onChange,
+  onSubmitShortcut,
+  placeholder,
+  rows = 2,
+  className,
+  ariaLabel
+}) {
+  const { t } = useTranslation();
+  const textareaRef = useRef(null);
+  const [caret, setCaret] = useState(value.length);
+  const [highlighted, setHighlighted] = useState(0);
+  const [dismissedAt, setDismissedAt] = useState(null);
+  const query = useMemo(() => commentMentionQuery(value, caret), [value, caret]);
+  const activeQuery = query && query.start !== dismissedAt ? query : null;
+  const matches = useMemo(
+    () => activeQuery ? matchCommentMentionAuthors(authors, activeQuery.query) : [],
+    [activeQuery, authors]
+  );
+  const safeHighlighted = matches.length > 0 ? highlighted % matches.length : 0;
+  const syncCaret = (target) => {
+    setCaret(target.selectionStart ?? target.value.length);
+    setHighlighted(0);
+  };
+  const acceptAuthor = (author) => {
+    const result = insertCommentMention(value, mentions, caret, author);
+    onChange(result.text, result.mentions);
+    setCaret(result.caret);
+    setDismissedAt(null);
+    requestAnimationFrame(() => {
+      textareaRef.current?.setSelectionRange(result.caret, result.caret);
+      textareaRef.current?.focus();
+    });
+  };
+  const handleChange = (event) => {
+    onChange(event.target.value, mentions);
+    syncCaret(event.target);
+  };
+  const handleKeyDown = (event) => {
+    if (matches.length > 0) {
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setHighlighted((index) => (index + 1) % matches.length);
+        return;
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setHighlighted((index) => (index - 1 + matches.length) % matches.length);
+        return;
+      }
+      if (event.key === "Enter" || event.key === "Tab") {
+        event.preventDefault();
+        acceptAuthor(matches[safeHighlighted]);
+        return;
+      }
+      if (event.key === "Escape") {
+        event.preventDefault();
+        setDismissedAt(activeQuery?.start ?? null);
+        return;
+      }
+    }
+    if (onSubmitShortcut && event.key === "Enter" && (event.metaKey || event.ctrlKey)) {
+      event.preventDefault();
+      onSubmitShortcut();
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "textarea",
+      {
+        ref: textareaRef,
+        "aria-label": ariaLabel,
+        rows,
+        placeholder: placeholder ?? t("pptx.comments.mentionPlaceholder"),
+        value,
+        className,
+        onChange: handleChange,
+        onSelect: (event) => syncCaret(event.currentTarget),
+        onClick: (event) => syncCaret(event.currentTarget),
+        onKeyDown: handleKeyDown,
+        onKeyUp: (event) => syncCaret(event.currentTarget)
+      }
+    ),
+    activeQuery && matches.length > 0 && /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": "pptx-comment-mention-suggestions",
+        role: "listbox",
+        "aria-label": t("pptx.comments.mentionSuggestions"),
+        className: "absolute z-10 mt-0.5 max-h-40 w-full overflow-y-auto rounded border border-border bg-popover shadow-lg",
+        children: matches.map((author, index) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "pptx-comment-mention-option",
+            role: "option",
+            "aria-selected": index === safeHighlighted,
+            className: cn(
+              "block w-full px-2 py-1 text-left text-[11px] hover:bg-accent",
+              index === safeHighlighted && "bg-accent"
+            ),
+            onMouseDown: (event) => {
+              event.preventDefault();
+              acceptAuthor(author);
+            },
+            children: author.name
+          },
+          author.id
+        ))
+      }
+    )
+  ] });
+}
 function CommentBody({ text, mentions, className }) {
   const segments = commentTextSegments(text, mentions);
   if (!segments.some((segment) => segment.kind === "mention")) {
@@ -28153,6 +28607,59 @@ function CommentBody({ text, mentions, className }) {
     )
   ) });
 }
+function InspectorCommentReplyForm({
+  commentId,
+  authorName,
+  draft,
+  mentions,
+  authors,
+  onDraftChange,
+  onSubmit,
+  onCancel
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1.5 pl-3 border-l-2 border-l-primary/40", children: [
+    /* @__PURE__ */ jsx(
+      CommentMentionTextarea,
+      {
+        value: draft,
+        mentions,
+        authors,
+        rows: 2,
+        placeholder: t("pptx.comments.replyPlaceholder", { author: authorName || "Author" }),
+        className: "w-full rounded border border-border bg-background px-2 py-1.5 text-xs text-foreground outline-none focus:border-primary resize-y",
+        onChange: (text, next) => onDraftChange(commentId, text, next),
+        onSubmitShortcut: () => onSubmit(commentId)
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1 rounded bg-primary px-2 py-1 text-[11px] text-white hover:bg-primary/80 disabled:opacity-40 disabled:cursor-not-allowed",
+          onClick: () => onSubmit(commentId),
+          disabled: draft.trim().length === 0,
+          children: [
+            /* @__PURE__ */ jsx(LuReply, { className: "h-3 w-3" }),
+            t("pptx.comments.addReply")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "inline-flex items-center gap-1 rounded bg-muted px-2 py-1 text-[11px] text-foreground hover:bg-accent",
+          onClick: onCancel,
+          children: t("pptx.comments.cancel")
+        }
+      )
+    ] })
+  ] });
+}
+var EMPTY_REPLY_MENTIONS = {};
+var EMPTY_AUTHORS = [];
 function InspectorCommentRow({
   comment,
   canEdit,
@@ -28161,6 +28668,8 @@ function InspectorCommentRow({
   commentEditDraft,
   replyingToCommentId,
   replyDraftByCommentId,
+  replyDraftMentionsByCommentId = EMPTY_REPLY_MENTIONS,
+  commentAuthors = EMPTY_AUTHORS,
   onStartEditComment,
   onSaveEditComment,
   onCancelEditComment,
@@ -28323,6 +28832,8 @@ function InspectorCommentRow({
               commentEditDraft,
               replyingToCommentId,
               replyDraftByCommentId,
+              replyDraftMentionsByCommentId,
+              commentAuthors,
               onStartEditComment,
               onSaveEditComment,
               onCancelEditComment,
@@ -28339,50 +28850,19 @@ function InspectorCommentRow({
             `${reply.id}-${ri}`
           )) })
         ] }),
-        isReplying && onCancelReply && onReplyDraftChange && onSubmitReply && /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-1.5 pl-3 border-l-2 border-l-primary/40", children: [
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              value: replyDraft,
-              onChange: (e) => onReplyDraftChange(comment.id, e.target.value),
-              rows: 2,
-              placeholder: t("pptx.comments.replyPlaceholder", {
-                author: comment.author || "Author"
-              }),
-              className: "w-full rounded border border-border bg-background px-2 py-1.5 text-xs text-foreground outline-none focus:border-primary resize-y",
-              onKeyDown: (e) => {
-                if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-                  e.preventDefault();
-                  onSubmitReply(comment.id);
-                }
-              }
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5", children: [
-            /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex items-center gap-1 rounded bg-primary px-2 py-1 text-[11px] text-white hover:bg-primary/80 disabled:opacity-40 disabled:cursor-not-allowed",
-                onClick: () => onSubmitReply(comment.id),
-                disabled: replyDraft.trim().length === 0,
-                children: [
-                  /* @__PURE__ */ jsx(LuReply, { className: "h-3 w-3" }),
-                  t("pptx.comments.addReply")
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "inline-flex items-center gap-1 rounded bg-muted px-2 py-1 text-[11px] text-foreground hover:bg-accent",
-                onClick: onCancelReply,
-                children: t("pptx.comments.cancel")
-              }
-            )
-          ] })
-        ] })
+        isReplying && onCancelReply && onReplyDraftChange && onSubmitReply && /* @__PURE__ */ jsx(
+          InspectorCommentReplyForm,
+          {
+            commentId: comment.id,
+            authorName: comment.author ?? "",
+            draft: replyDraft,
+            mentions: replyDraftMentionsByCommentId[comment.id] ?? [],
+            authors: commentAuthors,
+            onDraftChange: onReplyDraftChange,
+            onSubmit: onSubmitReply,
+            onCancel: onCancelReply
+          }
+        )
       ]
     }
   );
@@ -28395,8 +28875,11 @@ function InspectorCommentsSection({
   editingCommentId,
   commentEditDraft,
   commentDraft,
+  commentDraftMentions,
+  commentAuthors,
   replyingToCommentId,
   replyDraftByCommentId,
+  replyDraftMentionsByCommentId,
   onSetCommentDraft,
   onAddComment,
   onDeleteComment,
@@ -28428,6 +28911,8 @@ function InspectorCommentsSection({
         commentEditDraft,
         replyingToCommentId,
         replyDraftByCommentId,
+        replyDraftMentionsByCommentId,
+        commentAuthors,
         onStartEditComment,
         onSaveEditComment,
         onCancelEditComment,
@@ -28450,21 +28935,18 @@ function InspectorCommentsSection({
         })
       ] }),
       /* @__PURE__ */ jsx(
-        "textarea",
+        CommentMentionTextarea,
         {
+          value: commentDraft,
+          mentions: commentDraftMentions,
+          authors: commentAuthors,
           rows: 2,
           placeholder: selectedElement ? t("pptx.comments.addOnElement", {
             element: getElementLabel(selectedElement)
           }) : t("pptx.comments.addPlaceholder"),
-          value: commentDraft,
           className: "w-full bg-muted border border-border rounded px-2 py-1 text-xs resize-y outline-none focus:border-primary",
-          onChange: (e) => onSetCommentDraft(e.target.value),
-          onKeyDown: (e) => {
-            if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-              e.preventDefault();
-              onAddComment();
-            }
-          }
+          onChange: onSetCommentDraft,
+          onSubmitShortcut: onAddComment
         }
       ),
       /* @__PURE__ */ jsxs(
@@ -28781,26 +29263,78 @@ function DocumentPropertiesCard({
     ] })
   ] });
 }
+function SlideSizeRescalePrompt({
+  onChoose
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 rounded border border-border bg-muted/40 p-2 text-[11px]", children: [
+    /* @__PURE__ */ jsx("div", { className: "font-medium", children: t("pptx.slideSize.rescaleTitle") }),
+    /* @__PURE__ */ jsx("div", { className: "text-muted-foreground", children: t("pptx.slideSize.rescaleDescription") }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1.5 pt-1", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-testid": "pptx-slide-size-rescale-maximize",
+          title: t("pptx.slideSize.rescaleMaximizeHint"),
+          className: "rounded bg-primary px-2 py-1 text-primary-foreground transition-colors hover:opacity-90",
+          onClick: () => onChoose("maximize"),
+          children: t("pptx.slideSize.rescaleMaximize")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-testid": "pptx-slide-size-rescale-ensure-fit",
+          title: t("pptx.slideSize.rescaleEnsureFitHint"),
+          className: "rounded bg-muted px-2 py-1 transition-colors hover:bg-accent",
+          onClick: () => onChoose("ensureFit"),
+          children: t("pptx.slideSize.rescaleEnsureFit")
+        }
+      )
+    ] })
+  ] });
+}
 var CUSTOM_PRESET_VALUE = "";
+function sizesDiffer(a, b) {
+  return a.widthEmu !== b.widthEmu || a.heightEmu !== b.heightEmu;
+}
 function SlideSizeCard({
   canvasSize,
   slideSizeEmu,
   canEdit,
   onUpdate,
-  onUpdateSlideSize
+  onUpdateSlideSize,
+  hasContent
 }) {
   const { t } = useTranslation();
   const selection = resolveSlideSizeSelection({ current: slideSizeEmu, canvas: canvasSize });
   const presetDisabled = !canEdit || !onUpdateSlideSize;
+  const [pendingSize, setPendingSize] = useState(null);
+  const applyOrPromptSize = (nextSize) => {
+    if (hasContent && sizesDiffer(selection.size, nextSize)) {
+      setPendingSize(nextSize);
+      return;
+    }
+    onUpdateSlideSize?.(nextSize);
+  };
   const handlePreset = (labelKey) => {
     const preset = SLIDE_SIZE_PRESETS.find((candidate) => candidate.labelKey === labelKey);
     if (!preset) {
       return;
     }
-    onUpdateSlideSize?.(slideSizeFromPreset(preset, selection.orientation));
+    applyOrPromptSize(slideSizeFromPreset(preset, selection.orientation));
   };
   const handleOrientation = (orientation) => {
-    onUpdateSlideSize?.(withSlideSizeOrientation(selection.size, orientation));
+    applyOrPromptSize(withSlideSizeOrientation(selection.size, orientation));
+  };
+  const handleRescale = (mode) => {
+    if (!pendingSize) {
+      return;
+    }
+    onUpdateSlideSize?.(pendingSize, mode);
+    setPendingSize(null);
   };
   return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
     /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.slideSize.title") }),
@@ -28856,7 +29390,8 @@ function SlideSizeCard({
             onChange: (e) => onUpdate({ ...canvasSize, [key]: Number(e.target.value) })
           }
         )
-      ] }, key)) })
+      ] }, key)) }),
+      pendingSize && /* @__PURE__ */ jsx(SlideSizeRescalePrompt, { onChoose: handleRescale })
     ] })
   ] });
 }
@@ -29515,6 +30050,7 @@ function PresentationPropertiesPanel({
   onUpdateCanvasSize,
   slideSizeEmu,
   onUpdateSlideSize,
+  hasContent,
   notesCanvasSize,
   notesMaster,
   handoutMaster,
@@ -29574,7 +30110,8 @@ function PresentationPropertiesPanel({
         slideSizeEmu,
         canEdit,
         onUpdate: onUpdateCanvasSize,
-        onUpdateSlideSize
+        onUpdateSlideSize,
+        hasContent
       }
     ),
     /* @__PURE__ */ jsx(
@@ -29815,6 +30352,7 @@ function InspectorPane(props) {
     canEdit,
     activeSlide,
     slides,
+    customShows,
     canvasSize,
     selectedElement,
     selectedElementIds,
@@ -29842,6 +30380,8 @@ function InspectorPane(props) {
     onApplyTheme,
     comments,
     commentDraft,
+    commentDraftMentions,
+    commentAuthors,
     editingCommentId,
     commentEditDraft,
     onSetCommentDraft,
@@ -29858,6 +30398,7 @@ function InspectorPane(props) {
     onSubmitReply,
     replyingToCommentId,
     replyDraftByCommentId,
+    replyDraftMentionsByCommentId,
     onUpdateCanvasSize,
     slideSizeEmu,
     onUpdateSlideSize,
@@ -29949,6 +30490,7 @@ function InspectorPane(props) {
                 selectedElement,
                 canEdit,
                 slides,
+                customShows,
                 tableEditorState,
                 mediaDataUrls,
                 onUpdateElement,
@@ -29982,6 +30524,7 @@ function InspectorPane(props) {
                   onUpdateCanvasSize,
                   slideSizeEmu,
                   onUpdateSlideSize,
+                  hasContent: slides.some((slide) => slide.elements.length > 0),
                   activeSlide,
                   theme,
                   onUpdateSlide
@@ -30010,8 +30553,11 @@ function InspectorPane(props) {
                 editingCommentId,
                 commentEditDraft,
                 commentDraft,
+                commentDraftMentions: commentDraftMentions ?? [],
+                commentAuthors: commentAuthors ?? [],
                 replyingToCommentId: replyingToCommentId ?? null,
                 replyDraftByCommentId: replyDraftByCommentId ?? {},
+                replyDraftMentionsByCommentId: replyDraftMentionsByCommentId ?? {},
                 onSetCommentDraft,
                 onAddComment,
                 onDeleteComment,
@@ -33063,6 +33609,7 @@ function ViewerInspector({
   mode,
   activeSlide,
   slides,
+  customShows,
   canvasSize,
   selectedElement,
   effectiveSelectedIds,
@@ -33070,6 +33617,7 @@ function ViewerInspector({
   sidebarPanelMode,
   activeSlideIndex,
   comments,
+  commentAuthors,
   onSetSidebarPanelMode,
   onClose,
   onUpdateElementStyle,
@@ -33129,6 +33677,7 @@ function ViewerInspector({
           mode,
           activeSlide,
           slides,
+          customShows,
           canvasSize,
           selectedElement,
           selectedElementIds: effectiveSelectedIds,
@@ -33161,9 +33710,11 @@ function ViewerInspector({
           onUpdateTagCollections,
           onApplyTheme,
           commentDraft,
+          commentDraftMentions: comments.commentDraftMentionsBySlideId?.[slideId] ?? [],
+          commentAuthors: commentAuthors ?? [],
           editingCommentId,
           commentEditDraft: editingCommentId ? comments.commentEditDraftByCommentId[editingCommentId] ?? "" : "",
-          onSetCommentDraft: (draft) => comments.handleCommentDraftChange(slideId, draft),
+          onSetCommentDraft: (draft, mentions) => comments.handleCommentDraftChange(slideId, draft, mentions),
           onAddComment: () => comments.handleAddSlideComment(activeSlideIndex),
           onDeleteComment: (id) => comments.handleDeleteSlideComment(activeSlideIndex, id),
           onStartEditComment: (id) => comments.handleStartCommentEdit(slideId, id),
@@ -33176,10 +33727,11 @@ function ViewerInspector({
           onToggleCommentResolved: (id) => comments.handleToggleCommentResolved(activeSlideIndex, id),
           onStartReply: (id) => comments.handleStartReply(activeSlideIndex, id),
           onCancelReply: comments.handleCancelReply,
-          onReplyDraftChange: (commentId, draft) => comments.handleReplyDraftChange(commentId, draft),
+          onReplyDraftChange: (commentId, draft, mentions) => comments.handleReplyDraftChange(commentId, draft, mentions),
           onSubmitReply: (commentId) => comments.handleSubmitReply(activeSlideIndex, commentId),
           replyingToCommentId: comments.replyingToCommentId,
           replyDraftByCommentId: comments.replyDraftByCommentId,
+          replyDraftMentionsByCommentId: comments.replyDraftMentionsByCommentId,
           onUpdateCanvasSize: onSetCanvasSize,
           slideSizeEmu,
           onUpdateSlideSize: onSetSlideSize,
@@ -33423,6 +33975,7 @@ function ViewerToolbarSection(props) {
     customFontFamilies,
     ops,
     onSetMode,
+    onPresentFromBeginning,
     onEnterPresenterView,
     onEnterRehearsalMode,
     onOpenSettings,
@@ -33441,7 +33994,10 @@ function ViewerToolbarSection(props) {
     isAiPanelOpen,
     onToggleAiPanel,
     isProtectedView,
-    onEnableEditing
+    onEnableEditing,
+    onSetSnapToGrid,
+    onSetSnapToShape,
+    onSetShowGuides
   } = props;
   const { t } = useTranslation();
   const handleAddAnimation = useCallback(
@@ -33618,7 +34174,7 @@ function ViewerToolbarSection(props) {
         case "slideShow":
           switch (action) {
             case "fromBeginning":
-              onSetMode("present");
+              (onPresentFromBeginning ?? (() => onSetMode("present")))();
               break;
             case "presenterView":
               onEnterPresenterView();
@@ -33667,6 +34223,7 @@ function ViewerToolbarSection(props) {
       dialogs,
       zoom,
       onSetMode,
+      onPresentFromBeginning,
       onEnterPresenterView,
       manipulation,
       handleOpenSlideSize
@@ -33675,7 +34232,7 @@ function ViewerToolbarSection(props) {
   const handleQuickAccessCommand = useCallback(
     (id) => {
       const handlers = {
-        presentFromStart: () => onSetMode("present"),
+        presentFromStart: onPresentFromBeginning ?? (() => onSetMode("present")),
         print: printHandlers.handlePrint,
         exportPdf: exportHandlers.handleExportPdf,
         newSlide: slideOps.handleAddSlide,
@@ -33685,7 +34242,7 @@ function ViewerToolbarSection(props) {
       };
       handlers[id]?.();
     },
-    [onSetMode, printHandlers, exportHandlers, slideOps, s, zoom]
+    [onSetMode, onPresentFromBeginning, printHandlers, exportHandlers, slideOps, s, zoom]
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     !dialogs.isNarrowViewport && /* @__PURE__ */ jsx(
@@ -33744,6 +34301,7 @@ function ViewerToolbarSection(props) {
         drawingWidth: s.drawingWidth,
         clipboardPayload: s.clipboardPayload,
         onSetMode,
+        onPresentFromBeginning,
         onToggleSidebar: () => s.setIsSlidesPaneOpen((p) => !p),
         onToggleInspector: () => s.setIsInspectorPaneOpen((p) => !p),
         onOpenAnimationPanel: () => {
@@ -33788,9 +34346,9 @@ function ViewerToolbarSection(props) {
         onSetSpellCheckEnabled: s.setSpellCheckEnabled,
         onSetShowGrid: s.setShowGrid,
         onSetShowRulers: s.setShowRulers,
-        onSetShowGuides: s.setShowGuides,
-        onSetSnapToGrid: s.setSnapToGrid,
-        onSetSnapToShape: s.setSnapToShape,
+        onSetShowGuides: onSetShowGuides ?? s.setShowGuides,
+        onSetSnapToGrid: onSetSnapToGrid ?? s.setSnapToGrid,
+        onSetSnapToShape: onSetSnapToShape ?? s.setSnapToShape,
         onAddGuide: dialogs.handleAddGuide,
         onAlignElements: manipulation.handleAlignElements,
         onDistributeElements: manipulation.handleDistributeElements,
@@ -34531,6 +35089,7 @@ function ViewerPresentationLayer(props) {
     templateElements,
     presentation,
     activeCustomShow,
+    authoredRange,
     onExitPresentation,
     isMobile,
     onUpdateNotes
@@ -34544,6 +35103,8 @@ function ViewerPresentationLayer(props) {
         currentSlideIndex: presentation.presentationSlideIndex,
         canvasSize,
         templateElements,
+        activeCustomShow,
+        authoredRange,
         presentationStartTime: presentation.presentationStartTime,
         onMovePresentationSlide: presentation.movePresentationSlide,
         onExit: onExitPresentation
@@ -34556,6 +35117,7 @@ function ViewerPresentationLayer(props) {
         canvasSize,
         templateElements,
         activeCustomShow,
+        authoredRange,
         presentationStartTime: presentation.presentationStartTime,
         onMovePresentationSlide: presentation.movePresentationSlide,
         onExit: onExitPresentation,
@@ -34912,14 +35474,14 @@ ${url}`)) {
     [viewerOptions, t]
   );
   const handleActionClick = useCallback(
-    (_elementId, action) => {
+    (elementId, action) => {
       if (mode === "present") {
         const resolved = resolvePresentationAction(action, { slideCount: slides.length });
         if (resolved.intent.kind === "openUrl") {
           openExternalUrl(resolved.intent.url);
           return;
         }
-        presentation.handlePresentationAction(action);
+        presentation.handlePresentationAction(action, elementId);
       } else if (action.url) {
         openExternalUrl(action.url);
       }
@@ -35323,7 +35885,7 @@ ${url}`)) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-BNFDBP4S.mjs')
+    import('./AiChatPanel-NQZBZIRM.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -36230,7 +36792,10 @@ function ViewerSidePanels(props) {
     aiBridge,
     aiPanel
   } = props;
-  const handleSetSlideSize = (size) => {
+  const handleSetSlideSize = (size, rescaleMode) => {
+    if (rescaleMode && s.slideSizeEmu) {
+      s.setSlides(scaleSlidesForSizeChange(slides, s.slideSizeEmu, size, rescaleMode));
+    }
     s.setSlideSizeEmu(size);
     s.setCanvasSize(slideSizeToCanvasPx(size));
     history.markDirty();
@@ -36249,6 +36814,7 @@ function ViewerSidePanels(props) {
         mode,
         activeSlide: effectiveSlide,
         slides,
+        customShows: s.customShows,
         canvasSize,
         selectedElement,
         effectiveSelectedIds: s.effectiveSelectedIds,
@@ -36256,6 +36822,7 @@ function ViewerSidePanels(props) {
         sidebarPanelMode: s.sidebarPanelMode,
         activeSlideIndex,
         comments,
+        commentAuthors: s.modernCommentAuthors,
         onSetSidebarPanelMode: s.setSidebarPanelMode,
         onClose: () => s.setIsInspectorPaneOpen(false),
         onUpdateElementStyle: ops.updateSelectedShapeStyle,
@@ -36396,6 +36963,7 @@ function ViewerMainContent(props) {
     themeHandlers,
     history,
     comments,
+    masterViewCrud,
     zoom,
     isMobile: _isMobile = false,
     isTouchDevice: _isTouchDevice = false,
@@ -36480,6 +37048,8 @@ function ViewerMainContent(props) {
         onSelectLayout: dialogs.handleSelectLayout,
         onCollapse: dialogs.handleCloseMasterView,
         onTabChange: state.setMasterViewTab,
+        crudActions: masterViewCrud.crudActions,
+        onCrudAction: masterViewCrud.handleCrudAction,
         onHandoutSlidesPerPageChange: (count) => {
           state.setHandoutSlidesPerPage(count);
           state.setHandoutMaster(
@@ -36673,7 +37243,61 @@ function AutosaveRecoveryDialog({
     }
   );
 }
-function ToggleRow({ checked, onChange, icon, label }) {
+function CompatibilityToasts({ toasts, onDismiss, onDismissAll }) {
+  const { t } = useTranslation();
+  if (toasts.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "pptx-compat-toasts",
+      className: "max-h-[60%] overflow-y-auto",
+      style: compatToastStackStyle(),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1", style: { pointerEvents: "auto" }, children: [
+          /* @__PURE__ */ jsx("span", { className: "text-[11px] font-medium uppercase tracking-wide text-muted-foreground", children: t("pptx.compatibility.toastTitle") }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-testid": "pptx-compat-toasts-dismiss-all",
+              onClick: onDismissAll,
+              className: "text-[11px] text-muted-foreground underline-offset-2 hover:underline",
+              children: t("pptx.compatibility.dismissAll")
+            }
+          )
+        ] }),
+        toasts.map((toast) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-testid": "pptx-compat-toast",
+            "data-code": toast.code,
+            "data-severity": toast.severity,
+            className: "flex items-start gap-2 rounded border border-border bg-card p-2 text-[11px] shadow-md",
+            style: { pointerEvents: "auto" },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0", children: t(toast.messageKey, toast.params) }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": "pptx-compat-toast-dismiss",
+                  onClick: () => onDismiss(toast.id),
+                  "aria-label": t("pptx.compatibility.dismiss"),
+                  className: "shrink-0 text-muted-foreground hover:text-foreground",
+                  children: "\xD7"
+                }
+              )
+            ]
+          },
+          toast.id
+        ))
+      ]
+    }
+  );
+}
+function ToggleRow({ checked, onChange, icon, label, testId }) {
   return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 cursor-pointer group select-none", children: [
     /* @__PURE__ */ jsxs("span", { className: "relative flex items-center justify-center w-4 h-4", children: [
       /* @__PURE__ */ jsx(
@@ -36682,6 +37306,7 @@ function ToggleRow({ checked, onChange, icon, label }) {
           type: "checkbox",
           checked,
           onChange: (e) => onChange(e.target.checked),
+          "data-testid": testId,
           className: "peer sr-only"
         }
       ),
@@ -36695,25 +37320,33 @@ function ToggleRow({ checked, onChange, icon, label }) {
   ] });
 }
 function HeaderFooterPanel({
-  showDateTime,
-  showSlideNumber,
-  showFooter,
-  footerText,
-  onSetShowDateTime,
-  onSetShowSlideNumber,
-  onSetShowFooter,
-  onSetFooterText,
+  headerFooter,
+  onUpdate,
   onApplyToAll,
   onApplyToCurrent,
   onClose
 }) {
+  const { t } = useTranslation();
+  const showDateTime = headerFooter.hasDateTime ?? false;
+  const dateTimeAuto = headerFooter.dateTimeAuto ?? false;
+  const showDateText = isHeaderFooterDateTextVisible(headerFooter);
+  const showSlideNumber = headerFooter.hasSlideNumber ?? false;
+  const showHeader = headerFooter.hasHeader ?? false;
+  const showHeaderText = isHeaderFooterHeaderTextVisible(headerFooter);
+  const showFooter = headerFooter.hasFooter ?? false;
+  const showFooterText = isHeaderFooterFooterTextVisible(headerFooter);
+  const handleDateTextChange = useCallback(
+    (e) => onUpdate({ dateTimeText: e.target.value }),
+    [onUpdate]
+  );
+  const handleHeaderTextChange = useCallback(
+    (e) => onUpdate({ headerText: e.target.value }),
+    [onUpdate]
+  );
   const handleFooterTextChange = useCallback(
-    (e) => {
-      onSetFooterText(e.target.value);
-    },
-    [onSetFooterText]
+    (e) => onUpdate({ footerText: e.target.value }),
+    [onUpdate]
   );
-  const { t } = useTranslation();
   return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-black/40 backdrop-blur-sm", children: /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm rounded-lg border border-border bg-background shadow-2xl", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-border px-4 py-3", children: [
       /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("pptx.headerFooter.title") }),
@@ -36724,6 +37357,7 @@ function HeaderFooterPanel({
           onClick: onClose,
           className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
           "aria-label": t("pptx.headerFooter.close"),
+          "data-testid": "header-footer-close",
           children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
         }
       )
@@ -36733,36 +37367,84 @@ function HeaderFooterPanel({
         ToggleRow,
         {
           checked: showDateTime,
-          onChange: onSetShowDateTime,
+          onChange: (hasDateTime) => onUpdate({ hasDateTime }),
           icon: /* @__PURE__ */ jsx(LuCalendarDays, { className: "w-3.5 h-3.5" }),
-          label: t("pptx.headerFooter.dateAndTime")
+          label: t("pptx.headerFooter.dateAndTime"),
+          testId: "hf-date-time"
         }
       ),
+      showDateTime && /* @__PURE__ */ jsxs("div", { className: "pl-6 space-y-2", children: [
+        /* @__PURE__ */ jsx(
+          ToggleRow,
+          {
+            checked: dateTimeAuto,
+            onChange: (auto) => onUpdate({ dateTimeAuto: auto }),
+            icon: /* @__PURE__ */ jsx(LuClock, { className: "w-3.5 h-3.5" }),
+            label: t("pptx.headerFooter.updateAutomatically"),
+            testId: "hf-date-auto"
+          }
+        ),
+        showDateText && /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: headerFooter.dateTimeText ?? "",
+            onChange: handleDateTextChange,
+            placeholder: t("pptx.headerFooter.fixedDate"),
+            "data-testid": "hf-date-text",
+            className: "w-full rounded border border-border bg-muted px-2.5 py-1.5 text-xs text-foreground placeholder-muted-foreground outline-none transition-colors focus:border-primary focus:ring-1 focus:ring-primary/30"
+          }
+        )
+      ] }),
       /* @__PURE__ */ jsx(
         ToggleRow,
         {
           checked: showSlideNumber,
-          onChange: onSetShowSlideNumber,
+          onChange: (hasSlideNumber) => onUpdate({ hasSlideNumber }),
           icon: /* @__PURE__ */ jsx(LuHash, { className: "w-3.5 h-3.5" }),
-          label: t("pptx.headerFooter.slideNumber")
+          label: t("pptx.headerFooter.slideNumber"),
+          testId: "hf-slide-number"
         }
       ),
+      /* @__PURE__ */ jsx(
+        ToggleRow,
+        {
+          checked: showHeader,
+          onChange: (hasHeader) => onUpdate({ hasHeader }),
+          icon: /* @__PURE__ */ jsx(LuFileText, { className: "w-3.5 h-3.5" }),
+          label: t("pptx.field.header"),
+          testId: "hf-header"
+        }
+      ),
+      showHeaderText && /* @__PURE__ */ jsx("div", { className: "pl-6", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          value: headerFooter.headerText ?? "",
+          onChange: handleHeaderTextChange,
+          placeholder: t("pptx.headerFooter.headerText"),
+          "data-testid": "hf-header-text",
+          className: "w-full rounded border border-border bg-muted px-2.5 py-1.5 text-xs text-foreground placeholder-muted-foreground outline-none transition-colors focus:border-primary focus:ring-1 focus:ring-primary/30"
+        }
+      ) }),
       /* @__PURE__ */ jsx(
         ToggleRow,
         {
           checked: showFooter,
-          onChange: onSetShowFooter,
+          onChange: (hasFooter) => onUpdate({ hasFooter }),
           icon: /* @__PURE__ */ jsx(LuText, { className: "w-3.5 h-3.5" }),
-          label: t("pptx.headerFooter.footer")
+          label: t("pptx.headerFooter.footer"),
+          testId: "hf-footer"
         }
       ),
-      showFooter && /* @__PURE__ */ jsx("div", { className: "pl-6", children: /* @__PURE__ */ jsx(
+      showFooterText && /* @__PURE__ */ jsx("div", { className: "pl-6", children: /* @__PURE__ */ jsx(
         "input",
         {
           type: "text",
-          value: footerText,
+          value: headerFooter.footerText ?? "",
           onChange: handleFooterTextChange,
           placeholder: t("pptx.headerFooter.footerPlaceholder"),
+          "data-testid": "hf-footer-text",
           className: "w-full rounded border border-border bg-muted px-2.5 py-1.5 text-xs text-foreground placeholder-muted-foreground outline-none transition-colors focus:border-primary focus:ring-1 focus:ring-primary/30"
         }
       ) })
@@ -36773,6 +37455,7 @@ function HeaderFooterPanel({
         {
           type: "button",
           onClick: onApplyToAll,
+          "data-testid": "hf-apply-all",
           className: "rounded bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
           children: t("pptx.headerFooter.applyToAll")
         }
@@ -36782,6 +37465,7 @@ function HeaderFooterPanel({
         {
           type: "button",
           onClick: onApplyToCurrent,
+          "data-testid": "hf-apply-current",
           className: "rounded bg-primary px-3 py-1.5 text-xs font-medium text-white hover:bg-primary/80 transition-colors",
           children: t("pptx.headerFooter.applyToCurrent")
         }
@@ -36986,6 +37670,41 @@ function MobileChromeOverlay(props) {
     )
   ] });
 }
+function ReadOnlyBanner({ recommendation, onEditAnyway, onDismiss }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "pptx-readonly-banner",
+      "data-kind": recommendation.kind ?? void 0,
+      className: "flex items-center gap-3 px-3 py-1.5 bg-amber-600/10 border-b border-amber-600/30 text-[12px] text-amber-900 dark:text-amber-200",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0", children: t(recommendation.messageKey) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "pptx-readonly-edit-anyway",
+            onClick: onEditAnyway,
+            className: "shrink-0 rounded-sm bg-amber-600/90 px-2 py-0.5 text-[11px] text-amber-50 transition-colors hover:bg-amber-600",
+            children: t("pptx.readOnly.editAnyway")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-testid": "pptx-readonly-dismiss",
+            onClick: onDismiss,
+            "aria-label": t("pptx.readOnly.dismiss"),
+            className: "shrink-0 rounded-sm px-1.5 py-0.5 text-[11px] text-amber-900/80 transition-colors hover:bg-amber-600/20 dark:text-amber-200/80",
+            children: t("pptx.readOnly.dismiss")
+          }
+        )
+      ]
+    }
+  );
+}
 function AddinTable({
   title,
   rows,
@@ -38131,6 +38850,109 @@ function useAiPanelController(input) {
     showChangeBatch
   };
 }
+function useMasterViewCrud(input) {
+  const {
+    handlerRef,
+    slides,
+    slideMasters,
+    target,
+    setSlides,
+    setSlideMasters,
+    setActiveMasterIndex,
+    setActiveLayoutIndex,
+    markDirty,
+    pushToast
+  } = input;
+  const { t } = useTranslation();
+  const data = useMemo(
+    () => ({ slides, slideMasters }),
+    [slides, slideMasters]
+  );
+  const crudActions = useMemo(() => masterViewCrudActions(data, target), [data, target]);
+  const handleCrudAction = useCallback(
+    async (id) => {
+      const handler = handlerRef.current;
+      if (!handler || !target) {
+        return;
+      }
+      const action = crudActions.find((candidate) => candidate.id === id);
+      if (!action?.enabled) {
+        return;
+      }
+      let name;
+      if (id === "renameLayout" || id === "renameMaster") {
+        const master = slideMasters[target.masterIndex];
+        const current = id === "renameLayout" ? master?.layouts?.[target.layoutIndex ?? -1]?.name ?? "" : master?.name ?? "";
+        const next = safePrompt(t("pptx.masterView.renamePrompt"), current)?.trim();
+        if (!next) {
+          return;
+        }
+        name = next;
+      }
+      const result = await applyMasterViewCrudAction(
+        handler,
+        data,
+        id,
+        target,
+        name !== void 0 ? { name } : void 0
+      );
+      if (!result.ok) {
+        pushToast({
+          id: `master-crud-${Date.now()}`,
+          code: `masterViewCrud:${result.reason}`,
+          severity: "warning",
+          messageKey: masterViewCrudFailureKey(id, result.reason)
+        });
+        return;
+      }
+      handlerRef.current = result.handler;
+      setSlides(result.data.slides);
+      setSlideMasters(result.data.slideMasters ?? []);
+      setActiveMasterIndex(result.target.masterIndex);
+      setActiveLayoutIndex(result.target.layoutIndex);
+      markDirty();
+    },
+    [
+      handlerRef,
+      target,
+      crudActions,
+      slideMasters,
+      t,
+      data,
+      pushToast,
+      setSlides,
+      setSlideMasters,
+      setActiveMasterIndex,
+      setActiveLayoutIndex,
+      markDirty
+    ]
+  );
+  return { crudActions, handleCrudAction };
+}
+function applyRecentColorPick(recent, hex) {
+  const next = pushRecentColor(recent, hex);
+  if (next === recent) {
+    return null;
+  }
+  return { recentColors: next, patch: mruColorsPatch(next) };
+}
+function useRecentColorsSync(input) {
+  const { setRecentColors, setPresentationProperties } = input;
+  const pushColor = useCallback(
+    (hex) => {
+      setRecentColors((prev) => {
+        const applied = applyRecentColorPick(prev, hex);
+        if (!applied) {
+          return prev;
+        }
+        setPresentationProperties((properties) => ({ ...properties, ...applied.patch }));
+        return applied.recentColors;
+      });
+    },
+    [setRecentColors, setPresentationProperties]
+  );
+  return { pushColor };
+}
 var PowerPointViewer = forwardRef(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the forwardRef component its displayName
   function PowerPointViewer2(props, ref) {
@@ -38277,7 +39099,9 @@ var PowerPointViewer = forwardRef(
     const handleEnableEditing = useCallback(() => {
       setProtectedViewOverridden(true);
     }, []);
-    const canEdit = hostCanEdit && !isProtectedView;
+    const readOnlyRec = useReadOnlyRecommendationState(content);
+    const compatToastsState = useCompatibilityToastsState();
+    const canEdit = hostCanEdit && !isProtectedView && !readOnlyRec.locked;
     const [isSettingsOpen, setIsSettingsOpen] = useState(false);
     const [isHeaderFooterOpen, setIsHeaderFooterOpen] = useState(false);
     const [autosaveEnabled, setAutosaveEnabled] = useState(true);
@@ -38304,6 +39128,14 @@ var PowerPointViewer = forwardRef(
       activeSlide,
       selectedElement
     } = state;
+    const { pushColor } = useRecentColorsSync({
+      setRecentColors: state.setRecentColors,
+      setPresentationProperties: state.setPresentationProperties
+    });
+    const recentColorsValue = useMemo(
+      () => ({ recentColors: state.recentColors, pushColor }),
+      [state.recentColors, pushColor]
+    );
     const settings = useMemo(
       () => ({
         autoSave: autosaveEnabled,
@@ -38418,11 +39250,18 @@ var PowerPointViewer = forwardRef(
     const mobile = useIsMobile();
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
     const resizablePanels = useResizablePanels();
-    const { gridSpacingPx, visibleSlideIndexes, slideSectionGroups, masterPseudoSlide } = useDerivedSlideState({
+    const {
+      gridSpacingPx,
+      visibleSlideIndexes,
+      slideSectionGroups,
+      masterPseudoSlide,
+      authoredRange
+    } = useDerivedSlideState({
       slides,
       sections: state.sections,
       customShows: state.customShows,
       activeCustomShowId: state.activeCustomShowId,
+      presentationProperties: state.presentationProperties,
       mode,
       activeLayout: state.activeLayout,
       activeMaster: state.activeMaster,
@@ -38501,7 +39340,10 @@ var PowerPointViewer = forwardRef(
       onToggleSubtitles: () => state.setPresentationProperties((prev) => ({
         ...prev,
         showSubtitles: !prev.showSubtitles
-      }))
+      })),
+      customShows: state.customShows,
+      activeCustomShowId: state.activeCustomShowId,
+      onSetActiveCustomShowId: state.setActiveCustomShowId
     });
     useTouchGestures({
       targetRef: zoom.canvasViewportRef,
@@ -38631,6 +39473,8 @@ var PowerPointViewer = forwardRef(
       // (SSRF/privacy-safe), so only an explicit `true` here lets remote
       // http(s) image sources actually load.
       allowExternalImages: viewerOptions.trust.allowExternalContent,
+      setReadOnlyRecommendation: readOnlyRec.setRecommendation,
+      setCompatToasts: compatToastsState.setToasts,
       canEdit,
       promptKeepInkAnnotations: viewerOptions.advanced.slideShowPromptKeepInkAnnotations,
       // File > Options > Advanced > "Image Size and Quality" (do-not-compress /
@@ -38658,6 +39502,17 @@ var PowerPointViewer = forwardRef(
       onSelectionChange,
       onSlideCountChange
     });
+    const viewPreferencesSync = useViewPreferencesSync({
+      loadVersion,
+      viewProperties: state.viewProperties,
+      setViewProperties: state.setViewProperties,
+      snapToGrid: state.snapToGrid,
+      setSnapToGrid: state.setSnapToGrid,
+      snapToShape: state.snapToShape,
+      setSnapToShape: state.setSnapToShape,
+      showGuides: state.showGuides,
+      setShowGuides: state.setShowGuides
+    });
     const exportHandlers = useMemo(() => {
       const afterSuccessfulSave = (format) => {
         playFeedbackSound(viewerOptions);
@@ -38692,6 +39547,22 @@ var PowerPointViewer = forwardRef(
       history,
       onTemplateElementsChanged: handleTemplateElementsChanged
     });
+    const masterViewCrud = useMasterViewCrud({
+      handlerRef,
+      slides,
+      slideMasters: state.slideMasters,
+      target: {
+        tab: state.masterViewTab,
+        masterIndex: state.activeMasterIndex,
+        layoutIndex: state.activeLayoutIndex
+      },
+      setSlides: state.setSlides,
+      setSlideMasters: state.setSlideMasters,
+      setActiveMasterIndex: state.setActiveMasterIndex,
+      setActiveLayoutIndex: state.setActiveLayoutIndex,
+      markDirty: history.markDirty,
+      pushToast: (toast) => compatToastsState.setToasts((prev) => [...prev, toast])
+    });
     const applyAiTheme = useCallback(
       (updates) => {
         if (updates.colorScheme) {
@@ -38765,7 +39636,7 @@ var PowerPointViewer = forwardRef(
               ref: containerRef,
               tabIndex: 0,
               className: "h-full w-full flex flex-col overflow-hidden outline-none",
-              children: loading ? /* @__PURE__ */ jsx(LoadingState, {}) : error ? /* @__PURE__ */ jsx(ErrorState, { error }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              children: loading ? /* @__PURE__ */ jsx(LoadingState, {}) : error ? /* @__PURE__ */ jsx(ErrorState, { error }) : /* @__PURE__ */ jsxs(RecentColorsProvider, { value: recentColorsValue, children: [
                 mode !== "present" && /* @__PURE__ */ jsx(
                   ViewerToolbarSection,
                   {
@@ -38791,6 +39662,7 @@ var PowerPointViewer = forwardRef(
                     customFontFamilies,
                     ops: editorOps.ops,
                     onSetMode: handleSetMode,
+                    onPresentFromBeginning: presentation.enterPresentModeFromBeginning,
                     onEnterPresenterView: handleEnterPresenterView,
                     onEnterRehearsalMode: handleEnterRehearsalMode,
                     onOpenSettings: () => setIsSettingsOpen(true),
@@ -38812,7 +39684,18 @@ var PowerPointViewer = forwardRef(
                     isAiPanelOpen: aiPanel.isOpen,
                     onToggleAiPanel: aiPanel.toggle,
                     isProtectedView,
-                    onEnableEditing: hostCanEdit ? handleEnableEditing : void 0
+                    onEnableEditing: hostCanEdit ? handleEnableEditing : void 0,
+                    onSetSnapToGrid: viewPreferencesSync.handleSetSnapToGrid,
+                    onSetSnapToShape: viewPreferencesSync.handleSetSnapToShape,
+                    onSetShowGuides: viewPreferencesSync.handleSetShowGuides
+                  }
+                ),
+                mode !== "present" && readOnlyRec.bannerVisible && /* @__PURE__ */ jsx(
+                  ReadOnlyBanner,
+                  {
+                    recommendation: readOnlyRec.recommendation,
+                    onEditAnyway: readOnlyRec.editAnyway,
+                    onDismiss: readOnlyRec.dismiss
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -38839,6 +39722,7 @@ var PowerPointViewer = forwardRef(
                     themeHandlers,
                     history,
                     comments: editorOps.comments,
+                    masterViewCrud,
                     zoom,
                     isMobile,
                     isTouchDevice,
@@ -38898,6 +39782,14 @@ var PowerPointViewer = forwardRef(
               ] })
             }
           ),
+          mode !== "present" && /* @__PURE__ */ jsx(
+            CompatibilityToasts,
+            {
+              toasts: compatToastsState.toasts,
+              onDismiss: compatToastsState.dismiss,
+              onDismissAll: compatToastsState.dismissAll
+            }
+          ),
           /* @__PURE__ */ jsx(
             ViewerDialogGroup,
             {
@@ -38965,14 +39857,8 @@ var PowerPointViewer = forwardRef(
           isHeaderFooterOpen && /* @__PURE__ */ jsx(
             HeaderFooterPanel,
             {
-              showDateTime: state.headerFooter.hasDateTime ?? false,
-              showSlideNumber: state.headerFooter.hasSlideNumber ?? false,
-              showFooter: state.headerFooter.hasFooter ?? false,
-              footerText: state.headerFooter.footerText ?? "",
-              onSetShowDateTime: (hasDateTime) => state.setHeaderFooter((current) => ({ ...current, hasDateTime })),
-              onSetShowSlideNumber: (hasSlideNumber) => state.setHeaderFooter((current) => ({ ...current, hasSlideNumber })),
-              onSetShowFooter: (hasFooter) => state.setHeaderFooter((current) => ({ ...current, hasFooter })),
-              onSetFooterText: (footerText) => state.setHeaderFooter((current) => ({ ...current, footerText })),
+              headerFooter: state.headerFooter,
+              onUpdate: (patch) => state.setHeaderFooter((current) => ({ ...current, ...patch })),
               onApplyToAll: () => {
                 history.markDirty();
                 setIsHeaderFooterOpen(false);
@@ -39058,6 +39944,7 @@ var PowerPointViewer = forwardRef(
               templateElements: state.templateElements,
               presentation,
               activeCustomShow,
+              authoredRange,
               onExitPresentation: () => handleSetMode("edit"),
               onUpdateNotes: propertyHandlers.handleUpdateNotes,
               isMobile