pptx-react-viewer 3.2.0 → 3.4.0

package/dist/{chunk-PPNXPEEZ.mjs → chunk-L5MRKDRM.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-RX6FE24O.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-UHR7EYFM.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-FMEEIS6L.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, 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, 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, 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, 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, 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, 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, buildSmartArtPresetData, 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, 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, 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, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-G7UBIKAG.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-RHSA5BW5.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-7YCFWEGX.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-7CNSJ35X.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-SMTHK6MD.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-UD7GRH55.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-TXY6UZSW.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 = () => {
@@ -2402,6 +2403,9 @@ var ElementRenderer = React19.memo(
             findHl: findHighlights,
             onHyperlinkClick,
             isPresentationPassive,
+            // Same rule as the other four bindings: the hint belongs to the
+            // editable canvas, not to a read-only viewer or the show stage.
+            placeholderPromptMode: canInteract && !isPresentationPassive ? "edit" : "present",
             handleMediaPlayStateChange,
             presentationElementStates,
             slideElements: activeSlide?.elements,
@@ -3018,35 +3022,14 @@ function FailedToLoad6() {
 var LazyModel3DScene = React19.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-AUVJXXPV.mjs');
+      return await import('./Model3DScene-ZEGWNILH.mjs');
     } catch {
       return { default: FailedToLoad6 };
     }
   }
 );
-function dataUrlToBlobUrl(dataUrl) {
-  if (!dataUrl) {
-    return void 0;
-  }
-  try {
-    const commaIdx = dataUrl.indexOf(",");
-    if (commaIdx === -1) {
-      return void 0;
-    }
-    const meta = dataUrl.slice(0, commaIdx);
-    const base64 = dataUrl.slice(commaIdx + 1);
-    const mimeMatch = meta.match(/data:(?<mime>[^;]+)/u);
-    const mime = mimeMatch?.groups?.mime ?? "application/octet-stream";
-    const binary = atob(base64);
-    const bytes = new Uint8Array(binary.length);
-    for (let i = 0; i < binary.length; i++) {
-      bytes[i] = binary.charCodeAt(i);
-    }
-    const blob = new Blob([bytes], { type: mime });
-    return URL.createObjectURL(blob);
-  } catch {
-    return void 0;
-  }
+function dataUrlToBlobUrl(dataUrl, mimeType) {
+  return modelDataToBlobUrl(dataUrl, mimeType);
 }
 function PosterFallback({
   element,
@@ -3134,7 +3117,10 @@ function Model3DRenderer({ element, width, height, interactive }) {
       cancelled = true;
     };
   }, []);
-  const blobUrl = useMemo(() => dataUrlToBlobUrl(element.modelData), [element.modelData]);
+  const blobUrl = useMemo(
+    () => dataUrlToBlobUrl(element.modelData, element.modelMimeType),
+    [element.modelData, element.modelMimeType]
+  );
   useEffect(() => {
     return () => {
       if (blobUrl) {
@@ -4389,6 +4375,7 @@ function renderTextElementBody(options) {
     fieldContext,
     presentationElementStates,
     isPresentationPassive,
+    placeholderPromptMode = "present",
     slideElements
   } = options;
   const isLinkedTextBox2 = isLinkedTextBox(el);
@@ -4407,7 +4394,8 @@ function renderTextElementBody(options) {
     ...isLinkedTextBox2 ? { overflow: "hidden" } : {}
   };
   const shapeType = "shapeType" in el ? el.shapeType : void 0;
-  const shouldRenderText = isTxtEl || hasTextProperties(el) && Boolean(el.promptText);
+  const placeholderPrompt = placeholderPromptDescriptor(el, placeholderPromptMode);
+  const shouldRenderText = isTxtEl || placeholderPrompt !== null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     vecShape,
     isActionButtonShape(shapeType) && /* @__PURE__ */ jsx(ActionButtonGlyphOverlay, { element: el }),
@@ -4453,7 +4441,8 @@ function renderTextElementBody(options) {
           fieldContext,
           presentationElementStates,
           linkedSegments ?? void 0,
-          !isPresentationPassive
+          !isPresentationPassive,
+          placeholderPrompt
         )
       }
     ))
@@ -5009,6 +4998,7 @@ function StaticElementRendererImpl({
           // mode, so without saying so a video here would carry Chrome's
           // scrubber over a slide nobody can play.
           isStaticSurface: true,
+          placeholderPromptMode: "thumbnail",
           slideElements: activeSlide?.elements,
           allSlides,
           sourceSlideIndex,
@@ -5723,13 +5713,12 @@ var ATXT = [
   { id: "right", i: /* @__PURE__ */ jsx(LuAlignRight, { className: ic }), labelKey: "pptx.ribbon.alignRight" },
   { id: "justify", i: /* @__PURE__ */ jsx(LuAlignJustify, { className: ic }), labelKey: "pptx.ribbon.justify" }
 ];
-var DEFAULT_STROKE_WIDTH = 1;
 function ShapeArrangeExtras(p) {
   const { t } = useTranslation();
-  const canGroup = p.canEdit && p.selectedCount >= 2;
-  const canUngroup = p.canEdit && p.selectedElement?.type === "group";
-  const shape = p.selectedElement !== null && hasShapeProperties(p.selectedElement);
-  const strokeWidth = p.selectedElement !== null && hasShapeProperties(p.selectedElement) ? p.selectedElement.shapeStyle?.strokeWidth ?? DEFAULT_STROKE_WIDTH : DEFAULT_STROKE_WIDTH;
+  const canGroup = canGroupSelection(p.canEdit, p.selectedCount);
+  const canUngroup = canUngroupSelection(p.canEdit, p.selectedElement);
+  const canStrokeWidth = canSetStrokeWidth(p.canEdit, p.selectedElement);
+  const strokeWidth = strokeWidthOf(p.selectedElement);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: grp, children: [
       /* @__PURE__ */ jsx(
@@ -5764,7 +5753,7 @@ function ShapeArrangeExtras(p) {
         min: "0",
         max: "120",
         step: "0.5",
-        disabled: !p.canEdit || !shape,
+        disabled: !canStrokeWidth,
         "aria-label": t("pptx.ribbon.strokeWidth"),
         title: t("pptx.ribbon.strokeWidth"),
         value: strokeWidth,
@@ -6199,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",
@@ -6227,6 +6237,7 @@ function DrawSection(p) {
             /* @__PURE__ */ jsx(
               "input",
               {
+                ref: colorRef,
                 type: "color",
                 value: p.drawingColor,
                 onChange: (e) => p.onSetDrawingColor(e.target.value),
@@ -6291,7 +6302,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "3.1.5" ;
+  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: [
@@ -7062,7 +7073,6 @@ function extractFontInfo(element, themeFonts) {
     fontSize: fontSize !== void 0 && fontSize !== null ? String(fontSize) : defaults.fontSize
   };
 }
-var COMMON_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 44, 48, 54, 60, 72, 96];
 function HomeSection(p) {
   const { t } = useTranslation();
   const [fontMenuOpen, setFontMenuOpen] = useState(false);
@@ -7220,7 +7230,7 @@ function HomeSection(p) {
               ]
             }
           ),
-          sizeMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: sizeMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_SIZES.map((s) => /* @__PURE__ */ jsx(
+          sizeMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: sizeMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_FONT_SIZES.map((s) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -7992,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")
         }
       ),
@@ -8132,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 },
@@ -8344,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) => {
@@ -8359,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: [
@@ -8708,6 +8760,14 @@ function TextSection(p) {
                 value: currentColor,
                 onChange: (e) => handleColorChange(e.target.value)
               }
+            ),
+            /* @__PURE__ */ jsx(
+              RecentColorsRow,
+              {
+                prefix: "font-color",
+                disabled: !canMut,
+                onCommit: handleColorChange
+              }
             )
           ] }) })
         ] }),
@@ -9356,6 +9416,7 @@ function MobileSectionBody({
         SlideShowSection,
         {
           onPresent: () => p.onSetMode("present"),
+          onPresentFromBeginning: p.onPresentFromBeginning,
           onEnterPresenterView: p.onEnterPresenterView ?? (() => {
           }),
           onEnterRehearsalMode: p.onEnterRehearsalMode ?? (() => {
@@ -9554,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);
@@ -9718,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",
           {
@@ -10679,6 +10764,7 @@ function Toolbar(p) {
                 SlideShowSection,
                 {
                   onPresent: () => p.onSetMode("present"),
+                  onPresentFromBeginning: p.onPresentFromBeginning,
                   onEnterPresenterView: p.onEnterPresenterView ?? (() => {
                   }),
                   onEnterRehearsalMode: p.onEnterRehearsalMode ?? (() => {
@@ -11927,7 +12013,7 @@ function useDrawingOverlay({
     },
     [zoom.canvasStageRef, zoom.editorScale]
   );
-  const buildPathD2 = useCallback((pts) => {
+  const buildPathD = useCallback((pts) => {
     if (pts.length === 0) {
       return "";
     }
@@ -12056,7 +12142,7 @@ function useDrawingOverlay({
         };
         onAddFreeformShape?.(freeformShape);
       } else {
-        const pathD = buildPathD2(relPoints);
+        const pathD = buildPathD(relPoints);
         const isHighlighter = activeTool === "highlighter";
         const hasPressure = currentStrokePressures.length >= 2 && currentStrokePressures.some((p) => Math.abs(p - currentStrokePressures[0]) > 0.01);
         const ink = {
@@ -12087,13 +12173,13 @@ function useDrawingOverlay({
       isDrawingRef,
       onAddInkElement,
       onAddFreeformShape,
-      buildPathD2,
+      buildPathD,
       currentStrokePressures
     ]
   );
   const liveStrokeD = useMemo(
-    () => isStrokeActive ? buildPathD2(currentStrokePoints) : "",
-    [isStrokeActive, currentStrokePoints, buildPathD2]
+    () => isStrokeActive ? buildPathD(currentStrokePoints) : "",
+    [isStrokeActive, currentStrokePoints, buildPathD]
   );
   return {
     isDrawing,
@@ -12166,8 +12252,6 @@ function useStableCallbacks(callbacks) {
     stableResizeTableRow
   };
 }
-var PLACEHOLDER_WIDTH = 120;
-var PLACEHOLDER_HEIGHT = 40;
 function ActiveXControlOverlay({
   controls,
   canvasSize,
@@ -12176,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}`
       );
@@ -12202,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",
@@ -12227,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}`
@@ -14541,6 +14618,8 @@ function MasterViewSidebar({
   onSelectLayout,
   onCollapse,
   onTabChange,
+  crudActions,
+  onCrudAction,
   onHandoutSlidesPerPageChange,
   onNotesMasterBackgroundChange,
   onHandoutMasterBackgroundChange,
@@ -14620,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,
             {
@@ -18896,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);
@@ -19147,6 +19240,7 @@ function PresenterView({
   templateElements,
   presentationStartTime,
   activeCustomShow,
+  authoredRange,
   onMovePresentationSlide,
   onExit,
   onOpenAudienceWindow,
@@ -19258,6 +19352,7 @@ function PresenterView({
           canvasSize,
           templateElements,
           activeCustomShow,
+          authoredRange,
           now,
           elapsed,
           onMove: onMovePresentationSlide,
@@ -19315,6 +19410,8 @@ function MobilePresenterView({
   currentSlideIndex,
   canvasSize,
   templateElements,
+  activeCustomShow,
+  authoredRange,
   presentationStartTime,
   onMovePresentationSlide,
   onExit
@@ -19327,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") });
   }
@@ -19860,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") }),
@@ -19883,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"
         }
@@ -20865,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 });
@@ -20885,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: [
@@ -20904,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}`
       ),
@@ -20921,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}`
       )
@@ -20939,9 +21132,9 @@ function ActionTriggerSection({
   fallbackSlideIndex,
   canEdit,
   slideCount,
+  customShows,
   onChangeType,
-  onChangeUrl,
-  onChangeSlide
+  onChangeTarget
 }) {
   const { t } = useTranslation();
   const [pendingType, setPendingType] = useState(void 0);
@@ -20963,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)
       }
     )
   ] });
@@ -21279,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)
@@ -21380,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);
+                  }
                 }
               )
             ] })
@@ -21403,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(
@@ -21653,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;
@@ -21740,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);
+              }
             }
           )
         ] })
@@ -21758,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;
@@ -21808,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(
@@ -21850,7 +22041,13 @@ function ChartDataPointOptions({
     }) })
   ] });
 }
-function ChartDisplayOptions({ style, canEdit, onUpdateStyle }) {
+function ChartDisplayOptions({
+  style,
+  canEdit,
+  onUpdateStyle,
+  hasGridlines,
+  onToggleGridlines
+}) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
     /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.display") }),
@@ -21903,8 +22100,8 @@ function ChartDisplayOptions({ style, canEdit, onUpdateStyle }) {
           {
             type: "checkbox",
             disabled: !canEdit,
-            checked: style?.hasGridlines ?? false,
-            onChange: (e) => onUpdateStyle({ hasGridlines: e.target.checked }),
+            checked: hasGridlines,
+            onChange: (e) => onToggleGridlines(e.target.checked),
             className: "accent-primary"
           }
         ),
@@ -22014,6 +22211,7 @@ function ChartMarkerOptions({
   onSetMarker
 }) {
   const { t } = useTranslation();
+  const { pushColor } = useRecentColors();
   if (!MARKER_SUPPORTED_TYPES.has(chartType) || series.length === 0) {
     return null;
   }
@@ -22072,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);
+                }
               }
             )
           ] })
@@ -22091,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",
     {
@@ -22113,11 +22319,13 @@ function DebouncedColorInput({
 }
 var DEFAULT_SWATCH = "#4472c4";
 function ChartSeriesColorOptions({
-  series,
+  chartData,
   canEdit,
-  onSetColor
+  onSetColor,
+  onToggleSecondaryAxis
 }) {
   const { t } = useTranslation();
+  const series = chartData.series;
   if (series.length === 0) {
     return null;
   }
@@ -22125,6 +22333,19 @@ function ChartSeriesColorOptions({
     /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.seriesColors") }),
     /* @__PURE__ */ jsx("div", { className: "space-y-1", children: series.map((s, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", title: s.name, children: s.name }),
+      /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 text-muted-foreground shrink-0", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            disabled: !canEdit,
+            checked: isSeriesUsingSecondaryAxis(chartData, i),
+            onChange: (e) => onToggleSecondaryAxis(i, e.target.checked),
+            className: "accent-primary"
+          }
+        ),
+        t("pptx.chart.secondaryAxis")
+      ] }),
       /* @__PURE__ */ jsx(
         DebouncedColorInput,
         {
@@ -22148,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,
@@ -22329,6 +22615,25 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
     },
     [chartData, style, onUpdateElement]
   );
+  const hasGridlines = chartData ? chartGridlinesState(chartData) : false;
+  const toggleGridlines = useCallback(
+    (show) => {
+      if (!chartData) {
+        return;
+      }
+      updateChartData(chartGridlinesPatch(chartData, show));
+    },
+    [chartData, updateChartData]
+  );
+  const toggleSecondaryAxis = useCallback(
+    (seriesIndex, useSecondary) => {
+      if (!chartData) {
+        return;
+      }
+      updateChartData(seriesSecondaryAxisPatch(chartData, seriesIndex, useSecondary));
+    },
+    [chartData, updateChartData]
+  );
   const updateAxis = useCallback(
     (axisType, patch) => {
       if (!chartData) {
@@ -22499,7 +22804,24 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
         onUpdateChartData: updateChartData
       }
     ),
-    /* @__PURE__ */ jsx(ChartDisplayOptions, { style, canEdit, onUpdateStyle: updateStyle }),
+    /* @__PURE__ */ jsx(
+      ChartDisplayOptions,
+      {
+        style,
+        canEdit,
+        onUpdateStyle: updateStyle,
+        hasGridlines,
+        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(
@@ -22570,7 +22892,15 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
         onSetErrorBars: setSeriesErrorBars
       }
     ),
-    /* @__PURE__ */ jsx(ChartSeriesColorOptions, { series, canEdit, onSetColor: setSeriesColor }),
+    /* @__PURE__ */ jsx(
+      ChartSeriesColorOptions,
+      {
+        chartData,
+        canEdit,
+        onSetColor: setSeriesColor,
+        onToggleSecondaryAxis: toggleSecondaryAxis
+      }
+    ),
     /* @__PURE__ */ jsx(
       ChartDataGrid,
       {
@@ -23030,6 +23360,7 @@ function DebouncedColorInput2({
   const [local, setLocal] = useState(value);
   const commitRef = useRef(onCommit);
   commitRef.current = onCommit;
+  const { pushColor } = useRecentColors();
   useEffect(() => {
     setLocal(value);
   }, [value]);
@@ -23038,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;
@@ -23047,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",
     {
@@ -24303,23 +24636,10 @@ function MediaPropertiesPanel({
 }
 
 // src/viewer/components/inspector/fill-stroke-options.ts
-var COMPOUND_LINE_OPTIONS = [
-  { value: "sng", label: "Single", i18nKey: "pptx.strokeOptions.compoundSingle" },
-  { value: "dbl", label: "Double", i18nKey: "pptx.strokeOptions.compoundDouble" },
-  { value: "thickThin", label: "Thick-Thin", i18nKey: "pptx.strokeOptions.compoundThickThin" },
-  { value: "thinThick", label: "Thin-Thick", i18nKey: "pptx.strokeOptions.compoundThinThick" },
-  { value: "tri", label: "Triple", i18nKey: "pptx.strokeOptions.compoundTriple" }
-];
-var LINE_JOIN_OPTIONS = [
-  { value: "round", label: "Round", i18nKey: "pptx.strokeOptions.joinRound" },
-  { value: "bevel", label: "Bevel", i18nKey: "pptx.strokeOptions.joinBevel" },
-  { value: "miter", label: "Miter", i18nKey: "pptx.strokeOptions.joinMiter" }
-];
-var LINE_CAP_OPTIONS = [
-  { value: "flat", label: "Flat", i18nKey: "pptx.strokeOptions.capFlat" },
-  { value: "rnd", label: "Round", i18nKey: "pptx.strokeOptions.capRound" },
-  { value: "sq", label: "Square", i18nKey: "pptx.strokeOptions.capSquare" }
-];
+var COMPOUND_LINE_OPTIONS2 = COMPOUND_LINE_OPTIONS;
+var LINE_JOIN_OPTIONS2 = LINE_JOIN_OPTIONS;
+var LINE_CAP_OPTIONS2 = LINE_CAP_OPTIONS;
+var PATTERN_PRESET_OPTIONS2 = PATTERN_PRESET_OPTIONS;
 var FILL_MODE_OPTIONS2 = [
   { value: "solid", label: "Solid", i18nKey: "pptx.fill.solid" },
   { value: "gradient", label: "Gradient", i18nKey: "pptx.fill.gradient" },
@@ -24327,76 +24647,6 @@ var FILL_MODE_OPTIONS2 = [
   { value: "image", label: "Image", i18nKey: "pptx.inspector.image" },
   { value: "none", label: "None", i18nKey: "pptx.fill.none" }
 ];
-var PATTERN_PRESET_OPTIONS = [
-  { value: "pct5", label: "5%", i18nKey: "pptx.fillPatterns.pct5" },
-  { value: "pct10", label: "10%", i18nKey: "pptx.fillPatterns.pct10" },
-  { value: "pct20", label: "20%", i18nKey: "pptx.fillPatterns.pct20" },
-  { value: "pct25", label: "25%", i18nKey: "pptx.fillPatterns.pct25" },
-  { value: "pct30", label: "30%", i18nKey: "pptx.fillPatterns.pct30" },
-  { value: "pct40", label: "40%", i18nKey: "pptx.fillPatterns.pct40" },
-  { value: "pct50", label: "50%", i18nKey: "pptx.fillPatterns.pct50" },
-  { value: "pct60", label: "60%", i18nKey: "pptx.fillPatterns.pct60" },
-  { value: "pct70", label: "70%", i18nKey: "pptx.fillPatterns.pct70" },
-  { value: "pct75", label: "75%", i18nKey: "pptx.fillPatterns.pct75" },
-  { value: "pct80", label: "80%", i18nKey: "pptx.fillPatterns.pct80" },
-  { value: "pct90", label: "90%", i18nKey: "pptx.fillPatterns.pct90" },
-  { value: "horz", label: "Horizontal", i18nKey: "pptx.fillPatterns.horizontal" },
-  { value: "vert", label: "Vertical", i18nKey: "pptx.fillPatterns.vertical" },
-  { value: "ltHorz", label: "Light Horizontal", i18nKey: "pptx.fillPatterns.lightHorizontal" },
-  { value: "ltVert", label: "Light Vertical", i18nKey: "pptx.fillPatterns.lightVertical" },
-  { value: "dkHorz", label: "Dark Horizontal", i18nKey: "pptx.fillPatterns.darkHorizontal" },
-  { value: "dkVert", label: "Dark Vertical", i18nKey: "pptx.fillPatterns.darkVertical" },
-  { value: "narHorz", label: "Narrow Horizontal", i18nKey: "pptx.fillPatterns.narrowHorizontal" },
-  { value: "narVert", label: "Narrow Vertical", i18nKey: "pptx.fillPatterns.narrowVertical" },
-  { value: "wdHorz", label: "Wide Horizontal", i18nKey: "pptx.fillPatterns.wideHorizontal" },
-  { value: "wdVert", label: "Wide Vertical", i18nKey: "pptx.fillPatterns.wideVertical" },
-  { value: "dashHorz", label: "Dashed Horizontal", i18nKey: "pptx.fillPatterns.dashedHorizontal" },
-  { value: "dashVert", label: "Dashed Vertical", i18nKey: "pptx.fillPatterns.dashedVertical" },
-  { value: "cross", label: "Cross", i18nKey: "pptx.fillPatterns.cross" },
-  { value: "dnDiag", label: "Down Diagonal", i18nKey: "pptx.fillPatterns.downDiagonal" },
-  { value: "upDiag", label: "Up Diagonal", i18nKey: "pptx.fillPatterns.upDiagonal" },
-  {
-    value: "ltDnDiag",
-    label: "Light Down Diagonal",
-    i18nKey: "pptx.fillPatterns.lightDownDiagonal"
-  },
-  { value: "ltUpDiag", label: "Light Up Diagonal", i18nKey: "pptx.fillPatterns.lightUpDiagonal" },
-  { value: "dkDnDiag", label: "Dark Down Diagonal", i18nKey: "pptx.fillPatterns.darkDownDiagonal" },
-  { value: "dkUpDiag", label: "Dark Up Diagonal", i18nKey: "pptx.fillPatterns.darkUpDiagonal" },
-  { value: "wdDnDiag", label: "Wide Down Diagonal", i18nKey: "pptx.fillPatterns.wideDownDiagonal" },
-  { value: "wdUpDiag", label: "Wide Up Diagonal", i18nKey: "pptx.fillPatterns.wideUpDiagonal" },
-  {
-    value: "dashDnDiag",
-    label: "Dashed Down Diagonal",
-    i18nKey: "pptx.fillPatterns.dashedDownDiagonal"
-  },
-  {
-    value: "dashUpDiag",
-    label: "Dashed Up Diagonal",
-    i18nKey: "pptx.fillPatterns.dashedUpDiagonal"
-  },
-  { value: "diagCross", label: "Diagonal Cross", i18nKey: "pptx.fillPatterns.diagonalCross" },
-  { value: "smCheck", label: "Small Check", i18nKey: "pptx.fillPatterns.smallCheck" },
-  { value: "lgCheck", label: "Large Check", i18nKey: "pptx.fillPatterns.largeCheck" },
-  { value: "smGrid", label: "Small Grid", i18nKey: "pptx.fillPatterns.smallGrid" },
-  { value: "lgGrid", label: "Large Grid", i18nKey: "pptx.fillPatterns.largeGrid" },
-  { value: "dotGrid", label: "Dot Grid", i18nKey: "pptx.fillPatterns.dotGrid" },
-  { value: "smConfetti", label: "Small Confetti", i18nKey: "pptx.fillPatterns.smallConfetti" },
-  { value: "lgConfetti", label: "Large Confetti", i18nKey: "pptx.fillPatterns.largeConfetti" },
-  { value: "horzBrick", label: "Horizontal Brick", i18nKey: "pptx.fillPatterns.horizontalBrick" },
-  { value: "diagBrick", label: "Diagonal Brick", i18nKey: "pptx.fillPatterns.diagonalBrick" },
-  { value: "solidDmnd", label: "Solid Diamond", i18nKey: "pptx.fillPatterns.solidDiamond" },
-  { value: "openDmnd", label: "Open Diamond", i18nKey: "pptx.fillPatterns.openDiamond" },
-  { value: "dotDmnd", label: "Dotted Diamond", i18nKey: "pptx.fillPatterns.dottedDiamond" },
-  { value: "plaid", label: "Plaid", i18nKey: "pptx.fillPatterns.plaid" },
-  { value: "sphere", label: "Sphere", i18nKey: "pptx.fillPatterns.sphere" },
-  { value: "weave", label: "Weave", i18nKey: "pptx.fillPatterns.weave" },
-  { value: "divot", label: "Divot", i18nKey: "pptx.fillPatterns.divot" },
-  { value: "shingle", label: "Shingle", i18nKey: "pptx.fillPatterns.shingle" },
-  { value: "wave", label: "Wave", i18nKey: "pptx.fillPatterns.wave" },
-  { value: "trellis", label: "Trellis", i18nKey: "pptx.fillPatterns.trellis" },
-  { value: "zigZag", label: "Zig Zag", i18nKey: "pptx.fillPatterns.zigZag" }
-];
 var GRADIENT_TYPE_OPTIONS2 = [
   { value: "linear", label: "Linear", i18nKey: "pptx.gradient.linear" },
   { value: "radial", label: "Radial", i18nKey: "pptx.gradient.radial" }
@@ -24591,6 +24841,7 @@ var SHADOW_EFFECT_CONFIGS = [
       {
         key: "sr",
         label: "Rotate with Shape",
+        i18nKey: "pptx.effects.rotateWithShape",
         type: "checkbox",
         read: (s) => s?.shadowRotateWithShape ?? true,
         write: (v) => ({ shadowRotateWithShape: Boolean(v) })
@@ -24949,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,
@@ -24976,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: [
@@ -24995,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}`
         }
       ),
@@ -25014,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({
@@ -25053,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);
@@ -25064,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"
         }
       ),
@@ -25110,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,
@@ -25287,7 +25535,7 @@ function FillAdvancedControls({
     style?.fillMode === "pattern" && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("div", { className: `${COL2} flex flex-col gap-2`, children: [
         /* @__PURE__ */ jsx("span", { className: LBL2, children: "Pattern" }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-8 gap-1 max-h-48 overflow-y-auto rounded border border-border p-2", children: PATTERN_PRESET_OPTIONS.map((opt) => {
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-8 gap-1 max-h-48 overflow-y-auto rounded border border-border p-2", children: PATTERN_PRESET_OPTIONS2.map((opt) => {
           const fgColor = normalizeHexColor(style?.fillColor, DEFAULT_FILL_COLOR);
           const bgColor = normalizeHexColor(style?.fillPatternBackgroundColor, "#ffffff");
           const svgPattern = getPatternSvg(opt.value, fgColor, bgColor);
@@ -25296,7 +25544,7 @@ function FillAdvancedControls({
             "button",
             {
               type: "button",
-              title: opt.label,
+              title: t(opt.labelKey),
               className: `h-8 w-8 rounded border transition-all ${isSelected ? "border-primary border-2 ring-2 ring-primary/20" : "border-border hover:border-primary/50"}`,
               onClick: () => onUpdateShapeStyle({
                 fillMode: "pattern",
@@ -25419,7 +25667,6 @@ function QuickStylesGallery({
 function StrokeEffectsSection({
   style,
   isLine,
-  recentColors,
   onUpdateShapeStyle,
   onSetStrokeColor
 }) {
@@ -25431,7 +25678,6 @@ function StrokeEffectsSection({
         label: t("pptx.inspector.stroke"),
         prefix: "stroke",
         value: normalizeHexColor(style?.strokeColor, DEFAULT_STROKE_COLOR),
-        recentColors,
         onChange: onSetStrokeColor
       }
     ),
@@ -25499,7 +25745,7 @@ function StrokeEffectsSection({
     ] }),
     /* @__PURE__ */ jsxs("label", { className: `flex flex-col gap-1 ${COL2}`, children: [
       /* @__PURE__ */ jsx("span", { className: LBL2, children: t("pptx.strokeEffects.compoundLine") }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1", children: COMPOUND_LINE_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1", children: COMPOUND_LINE_OPTIONS2.map((opt) => /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -25544,7 +25790,7 @@ function StrokeEffectsSection({
       {
         label: t("pptx.strokeEffects.lineJoin"),
         value: style?.lineJoin || "round",
-        options: LINE_JOIN_OPTIONS,
+        options: LINE_JOIN_OPTIONS2,
         onChange: (v) => onUpdateShapeStyle({ lineJoin: v })
       }
     ),
@@ -25553,7 +25799,7 @@ function StrokeEffectsSection({
       {
         label: t("pptx.strokeEffects.lineCap"),
         value: style?.lineCap || "flat",
-        options: LINE_CAP_OPTIONS,
+        options: LINE_CAP_OPTIONS2,
         onChange: (v) => onUpdateShapeStyle({ lineCap: v })
       }
     )
@@ -25564,7 +25810,6 @@ function FillStrokeProperties({
   selectedShapeStyle,
   selectedShapeType,
   selectedGradientStops,
-  recentColors,
   onUpdateShapeStyle,
   onSetFillColor,
   onSetStrokeColor
@@ -25663,7 +25908,6 @@ function FillStrokeProperties({
         {
           style,
           isLine: line,
-          recentColors,
           onUpdateShapeStyle,
           onSetStrokeColor
         }
@@ -25678,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) => {
@@ -25731,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
             }
           )
@@ -25897,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: [
@@ -25919,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
         }
@@ -25950,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
           }
         )
@@ -25981,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
           }
         )
@@ -26055,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: [
@@ -26108,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
             }
           )
@@ -26213,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
             }
           )
@@ -26254,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({
@@ -26428,7 +26701,6 @@ function TextAdvancedSections({
     /* @__PURE__ */ jsx(Text3DProperties, { ts, onUpdateTextStyle })
   ] });
 }
-var EMPTY_RECENT_COLORS = [];
 function ShapeTextPanels({
   selectedElement,
   canEdit,
@@ -26464,7 +26736,6 @@ function ShapeTextPanels({
           selectedGradientStops: sanitizeGradientStops(
             selectedElement.shapeStyle?.fillGradientStops
           ),
-          recentColors: EMPTY_RECENT_COLORS,
           canEdit,
           onUpdateShapeStyle: onUpdateElementStyle,
           onSetFillColor: (hex) => onUpdateElementStyle({ fillColor: hex, fillMode: "solid" }),
@@ -26472,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: [
@@ -26496,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,
@@ -26784,6 +27064,7 @@ function SmartArtNodeStyleControls({
   canEdit,
   onChangeStyle
 }) {
+  const { pushColor } = useRecentColors();
   const bold = Boolean(style?.bold);
   const italic = Boolean(style?.italic);
   return /* @__PURE__ */ jsxs(
@@ -26803,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);
+              }
             }
           )
         ] }),
@@ -26817,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);
+              }
             }
           )
         ] }),
@@ -27381,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: [
@@ -27407,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);
+            }
           }
         )
       ] }),
@@ -27420,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);
+            }
           }
         )
       ] })
@@ -27521,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) => {
@@ -27577,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(
@@ -28022,6 +28320,7 @@ function ElementInspectorBody({
   selectedElement,
   canEdit,
   slides,
+  customShows,
   tableEditorState,
   mediaDataUrls,
   onUpdateElement,
@@ -28156,6 +28455,7 @@ function ElementInspectorBody({
         selectedElement,
         slides,
         canEdit,
+        customShows,
         onUpdateElement
       }
     ),
@@ -28170,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")) {
@@ -28191,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,
@@ -28199,6 +28668,8 @@ function InspectorCommentRow({
   commentEditDraft,
   replyingToCommentId,
   replyDraftByCommentId,
+  replyDraftMentionsByCommentId = EMPTY_REPLY_MENTIONS,
+  commentAuthors = EMPTY_AUTHORS,
   onStartEditComment,
   onSaveEditComment,
   onCancelEditComment,
@@ -28361,6 +28832,8 @@ function InspectorCommentRow({
               commentEditDraft,
               replyingToCommentId,
               replyDraftByCommentId,
+              replyDraftMentionsByCommentId,
+              commentAuthors,
               onStartEditComment,
               onSaveEditComment,
               onCancelEditComment,
@@ -28377,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
+          }
+        )
       ]
     }
   );
@@ -28433,8 +28875,11 @@ function InspectorCommentsSection({
   editingCommentId,
   commentEditDraft,
   commentDraft,
+  commentDraftMentions,
+  commentAuthors,
   replyingToCommentId,
   replyDraftByCommentId,
+  replyDraftMentionsByCommentId,
   onSetCommentDraft,
   onAddComment,
   onDeleteComment,
@@ -28466,6 +28911,8 @@ function InspectorCommentsSection({
         commentEditDraft,
         replyingToCommentId,
         replyDraftByCommentId,
+        replyDraftMentionsByCommentId,
+        commentAuthors,
         onStartEditComment,
         onSaveEditComment,
         onCancelEditComment,
@@ -28488,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(
@@ -28819,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") }),
@@ -28894,7 +29390,8 @@ function SlideSizeCard({
             onChange: (e) => onUpdate({ ...canvasSize, [key]: Number(e.target.value) })
           }
         )
-      ] }, key)) })
+      ] }, key)) }),
+      pendingSize && /* @__PURE__ */ jsx(SlideSizeRescalePrompt, { onChoose: handleRescale })
     ] })
   ] });
 }
@@ -29553,6 +30050,7 @@ function PresentationPropertiesPanel({
   onUpdateCanvasSize,
   slideSizeEmu,
   onUpdateSlideSize,
+  hasContent,
   notesCanvasSize,
   notesMaster,
   handoutMaster,
@@ -29612,7 +30110,8 @@ function PresentationPropertiesPanel({
         slideSizeEmu,
         canEdit,
         onUpdate: onUpdateCanvasSize,
-        onUpdateSlideSize
+        onUpdateSlideSize,
+        hasContent
       }
     ),
     /* @__PURE__ */ jsx(
@@ -29853,6 +30352,7 @@ function InspectorPane(props) {
     canEdit,
     activeSlide,
     slides,
+    customShows,
     canvasSize,
     selectedElement,
     selectedElementIds,
@@ -29880,6 +30380,8 @@ function InspectorPane(props) {
     onApplyTheme,
     comments,
     commentDraft,
+    commentDraftMentions,
+    commentAuthors,
     editingCommentId,
     commentEditDraft,
     onSetCommentDraft,
@@ -29896,6 +30398,7 @@ function InspectorPane(props) {
     onSubmitReply,
     replyingToCommentId,
     replyDraftByCommentId,
+    replyDraftMentionsByCommentId,
     onUpdateCanvasSize,
     slideSizeEmu,
     onUpdateSlideSize,
@@ -29987,6 +30490,7 @@ function InspectorPane(props) {
                 selectedElement,
                 canEdit,
                 slides,
+                customShows,
                 tableEditorState,
                 mediaDataUrls,
                 onUpdateElement,
@@ -30020,6 +30524,7 @@ function InspectorPane(props) {
                   onUpdateCanvasSize,
                   slideSizeEmu,
                   onUpdateSlideSize,
+                  hasContent: slides.some((slide) => slide.elements.length > 0),
                   activeSlide,
                   theme,
                   onUpdateSlide
@@ -30048,8 +30553,11 @@ function InspectorPane(props) {
                 editingCommentId,
                 commentEditDraft,
                 commentDraft,
+                commentDraftMentions: commentDraftMentions ?? [],
+                commentAuthors: commentAuthors ?? [],
                 replyingToCommentId: replyingToCommentId ?? null,
                 replyDraftByCommentId: replyDraftByCommentId ?? {},
+                replyDraftMentionsByCommentId: replyDraftMentionsByCommentId ?? {},
                 onSetCommentDraft,
                 onAddComment,
                 onDeleteComment,
@@ -30090,32 +30598,6 @@ function InspectorPane(props) {
     )
   ] });
 }
-function buildPathD(points) {
-  if (points.length === 0) {
-    return "";
-  }
-  const first = points[0];
-  let d = `M ${first.x} ${first.y}`;
-  for (let i = 1; i < points.length; i++) {
-    const pt = points[i];
-    d += ` L ${pt.x} ${pt.y}`;
-  }
-  return d;
-}
-function getCursorForTool(tool) {
-  switch (tool) {
-    case "laser":
-      return "none";
-    case "pen":
-      return "crosshair";
-    case "highlighter":
-      return "crosshair";
-    case "eraser":
-      return "crosshair";
-    default:
-      return "default";
-  }
-}
 function PresentationAnnotationOverlay({
   canvasSize,
   editorScale,
@@ -30226,7 +30708,7 @@ function PresentationAnnotationOverlay({
       className: "absolute inset-0",
       style: {
         zIndex: annotationOverlayZIndex(blackout),
-        cursor: getCursorForTool(presentationTool),
+        cursor: cursorForTool(presentationTool),
         pointerEvents: isCapturing ? "auto" : "none"
       },
       children: [
@@ -30249,7 +30731,7 @@ function PresentationAnnotationOverlay({
             children: allStrokes.map((stroke) => /* @__PURE__ */ jsx(
               "path",
               {
-                d: buildPathD(stroke.points),
+                d: buildStrokePathD(stroke.points),
                 fill: "none",
                 stroke: stroke.color,
                 strokeWidth: stroke.width,
@@ -33127,6 +33609,7 @@ function ViewerInspector({
   mode,
   activeSlide,
   slides,
+  customShows,
   canvasSize,
   selectedElement,
   effectiveSelectedIds,
@@ -33134,6 +33617,7 @@ function ViewerInspector({
   sidebarPanelMode,
   activeSlideIndex,
   comments,
+  commentAuthors,
   onSetSidebarPanelMode,
   onClose,
   onUpdateElementStyle,
@@ -33193,6 +33677,7 @@ function ViewerInspector({
           mode,
           activeSlide,
           slides,
+          customShows,
           canvasSize,
           selectedElement,
           selectedElementIds: effectiveSelectedIds,
@@ -33225,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),
@@ -33240,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,
@@ -33487,6 +33975,7 @@ function ViewerToolbarSection(props) {
     customFontFamilies,
     ops,
     onSetMode,
+    onPresentFromBeginning,
     onEnterPresenterView,
     onEnterRehearsalMode,
     onOpenSettings,
@@ -33505,7 +33994,10 @@ function ViewerToolbarSection(props) {
     isAiPanelOpen,
     onToggleAiPanel,
     isProtectedView,
-    onEnableEditing
+    onEnableEditing,
+    onSetSnapToGrid,
+    onSetSnapToShape,
+    onSetShowGuides
   } = props;
   const { t } = useTranslation();
   const handleAddAnimation = useCallback(
@@ -33682,7 +34174,7 @@ function ViewerToolbarSection(props) {
         case "slideShow":
           switch (action) {
             case "fromBeginning":
-              onSetMode("present");
+              (onPresentFromBeginning ?? (() => onSetMode("present")))();
               break;
             case "presenterView":
               onEnterPresenterView();
@@ -33731,6 +34223,7 @@ function ViewerToolbarSection(props) {
       dialogs,
       zoom,
       onSetMode,
+      onPresentFromBeginning,
       onEnterPresenterView,
       manipulation,
       handleOpenSlideSize
@@ -33739,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,
@@ -33749,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(
@@ -33808,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: () => {
@@ -33852,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,
@@ -34209,24 +34703,9 @@ function EquationEditorDialog({
     }
   );
 }
-var PREVIEW_ELEMENT_WIDTH = 600;
-var PREVIEW_ELEMENT_HEIGHT = 340;
 var PREVIEW_TILE_WIDTH2 = 64;
-var FALLBACK_ITEMS = ["1", "2", "3"];
-function buildPreviewElement(layout) {
-  const preset = PRESETS.find((p) => p.layout === layout);
-  return {
-    id: `smartart-preview-${layout}`,
-    type: "smartArt",
-    x: 0,
-    y: 0,
-    width: PREVIEW_ELEMENT_WIDTH,
-    height: PREVIEW_ELEMENT_HEIGHT,
-    smartArtData: buildSmartArtPresetData(layout, preset?.defaultItems ?? FALLBACK_ITEMS)
-  };
-}
 function getPreviewForLayout(layout) {
-  const scale = PREVIEW_TILE_WIDTH2 / PREVIEW_ELEMENT_WIDTH;
+  const scale = PREVIEW_TILE_WIDTH2 / SMARTART_PREVIEW_ELEMENT_WIDTH;
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -34234,18 +34713,18 @@ function getPreviewForLayout(layout) {
       className: "overflow-hidden pointer-events-none",
       style: {
         width: PREVIEW_TILE_WIDTH2,
-        height: Math.round(PREVIEW_ELEMENT_HEIGHT * scale)
+        height: Math.round(SMARTART_PREVIEW_ELEMENT_HEIGHT * scale)
       },
       children: /* @__PURE__ */ jsx(
         "div",
         {
           style: {
-            width: PREVIEW_ELEMENT_WIDTH,
-            height: PREVIEW_ELEMENT_HEIGHT,
+            width: SMARTART_PREVIEW_ELEMENT_WIDTH,
+            height: SMARTART_PREVIEW_ELEMENT_HEIGHT,
             transform: `scale(${scale})`,
             transformOrigin: "top left"
           },
-          children: /* @__PURE__ */ jsx(SmartArtRenderer, { element: buildPreviewElement(layout) })
+          children: /* @__PURE__ */ jsx(SmartArtRenderer, { element: buildSmartArtPreviewElement(layout) })
         }
       )
     }
@@ -34610,6 +35089,7 @@ function ViewerPresentationLayer(props) {
     templateElements,
     presentation,
     activeCustomShow,
+    authoredRange,
     onExitPresentation,
     isMobile,
     onUpdateNotes
@@ -34623,6 +35103,8 @@ function ViewerPresentationLayer(props) {
         currentSlideIndex: presentation.presentationSlideIndex,
         canvasSize,
         templateElements,
+        activeCustomShow,
+        authoredRange,
         presentationStartTime: presentation.presentationStartTime,
         onMovePresentationSlide: presentation.movePresentationSlide,
         onExit: onExitPresentation
@@ -34635,6 +35117,7 @@ function ViewerPresentationLayer(props) {
         canvasSize,
         templateElements,
         activeCustomShow,
+        authoredRange,
         presentationStartTime: presentation.presentationStartTime,
         onMovePresentationSlide: presentation.movePresentationSlide,
         onExit: onExitPresentation,
@@ -34991,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);
       }
@@ -35402,7 +35885,7 @@ ${url}`)) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-C3E7NLX3.mjs')
+    import('./AiChatPanel-NQZBZIRM.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -36309,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();
@@ -36328,6 +36814,7 @@ function ViewerSidePanels(props) {
         mode,
         activeSlide: effectiveSlide,
         slides,
+        customShows: s.customShows,
         canvasSize,
         selectedElement,
         effectiveSelectedIds: s.effectiveSelectedIds,
@@ -36335,6 +36822,7 @@ function ViewerSidePanels(props) {
         sidebarPanelMode: s.sidebarPanelMode,
         activeSlideIndex,
         comments,
+        commentAuthors: s.modernCommentAuthors,
         onSetSidebarPanelMode: s.setSidebarPanelMode,
         onClose: () => s.setIsInspectorPaneOpen(false),
         onUpdateElementStyle: ops.updateSelectedShapeStyle,
@@ -36475,6 +36963,7 @@ function ViewerMainContent(props) {
     themeHandlers,
     history,
     comments,
+    masterViewCrud,
     zoom,
     isMobile: _isMobile = false,
     isTouchDevice: _isTouchDevice = false,
@@ -36559,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(
@@ -36752,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(
@@ -36761,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"
         }
       ),
@@ -36774,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") }),
@@ -36803,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" })
         }
       )
@@ -36812,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"
         }
       ) })
@@ -36852,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")
         }
@@ -36861,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")
         }
@@ -37065,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,
@@ -37480,144 +38120,16 @@ function OptionsRibbonPane({
 }
 
 // src/viewer/utils/ai-log-export.ts
-function isoOf(ms) {
-  const n = Number.isFinite(ms) ? ms : 0;
-  return new Date(n).toISOString();
-}
-function toLogChat(chat, detailed) {
-  const messages = chat.messages.map((message) => {
-    const parts = toRenderableParts(message);
-    const textRuns = [];
-    const toolCalls = [];
-    for (const part of parts) {
-      if (part.kind === "text") {
-        textRuns.push(part.text);
-        continue;
-      }
-      toolCalls.push({
-        toolName: part.toolName,
-        toolCallId: part.toolCallId,
-        state: part.state,
-        input: detailed ? part.input : void 0,
-        output: detailed ? part.output : void 0,
-        errorText: part.errorText
-      });
-    }
-    return {
-      role: message.role,
-      text: textRuns.join("\n\n"),
-      toolCalls
-    };
-  });
-  return {
-    id: chat.id,
-    title: chat.title,
-    deckId: chat.deckId,
-    createdAt: chat.createdAt,
-    updatedAt: chat.updatedAt,
-    createdAtIso: isoOf(chat.createdAt),
-    updatedAtIso: isoOf(chat.updatedAt),
-    messageCount: chat.messages.length,
-    messages
-  };
-}
-function buildChatLogExport(chats, options) {
-  const detailed = options?.detailed ?? true;
-  const now = options?.now ?? Date.now();
-  return {
-    format: "pptx-ai-chat-log",
-    version: 1,
-    exportedAt: isoOf(now),
-    detailed,
-    chatCount: chats.length,
-    chats: chats.map((chat) => toLogChat(chat, detailed))
-  };
-}
-function toolCallLine(call, detailed) {
-  const lines = [`- Tool \`${call.toolName}\` (${call.state})`];
-  if (call.errorText) {
-    lines.push(`  - error: ${call.errorText}`);
-  }
-  if (detailed) {
-    lines.push("  - input:");
-    lines.push("    ```json");
-    lines.push(JSON.stringify(call.input ?? null, null, 2));
-    lines.push("    ```");
-    lines.push("  - output:");
-    lines.push("    ```json");
-    lines.push(JSON.stringify(call.output ?? null, null, 2));
-    lines.push("    ```");
-  }
-  return lines.join("\n");
-}
-function buildChatLogMarkdown(doc) {
-  const out = [
-    `# AI chat logs`,
-    "",
-    `Exported: ${doc.exportedAt}`,
-    `Chats: ${doc.chatCount}`,
-    ""
-  ];
-  for (const chat of doc.chats) {
-    out.push(`## ${chat.title || chat.id}`);
-    out.push("");
-    out.push(`- id: ${chat.id}`);
-    if (chat.deckId) {
-      out.push(`- deck: ${chat.deckId}`);
-    }
-    out.push(`- created: ${chat.createdAtIso}`);
-    out.push(`- updated: ${chat.updatedAtIso}`);
-    out.push(`- messages: ${chat.messageCount}`);
-    out.push("");
-    for (const message of chat.messages) {
-      out.push(`### ${message.role}`);
-      out.push("");
-      if (message.text) {
-        out.push(message.text);
-        out.push("");
-      }
-      for (const call of message.toolCalls) {
-        out.push(toolCallLine(call, doc.detailed));
-        out.push("");
-      }
-    }
-  }
-  return out.join("\n");
-}
-async function collectStoredChats(store) {
-  const summaries = await store.listChats();
-  const chats = [];
-  for (const summary of summaries) {
-    const chat = await store.loadChat(summary.id);
-    if (chat) {
-      chats.push(chat);
-    }
-  }
-  return chats;
-}
-function timestampSlug(now) {
-  const d = new Date(now);
-  const p = (n) => String(n).padStart(2, "0");
-  return `${d.getFullYear()}${p(d.getMonth() + 1)}${p(d.getDate())}-${p(d.getHours())}${p(d.getMinutes())}${p(d.getSeconds())}`;
-}
-async function exportAiChatLogs(options) {
+async function exportAiChatLogs2(options) {
   const store = options?.store ?? createChatHistoryStore();
-  const format = options?.format ?? "json";
-  const now = options?.now ?? Date.now();
   const chats = await collectStoredChats(store);
-  if (chats.length === 0) {
-    return 0;
-  }
-  const doc = buildChatLogExport(chats, { detailed: options?.detailed ?? true, now });
-  const slug = timestampSlug(now);
-  if (format === "markdown") {
-    const blob = new Blob([buildChatLogMarkdown(doc)], { type: "text/markdown" });
-    downloadBlob(blob, `pptx-ai-chats-${slug}.md`);
-  } else {
-    const blob = new Blob([JSON.stringify(doc, null, 2)], { type: "application/json" });
-    downloadBlob(blob, `pptx-ai-chats-${slug}.json`);
-  }
-  return chats.length;
+  return exportAiChatLogs(
+    chats,
+    { format: options?.format, detailed: options?.detailed, now: options?.now },
+    (filename, content, mime) => {
+      downloadBlob(new Blob([content], { type: mime }), filename);
+    }
+  );
 }
 function SettingsAiTab({ store }) {
   const { t } = useTranslation();
@@ -37648,7 +38160,7 @@ function SettingsAiTab({ store }) {
     async (format) => {
       setStatus({ kind: "busy" });
       try {
-        const count = await exportAiChatLogs({ store: activeStore, format, detailed });
+        const count = await exportAiChatLogs2({ store: activeStore, format, detailed });
         setStatus({ kind: "done", count });
       } catch {
         setStatus({ kind: "done", count: 0 });
@@ -38103,106 +38615,6 @@ function SettingsDialog({
     )
   ] });
 }
-
-// src/viewer/hooks/ai/ai-element-update.ts
-function applyGeometry(el, u) {
-  if (u.x !== void 0) {
-    el.x = u.x;
-  }
-  if (u.y !== void 0) {
-    el.y = u.y;
-  }
-  if (u.width !== void 0) {
-    el.width = u.width;
-  }
-  if (u.height !== void 0) {
-    el.height = u.height;
-  }
-  if (u.rotation !== void 0) {
-    el.rotation = u.rotation;
-  }
-  if (u.opacity !== void 0) {
-    el.opacity = u.opacity;
-  }
-  if (u.hidden !== void 0) {
-    el.hidden = u.hidden;
-  }
-  if (u.flipHorizontal !== void 0) {
-    el.flipHorizontal = u.flipHorizontal;
-  }
-  if (u.flipVertical !== void 0) {
-    el.flipVertical = u.flipVertical;
-  }
-}
-function applyText(el, u) {
-  if (!hasTextProperties(el)) {
-    return;
-  }
-  if (typeof u.text === "string") {
-    el.text = u.text;
-    if (el.textSegments && el.textSegments.length > 0) {
-      el.textSegments = [{ text: u.text, style: el.textSegments[0].style }];
-    } else {
-      el.textSegments = [{ text: u.text, style: {} }];
-    }
-  }
-  const textStyle = {};
-  if (u.fontSize !== void 0) {
-    textStyle.fontSize = u.fontSize;
-  }
-  if (u.fontFamily !== void 0) {
-    textStyle.fontFamily = u.fontFamily;
-  }
-  if (u.fontColor !== void 0) {
-    textStyle.color = u.fontColor;
-  }
-  if (u.bold !== void 0) {
-    textStyle.bold = u.bold;
-  }
-  if (u.italic !== void 0) {
-    textStyle.italic = u.italic;
-  }
-  if (u.underline !== void 0) {
-    textStyle.underline = u.underline;
-  }
-  if (u.align !== void 0) {
-    textStyle.align = u.align;
-  }
-  if (Object.keys(textStyle).length === 0) {
-    return;
-  }
-  el.textStyle = { ...el.textStyle, ...textStyle };
-  el.textSegments = el.textSegments?.map((seg) => ({
-    ...seg,
-    style: { ...seg.style, ...textStyle }
-  }));
-}
-function applyShapeStyle(el, u) {
-  if (!hasShapeProperties(el)) {
-    return;
-  }
-  const shapeStyle = {};
-  if (u.fillColor !== void 0) {
-    shapeStyle.fillColor = u.fillColor;
-  }
-  if (u.strokeColor !== void 0) {
-    shapeStyle.strokeColor = u.strokeColor;
-  }
-  if (u.strokeWidth !== void 0) {
-    shapeStyle.strokeWidth = u.strokeWidth;
-  }
-  if (Object.keys(shapeStyle).length === 0) {
-    return;
-  }
-  el.shapeStyle = { ...el.shapeStyle, ...shapeStyle };
-}
-function applyAiElementUpdate(el, updates) {
-  applyGeometry(el, updates);
-  applyText(el, updates);
-  applyShapeStyle(el, updates);
-}
-
-// src/viewer/hooks/ai/useAiBridge.ts
 function useAiBridge(input) {
   const ref = useRef(input);
   ref.current = input;
@@ -38258,7 +38670,7 @@ function useAiBridge(input) {
         applySlidesUpdate((slides) => {
           const el = slides[slideIndex]?.elements.find((e) => e.id === elementId);
           if (el) {
-            applyAiElementUpdate(el, updates);
+            applyElementUpdate(el, updates);
           }
           return slides;
         });
@@ -38438,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) {
@@ -38584,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);
@@ -38611,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,
@@ -38725,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,
@@ -38808,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,
@@ -38938,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 /
@@ -38965,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);
@@ -38999,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) {
@@ -39072,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,
                   {
@@ -39098,6 +39662,7 @@ var PowerPointViewer = forwardRef(
                     customFontFamilies,
                     ops: editorOps.ops,
                     onSetMode: handleSetMode,
+                    onPresentFromBeginning: presentation.enterPresentModeFromBeginning,
                     onEnterPresenterView: handleEnterPresenterView,
                     onEnterRehearsalMode: handleEnterRehearsalMode,
                     onOpenSettings: () => setIsSettingsOpen(true),
@@ -39119,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(
@@ -39146,6 +39722,7 @@ var PowerPointViewer = forwardRef(
                     themeHandlers,
                     history,
                     comments: editorOps.comments,
+                    masterViewCrud,
                     zoom,
                     isMobile,
                     isTouchDevice,
@@ -39205,6 +39782,14 @@ var PowerPointViewer = forwardRef(
               ] })
             }
           ),
+          mode !== "present" && /* @__PURE__ */ jsx(
+            CompatibilityToasts,
+            {
+              toasts: compatToastsState.toasts,
+              onDismiss: compatToastsState.dismiss,
+              onDismissAll: compatToastsState.dismissAll
+            }
+          ),
           /* @__PURE__ */ jsx(
             ViewerDialogGroup,
             {
@@ -39272,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);
@@ -39365,6 +39944,7 @@ var PowerPointViewer = forwardRef(
               templateElements: state.templateElements,
               presentation,
               activeCustomShow,
+              authoredRange,
               onExitPresentation: () => handleSetMode("edit"),
               onUpdateNotes: propertyHandlers.handleUpdateNotes,
               isMobile