pptx-react-viewer 4.37.0 → 4.39.0

package/dist/{chunk-RXN5Q6CJ.mjs → chunk-TYULCCA6.mjs}

@@ -1,11 +1,11 @@
-import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, createReviewCommentsHost, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, ViewerOptionsStoreContext, ViewerOptionsContext, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, downloadBlob, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, DUOTONE_PRESETS, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, resolveSmartArtDataPalette } from './chunk-RZIXD6X7.mjs';
-import { ANIMATION_PRESET_OPTIONS, dist_exports, cn, SLIDE_NAV_THUMBNAIL_WIDTH, SLIDE_TRANSITION_OPTIONS, normalizeHexColor, hasCopyableFormat, DEFAULT_SECTION_GROUP_ID, safeOpenUrl, isPpactionUrl, parsePpactionUrl, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, TOOLBAR_SECTIONS, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, UNGROUPED_SECTION_ID, getShapeAdjustmentHandleDescriptors, isConnectorOrLineElement, GRID_SIZE, getElementTransformWithoutRotation, getElementTransform, MIN_ELEMENT_SIZE, getElementLabel, TABLE_STYLE_PRESETS, SHAPE_PRESETS, sanitizeGradientStops, formatCommentTimestamp, clampCropValue, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, SHAPE_QUICK_STYLES, getPatternSvg, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS, openNativeEyeDropper } from './chunk-UC2VQORY.mjs';
-import { EMPTY_RESOLVED_CUSTOMIZATION, ANIMATION_DIRECTION_LABEL_KEYS, compileEquationTemplateMathMl, resolveViewerRootOptions, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, attachViewerHyperlinks, shouldConfirmExternalHyperlink, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, createSlidePackageClipboard, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, deviceStrokeStageStyle, hiddenSlideCue, EDITOR_THUMBNAIL_WIDTH, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, tableLayoutCells, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, buildFieldSubstitutionContext, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, findCanvasElementNode, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, homeLaunchers, attachRibbonOverflow, editorThumbnailWidth, masterViewBackgroundColor, resolvePresentationAction, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, observeElementHeight, EXPANDED_MAX_HEIGHT, resolveStatusBarSave, statusBarViewMode, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, slideClipboardLabels, sorterPasteInsertAt, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, listenForOutlineViewDismiss, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, buildTitleBarState, resolveScreenTip, visibleContextualTabs, resolveActiveRibbonTab, visibleRibbonAddIns, RIBBON_ADD_IN_TAB_ATTR, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, buildTabRowActionsState, TAB_ROW_ACTION_CLASSES, tabRowActionsAttributes, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, FREEFORM_TOOL_IDS, isDrawingToolVisible, textFontSizePtToPx, withHomeGalleries, drawingHomeControls, homeGalleryControls, homeGalleryApply, shapeOutlineChange, shapeFillChange, editingHomeControls, arrangeHomeControls, arrangePainterHomeControls, arrangeAlignAction, DESIGN_RIBBON_GROUPS, DESIGN_RIBBON_COMMANDS, designCommandState, FIXED_TAB_GALLERIES, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSectionContextMenuEntries, buildSlidePaneContextMenuEntries, slidePaneViewItems, isEditPointsEnabled, findReplacementAvailability, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, getPresentationContextMenuSections, CONTEXT_MENU_PRESENTATION_LAYER, presentationViewItems, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, customizeContextMenuEntries, buildContextMenuEntries, contextMenuViewItems, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, defaultRichEnabled, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX as INDENT_PX$1, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeAllNotesPages, getNotesPrintableArea, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, createSlideSorterState, sorterSelectionIndexes, selectSorterSlide, applySorterAction, sorterGridColumns, sorterMenuContext, buildSlideSorterContextMenuEntries, slideSorterContextMenuLabel, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, presenterConsoleAction, presenterConsoleViewState, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, clipboardHomeControls, slidesHomeControls, resolveDefaultFontFamily, textFontSizePxToPt, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, fontPickerHomeControls, fontHomeControls, nextToggleValue, RIBBON_GROUP_ATTR, paragraphHomeAlign, paragraphHomeControls, paragraphHomeAction, arrangeShapeHomeControls, strokeWidthOf, canSetStrokeWidth, canUngroupSelection, canGroupSelection, buildRibbonGallery, readRibbonTransitionDraft, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, trackActiveComment, commentCounts, findCommentLocation, buildReviewRibbon, HELP_RIBBON_COMMANDS, galleryTextLabel, pictureSizeHomeControls, sectionAddAfterSlideIndex, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, parentSelection, slideSpaceElement, isGroupMember, motionPathFor, setMotionPath, shouldShowElementHandles, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, getSelectionTextStyleFlags, TEXT_DECORATION_FLAGS, dispatchCropRequest, applyRibbonGalleryItem, ribbonTransitionsDraftPatch, ribbonTransitionUpdates, ribbonTransitionsSoundChange, ribbonTransitionStockSoundUrl, playSlideTransitionPreview, playAnimationRibbonPreview, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsLabels, isReviewCommentCommand, runReviewCommentCommand, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, MERGE_SHAPES_MENU_ITEMS, hasMultipleSelectedTableCells, isElementLocked, mergeSlideTransition, slideBackgroundClearState, slideBackgroundClearPatch, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, getAfterAnimationState, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildSlideTemplateContent, updateSubtitleSettings, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, inspectorNumber, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, imageResetPatch, imageResetState, canInteractWithElement, buildOleObjectNamePatch, shouldShowAccessibilitySection, withFrameSlides, withSlidesPerPage, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, MOTION_PATH_FAMILIES, motionPathPresetsByFamily, motionPathPresetLabelKey, motionPathFamilyLabelKey, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, seriesColorClearState, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSiblingAfter, removeEmptyNode, demote, promote, reorder, cropResetState, cropResetPatch, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimResetState, mediaTrimEndMsFromAbsoluteMs, mediaTrimResetPatch, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, getEffectSoundAsset, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, withCellStyle, LBL as LBL$1, SEL as SEL$1, FILL_MODE_OPTIONS as FILL_MODE_OPTIONS$1, SECTION_HEADING, NUM as NUM$1, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, smartArtLayoutSwitchPatch, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, quickStyleSwatchCss, shapeQuickStyleLabel, OFFICE_COLOR_SWATCHES, officeColorSwatchLabel, PATTERN_PRESET_OPTIONS as PATTERN_PRESET_OPTIONS$1, COMPOUND_LINE_OPTIONS as COMPOUND_LINE_OPTIONS$1, LINE_JOIN_OPTIONS as LINE_JOIN_OPTIONS$1, LINE_CAP_OPTIONS as LINE_CAP_OPTIONS$1, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS as GRADIENT_TYPE_OPTIONS$1, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from 'ooxml-ui/pptx';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, Rendering3DFlagsContext, CollaborationProvider, ChartFormatContext, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, createReviewCommentsHost, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, ViewerOptionsStoreContext, ViewerOptionsContext, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, useChartFormatContext, SmartArtRenderer, downloadBlob, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, DUOTONE_PRESETS, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, resolveSmartArtDataPalette } from './chunk-5XBS7MCX.mjs';
+import { ANIMATION_PRESET_OPTIONS, dist_exports, cn, SLIDE_NAV_THUMBNAIL_WIDTH, SLIDE_TRANSITION_OPTIONS, normalizeHexColor, hasCopyableFormat, DEFAULT_SECTION_GROUP_ID, safeOpenUrl, isPpactionUrl, parsePpactionUrl, SHORTCUT_REFERENCE_ITEMS, TOOLBAR_SECTIONS, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, UNGROUPED_SECTION_ID, getShapeAdjustmentHandleDescriptors, isConnectorOrLineElement, GRID_SIZE, getElementTransformWithoutRotation, getElementTransform, MIN_ELEMENT_SIZE, getElementLabel, TABLE_STYLE_PRESETS, SHAPE_PRESETS, sanitizeGradientStops, formatCommentTimestamp, clampCropValue, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, SHAPE_QUICK_STYLES, getPatternSvg, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS, openNativeEyeDropper } from './chunk-UC2VQORY.mjs';
+import { EMPTY_RESOLVED_CUSTOMIZATION, ANIMATION_DIRECTION_LABEL_KEYS, compileEquationTemplateMathMl, resolveViewerRootOptions, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, isEditingAllowed, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, attachViewerHyperlinks, shouldConfirmExternalHyperlink, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, createSlidePackageClipboard, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, deviceStrokeStageStyle, hiddenSlideCue, EDITOR_THUMBNAIL_WIDTH, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, tableLayoutCells, resetChartFormatTarget, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, buildFieldSubstitutionContext, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, observeElementHeight, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, findCanvasElementNode, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, getDensePanelTouchTargetPx, shouldStickyActionRow, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, homeLaunchers, attachRibbonOverflow, getRegionRenderer, ViewerRegionHost, editorThumbnailWidth, masterViewBackgroundColor, resolvePresentationAction, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, EXPANDED_MAX_HEIGHT, resolveStatusBarSave, statusBarViewMode, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, resolveDefaultPrintSettings, HANDOUT_OPTIONS, bindPptxOptionsDialog, optionsBlockSlot, optionsPaneSlot, DEFAULT_QUICK_ACCESS_COMMAND_IDS, AI_OPTIONS_CATEGORY, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, slideClipboardLabels, sorterPasteInsertAt, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, listenForOutlineViewDismiss, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, buildTitleBarState, resolveScreenTip, visibleContextualTabs, resolveActiveRibbonTab, visibleRibbonAddIns, RIBBON_ADD_IN_TAB_ATTR, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, buildTabRowActionsState, TAB_ROW_ACTION_CLASSES, tabRowActionsAttributes, backstageNavEntries, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, FREEFORM_TOOL_IDS, isDrawingToolVisible, textFontSizePtToPx, withHomeGalleries, drawingHomeControls, homeGalleryControls, homeGalleryApply, shapeOutlineChange, shapeFillChange, editingHomeControls, arrangeHomeControls, arrangePainterHomeControls, arrangeAlignAction, DESIGN_RIBBON_GROUPS, FIXED_TAB_GALLERIES, DESIGN_RIBBON_COMMANDS, designCommandState, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSectionContextMenuEntries, buildSlidePaneContextMenuEntries, slidePaneViewItems, isEditPointsEnabled, findReplacementAvailability, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, getPresentationContextMenuSections, CONTEXT_MENU_PRESENTATION_LAYER, presentationViewItems, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, customizeContextMenuEntries, buildContextMenuEntries, contextMenuViewItems, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, defaultRichEnabled, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX as INDENT_PX$1, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeAllNotesPages, getNotesPrintableArea, CUSTOM_FONT_ACCEPT, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, resolveViewerAddinRows, createSlideSorterState, sorterSelectionIndexes, selectSorterSlide, applySorterAction, sorterGridColumns, sorterMenuContext, buildSlideSorterContextMenuEntries, slideSorterContextMenuLabel, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, presenterConsoleAction, presenterConsoleViewState, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, clipboardHomeControls, slidesHomeControls, resolveInsertSlideLayout, SLIDE_TEMPLATES, resolveDefaultFontFamily, textFontSizePxToPt, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, fontPickerHomeControls, fontHomeControls, nextToggleValue, RIBBON_GROUP_ATTR, paragraphHomeAlign, paragraphHomeControls, paragraphHomeAction, arrangeShapeHomeControls, strokeWidthOf, canSetStrokeWidth, canUngroupSelection, canGroupSelection, buildRibbonGallery, readRibbonTransitionDraft, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, trackActiveComment, commentCounts, findCommentLocation, buildReviewRibbon, HELP_RIBBON_COMMANDS, galleryTextLabel, pictureSizeHomeControls, chartSelectionHomeControls, dispatchChartSelectionRequest, sectionAddAfterSlideIndex, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, parentSelection, slideSpaceElement, isGroupMember, motionPathFor, setMotionPath, shouldShowElementHandles, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, registerCustomFont, QUICK_ACCESS_COMMAND_CATALOG, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, buildSlideTemplateContent, getSelectionTextStyleFlags, TEXT_DECORATION_FLAGS, dispatchCropRequest, applyRibbonGalleryItem, ribbonTransitionsDraftPatch, ribbonTransitionUpdates, ribbonTransitionsSoundChange, ribbonTransitionStockSoundUrl, playSlideTransitionPreview, playAnimationRibbonPreview, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsLabels, isReviewCommentCommand, runReviewCommentCommand, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, MERGE_SHAPES_MENU_ITEMS, hasMultipleSelectedTableCells, isElementLocked, mergeSlideTransition, slideBackgroundClearState, slideBackgroundClearPatch, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, getAfterAnimationState, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, updateSubtitleSettings, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, inspectorNumber, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, imageResetPatch, imageResetState, canInteractWithElement, buildOleObjectNamePatch, shouldShowAccessibilitySection, withFrameSlides, withSlidesPerPage, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, MOTION_PATH_FAMILIES, motionPathPresetsByFamily, motionPathPresetLabelKey, motionPathFamilyLabelKey, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, seriesColorClearState, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSiblingAfter, removeEmptyNode, demote, promote, reorder, cropResetState, cropResetPatch, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimResetState, mediaTrimEndMsFromAbsoluteMs, mediaTrimResetPatch, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, getEffectSoundAsset, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, withCellStyle, LBL as LBL$1, SEL as SEL$1, FILL_MODE_OPTIONS as FILL_MODE_OPTIONS$1, SECTION_HEADING, NUM as NUM$1, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, smartArtLayoutSwitchPatch, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, quickStyleSwatchCss, shapeQuickStyleLabel, OFFICE_COLOR_SWATCHES, officeColorSwatchLabel, PATTERN_PRESET_OPTIONS as PATTERN_PRESET_OPTIONS$1, COMPOUND_LINE_OPTIONS as COMPOUND_LINE_OPTIONS$1, LINE_JOIN_OPTIONS as LINE_JOIN_OPTIONS$1, LINE_CAP_OPTIONS as LINE_CAP_OPTIONS$1, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS as GRADIENT_TYPE_OPTIONS$1, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from 'ooxml-ui/pptx';
 export { THEME_CATALOG, defaultCssVars, defaultRadius, defaultThemeColors, resolveThemeCatalogEntry, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius } from 'ooxml-ui/pptx';
-import React103, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Suspense, useReducer, Fragment as Fragment$1 } from 'react';
+import React104, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Suspense, useReducer, Fragment as Fragment$1 } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuShieldCheck, LuPlus, LuPanelLeftClose, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuMinus, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuPanelLeft, LuPanelRight, LuSparkles, LuFolderOpen, LuPalette, LuSearch, LuCaseSensitive, LuReplace, LuGripVertical, LuLoaderCircle, LuGrid2X2, LuStickyNote, LuList, LuClipboardCopy, LuPaintbrush, LuShapes, LuLayoutGrid, LuWand, LuPresentation, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuShare2, LuSave, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuVideo, LuFileImage, LuDatabase, LuClock3, LuUser, LuHardDrive, LuLogIn, LuMove, LuCopyPlus, LuClipboardPaste, LuMonitor, LuRadio, LuCaptions, LuImage, LuFilter, LuLayers, LuSettings2, LuLockOpen, LuPencil, LuReply, LuMoveRight, LuRotateCw, LuScissors, LuBookmark, LuPipette } from 'react-icons/lu';
+import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuShieldCheck, LuPlus, LuPanelLeftClose, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuWifi, LuWifiOff, LuUsers, LuCopy, LuMinus, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuPanelLeft, LuPanelRight, LuSparkles, LuSettings, LuFolderOpen, LuPalette, LuSearch, LuCaseSensitive, LuChevronUp, LuChevronDown, LuReplace, LuGripVertical, LuLoaderCircle, LuUpload, LuGrid2X2, LuStickyNote, LuList, LuBug, LuClipboardCopy, LuPaintbrush, LuShapes, LuLayoutGrid, LuWand, LuPresentation, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuShare2, LuSave, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuVideo, LuFileImage, LuDatabase, LuClock3, LuUser, LuHardDrive, LuLogIn, LuMove, LuCopyPlus, LuClipboardPaste, LuMonitor, LuRadio, LuCaptions, LuImage, LuFilter, LuLayers, LuSettings2, LuLockOpen, LuPencil, LuReply, LuMoveRight, LuRotateCw, LuScissors, LuBookmark, LuPipette } from 'react-icons/lu';
 import { createPortal } from 'react-dom';
 import { LOCALE_CATALOG } from 'ooxml-ui/pptx/i18n';
 import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs as exportAiChatLogs$1, applyElementUpdate } from 'ooxml-ui/pptx/ai';
@@ -489,57 +489,11 @@ function SlideTemplateGalleryDialog({
     )
   ] });
 }
-function AnimationsSection(p) {
-  const { t } = useTranslation();
-  const ref = useRef(null);
-  const [previewActive, setPreviewActive] = useState(false);
-  const timer = useRef(void 0);
-  const disabled = !p.canEdit || p.selectedElement === null;
-  const selectedAnimation = useMemo(
-    () => p.selectedElement ? (p.activeSlide?.animations ?? []).find((a) => a.elementId === p.selectedElement?.id) : void 0,
-    [p.activeSlide?.animations, p.selectedElement]
-  );
-  useEffect(() => () => clearTimeout(timer.current), []);
-  useEffect(() => {
-    const host = ref.current;
-    if (!host) {
-      return;
-    }
-    host.state = {
-      editable: p.canEdit,
-      hasSelection: p.selectedElement !== null,
-      paneOpen: p.isInspectorPaneOpen,
-      previewActive,
-      translate: t
-    };
-  }, [p.canEdit, p.selectedElement, p.isInspectorPaneOpen, previewActive, t]);
-  useEffect(() => {
-    const host = ref.current;
-    if (!host) {
-      return;
-    }
-    const request = (event) => {
-      const intent = event.detail;
-      if (intent.kind === "add") {
-        p.onAddAnimation?.(intent.preset, intent.group);
-      } else if (intent.value === "remove") {
-        p.onRemoveAnimation?.();
-      } else if (intent.value === "preview") {
-        if (disabled) {
-          return;
-        }
-        setPreviewActive(true);
-        clearTimeout(timer.current);
-        timer.current = setTimeout(() => setPreviewActive(false), 1200);
-        playAnimationRibbonPreview(document, selectedAnimation);
-      } else {
-        (p.onOpenAnimationPanel ?? p.onToggleInspector)();
-      }
-    };
-    host.addEventListener("animations-request", request);
-    return () => host.removeEventListener("animations-request", request);
-  }, [p, disabled, selectedAnimation]);
-  return /* @__PURE__ */ jsx("pptx-ui-ribbon-animations", { ref });
+var ViewerCustomizationContext = createContext(
+  EMPTY_RESOLVED_CUSTOMIZATION
+);
+function useViewerCustomizationContext() {
+  return useContext(ViewerCustomizationContext);
 }
 function useHostEvent(ref, type, handler) {
   useEffect(() => {
@@ -657,6 +611,412 @@ function WebRadio({
     }
   );
 }
+function nowLocalInputValue() {
+  const now = /* @__PURE__ */ new Date();
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}T${pad(now.getHours())}:${pad(now.getMinutes())}`;
+}
+function DateTimeFieldDialog(p) {
+  const { t } = useTranslation();
+  const [datePickerValue, setDatePickerValue] = useState(nowLocalInputValue);
+  const [dateFormat, setDateFormat] = useState("locale");
+  const confirmDatePicker = useCallback(() => {
+    const d = new Date(datePickerValue);
+    if (isNaN(d.getTime())) {
+      return;
+    }
+    let formatted;
+    switch (dateFormat) {
+      case "iso":
+        formatted = d.toISOString().slice(0, 10);
+        break;
+      case "long":
+        formatted = d.toLocaleDateString(void 0, {
+          weekday: "long",
+          year: "numeric",
+          month: "long",
+          day: "numeric"
+        });
+        break;
+      case "short":
+        formatted = d.toLocaleDateString(void 0, {
+          year: "numeric",
+          month: "short",
+          day: "numeric"
+        });
+        break;
+      case "time":
+        formatted = d.toLocaleString();
+        break;
+      default:
+        formatted = d.toLocaleDateString();
+        break;
+    }
+    p.onInsert(formatted);
+  }, [datePickerValue, dateFormat, p]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/30",
+      onMouseDown: (e) => {
+        if (e.target === e.currentTarget) {
+          p.onClose();
+        }
+      },
+      children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover shadow-2xl p-4 w-72 space-y-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("pptx.field.dateTime") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "datetime-local",
+            className: "w-full text-xs",
+            "aria-label": t("pptx.field.format", "Format"),
+            value: datePickerValue,
+            onChange: (e) => setDatePickerValue(e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("label", { className: "block text-[11px] text-muted-foreground mb-1", children: t("pptx.field.format", "Format") }),
+          /* @__PURE__ */ jsxs(
+            WebSelect,
+            {
+              className: "w-full rounded border border-border bg-muted px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary outline-none",
+              value: dateFormat,
+              onChange: (e) => setDateFormat(e.target.value),
+              children: [
+                /* @__PURE__ */ jsx("option", { value: "locale", children: new Date(datePickerValue || Date.now()).toLocaleDateString() }),
+                /* @__PURE__ */ jsx("option", { value: "long", children: new Date(datePickerValue || Date.now()).toLocaleDateString(void 0, {
+                  weekday: "long",
+                  year: "numeric",
+                  month: "long",
+                  day: "numeric"
+                }) }),
+                /* @__PURE__ */ jsx("option", { value: "short", children: new Date(datePickerValue || Date.now()).toLocaleDateString(void 0, {
+                  year: "numeric",
+                  month: "short",
+                  day: "numeric"
+                }) }),
+                /* @__PURE__ */ jsx("option", { value: "iso", children: new Date(datePickerValue || Date.now()).toISOString().slice(0, 10) }),
+                /* @__PURE__ */ jsx("option", { value: "time", children: new Date(datePickerValue || Date.now()).toLocaleString() })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 pt-1", children: /* @__PURE__ */ jsx(
+          DialogFooter,
+          {
+            actions: [
+              { id: "cancel", label: t("pptx.common.cancel", "Cancel") },
+              { id: "insert", label: t("pptx.common.insert", "Insert"), variant: "primary" }
+            ],
+            onAction: (id) => id === "insert" ? confirmDatePicker() : p.onClose()
+          }
+        ) })
+      ] })
+    }
+  );
+}
+function InsertSection(p) {
+  const { t } = useTranslation();
+  const customization = useViewerCustomizationContext();
+  const ref = useRef(null);
+  const [datePickerOpen, setDatePickerOpen] = useState(false);
+  const [templatesOpen, setTemplatesOpen] = useState(false);
+  const templatesAvailable = Boolean(p.onInsertSlideFromTemplate) && isDialogAvailable(customization, "slideTemplates");
+  const [chartKind, setChartKind] = useState(DEFAULT_INSERT_CHART_KIND);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    host.state = {
+      editable: p.canEdit,
+      hasSelection: p.hasSelection,
+      shapeType: p.newShapeType,
+      chartKind,
+      activeFreeformTool: p.activeFreeformTool ?? null,
+      freeformTools: p.onArmFreeformTool ? FREEFORM_TOOL_IDS.filter((tool) => isDrawingToolVisible(customization, tool)) : [],
+      chartAvailable: Boolean(p.onAddChart),
+      fieldAvailable: Boolean(p.onInsertField),
+      headerFooterAvailable: Boolean(p.onOpenHeaderFooter),
+      newSlideAvailable: Boolean(p.onInsertSlideFromLayout && p.layoutOptions?.length),
+      commentAvailable: Boolean(p.onToggleComments),
+      slideTemplatesAvailable: templatesAvailable,
+      layouts: p.layoutOptions ?? [],
+      ...p.currentLayoutPath ? { currentLayoutPath: p.currentLayoutPath } : {},
+      translate: t
+    };
+  }, [p, chartKind, customization, t, templatesAvailable]);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    const request = (event) => {
+      const intent = event.detail;
+      switch (intent.kind) {
+        case "command": {
+          const commands = {
+            textBox: p.onAddTextBox,
+            table: p.onAddTable,
+            image: p.onOpenImagePicker,
+            media: p.onOpenMediaPicker,
+            smartArt: p.onAddSmartArt,
+            equation: p.onAddEquation,
+            link: p.onOpenHyperlinkDialog,
+            headerFooter: p.onOpenHeaderFooter,
+            // Opening an already open pane would toggle it shut.
+            comment: p.isCommentsPanelOpen ? void 0 : p.onToggleComments
+          };
+          commands[intent.value]?.();
+          break;
+        }
+        case "table":
+          p.onAddTable(intent.rows, intent.columns);
+          break;
+        case "newSlide": {
+          const layout = resolveInsertSlideLayout(
+            p.layoutOptions ?? [],
+            intent.value,
+            p.currentLayoutPath
+          );
+          if (layout) {
+            p.onInsertSlideFromLayout?.(layout.path, layout.name);
+          }
+          break;
+        }
+        case "slideTemplates":
+          setTemplatesOpen(true);
+          break;
+        case "shapeType":
+          p.onSetNewShapeType(intent.value);
+          break;
+        case "shape":
+          p.onAddShape();
+          break;
+        case "chartType":
+          setChartKind(intent.value);
+          break;
+        case "chart":
+          p.onAddChart?.(intent.value);
+          break;
+        case "freeform":
+          p.onArmFreeformTool?.(intent.value);
+          break;
+        case "actionButton":
+          p.onAddActionButton(intent.value);
+          break;
+        case "field":
+          if (intent.value === "datetime") {
+            setDatePickerOpen(true);
+          } else {
+            p.onInsertField?.(intent.value);
+          }
+      }
+      p.onRequestHandled?.();
+    };
+    host.addEventListener("insert-request", request);
+    return () => host.removeEventListener("insert-request", request);
+  }, [p]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    p.phone ? /* @__PURE__ */ jsx("pptx-ui-mobile-insert", { ref }) : /* @__PURE__ */ jsx("pptx-ui-ribbon-insert", { ref }),
+    templatesAvailable && /* @__PURE__ */ jsx(
+      SlideTemplateGalleryDialog,
+      {
+        isOpen: templatesOpen,
+        onClose: () => setTemplatesOpen(false),
+        onInsert: (templateId) => p.onInsertSlideFromTemplate?.(templateId),
+        scheme: p.templateScheme
+      }
+    ),
+    datePickerOpen && p.onInsertField && /* @__PURE__ */ jsx(
+      DateTimeFieldDialog,
+      {
+        onClose: () => setDatePickerOpen(false),
+        onInsert: (formatted) => {
+          p.onInsertField?.("datetime", formatted);
+          setDatePickerOpen(false);
+        }
+      }
+    )
+  ] });
+}
+function MobileSheet({
+  open,
+  onClose,
+  title,
+  children,
+  heightFraction = 0.6,
+  fullScreen = false,
+  autoHeight = false,
+  className,
+  headerRight
+}) {
+  const sheetRef = useRef(null);
+  const { t } = useTranslation();
+  const { dragY, dragging, handlers } = useSheetDismissDrag(onClose);
+  useModalFocus(open, sheetRef, onClose);
+  if (!open) {
+    return null;
+  }
+  const heightStyle = autoHeight ? { maxHeight: "calc(85dvh - env(safe-area-inset-top))" } : fullScreen ? { height: "calc(100dvh - env(safe-area-inset-top))" } : { height: `${Math.round(heightFraction * 100)}dvh` };
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-x-0 top-0 bottom-14 z-[69] flex flex-col justify-end", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        "aria-label": t("pptx.mobileSheet.close"),
+        className: "absolute inset-0 bg-black/40 backdrop-blur-[2px] animate-in fade-in duration-150",
+        onClick: onClose
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: sheetRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": typeof title === "string" ? title : t("pptx.mobileSheet.ariaLabel"),
+        tabIndex: -1,
+        className: cn(
+          "relative bg-background border-t border-border rounded-t-2xl shadow-2xl flex flex-col overflow-hidden",
+          "animate-in slide-in-from-bottom duration-200",
+          className
+        ),
+        style: {
+          ...heightStyle,
+          transform: dragY > 0 ? `translateY(${dragY}px)` : void 0,
+          transition: dragging ? "none" : "transform 150ms ease-out"
+        },
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "cursor-grab active:cursor-grabbing touch-none",
+              onPointerDown: handlers.onPointerDown,
+              onPointerMove: handlers.onPointerMove,
+              onPointerUp: handlers.onPointerUp,
+              onPointerCancel: handlers.onPointerCancel,
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center pt-2 pb-1", children: /* @__PURE__ */ jsx("div", { className: "h-1 w-10 rounded-full bg-muted-foreground/40" }) }),
+                (title || headerRight) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-4 pb-2 border-b border-border/60", children: [
+                  /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground truncate", children: title }),
+                  headerRight,
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": t("pptx.mobileSheet.close"),
+                      onPointerDown: (event) => event.stopPropagation(),
+                      onClick: onClose,
+                      style: { minWidth: MIN_TOUCH_TARGET_PX, minHeight: MIN_TOUCH_TARGET_PX },
+                      className: "inline-flex items-center justify-center rounded text-xl text-muted-foreground hover:bg-accent hover:text-foreground",
+                      children: "\xD7"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overscroll-contain", children })
+        ]
+      }
+    )
+  ] });
+}
+function MobileInsertSheet(p) {
+  const { t } = useTranslation();
+  const close = () => p.onCloseMobileInsert?.();
+  return /* @__PURE__ */ jsx(
+    MobileSheet,
+    {
+      open: Boolean(p.isMobileInsertOpen) && !p.isThemeEditorOpen,
+      onClose: close,
+      autoHeight: true,
+      title: t("pptx.mobileBar.insert"),
+      children: /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(
+        InsertSection,
+        {
+          phone: true,
+          onRequestHandled: close,
+          canEdit: p.canEdit,
+          newShapeType: p.newShapeType,
+          onSetNewShapeType: p.onSetNewShapeType,
+          onAddTextBox: p.onAddTextBox,
+          onAddShape: p.onAddShape,
+          onAddTable: p.onAddTable,
+          onAddChart: p.onAddChart,
+          onAddSmartArt: p.onAddSmartArt,
+          onAddEquation: p.onAddEquation,
+          onAddActionButton: p.onAddActionButton,
+          onInsertField: p.onInsertField,
+          onOpenHeaderFooter: p.onOpenHeaderFooter,
+          onOpenImagePicker: p.onOpenImagePicker,
+          onOpenMediaPicker: p.onOpenMediaPicker,
+          hasSelection: Boolean(p.selectedElement),
+          onOpenHyperlinkDialog: p.onOpenHyperlinkDialog,
+          layoutOptions: p.layoutOptions,
+          currentLayoutPath: p.currentLayoutPath,
+          onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+          onToggleComments: p.onToggleComments,
+          isCommentsPanelOpen: p.isCommentsPanelOpen
+        }
+      ) })
+    }
+  );
+}
+function AnimationsSection(p) {
+  const { t } = useTranslation();
+  const ref = useRef(null);
+  const [previewActive, setPreviewActive] = useState(false);
+  const timer = useRef(void 0);
+  const disabled = !p.canEdit || p.selectedElement === null;
+  const selectedAnimation = useMemo(
+    () => p.selectedElement ? (p.activeSlide?.animations ?? []).find((a) => a.elementId === p.selectedElement?.id) : void 0,
+    [p.activeSlide?.animations, p.selectedElement]
+  );
+  useEffect(() => () => clearTimeout(timer.current), []);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    host.state = {
+      editable: p.canEdit,
+      hasSelection: p.selectedElement !== null,
+      paneOpen: p.isInspectorPaneOpen,
+      previewActive,
+      translate: t
+    };
+  }, [p.canEdit, p.selectedElement, p.isInspectorPaneOpen, previewActive, t]);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    const request = (event) => {
+      const intent = event.detail;
+      if (intent.kind === "add") {
+        p.onAddAnimation?.(intent.preset, intent.group);
+      } else if (intent.value === "remove") {
+        p.onRemoveAnimation?.();
+      } else if (intent.value === "preview") {
+        if (disabled) {
+          return;
+        }
+        setPreviewActive(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setPreviewActive(false), 1200);
+        playAnimationRibbonPreview(document, selectedAnimation);
+      } else {
+        (p.onOpenAnimationPanel ?? p.onToggleInspector)();
+      }
+    };
+    host.addEventListener("animations-request", request);
+    return () => host.removeEventListener("animations-request", request);
+  }, [p, disabled, selectedAnimation]);
+  return /* @__PURE__ */ jsx("pptx-ui-ribbon-animations", { ref });
+}
 function groupAttr(id) {
   return id ? { [RIBBON_GROUP_ATTR]: id } : {};
 }
@@ -723,7 +1083,7 @@ function WebHomeControls({
     host.addEventListener("home-popup", listener);
     return () => host.removeEventListener("home-popup", listener);
   }, [onPopup]);
-  return React103.createElement(`pptx-ui-ribbon-home-${family}`, { ref });
+  return React104.createElement(`pptx-ui-ribbon-home-${family}`, { ref });
 }
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
@@ -1086,6 +1446,16 @@ function DesignSection(p) {
     hasBackground: Boolean(p.onToggleInspector)
   };
   return /* @__PURE__ */ jsx(Fragment, { children: DESIGN_RIBBON_GROUPS.map((group) => /* @__PURE__ */ jsxs(WebRibbonGroup, { groupId: group.id, label: t(group.labelKey), children: [
+    FIXED_TAB_GALLERIES.filter(
+      (placement) => placement.control.startsWith(`${group.id}.`)
+    ).map((placement) => /* @__PURE__ */ jsx(
+      RibbonGallery,
+      {
+        placement,
+        icon: placement.gallery === "themeFonts" ? /* @__PURE__ */ jsx(LuType, {}) : /* @__PURE__ */ jsx(LuPalette, {})
+      },
+      placement.control
+    )),
     DESIGN_RIBBON_COMMANDS.filter((command) => command.id.startsWith(`${group.id}.`)).map(
       (command) => {
         const view = designCommandState(command.id, state);
@@ -1104,17 +1474,7 @@ function DesignSection(p) {
           command.id
         );
       }
-    ),
-    FIXED_TAB_GALLERIES.filter(
-      (placement) => placement.control.startsWith(`${group.id}.`)
-    ).map((placement) => /* @__PURE__ */ jsx(
-      RibbonGallery,
-      {
-        placement,
-        icon: placement.gallery === "themeFonts" ? /* @__PURE__ */ jsx(LuType, {}) : /* @__PURE__ */ jsx(LuPalette, {})
-      },
-      placement.control
-    ))
+    )
   ] }, group.id)) });
 }
 var DEFAULT_VALUE = {
@@ -1174,11 +1534,43 @@ function DrawSection(p) {
   }, [p, pushColor]);
   return /* @__PURE__ */ jsx("pptx-ui-ribbon-draw", { ref });
 }
-var ViewerCustomizationContext = createContext(
-  EMPTY_RESOLVED_CUSTOMIZATION
-);
-function useViewerCustomizationContext() {
-  return useContext(ViewerCustomizationContext);
+var ViewerRegionBaseContext = createContext(null);
+function useRegionRenderer(id) {
+  const customization = useViewerCustomizationContext();
+  const base = useContext(ViewerRegionBaseContext);
+  return base ? getRegionRenderer(customization, id) : void 0;
+}
+var FILL = { width: "100%", height: "100%" };
+var NOOP = () => {
+};
+function ViewerRegion(props) {
+  const { region, renderer, close = NOOP, extra, className, style } = props;
+  const base = useContext(ViewerRegionBaseContext);
+  const containerRef = useRef(null);
+  const hostRef = useRef(null);
+  useLayoutEffect(() => {
+    const host = new ViewerRegionHost(containerRef.current);
+    hostRef.current = host;
+    return () => {
+      host.destroy();
+      hostRef.current = null;
+    };
+  }, []);
+  useLayoutEffect(() => {
+    if (!base) {
+      return;
+    }
+    const context = { ...base, ...extra, region, close };
+    hostRef.current?.render(renderer, context);
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: className ? `pptx-region-host ${className}` : "pptx-region-host",
+      style: style ?? FILL
+    }
+  );
 }
 var AccountAuthContext = createContext(void 0);
 var cardClass = "border border-border bg-card p-6 text-card-foreground";
@@ -1210,7 +1602,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.37.0" ;
+  const version = "4.39.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: [
@@ -1468,7 +1860,8 @@ function BackstageNavIcon({ page }) {
 function FileSection(p) {
   const { t } = useTranslation();
   const [requestedPage, setRequestedPage] = useState("home");
-  const nav = customizeBackstageNav(BACKSTAGE_NAV, useViewerCustomizationContext());
+  const customization = useViewerCustomizationContext();
+  const nav = backstageNavEntries(BACKSTAGE_NAV, customization);
   const offered = (id) => nav.some((item) => item.id === id);
   const page = offered(requestedPage) ? requestedPage : offered("home") ? "home" : nav.find((item) => item.id !== "save" && item.id !== "close")?.id ?? "home";
   const [query, setQuery] = useState("");
@@ -1489,7 +1882,12 @@ function FileSection(p) {
     }
   };
   const current = nav.find((item) => item.id === page);
-  const title = current ? t(current.labelKey, { defaultValue: current.label }) : t("pptx.backstage.nav.home");
+  const hostPage = current?.host;
+  const builtInPage = hostPage ? void 0 : page;
+  const title = current ? current.labelKey ? t(current.labelKey, { defaultValue: current.label }) : current.label : t("pptx.backstage.nav.home");
+  const regionId = hostPage ? `backstage.host.${hostPage.id}` : `backstage.${page}`;
+  const builtInRegionRenderer = useRegionRenderer(regionId);
+  const regionRenderer = hostPage ? hostPage.render : builtInRegionRenderer;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -1510,7 +1908,7 @@ function FileSection(p) {
             }
           ) }),
           /* @__PURE__ */ jsxs("nav", { className: "flex min-h-0 flex-1 flex-col overflow-y-auto pb-2 max-md:flex-row max-md:items-center max-md:overflow-y-visible max-md:pb-0", children: [
-            nav.filter((item) => !item.group && !(item.id === "export" && exportHidden)).map((item) => /* @__PURE__ */ jsxs(
+            nav.filter((item) => item.group !== "footer" && !(item.id === "export" && exportHidden)).map((item) => /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
@@ -1519,14 +1917,14 @@ function FileSection(p) {
                 onClick: () => item.id === "close" ? p.onClose() : item.id === "save" ? run(p.onSaveAsPptx) : setRequestedPage(item.id),
                 className: `${BACKSTAGE_NAV_CLASSES.row} ${page === item.id ? BACKSTAGE_NAV_CLASSES.active : BACKSTAGE_NAV_CLASSES.inactive}`,
                 children: [
-                  /* @__PURE__ */ jsx(BackstageNavIcon, { page: item.id }),
-                  t(item.labelKey, { defaultValue: item.label })
+                  !item.host && /* @__PURE__ */ jsx(BackstageNavIcon, { page: item.id }),
+                  item.labelKey ? t(item.labelKey, { defaultValue: item.label }) : item.label
                 ]
               },
               item.id
             )),
             /* @__PURE__ */ jsx("div", { className: "flex-1 max-md:hidden" }),
-            nav.filter((item) => item.group).map((item) => /* @__PURE__ */ jsxs(
+            nav.filter((item) => item.group === "footer").map((item) => /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
@@ -1535,8 +1933,8 @@ function FileSection(p) {
                 onClick: () => item.id === "options" && p.onOpenSettings ? run(p.onOpenSettings) : setRequestedPage(item.id),
                 className: `${BACKSTAGE_NAV_CLASSES.row} ${page === item.id ? BACKSTAGE_NAV_CLASSES.active : BACKSTAGE_NAV_CLASSES.inactive}`,
                 children: [
-                  /* @__PURE__ */ jsx(BackstageNavIcon, { page: item.id }),
-                  t(item.labelKey, { defaultValue: item.label })
+                  !item.host && /* @__PURE__ */ jsx(BackstageNavIcon, { page: item.id }),
+                  item.labelKey ? t(item.labelKey, { defaultValue: item.label }) : item.label
                 ]
               },
               item.id
@@ -1545,63 +1943,76 @@ function FileSection(p) {
         ] }),
         /* @__PURE__ */ jsxs("main", { className: "min-w-0 flex-1 overflow-y-auto bg-background px-[clamp(32px,4vw,72px)] py-5 max-md:px-4 max-md:py-4", children: [
           /* @__PURE__ */ jsx("h1", { className: "text-[24px] font-semibold", children: page === "home" ? t("pptx.backstage.greeting") : title }),
-          (page === "home" || page === "new") && /* @__PURE__ */ jsx(
-            BackstageNewGallery,
-            {
-              onCreate: (templateId) => run(() => p.onCreatePresentation(templateId))
-            }
-          ),
-          (page === "home" || page === "open") && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              WebSearch,
+          regionRenderer ? (
+            // The nav, title and back button stay the viewer's; the host fills the page body.
+            /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+              ViewerRegion,
               {
-                "data-pptx-search-surface": true,
-                "data-pptx-search-input": true,
-                className: "mt-8 w-full max-w-[540px]",
-                value: query,
-                onInput: (event) => setQuery(event.currentTarget.value),
-                placeholder: t("pptx.backstage.searchPlaceholder"),
-                "aria-label": t("pptx.backstage.searchPlaceholder")
+                region: regionId,
+                renderer: regionRenderer,
+                close: p.onClose,
+                style: { width: "100%", minHeight: "12rem" }
               }
-            ),
-            page === "open" && /* @__PURE__ */ jsxs(
-              "button",
+            ) })
+          ) : builtInPage ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            (page === "home" || page === "new") && /* @__PURE__ */ jsx(
+              BackstageNewGallery,
               {
-                type: "button",
-                className: "mt-4 inline-flex items-center gap-2 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
-                onClick: () => run(p.onOpenFile),
-                children: [
-                  /* @__PURE__ */ jsx(LuFolderOpen, {}),
-                  " ",
-                  t("pptx.backstage.browseDevice")
-                ]
+                onCreate: (templateId) => run(() => p.onCreatePresentation(templateId))
               }
             ),
-            /* @__PURE__ */ jsx("h2", { className: "mt-6 text-[16px] font-semibold", children: t("pptx.backstage.recentHeading") }),
-            /* @__PURE__ */ jsx(
-              BackstageRecentList,
-              {
-                files: visibleRecent,
-                onOpen: (key) => run(() => p.onOpenRecentFile?.(key))
-              }
-            )
-          ] }),
-          !(page === "export" && exportHidden) && /* @__PURE__ */ jsx(BackstageCards, { page, props: p, run }),
-          page === "account" && /* @__PURE__ */ jsx(AccountPage, {}),
-          page === "options" && /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[760px] border border-border bg-card p-7 text-card-foreground", children: [
-            /* @__PURE__ */ jsx(LuSettings, { className: "text-3xl text-primary" }),
-            /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-semibold", children: t("pptx.backstage.optionsTitle") }),
-            /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("pptx.backstage.optionsBody") }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "mt-6 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
-                onClick: () => run(p.onOpenSettings),
-                children: t("pptx.backstage.openOptions")
-              }
-            )
-          ] }),
+            (page === "home" || page === "open") && /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                WebSearch,
+                {
+                  "data-pptx-search-surface": true,
+                  "data-pptx-search-input": true,
+                  className: "mt-8 w-full max-w-[540px]",
+                  value: query,
+                  onInput: (event) => setQuery(event.currentTarget.value),
+                  placeholder: t("pptx.backstage.searchPlaceholder"),
+                  "aria-label": t("pptx.backstage.searchPlaceholder")
+                }
+              ),
+              page === "open" && /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: "mt-4 inline-flex items-center gap-2 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
+                  onClick: () => run(p.onOpenFile),
+                  children: [
+                    /* @__PURE__ */ jsx(LuFolderOpen, {}),
+                    " ",
+                    t("pptx.backstage.browseDevice")
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("h2", { className: "mt-6 text-[16px] font-semibold", children: t("pptx.backstage.recentHeading") }),
+              /* @__PURE__ */ jsx(
+                BackstageRecentList,
+                {
+                  files: visibleRecent,
+                  onOpen: (key) => run(() => p.onOpenRecentFile?.(key))
+                }
+              )
+            ] }),
+            !(page === "export" && exportHidden) && /* @__PURE__ */ jsx(BackstageCards, { page, props: p, run }),
+            page === "account" && /* @__PURE__ */ jsx(AccountPage, {}),
+            page === "options" && /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[760px] border border-border bg-card p-7 text-card-foreground", children: [
+              /* @__PURE__ */ jsx(LuSettings, { className: "text-3xl text-primary" }),
+              /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-semibold", children: t("pptx.backstage.optionsTitle") }),
+              /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: t("pptx.backstage.optionsBody") }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "mt-6 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
+                  onClick: () => run(p.onOpenSettings),
+                  children: t("pptx.backstage.openOptions")
+                }
+              )
+            ] })
+          ] }) : null,
           /* @__PURE__ */ jsxs("p", { className: "mt-12 text-[11px] text-muted-foreground", children: [
             p.fileName || t("pptx.backstage.untitled"),
             " \xB7 ",
@@ -1915,6 +2326,7 @@ var OV = [
 ];
 var nextTile = 0;
 function SlidesGroup(p) {
+  const customization = useViewerCustomizationContext();
   const [templateGalleryOpen, setTemplateGalleryOpen] = useState(false);
   const [galleryOpen, setGalleryOpen] = useState(false);
   const [tiles, setTiles] = useState([]);
@@ -1925,7 +2337,7 @@ function SlidesGroup(p) {
       editable: p.canEdit,
       hasLayouts: layoutOptions.length > 0,
       hasSlides: true,
-      showTemplates: Boolean(p.onInsertSlideFromTemplate),
+      showTemplates: Boolean(p.onInsertSlideFromTemplate) && isDialogAvailable(customization, "slideTemplates"),
       newSlideNeedsLayout: true,
       resetNeedsSlide: false,
       layouts: {
@@ -1934,7 +2346,14 @@ function SlidesGroup(p) {
         previews
       }
     }),
-    [p.canEdit, layoutOptions, p.onInsertSlideFromTemplate, p.currentLayoutPath, previews]
+    [
+      p.canEdit,
+      layoutOptions,
+      p.onInsertSlideFromTemplate,
+      customization,
+      p.currentLayoutPath,
+      previews
+    ]
   );
   const request = useCallback(
     (id, _part, intent) => {
@@ -2002,7 +2421,7 @@ function SlidesGroup(p) {
       )
     ),
     sep,
-    p.onInsertSlideFromTemplate && /* @__PURE__ */ jsx(
+    p.onInsertSlideFromTemplate && isDialogAvailable(customization, "slideTemplates") && /* @__PURE__ */ jsx(
       SlideTemplateGalleryDialog,
       {
         isOpen: templateGalleryOpen,
@@ -2048,200 +2467,6 @@ function HomeSection(p) {
     )
   ] });
 }
-function nowLocalInputValue() {
-  const now = /* @__PURE__ */ new Date();
-  const pad = (n) => String(n).padStart(2, "0");
-  return `${now.getFullYear()}-${pad(now.getMonth() + 1)}-${pad(now.getDate())}T${pad(now.getHours())}:${pad(now.getMinutes())}`;
-}
-function DateTimeFieldDialog(p) {
-  const { t } = useTranslation();
-  const [datePickerValue, setDatePickerValue] = useState(nowLocalInputValue);
-  const [dateFormat, setDateFormat] = useState("locale");
-  const confirmDatePicker = useCallback(() => {
-    const d = new Date(datePickerValue);
-    if (isNaN(d.getTime())) {
-      return;
-    }
-    let formatted;
-    switch (dateFormat) {
-      case "iso":
-        formatted = d.toISOString().slice(0, 10);
-        break;
-      case "long":
-        formatted = d.toLocaleDateString(void 0, {
-          weekday: "long",
-          year: "numeric",
-          month: "long",
-          day: "numeric"
-        });
-        break;
-      case "short":
-        formatted = d.toLocaleDateString(void 0, {
-          year: "numeric",
-          month: "short",
-          day: "numeric"
-        });
-        break;
-      case "time":
-        formatted = d.toLocaleString();
-        break;
-      default:
-        formatted = d.toLocaleDateString();
-        break;
-    }
-    p.onInsert(formatted);
-  }, [datePickerValue, dateFormat, p]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/30",
-      onMouseDown: (e) => {
-        if (e.target === e.currentTarget) {
-          p.onClose();
-        }
-      },
-      children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover shadow-2xl p-4 w-72 space-y-3", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: t("pptx.field.dateTime") }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "datetime-local",
-            className: "w-full text-xs",
-            "aria-label": t("pptx.field.format", "Format"),
-            value: datePickerValue,
-            onChange: (e) => setDatePickerValue(e.target.value)
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("label", { className: "block text-[11px] text-muted-foreground mb-1", children: t("pptx.field.format", "Format") }),
-          /* @__PURE__ */ jsxs(
-            WebSelect,
-            {
-              className: "w-full rounded border border-border bg-muted px-2.5 py-1.5 text-xs text-foreground focus:border-primary focus:ring-1 focus:ring-primary outline-none",
-              value: dateFormat,
-              onChange: (e) => setDateFormat(e.target.value),
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "locale", children: new Date(datePickerValue || Date.now()).toLocaleDateString() }),
-                /* @__PURE__ */ jsx("option", { value: "long", children: new Date(datePickerValue || Date.now()).toLocaleDateString(void 0, {
-                  weekday: "long",
-                  year: "numeric",
-                  month: "long",
-                  day: "numeric"
-                }) }),
-                /* @__PURE__ */ jsx("option", { value: "short", children: new Date(datePickerValue || Date.now()).toLocaleDateString(void 0, {
-                  year: "numeric",
-                  month: "short",
-                  day: "numeric"
-                }) }),
-                /* @__PURE__ */ jsx("option", { value: "iso", children: new Date(datePickerValue || Date.now()).toISOString().slice(0, 10) }),
-                /* @__PURE__ */ jsx("option", { value: "time", children: new Date(datePickerValue || Date.now()).toLocaleString() })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 pt-1", children: /* @__PURE__ */ jsx(
-          DialogFooter,
-          {
-            actions: [
-              { id: "cancel", label: t("pptx.common.cancel", "Cancel") },
-              { id: "insert", label: t("pptx.common.insert", "Insert"), variant: "primary" }
-            ],
-            onAction: (id) => id === "insert" ? confirmDatePicker() : p.onClose()
-          }
-        ) })
-      ] })
-    }
-  );
-}
-function InsertSection(p) {
-  const { t } = useTranslation();
-  const customization = useViewerCustomizationContext();
-  const ref = useRef(null);
-  const [datePickerOpen, setDatePickerOpen] = useState(false);
-  const [chartKind, setChartKind] = useState(DEFAULT_INSERT_CHART_KIND);
-  useEffect(() => {
-    const host = ref.current;
-    if (!host) {
-      return;
-    }
-    host.state = {
-      editable: p.canEdit,
-      hasSelection: p.hasSelection,
-      shapeType: p.newShapeType,
-      chartKind,
-      activeFreeformTool: p.activeFreeformTool ?? null,
-      freeformTools: p.onArmFreeformTool ? FREEFORM_TOOL_IDS.filter((tool) => isDrawingToolVisible(customization, tool)) : [],
-      chartAvailable: Boolean(p.onAddChart),
-      fieldAvailable: Boolean(p.onInsertField),
-      headerFooterAvailable: Boolean(p.onOpenHeaderFooter),
-      translate: t
-    };
-  }, [p, chartKind, customization, t]);
-  useEffect(() => {
-    const host = ref.current;
-    if (!host) {
-      return;
-    }
-    const request = (event) => {
-      const intent = event.detail;
-      switch (intent.kind) {
-        case "command": {
-          const commands = {
-            textBox: p.onAddTextBox,
-            table: p.onAddTable,
-            image: p.onOpenImagePicker,
-            media: p.onOpenMediaPicker,
-            smartArt: p.onAddSmartArt,
-            equation: p.onAddEquation,
-            link: p.onOpenHyperlinkDialog,
-            headerFooter: p.onOpenHeaderFooter
-          };
-          commands[intent.value]?.();
-          break;
-        }
-        case "shapeType":
-          p.onSetNewShapeType(intent.value);
-          break;
-        case "shape":
-          p.onAddShape();
-          break;
-        case "chartType":
-          setChartKind(intent.value);
-          break;
-        case "chart":
-          p.onAddChart?.(intent.value);
-          break;
-        case "freeform":
-          p.onArmFreeformTool?.(intent.value);
-          break;
-        case "actionButton":
-          p.onAddActionButton(intent.value);
-          break;
-        case "field":
-          if (intent.value === "datetime") {
-            setDatePickerOpen(true);
-          } else {
-            p.onInsertField?.(intent.value);
-          }
-      }
-    };
-    host.addEventListener("insert-request", request);
-    return () => host.removeEventListener("insert-request", request);
-  }, [p]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("pptx-ui-ribbon-insert", { ref }),
-    datePickerOpen && p.onInsertField && /* @__PURE__ */ jsx(
-      DateTimeFieldDialog,
-      {
-        onClose: () => setDatePickerOpen(false),
-        onInsert: (formatted) => {
-          p.onInsertField?.("datetime", formatted);
-          setDatePickerOpen(false);
-        }
-      }
-    )
-  ] });
-}
 function WebRibbonSection({
   groups,
   onCommand
@@ -2994,89 +3219,6 @@ function ViewSection(p) {
   }, [p]);
   return /* @__PURE__ */ jsx("pptx-ui-ribbon-view", { ref });
 }
-function MobileSheet({
-  open,
-  onClose,
-  title,
-  children,
-  heightFraction = 0.6,
-  fullScreen = false,
-  autoHeight = false,
-  className,
-  headerRight
-}) {
-  const sheetRef = useRef(null);
-  const { t } = useTranslation();
-  const { dragY, dragging, handlers } = useSheetDismissDrag(onClose);
-  useModalFocus(open, sheetRef, onClose);
-  if (!open) {
-    return null;
-  }
-  const heightStyle = autoHeight ? { maxHeight: "calc(85dvh - env(safe-area-inset-top))" } : fullScreen ? { height: "calc(100dvh - env(safe-area-inset-top))" } : { height: `${Math.round(heightFraction * 100)}dvh` };
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col justify-end", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": t("pptx.mobileSheet.close"),
-        className: "absolute inset-0 bg-black/40 backdrop-blur-[2px] animate-in fade-in duration-150",
-        onClick: onClose
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: sheetRef,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": typeof title === "string" ? title : t("pptx.mobileSheet.ariaLabel"),
-        tabIndex: -1,
-        className: cn(
-          "relative bg-background border-t border-border rounded-t-2xl shadow-2xl flex flex-col overflow-hidden",
-          "animate-in slide-in-from-bottom duration-200",
-          className
-        ),
-        style: {
-          ...heightStyle,
-          transform: dragY > 0 ? `translateY(${dragY}px)` : void 0,
-          transition: dragging ? "none" : "transform 150ms ease-out"
-        },
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "cursor-grab active:cursor-grabbing touch-none",
-              onPointerDown: handlers.onPointerDown,
-              onPointerMove: handlers.onPointerMove,
-              onPointerUp: handlers.onPointerUp,
-              onPointerCancel: handlers.onPointerCancel,
-              children: [
-                /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center pt-2 pb-1", children: /* @__PURE__ */ jsx("div", { className: "h-1 w-10 rounded-full bg-muted-foreground/40" }) }),
-                (title || headerRight) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-4 pb-2 border-b border-border/60", children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground truncate", children: title }),
-                  headerRight,
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      "aria-label": t("pptx.mobileSheet.close"),
-                      onPointerDown: (event) => event.stopPropagation(),
-                      onClick: onClose,
-                      style: { minWidth: MIN_TOUCH_TARGET_PX, minHeight: MIN_TOUCH_TARGET_PX },
-                      className: "inline-flex items-center justify-center rounded text-xl text-muted-foreground hover:bg-accent hover:text-foreground",
-                      children: "\xD7"
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto overscroll-contain", children })
-        ]
-      }
-    )
-  ] });
-}
 var MENU_ITEMS = [
   { key: "home", label: "pptx.ribbon.tab.home", icon: LuClipboardCopy },
   { key: "insert", label: "pptx.ribbon.tab.insert", icon: LuPlus },
@@ -3155,6 +3297,8 @@ function MobileSectionBody({
         InsertSection,
         {
           canEdit: p.canEdit,
+          onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
+          templateScheme: p.templateScheme,
           newShapeType: p.newShapeType,
           onSetNewShapeType: p.onSetNewShapeType,
           onAddTextBox: p.onAddTextBox,
@@ -3168,7 +3312,12 @@ function MobileSectionBody({
           onOpenImagePicker: p.onOpenImagePicker,
           onOpenMediaPicker: p.onOpenMediaPicker,
           hasSelection: Boolean(p.selectedElement),
-          onOpenHyperlinkDialog: p.onOpenHyperlinkDialog
+          onOpenHyperlinkDialog: p.onOpenHyperlinkDialog,
+          layoutOptions: p.layoutOptions,
+          currentLayoutPath: p.currentLayoutPath,
+          onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+          onToggleComments: p.onToggleComments,
+          isCommentsPanelOpen: p.isCommentsPanelOpen
         }
       ) });
     case "text":
@@ -3418,9 +3567,39 @@ function MobileToolbar(props) {
   );
   return /* @__PURE__ */ jsxs("div", { className: "relative z-20", children: [
     /* @__PURE__ */ jsx("pptx-ui-mobile-toolbar", { ref }),
-    /* @__PURE__ */ jsx(MobileMenuSheet, { open: menuOpen, onClose: () => setMenuOpen(false), ...props })
+    /* @__PURE__ */ jsx(MobileMenuSheet, { open: menuOpen, onClose: () => setMenuOpen(false), ...props }),
+    /* @__PURE__ */ jsx(MobileInsertSheet, { ...props })
   ] });
 }
+function ChartSelectionStrip() {
+  const { t } = useTranslation();
+  const commands = useChartFormatContext();
+  const chart = commands?.chart;
+  const chartData = chart?.type === "chart" ? chart.chartData : void 0;
+  const controls = useMemo(
+    () => chartSelectionHomeControls({
+      chartData,
+      targetKey: commands?.target,
+      editable: Boolean(commands?.editable),
+      translate: t
+    }),
+    [chartData, commands?.target, commands?.editable, t]
+  );
+  const request = useCallback(
+    (_id, _part, intent) => {
+      if (!commands || !intent) {
+        return;
+      }
+      dispatchChartSelectionRequest(intent, {
+        select: commands.setTarget,
+        formatSelection: () => commands.openPane(),
+        reset: commands.reset
+      });
+    },
+    [commands]
+  );
+  return /* @__PURE__ */ jsx(WebHomeControls, { family: "chart-selection", controls, onRequest: request });
+}
 function PictureSizeStrip({
   hiddenActions
 }) {
@@ -3457,7 +3636,8 @@ function ContextualTabSection({
       label: translateOr(group.labelKey, group.label),
       children: [
         group.galleries.map((placement) => /* @__PURE__ */ jsx(RibbonGallery, { placement }, placement.control)),
-        group.strip === "picture-size" && /* @__PURE__ */ jsx(PictureSizeStrip, { hiddenActions })
+        group.strip === "picture-size" && /* @__PURE__ */ jsx(PictureSizeStrip, { hiddenActions }),
+        group.strip === "chart-selection" && /* @__PURE__ */ jsx(ChartSelectionStrip, {})
       ]
     },
     group.group
@@ -4557,6 +4737,8 @@ function Toolbar(p) {
                 InsertSection,
                 {
                   canEdit: p.canEdit,
+                  onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
+                  templateScheme: p.templateScheme,
                   newShapeType: p.newShapeType,
                   onSetNewShapeType: p.onSetNewShapeType,
                   activeFreeformTool: p.activeFreeformTool,
@@ -4573,7 +4755,12 @@ function Toolbar(p) {
                   onOpenImagePicker: p.onOpenImagePicker,
                   onOpenMediaPicker: p.onOpenMediaPicker,
                   hasSelection: Boolean(p.selectedElement),
-                  onOpenHyperlinkDialog: p.onOpenHyperlinkDialog
+                  onOpenHyperlinkDialog: p.onOpenHyperlinkDialog,
+                  layoutOptions: p.layoutOptions,
+                  currentLayoutPath: p.currentLayoutPath,
+                  onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+                  onToggleComments: p.onToggleComments,
+                  isCommentsPanelOpen: p.isCommentsPanelOpen
                 }
               ),
               sTxt && /* @__PURE__ */ jsx(
@@ -4933,7 +5120,7 @@ function ChartQuickActionsOverlay({
       "data-export-ignore": "true",
       style: { position: "absolute", left: 0, top: 0, zIndex: 59 },
       onMouseDown: (e) => e.stopPropagation(),
-      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React103.Fragment, { children: [
+      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React104.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -4953,7 +5140,7 @@ function ChartQuickActionsOverlay({
               transformOrigin: "top left"
             },
             className: "flex items-center justify-center rounded bg-white border border-gray-300 shadow-sm hover:bg-gray-100 text-gray-700",
-            children: React103.createElement(ICONS3[button.id], { className: "size-3.5" })
+            children: React104.createElement(ICONS3[button.id], { className: "size-3.5" })
           }
         ),
         open === button.id && button.id === "elements" && /* @__PURE__ */ jsxs(
@@ -6099,7 +6286,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React103.memo(HorizontalRulerView);
+var HorizontalRuler = React104.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -6171,7 +6358,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React103.memo(VerticalRulerView);
+var VerticalRuler = React104.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -7672,7 +7859,7 @@ function ShortcutPanel({ isOpen, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: SHORTCUT_REFERENCE_ITEMS$1.map((shortcut) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxs(
           "div",
           {
             className: "flex items-center justify-between gap-3 rounded bg-muted/80 px-2 py-1.5",
@@ -8053,7 +8240,7 @@ function slideThumbnailPropsEqual(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React103.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
+var SlideThumbnail = React104.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
 function tableCell(props) {
   const { selectedElement, tableEditorState } = props;
   if (selectedElement?.type !== "table" || tableEditorState === null) {
@@ -8166,10 +8353,21 @@ function ContextMenu(props) {
   const { t } = useTranslation();
   const customization = useViewerCustomizationContext();
   const shapeFormat = useShapeFormatContext();
+  const chartFormat = useChartFormatContext();
   const open = Boolean(contextMenuState) && mode === "edit";
-  const handlers = contextMenuHandlers(props, shapeFormat);
+  const handlers = {
+    ...contextMenuHandlers(props, shapeFormat),
+    // "Format Chart Area..." and its siblings open the chart Format pane.
+    "format-chart-element": chartFormat ? () => {
+      chartFormat.openPane();
+      onClose();
+    } : void 0
+  };
   const entries = customizeContextMenuEntries(
-    buildContextMenuEntries(contextMenuContext(props, shapeFormat)),
+    buildContextMenuEntries({
+      ...contextMenuContext(props, shapeFormat),
+      chartFormatTarget: chartFormat?.target ?? null
+    }),
     customization,
     {
       slideIndex: props.slideIndex ?? 0,
@@ -8739,7 +8937,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React103.memo(LazyThumbnailInner);
+var LazyThumbnail = React104.memo(LazyThumbnailInner);
 function declaredSectionFacts(groups, sectionId) {
   const declared = groups.filter((group) => group.id !== DEFAULT_SECTION_GROUP_ID && group.id !== UNGROUPED_SECTION_ID).map((group) => group.id);
   return {
@@ -8907,7 +9105,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React103.memo(SlideItemInner);
+var SlideItem = React104.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -10320,7 +10518,7 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SlideCard = React103.memo(SlideCardImpl, arePropsEqual);
+var SlideCard = React104.memo(SlideCardImpl, arePropsEqual);
 var ICON_CLASS = "h-3.5 w-3.5 text-muted-foreground";
 function SorterContextMenu({
   x,
@@ -10745,7 +10943,7 @@ function SlideSorterOverlay({
               count: state.selectedSlideIds.length
             }) })
           ] }),
-          React103.createElement("pptx-ui-slide-clipboard", {
+          React104.createElement("pptx-ui-slide-clipboard", {
             ref: (node) => {
               if (!node) {
                 return;
@@ -11661,8 +11859,8 @@ function SlideNotesPanel({
   onHeightChange
 }) {
   const { t } = useTranslation();
-  const rootRef = React103.useRef(null);
-  React103.useEffect(() => {
+  const rootRef = React104.useRef(null);
+  React104.useEffect(() => {
     const el = rootRef.current;
     if (!el || !onHeightChange) {
       return void 0;
@@ -13505,9 +13703,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React103.createElement("br", { key: span.key });
+      return React104.createElement("br", { key: span.key });
     }
-    return React103.createElement(
+    return React104.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -13683,7 +13881,7 @@ function scaledSlidePreviewPropsEqual(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React103.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
+var ScaledSlidePreview = React104.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
 function PresenterNotesRail({
   slides,
   current,
@@ -14912,7 +15110,7 @@ function EffectSoundRow({
   onPickStock
 }) {
   const { t } = useTranslation();
-  const fileInputRef = React103.useRef(null);
+  const fileInputRef = React104.useRef(null);
   const selectedValue = soundState.catalogueId ?? (soundState.hasSound ? CURRENT_VALUE : NONE_VALUE);
   const handleSelectChange = (event) => {
     const value = event.target.value;
@@ -16476,7 +16674,7 @@ function ChartDataGrid({
           "input",
           {
             type: "number",
-            "aria-label": `${s.name} value ${ci + 1}`,
+            "aria-label": t("pptx.chart.seriesValueCell", { name: s.name, number: ci + 1 }),
             disabled: !canEdit,
             ref: isValueHighlight(si, ci) ? highlightRef : null,
             className: `${CELL_INPUT}${isValueHighlight(si, ci) ? highlightClass : ""}`,
@@ -18483,7 +18681,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React103.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React104.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].width) }),
           /* @__PURE__ */ jsx(
@@ -21411,7 +21609,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React103.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React104.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             WebCheckbox,
@@ -21666,7 +21864,7 @@ function Text3DProperties({
             });
           },
           className: INPUT_CLS2,
-          children: MATERIAL_PRESETS.map(({ value, label }) => /* @__PURE__ */ jsx("option", { value, children: label }, value))
+          children: MATERIAL_PRESETS.map(({ value, labelKey }) => /* @__PURE__ */ jsx("option", { value, children: t(labelKey) }, value))
         }
       )
     ] })
@@ -21694,7 +21892,7 @@ function BevelSection({
             value: bevelType ?? "none",
             onChange: (e) => onTypeChange(e.target.value),
             className: INPUT_CLS2,
-            children: BEVEL_PRESETS.map(({ value, label: l }) => /* @__PURE__ */ jsx("option", { value, children: l }, value))
+            children: BEVEL_PRESETS.map(({ value, labelKey }) => /* @__PURE__ */ jsx("option", { value, children: t(labelKey) }, value))
           }
         )
       ] }),
@@ -22266,7 +22464,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React103.useState(false);
+  const [expanded, setExpanded] = React104.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxs(
@@ -22281,13 +22479,16 @@ function TextWarpGallery({
         ]
       }
     ),
-    !expanded && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: TEXT_WARP_PRESETS.find((p) => p.value === currentPreset)?.label || currentPreset }),
-    expanded && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1", children: TEXT_WARP_PRESETS.map(({ value, label }) => /* @__PURE__ */ jsx(
+    !expanded && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: (() => {
+      const current = TEXT_WARP_PRESETS.find((p) => p.value === currentPreset);
+      return current ? t(current.labelKey) : currentPreset;
+    })() }),
+    expanded && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1", children: TEXT_WARP_PRESETS.map(({ value, labelKey }) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        title: label,
-        "aria-label": label,
+        title: t(labelKey),
+        "aria-label": t(labelKey),
         className: `flex items-center justify-center rounded p-1 ${currentPreset === value ? "bg-primary ring-1 ring-primary" : "bg-muted hover:bg-accent"}`,
         onClick: () => onUpdateTextStyle({
           textWarpPreset: value === "textNoShape" ? void 0 : value
@@ -22909,7 +23110,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React103.useCallback((key) => t(key), [t]);
+  const translate = React104.useCallback((key) => t(key), [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.smartart.colorScheme") }),
@@ -22964,9 +23165,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React103.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React103.useRef(null);
-  React103.useEffect(() => {
+  const inputRefs = React104.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React104.useRef(null);
+  React104.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -24151,8 +24352,8 @@ function TablePropertiesPanel({
         {
           type: "button",
           disabled: !canEdit,
-          title: preset.label,
-          "aria-label": preset.label,
+          title: t(preset.labelKey),
+          "aria-label": t(preset.labelKey),
           className: "rounded border border-border hover:border-primary overflow-hidden h-10 max-md:h-11 transition-colors",
           onClick: () => {
             updateTableData({ rows: applyTableStylePreset(td, preset) });
@@ -24572,7 +24773,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React103.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React104.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -26089,7 +26290,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React103.useCallback(
+  const handleTransitionChange = React104.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -27509,6 +27710,7 @@ function PrintDialog({
   defaultFrameSlides
 }) {
   const { t } = useTranslation();
+  const regionRenderer = useRegionRenderer("dialog.print");
   const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
   const { viewportWidth } = useIsMobile();
   const touchTargetPx = getDensePanelTouchTargetPx(viewportWidth);
@@ -27638,68 +27840,81 @@ function PrintDialog({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4 flex gap-5 max-md:flex-col", children: [
-              /* @__PURE__ */ jsx(
-                PrintSettingsPanel,
-                {
-                  printWhat,
-                  onPrintWhatChange: setPrintWhat,
-                  orientation,
-                  onOrientationChange: setOrientation,
-                  colorMode,
-                  onColorModeChange: setColorMode,
-                  frameSlides,
-                  onFrameSlidesChange: setFrameSlides,
-                  slidesPerPage,
-                  onSlidesPerPageChange: setSlidesPerPage,
-                  slideRange,
-                  onSlideRangeChange: setSlideRange,
-                  customFrom,
-                  onCustomFromChange: setCustomFrom,
-                  customTo,
-                  onCustomToChange: setCustomTo,
-                  totalSlides: slides.length,
-                  activeSlideIndex
-                }
-              ),
-              printWhat === "handouts" && /* @__PURE__ */ jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsx(
-                PrintPreview,
+            regionRenderer ? (
+              // The frame (backdrop, title bar, close, dismiss) stays the viewer's; the host replaces the body.
+              /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                ViewerRegion,
                 {
-                  slideIndices: previewSlideIndices,
-                  slidesPerPage,
-                  orientation: effectiveOrientation,
-                  frameSlides
-                }
-              ) }),
-              printWhat === "notes" && /* @__PURE__ */ jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsx(
-                NotesPagePreview,
-                {
-                  slideIndices: previewSlideIndices,
-                  slides,
-                  frameSlides
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("pptx.print.pageEstimate", {
-                pages: pageCount,
-                slides: slideCount
-              }) }),
-              /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx(
-                DialogFooter,
-                {
-                  actions: [
-                    { id: "cancel", label: t("pptx.common.cancel") },
-                    {
-                      id: "print",
-                      label: t("pptx.print.printButton"),
-                      variant: "primary",
-                      icon: "print"
-                    }
-                  ],
-                  onAction: (id) => id === "print" ? handlePrint() : onClose()
+                  region: "dialog.print",
+                  renderer: regionRenderer,
+                  close: onClose,
+                  style: { width: "100%", minHeight: "8rem" }
                 }
               ) })
+            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-5 py-4 flex gap-5 max-md:flex-col", children: [
+                /* @__PURE__ */ jsx(
+                  PrintSettingsPanel,
+                  {
+                    printWhat,
+                    onPrintWhatChange: setPrintWhat,
+                    orientation,
+                    onOrientationChange: setOrientation,
+                    colorMode,
+                    onColorModeChange: setColorMode,
+                    frameSlides,
+                    onFrameSlidesChange: setFrameSlides,
+                    slidesPerPage,
+                    onSlidesPerPageChange: setSlidesPerPage,
+                    slideRange,
+                    onSlideRangeChange: setSlideRange,
+                    customFrom,
+                    onCustomFromChange: setCustomFrom,
+                    customTo,
+                    onCustomToChange: setCustomTo,
+                    totalSlides: slides.length,
+                    activeSlideIndex
+                  }
+                ),
+                printWhat === "handouts" && /* @__PURE__ */ jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsx(
+                  PrintPreview,
+                  {
+                    slideIndices: previewSlideIndices,
+                    slidesPerPage,
+                    orientation: effectiveOrientation,
+                    frameSlides
+                  }
+                ) }),
+                printWhat === "notes" && /* @__PURE__ */ jsx("div", { className: "w-[230px] shrink-0 border-l border-border pl-4 overflow-y-auto max-md:w-full max-md:border-l-0 max-md:border-t max-md:pl-0 max-md:pt-3", children: /* @__PURE__ */ jsx(
+                  NotesPagePreview,
+                  {
+                    slideIndices: previewSlideIndices,
+                    slides,
+                    frameSlides
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t("pptx.print.pageEstimate", {
+                  pages: pageCount,
+                  slides: slideCount
+                }) }),
+                /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx(
+                  DialogFooter,
+                  {
+                    actions: [
+                      { id: "cancel", label: t("pptx.common.cancel") },
+                      {
+                        id: "print",
+                        label: t("pptx.print.printButton"),
+                        variant: "primary",
+                        icon: "print"
+                      }
+                    ],
+                    onAction: (id) => id === "print" ? handlePrint() : onClose()
+                  }
+                ) })
+              ] })
             ] })
           ]
         }
@@ -28016,6 +28231,7 @@ function BroadcastDialog({
   defaultServerUrl
 }) {
   const { t } = useTranslation();
+  const regionRenderer = useRegionRenderer("dialog.broadcast");
   const collab = useCollaboration();
   const isBroadcasting = collab !== null && collab.status !== "disconnected" && collab.status !== "error" && collab.config.role === "owner";
   const [roomId, setRoomId] = useState("");
@@ -28119,41 +28335,54 @@ function BroadcastDialog({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: "px-5 py-4", children: isBroadcasting ? /* @__PURE__ */ jsx(
-                ActiveBroadcastView,
-                {
-                  collab,
-                  broadcastUrl,
-                  copied,
-                  onCopyUrl: handleCopyUrl,
-                  onStopBroadcast: handleStopBroadcast
-                }
-              ) : /* @__PURE__ */ jsx(
-                StartBroadcastForm,
-                {
-                  roomId,
-                  userName,
-                  serverUrl,
-                  onRoomIdChange: setRoomId,
-                  onUserNameChange: setUserName,
-                  onServerUrlChange: setServerUrl
-                }
-              ) }),
-              !isBroadcasting && /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
-                DialogFooter,
-                {
-                  actions: [
-                    { id: "close", label: t("pptx.common.close") },
-                    {
-                      id: "start",
-                      label: t("pptx.broadcast.startBroadcast"),
-                      variant: "primary",
-                      disabled: !canStart
-                    }
-                  ],
-                  onAction: (id) => id === "start" ? handleStartBroadcast() : onClose()
-                }
-              ) })
+              regionRenderer ? (
+                // The frame (backdrop, title bar, close, dismiss) stays the viewer's; the host replaces the body.
+                /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                  ViewerRegion,
+                  {
+                    region: "dialog.broadcast",
+                    renderer: regionRenderer,
+                    close: onClose,
+                    style: { width: "100%", minHeight: "8rem" }
+                  }
+                ) })
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("div", { className: "px-5 py-4", children: isBroadcasting ? /* @__PURE__ */ jsx(
+                  ActiveBroadcastView,
+                  {
+                    collab,
+                    broadcastUrl,
+                    copied,
+                    onCopyUrl: handleCopyUrl,
+                    onStopBroadcast: handleStopBroadcast
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  StartBroadcastForm,
+                  {
+                    roomId,
+                    userName,
+                    serverUrl,
+                    onRoomIdChange: setRoomId,
+                    onUserNameChange: setUserName,
+                    onServerUrlChange: setServerUrl
+                  }
+                ) }),
+                !isBroadcasting && /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
+                  DialogFooter,
+                  {
+                    actions: [
+                      { id: "close", label: t("pptx.common.close") },
+                      {
+                        id: "start",
+                        label: t("pptx.broadcast.startBroadcast"),
+                        variant: "primary",
+                        disabled: !canStart
+                      }
+                    ],
+                    onAction: (id) => id === "start" ? handleStartBroadcast() : onClose()
+                  }
+                ) })
+              ] })
             ]
           }
         )
@@ -28562,6 +28791,7 @@ function ShareDialog({
   const collab = useCollaboration();
   const isActive = collab !== null && collab.status !== "disconnected" && collab.status !== "error";
   const { t } = useTranslation();
+  const regionRenderer = useRegionRenderer("dialog.share");
   const [roomId, setRoomId] = useState(defaultRoomId ?? "");
   const [userName, setUserName] = useState(defaultUserName ?? "");
   const [serverUrl, setServerUrl] = useState(defaultServerUrl ?? "");
@@ -28648,58 +28878,74 @@ function ShareDialog({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: "px-5 py-4", children: isActive ? /* @__PURE__ */ jsx(
-                ActiveSessionView,
-                {
-                  collab,
-                  activeCollaboration,
-                  copied,
-                  onCopyRoomId: handleCopyRoomId,
-                  onStopCollaboration
-                }
-              ) : /* @__PURE__ */ jsx(
-                StartSessionForm,
-                {
-                  mode,
-                  invitation,
-                  roomId,
-                  userName,
-                  serverUrl,
-                  onRoomIdChange: setRoomId,
-                  onUserNameChange: setUserName,
-                  onServerUrlChange: setServerUrl,
-                  onModeChange: setMode,
-                  onInvitationChange: setInvitation,
-                  preconfigured,
-                  connectionFailed: collab?.status === "error",
-                  onRetry: collab?.retry
-                }
-              ) }),
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `flex justify-end gap-2 px-5 py-3 border-t border-border ${stickyFooterClass}`,
-                  children: /* @__PURE__ */ jsx(
-                    DialogFooter,
-                    {
-                      actions: [
-                        { id: "cancel", label: isActive ? t("pptx.share.close") : t("pptx.share.cancel") },
-                        ...isActive ? [] : [
+              regionRenderer ? (
+                // The frame (backdrop, title bar, close, dismiss) stays the viewer's; the host replaces the body.
+                /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsx(
+                  ViewerRegion,
+                  {
+                    region: "dialog.share",
+                    renderer: regionRenderer,
+                    close: onClose,
+                    style: { width: "100%", minHeight: "8rem" }
+                  }
+                ) })
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx("div", { className: "px-5 py-4", children: isActive ? /* @__PURE__ */ jsx(
+                  ActiveSessionView,
+                  {
+                    collab,
+                    activeCollaboration,
+                    copied,
+                    onCopyRoomId: handleCopyRoomId,
+                    onStopCollaboration
+                  }
+                ) : /* @__PURE__ */ jsx(
+                  StartSessionForm,
+                  {
+                    mode,
+                    invitation,
+                    roomId,
+                    userName,
+                    serverUrl,
+                    onRoomIdChange: setRoomId,
+                    onUserNameChange: setUserName,
+                    onServerUrlChange: setServerUrl,
+                    onModeChange: setMode,
+                    onInvitationChange: setInvitation,
+                    preconfigured,
+                    connectionFailed: collab?.status === "error",
+                    onRetry: collab?.retry
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: `flex justify-end gap-2 px-5 py-3 border-t border-border ${stickyFooterClass}`,
+                    children: /* @__PURE__ */ jsx(
+                      DialogFooter,
+                      {
+                        actions: [
                           {
-                            id: "start",
-                            label: t(
-                              mode === "join" ? "pptx.share.joinSession" : "pptx.share.startSharing"
-                            ),
-                            variant: "primary",
-                            disabled: !canStart
-                          }
-                        ]
-                      ],
-                      onAction: (id) => id === "start" ? handleStartSharing() : onClose()
-                    }
-                  )
-                }
-              )
+                            id: "cancel",
+                            label: isActive ? t("pptx.share.close") : t("pptx.share.cancel")
+                          },
+                          ...isActive ? [] : [
+                            {
+                              id: "start",
+                              label: t(
+                                mode === "join" ? "pptx.share.joinSession" : "pptx.share.startSharing"
+                              ),
+                              variant: "primary",
+                              disabled: !canStart
+                            }
+                          ]
+                        ],
+                        onAction: (id) => id === "start" ? handleStartSharing() : onClose()
+                      }
+                    )
+                  }
+                )
+              ] })
             ]
           }
         )
@@ -29049,13 +29295,14 @@ function ViewerOverlays({
   reducedMotion,
   onToggleReducedMotion
 }) {
+  const customization = useViewerCustomizationContext();
   const hasOverlay = isShortcutHelpOpen || isAccessibilityPanelOpen || showSlideSorter || showReadingView || showOutlineView;
   if (!hasOverlay) {
     return null;
   }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     isShortcutHelpOpen && /* @__PURE__ */ jsx(ShortcutPanel, { isOpen: isShortcutHelpOpen, onClose: onCloseShortcuts }),
-    isAccessibilityPanelOpen && /* @__PURE__ */ jsx(
+    isAccessibilityPanelOpen && isPanelVisible(customization, "accessibilityPane") && /* @__PURE__ */ jsx(
       AccessibilityPanel,
       {
         isOpen: isAccessibilityPanelOpen,
@@ -29138,9 +29385,38 @@ function ViewerBottomPanels({
   const { isHidden } = useToolbarVisibility(hiddenActions);
   const customization = useViewerCustomizationContext();
   const showNotes = isPanelVisible(customization, "notes");
+  const notesRenderer = useRegionRenderer("notes");
+  const statusBarRenderer = useRegionRenderer("statusBar");
+  const [notesSlot, setNotesSlot] = useState(null);
+  const reportsNotesHeight = Boolean(showNotes && notesRenderer);
+  useEffect(() => {
+    if (!notesSlot || !reportsNotesHeight || !onNotesHeightChange) {
+      return void 0;
+    }
+    const stop2 = observeElementHeight(notesSlot, onNotesHeightChange);
+    return () => {
+      stop2();
+      onNotesHeightChange(0);
+    };
+  }, [notesSlot, reportsNotesHeight, onNotesHeightChange]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     showNotes && onResizeBottom && !isSlideNotesCollapsed && /* @__PURE__ */ jsx(ResizeHandle, { direction: "vertical", onResize: onResizeBottom }),
-    showNotes && /* @__PURE__ */ jsx(
+    showNotes && notesRenderer && // The slot (height, resize handle, collapse) stays the viewer's; a
+    // collapsed strip is hidden, not unmounted, so the host keeps its state.
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref: setNotesSlot,
+        "data-pptx-chrome": "notes",
+        className: "flex-shrink-0 overflow-hidden border-t border-border/60 bg-background",
+        style: {
+          height: notesPanelHeight ?? 120,
+          display: isSlideNotesCollapsed ? "none" : void 0
+        },
+        children: /* @__PURE__ */ jsx(ViewerRegion, { region: "notes", renderer: notesRenderer })
+      }
+    ),
+    showNotes && !notesRenderer && /* @__PURE__ */ jsx(
       SlideNotesPanel,
       {
         activeSlide,
@@ -29154,7 +29430,8 @@ function ViewerBottomPanels({
         onHeightChange: onNotesHeightChange
       }
     ),
-    !hideStatusBar && isPanelVisible(customization, "statusBar") && /* @__PURE__ */ jsx(
+    !hideStatusBar && isPanelVisible(customization, "statusBar") && statusBarRenderer && /* @__PURE__ */ jsx("div", { "data-pptx-chrome": "status-bar", className: "flex-shrink-0", children: /* @__PURE__ */ jsx(ViewerRegion, { region: "statusBar", renderer: statusBarRenderer }) }),
+    !hideStatusBar && isPanelVisible(customization, "statusBar") && !statusBarRenderer && /* @__PURE__ */ jsx(
       StatusBar,
       {
         slideCount,
@@ -29233,9 +29510,23 @@ function ViewerInspector({
   panelWidth
 }) {
   const { t } = useTranslation();
+  const regionRenderer = useRegionRenderer("inspector");
   if (!isOpen) {
     return null;
   }
+  if (regionRenderer) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-pptx-inspector": true,
+        role: "complementary",
+        "aria-label": t("pptx.inspector.properties"),
+        className: "h-full flex-shrink-0 max-md:absolute max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:z-30",
+        style: panelWidth ? { width: panelWidth } : void 0,
+        children: /* @__PURE__ */ jsx(ViewerRegion, { region: "inspector", renderer: regionRenderer, close: onClose })
+      }
+    );
+  }
   const slideId = activeSlide?.id ?? "";
   const commentDraft = comments.commentDraftBySlideId[slideId] ?? "";
   const editingCommentId = comments.editingCommentIdBySlideId[slideId] ?? null;
@@ -29480,7 +29771,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React103.useMemo(
+  const scopedLayoutOptions = React104.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -29883,6 +30174,8 @@ function ViewerToolbarSection(props) {
           }
         },
         isCommentsPanelOpen: s.isInspectorPaneOpen,
+        isMobileInsertOpen: s.isMobileInsertOpen,
+        onCloseMobileInsert: () => s.setIsMobileInsertOpen(false),
         slideCommentCount: activeSlide?.comments?.length ?? 0,
         reviewComments: createReviewCommentsHost({
           state: s,
@@ -30350,7 +30643,8 @@ function ViewerDialogGroup(props) {
     onKeepAnnotations,
     onDiscardAnnotations
   } = props;
-  const printAvailable = isDialogAvailable(useViewerCustomizationContext(), "print");
+  const customization = useViewerCustomizationContext();
+  const printAvailable = isDialogAvailable(customization, "print");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       VersionHistoryPanel,
@@ -30364,7 +30658,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsx(
       ComparePanel,
       {
-        isOpen: propertyHandlers.isComparePanelOpen,
+        isOpen: propertyHandlers.isComparePanelOpen && isPanelVisible(customization, "comparePane"),
         compareResult: propertyHandlers.compareResult,
         canvasSize,
         onClose: () => propertyHandlers.setIsComparePanelOpen(false),
@@ -30376,7 +30670,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsx(
       PasswordProtectionDialog,
       {
-        isOpen: dialogs.isPasswordDialogOpen,
+        isOpen: dialogs.isPasswordDialogOpen && isDialogAvailable(customization, "passwordProtection"),
         isCurrentlyProtected: dialogs.isPasswordProtected,
         onClose: () => dialogs.setIsPasswordDialogOpen(false),
         onSetPassword: dialogs.handleSetPassword,
@@ -30416,7 +30710,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsx(
       DigitalSignaturesDialog,
       {
-        isOpen: dialogs.isDigitalSigDialogOpen,
+        isOpen: dialogs.isDigitalSigDialogOpen && isDialogAvailable(customization, "signatures"),
         onClose: () => dialogs.setIsDigitalSigDialogOpen(false),
         hasSignatures: hasDigitalSignatures,
         signatureCount: digitalSignatureCount
@@ -30449,7 +30743,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsx(
       EquationEditorDialog,
       {
-        isOpen: dialogs.isEquationDialogOpen,
+        isOpen: dialogs.isEquationDialogOpen && isDialogAvailable(customization, "equation"),
         onClose: () => dialogs.setIsEquationDialogOpen(false),
         onInsert: dialogs.editingEquationOmml ? insertHandlers.handleUpdateEquation : insertHandlers.handleInsertEquation,
         existingOmml: dialogs.editingEquationOmml
@@ -30458,7 +30752,7 @@ function ViewerDialogGroup(props) {
     /* @__PURE__ */ jsx(
       HyperlinkEditDialog,
       {
-        open: dialogs.isHyperlinkDialogOpen,
+        open: dialogs.isHyperlinkDialogOpen && isDialogAvailable(customization, "hyperlink"),
         initialUrl: selectedElements[0]?.actionClick?.url,
         initialTooltip: selectedElements[0]?.actionClick?.tooltip,
         initialAction: selectedElements[0]?.actionClick?.action,
@@ -30918,6 +31212,7 @@ function PresentationContextMenu(p) {
   );
 }
 function ViewerCanvasArea(props) {
+  const customization = useViewerCustomizationContext();
   const {
     mode,
     canEdit,
@@ -31110,7 +31405,7 @@ ${url}`)) {
         onTouchEnd: swipe.onTouchEnd,
         onContextMenu: mode === "present" ? handlePresentationContextMenu : void 0,
         children: [
-          findReplace.findReplaceOpen && /* @__PURE__ */ jsx(
+          findReplace.findReplaceOpen && isPanelVisible(customization, "findReplace") && /* @__PURE__ */ jsx(
             FindReplacePanel,
             {
               findQuery: findReplace.findQuery,
@@ -31545,6 +31840,42 @@ function AiChangeOverlay({ batch, activeSlideIndex }) {
     ))
   ] });
 }
+function ChartFormatPanel() {
+  const { t } = useTranslation();
+  const commands = useChartFormatContext();
+  const ref = useRef(null);
+  const chart = commands?.chart;
+  const chartData = chart?.type === "chart" ? chart.chartData : void 0;
+  useEffect(() => {
+    const node = ref.current;
+    if (node && commands) {
+      node.translateLabel = t;
+      node.chartData = chartData;
+      node.target = commands.target;
+      node.disabled = !commands.editable;
+    }
+  }, [chartData, commands, t]);
+  useEffect(() => {
+    const node = ref.current;
+    if (!node || !commands) {
+      return;
+    }
+    const change = (event) => commands.applyChartData(event.detail.chartData);
+    const retarget = (event) => commands.setTarget(event.detail.target);
+    node.addEventListener("chart-format-change", change);
+    node.addEventListener("chart-format-target", retarget);
+    node.addEventListener("chart-format-close", commands.closePane);
+    return () => {
+      node.removeEventListener("chart-format-change", change);
+      node.removeEventListener("chart-format-target", retarget);
+      node.removeEventListener("chart-format-close", commands.closePane);
+    };
+  }, [commands]);
+  if (!commands?.paneOpen || !chartData) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("pptx-ui-chart-format-pane", { ref, "data-testid": "chart-format-pane" });
+}
 function ThemeEditorPanel({ theme, canEdit, onApply, onClose }) {
   const { t } = useTranslation();
   const ref = useRef(null);
@@ -32100,7 +32431,7 @@ function ViewerSidePanels(props) {
         panelWidth
       }
     ),
-    s.isSelectionPaneOpen && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
+    s.isSelectionPaneOpen && isPanelVisible(customization, "selectionPane") && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
       MobileDismissSheet,
       {
         onClose: () => s.setIsSelectionPaneOpen(false),
@@ -32134,6 +32465,7 @@ function ViewerSidePanels(props) {
         onClose: () => s.setIsThemeEditorOpen(false)
       }
     ),
+    (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(ChartFormatPanel, {}),
     aiPanel?.isOpen && aiConfig && aiBridge && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
       AiChatPanelLazy,
       {
@@ -32295,6 +32627,7 @@ function ViewerMainContent(props) {
     onApplyLayout,
     loadLayoutPreviews
   } = props;
+  const slidesPaneRenderer = useRegionRenderer("slidesPane");
   const {
     ops,
     sectionOps,
@@ -32324,7 +32657,22 @@ function ViewerMainContent(props) {
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
   return /* @__PURE__ */ jsx(ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
     showSlidesPane && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
+      slidesPaneRenderer ? (
+        // The rail's slot (width, collapse, resize handle) stays the viewer's.
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-chrome": "slides",
+            className: "h-full flex-shrink-0 overflow-hidden border-r border-border bg-secondary/30",
+            style: {
+              width: leftPanelWidth ?? 220,
+              // Same collapse rule as the built-in rail; hidden, not unmounted.
+              display: state.isSlidesPaneOpen ? void 0 : "none"
+            },
+            children: /* @__PURE__ */ jsx(ViewerRegion, { region: "slidesPane", renderer: slidesPaneRenderer })
+          }
+        )
+      ) : /* @__PURE__ */ jsx(
         SlidesPaneSidebar,
         {
           slides,
@@ -32812,8 +33160,9 @@ function MobileChromeOverlay(props) {
     slideSectionGroups,
     canEdit,
     commentCount
-  } = props, { keyboardInset, isKeyboardOpen } = useKeyboardInsets(), activeSheet = s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
+  } = props, { keyboardInset, isKeyboardOpen } = useKeyboardInsets(), activeSheet = s.isMobileInsertOpen ? "insert" : s.isSlidesPaneOpen ? "slides" : s.isInspectorPaneOpen ? s.sidebarPanelMode === "comments" ? "comments" : "inspector" : !s.isSlideNotesCollapsed ? "notes" : null, closeAllSheets = () => {
     s.setIsSlidesPaneOpen(false);
+    s.setIsMobileInsertOpen(false);
     s.setIsInspectorPaneOpen(false);
     s.setIsSlideNotesCollapsed(true);
   }, openSheet = (which) => {
@@ -32822,6 +33171,9 @@ function MobileChromeOverlay(props) {
       case "slides":
         s.setIsSlidesPaneOpen(true);
         break;
+      case "insert":
+        s.setIsMobileInsertOpen(true);
+        break;
       case "inspector":
         s.setSidebarPanelMode("properties");
         s.setIsInspectorPaneOpen(true);
@@ -32897,9 +33249,7 @@ function MobileChromeOverlay(props) {
             activeSheet,
             commentCount,
             onOpenSlides: () => applySheetTap("slides"),
-            onOpenInsert: () => {
-              editorOps.insertHandlers.handleAddTextBox();
-            },
+            onOpenInsert: () => applySheetTap("insert"),
             onOpenInspector: () => applySheetTap("inspector"),
             onOpenComments: () => applySheetTap("comments"),
             onToggleNotes: () => applySheetTap("notes")
@@ -33070,157 +33420,6 @@ function OptionsAddInsPane({ addinStatus }) {
     ] })
   ] });
 }
-function readValue(options, control) {
-  const group = options[control.group];
-  const value = group[control.key];
-  return typeof value === "boolean" || typeof value === "number" || typeof value === "string" ? value : void 0;
-}
-function InfoTip({ text }) {
-  return /* @__PURE__ */ jsx("span", { title: text, className: "inline-flex cursor-help align-middle", children: /* @__PURE__ */ jsx(LuInfo, { className: "ml-1 h-3.5 w-3.5 text-primary/70", "aria-label": text }) });
-}
-var IGNORE_CHANGE = () => void 0;
-function ControlRow({
-  control,
-  options,
-  onOptionChange: emitChange
-}) {
-  const { t } = useTranslation();
-  const { viewportWidth } = useIsMobile();
-  const fieldMinHeight = getDensePanelTouchTargetPx(viewportWidth);
-  const value = readValue(options, control);
-  const label = t(control.labelKey);
-  const info = control.infoKey ? /* @__PURE__ */ jsx(InfoTip, { text: t(control.infoKey) }) : null;
-  const rowClass = cn("flex items-center justify-between gap-3 py-1.5", control.indent && "pl-6");
-  const rowStyle = { minHeight: fieldMinHeight };
-  const locked = control.readOnly === true;
-  const lockedTitle = locked ? t("pptx.options.lockedByHost") : void 0;
-  const onOptionChange = locked ? IGNORE_CHANGE : emitChange;
-  if (control.kind === "toggle") {
-    return /* @__PURE__ */ jsxs("label", { className: cn(rowClass, "cursor-pointer select-none"), style: rowStyle, children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
-        label,
-        info
-      ] }),
-      /* @__PURE__ */ jsx(
-        WebCheckbox,
-        {
-          checked: value === true,
-          "aria-label": label,
-          disabled: locked,
-          title: lockedTitle,
-          onChange: (event) => onOptionChange(
-            control.group,
-            control.key,
-            event.currentTarget.checked
-          )
-        }
-      )
-    ] });
-  }
-  if (control.kind === "select") {
-    return /* @__PURE__ */ jsxs("div", { className: rowClass, style: rowStyle, children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
-        label,
-        info
-      ] }),
-      /* @__PURE__ */ jsx(
-        WebSelect,
-        {
-          "aria-label": label,
-          disabled: locked,
-          title: lockedTitle,
-          style: { minHeight: fieldMinHeight },
-          value: typeof value === "string" ? value : "",
-          onChange: (event) => onOptionChange(
-            control.group,
-            control.key,
-            event.currentTarget.value
-          ),
-          children: control.choices.map((choice) => /* @__PURE__ */ jsx("option", { value: choice.value, children: t(choice.labelKey) }, choice.value))
-        }
-      )
-    ] });
-  }
-  if (control.kind === "number") {
-    return /* @__PURE__ */ jsxs("div", { className: rowClass, style: rowStyle, children: [
-      /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
-        label,
-        info
-      ] }),
-      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            "aria-label": label,
-            disabled: locked,
-            title: lockedTitle,
-            style: { minHeight: fieldMinHeight },
-            className: "w-20 rounded border border-border bg-background px-2 py-1 text-right text-xs text-foreground",
-            min: control.min,
-            max: control.max,
-            step: control.step ?? 1,
-            value: typeof value === "number" ? value : control.min,
-            onChange: (event) => {
-              const clamped = clampOptionNumber(event.target.value, control.min, control.max);
-              if (clamped !== void 0) {
-                onOptionChange(control.group, control.key, clamped);
-              }
-            }
-          }
-        ),
-        control.unitKey && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(control.unitKey) })
-      ] })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: rowClass, style: rowStyle, children: [
-    /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
-      label,
-      info
-    ] }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "text",
-        "aria-label": label,
-        disabled: locked,
-        title: lockedTitle,
-        style: { minHeight: fieldMinHeight },
-        className: "w-48 max-w-[55%] rounded border border-border bg-background px-2 py-1 text-xs text-foreground",
-        maxLength: control.maxLength,
-        value: typeof value === "string" ? value : "",
-        onChange: (event) => onOptionChange(control.group, control.key, event.target.value)
-      }
-    )
-  ] });
-}
-function OptionsPane({
-  tab,
-  options,
-  onOptionChange,
-  renderSpecial,
-  children
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(tab.descriptionKey) }),
-    tab.sections.map((section) => /* @__PURE__ */ jsxs("section", { children: [
-      /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t(section.titleKey) }),
-      section.descriptionKey && /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t(section.descriptionKey) }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: section.controls.map((control) => /* @__PURE__ */ jsx(
-        ControlRow,
-        {
-          control,
-          options,
-          onOptionChange
-        },
-        `${control.group}.${control.key}.${section.id}`
-      )) }),
-      section.special && renderSpecial?.(section)
-    ] }, section.id)),
-    children
-  ] });
-}
 function CommandList({
   title,
   commandIds,
@@ -33423,7 +33622,7 @@ function OptionsRibbonPane({
     ] }),
     /* @__PURE__ */ jsxs("section", { children: [
       /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.settings.keyboardShortcuts") }),
-      /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: SHORTCUT_REFERENCE_ITEMS$1.map((shortcut, i) => /* @__PURE__ */ jsxs(
         "div",
         {
           className: cn(
@@ -33665,10 +33864,11 @@ function SettingsLanguageTab({
     );
   }) });
 }
-var AI_TAB_ID = "ai";
 var NO_CUSTOM_FONT_FAMILIES = [];
-function SettingsDialog({
-  isOpen,
+function SettingsDialog(props) {
+  return props.isOpen ? /* @__PURE__ */ jsx(OpenSettingsDialog, { ...props }) : null;
+}
+function OpenSettingsDialog({
   onClose,
   options,
   onOptionChange,
@@ -33689,272 +33889,98 @@ function SettingsDialog({
   customFontFamilies = NO_CUSTOM_FONT_FAMILIES,
   onCustomFontRegistered
 }) {
-  const [activeTabId, setActiveTabId] = useState("general");
   const { t } = useTranslation();
   const customization = useViewerCustomizationContext();
-  const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
-  const { viewportWidth, viewportHeight } = useIsMobile();
-  const touchTargetPx = getDensePanelTouchTargetPx(viewportWidth);
-  const navBtnStyle = { minHeight: touchTargetPx, minWidth: touchTargetPx };
-  const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const footerBtnStyle = { minHeight: touchTargetPx };
-  const stickyFooterClass = shouldStickyActionRow(viewportWidth, viewportHeight) ? "sticky bottom-0 bg-popover" : "";
-  const snapshotRef = useRef(null);
-  const wasOpenRef = useRef(false);
-  useEffect(() => {
-    if (isOpen && !wasOpenRef.current) {
-      snapshotRef.current = options;
-    }
-    wasOpenRef.current = isOpen;
-  }, [isOpen, options]);
-  const handleCancel = useCallback(() => {
-    if (snapshotRef.current) {
-      onRestoreOptions(snapshotRef.current);
-    }
-    onClose();
-  }, [onClose, onRestoreOptions]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    },
-    [onClose]
+  const regionBase = useContext(ViewerRegionBaseContext);
+  const regionContext = useMemo(
+    () => regionBase ? { ...regionBase, region: "dialog.options", close: onClose } : null,
+    [regionBase, onClose]
   );
-  useEffect(() => {
-    if (isOpen) {
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }
-  }, [isOpen, handleKeyDown]);
-  if (!isOpen) {
-    return null;
-  }
-  const tabs = customizeOptionsTabs(VIEWER_OPTIONS_TABS, customization);
-  const showAiTab = Boolean(aiEnabled) && isOptionsPageVisible(customization, AI_TAB_ID);
-  const activeTab = tabs.find((tab) => tab.id === activeTabId) ?? tabs[0];
-  const aiActive = activeTabId === AI_TAB_ID && showAiTab;
-  if (!activeTab) {
-    return null;
-  }
-  const currentTabId = aiActive ? AI_TAB_ID : activeTab.id;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
+  const dialogRef = useRef(null);
+  const bindingRef = useRef(null);
+  const [category, setCategory] = useState("general");
+  const latest = useRef({ onClose, onOptionChange, onRestoreOptions, onResetOptions });
+  latest.current = { onClose, onOptionChange, onRestoreOptions, onResetOptions };
+  useLayoutEffect(() => {
+    const binding = bindPptxOptionsDialog(dialogRef.current, {
+      setOption: (group, key, value) => latest.current.onOptionChange(group, key, value),
+      restoreOptions: (snapshot) => latest.current.onRestoreOptions(snapshot),
+      resetOptions: () => latest.current.onResetOptions(),
+      close: () => latest.current.onClose(),
+      categoryChanged: setCategory
+    });
+    bindingRef.current = binding;
+    return () => {
+      binding.dispose();
+      bindingRef.current = null;
+    };
+  }, []);
+  useLayoutEffect(() => {
+    bindingRef.current?.sync({
+      options,
+      t,
+      customization,
+      aiEnabled: Boolean(aiEnabled),
+      regionContext
+    });
+  }, [options, t, customization, aiEnabled, regionContext]);
+  return /* @__PURE__ */ jsxs("pptx-ui-options-dialog", { ref: dialogRef, children: [
+    category === "general" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { slot: optionsBlockSlot("themePicker"), className: "mt-2", children: /* @__PURE__ */ jsx(
+        SettingsAppearanceTab,
+        {
+          activeThemeKey: themeKey,
+          themes: availableThemes,
+          onSelectTheme
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { slot: optionsBlockSlot("customFonts"), children: /* @__PURE__ */ jsx(
+        SettingsCustomFontsSection,
+        {
+          enabled: options.general.enableCustomFontUpload,
+          families: customFontFamilies,
+          onRegistered: (family) => onCustomFontRegistered?.(family)
+        }
+      ) })
+    ] }),
+    category === "save" && /* @__PURE__ */ jsxs("div", { slot: optionsBlockSlot("clearCache"), className: "mt-2", children: [
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.save.clearCacheDescription") }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onClearCache,
+          className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
+          children: t("pptx.options.save.clearCacheNow")
+        }
+      )
+    ] }),
+    category === "language" && /* @__PURE__ */ jsx("div", { slot: optionsBlockSlot("language"), children: /* @__PURE__ */ jsx(
+      SettingsLanguageTab,
       {
-        type: "button",
-        style: { zIndex: 1200 },
-        className: "fixed inset-0 bg-black/60",
-        "aria-label": t("pptx.settings.closeSettings"),
-        onClick: onClose
+        activeLocale: localeCode,
+        locales: availableLocales,
+        onSelectLocale
       }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
+    ) }),
+    category === "ribbon" && /* @__PURE__ */ jsx("div", { slot: optionsPaneSlot("ribbon"), children: /* @__PURE__ */ jsx(
+      OptionsRibbonPane,
       {
-        style: { zIndex: 1201 },
-        className: "fixed inset-0 flex items-center justify-center pointer-events-none",
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: panelStyle,
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": t("pptx.options.title"),
-            className: "pointer-events-auto flex max-h-[85vh] w-[min(56rem,calc(100%-2rem))] flex-col rounded-xl border border-border bg-popover shadow-2xl backdrop-blur-xl max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:max-h-[88dvh] max-md:w-full max-md:rounded-t-2xl max-md:rounded-b-none max-md:border-x-0 max-md:border-b-0 max-md:pb-[max(env(safe-area-inset-bottom),0px)]",
-            children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  ...dragHandlers,
-                  className: "flex items-center justify-between border-b border-border/60 px-5 py-4 touch-none",
-                  children: [
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx(LuSettings, { className: "h-5 w-5 text-primary" }),
-                      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("pptx.options.title") })
-                    ] }),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: onClose,
-                        style: closeBtnStyle,
-                        className: "rounded p-1 transition-colors hover:bg-accent inline-flex items-center justify-center",
-                        "aria-label": t("pptx.settings.close"),
-                        children: /* @__PURE__ */ jsx(LuX, { className: "h-4 w-4 text-muted-foreground" })
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 max-md:flex-col", children: [
-                /* @__PURE__ */ jsxs(
-                  "nav",
-                  {
-                    "aria-label": t("pptx.options.title"),
-                    className: "w-44 shrink-0 space-y-0.5 overflow-y-auto border-r border-border/60 p-2 max-md:flex max-md:w-full max-md:space-y-0 max-md:gap-1 max-md:overflow-x-auto max-md:border-b max-md:border-r-0",
-                    children: [
-                      tabs.map((tab) => /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => setActiveTabId(tab.id),
-                          "aria-current": currentTabId === tab.id,
-                          style: navBtnStyle,
-                          className: cn(
-                            "flex w-full items-center whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
-                            currentTabId === tab.id ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
-                          ),
-                          children: t(tab.labelKey)
-                        },
-                        tab.id
-                      )),
-                      showAiTab && /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => setActiveTabId(AI_TAB_ID),
-                          "aria-current": aiActive,
-                          style: navBtnStyle,
-                          className: cn(
-                            "flex w-full items-center whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
-                            aiActive ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
-                          ),
-                          children: t("pptx.ai.settingsSectionTitle")
-                        }
-                      )
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: aiActive ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t("pptx.ai.settingsSectionTitle") }),
-                  /* @__PURE__ */ jsx(SettingsAiTab, { store: chatStore })
-                ] }) : activeTab.custom === "language" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
-                  /* @__PURE__ */ jsxs("section", { children: [
-                    /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.options.language.displayLanguage") }),
-                    /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.language.displayLanguageDescription") }),
-                    /* @__PURE__ */ jsx(
-                      SettingsLanguageTab,
-                      {
-                        activeLocale: localeCode,
-                        locales: availableLocales,
-                        onSelectLocale
-                      }
-                    )
-                  ] })
-                ] }) : activeTab.custom === "ribbon" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
-                  /* @__PURE__ */ jsx(
-                    OptionsRibbonPane,
-                    {
-                      options,
-                      onRibbonTabHiddenChange,
-                      onResetRibbon: () => onResetOptions("ribbon")
-                    }
-                  )
-                ] }) : activeTab.custom === "addIns" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
-                  /* @__PURE__ */ jsx(OptionsAddInsPane, { addinStatus })
-                ] }) : /* @__PURE__ */ jsx(
-                  OptionsPane,
-                  {
-                    tab: activeTab,
-                    options,
-                    onOptionChange,
-                    renderSpecial: (section) => {
-                      if (section.special === "themePicker") {
-                        return /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
-                          SettingsAppearanceTab,
-                          {
-                            activeThemeKey: themeKey,
-                            themes: availableThemes,
-                            onSelectTheme
-                          }
-                        ) });
-                      }
-                      if (section.special === "customFonts") {
-                        return /* @__PURE__ */ jsx(
-                          SettingsCustomFontsSection,
-                          {
-                            enabled: options.general.enableCustomFontUpload,
-                            families: customFontFamilies,
-                            onRegistered: (family) => onCustomFontRegistered?.(family)
-                          }
-                        );
-                      }
-                      if (section.special === "clearCache") {
-                        return /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
-                          /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.save.clearCacheDescription") }),
-                          /* @__PURE__ */ jsx(
-                            "button",
-                            {
-                              type: "button",
-                              onClick: onClearCache,
-                              className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
-                              children: t("pptx.options.save.clearCacheNow")
-                            }
-                          )
-                        ] });
-                      }
-                      return null;
-                    },
-                    children: activeTab.custom === "quickAccess" && /* @__PURE__ */ jsx(
-                      OptionsQuickAccessPane,
-                      {
-                        options,
-                        onQuickAccessCommandsChange,
-                        onResetQuickAccess: () => onQuickAccessCommandsChange([...DEFAULT_QUICK_ACCESS_COMMAND_IDS])
-                      }
-                    )
-                  }
-                ) })
-              ] }),
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  className: `flex items-center justify-between gap-2 border-t border-border/60 px-5 py-3 ${stickyFooterClass}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => onResetOptions(),
-                        style: footerBtnStyle,
-                        className: "rounded border border-border px-3 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-                        children: t("pptx.options.resetAll")
-                      }
-                    ),
-                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: handleCancel,
-                          style: footerBtnStyle,
-                          className: "rounded border border-border px-4 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
-                          children: t("pptx.common.cancel")
-                        }
-                      ),
-                      /* @__PURE__ */ jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: onClose,
-                          style: footerBtnStyle,
-                          className: "rounded bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90",
-                          children: t("pptx.common.ok")
-                        }
-                      )
-                    ] })
-                  ]
-                }
-              )
-            ]
-          }
-        )
+        options,
+        onRibbonTabHiddenChange,
+        onResetRibbon: () => onResetOptions("ribbon")
       }
-    )
+    ) }),
+    category === "quickAccess" && /* @__PURE__ */ jsx("div", { slot: optionsPaneSlot("quickAccess"), children: /* @__PURE__ */ jsx(
+      OptionsQuickAccessPane,
+      {
+        options,
+        onQuickAccessCommandsChange,
+        onResetQuickAccess: () => onQuickAccessCommandsChange([...DEFAULT_QUICK_ACCESS_COMMAND_IDS])
+      }
+    ) }),
+    category === "addIns" && /* @__PURE__ */ jsx("div", { slot: optionsPaneSlot("addIns"), children: /* @__PURE__ */ jsx(OptionsAddInsPane, { addinStatus }) }),
+    category === AI_OPTIONS_CATEGORY && /* @__PURE__ */ jsx("div", { slot: optionsPaneSlot(AI_OPTIONS_CATEGORY), children: /* @__PURE__ */ jsx(SettingsAiTab, { store: chatStore }) })
   ] });
 }
 function ViewerOptionsProvider({
@@ -34250,6 +34276,89 @@ function useAutosaveCacheMaintenance(viewerOptions) {
   }, [viewerOptions]);
   return handleClearOptionsCache;
 }
+function useChartFormatCommands(input) {
+  const { selectedElement, editable, updateElementById } = input;
+  const chart = selectedElement?.type === "chart" ? selectedElement : null;
+  const chartId = chart?.id ?? null;
+  const [picked, setPicked] = useState({
+    chartId: null,
+    target: "chartArea"
+  });
+  const [paneOpen, setPaneOpen] = useState(false);
+  const target = picked.chartId === chartId ? picked.target : "chartArea";
+  useEffect(() => {
+    if (!chartId) {
+      setPaneOpen(false);
+    }
+  }, [chartId]);
+  const setTarget = useCallback(
+    (next, forChartId) => setPicked({ chartId: forChartId ?? chartId, target: next }),
+    [chartId]
+  );
+  const openPane = useCallback(
+    (next) => {
+      if (next) {
+        setTarget(next);
+      }
+      setPaneOpen(true);
+    },
+    [setTarget]
+  );
+  const closePane = useCallback(() => setPaneOpen(false), []);
+  const applyChartData = useCallback(
+    (chartData2) => {
+      if (editable && chartId) {
+        updateElementById(chartId, { chartData: chartData2 });
+      }
+    },
+    [editable, chartId, updateElementById]
+  );
+  const chartData = chart?.type === "chart" ? chart.chartData : void 0;
+  const reset = useCallback(() => {
+    if (chartData) {
+      applyChartData(resetChartFormatTarget(chartData, target));
+    }
+  }, [chartData, target, applyChartData]);
+  return useMemo(
+    () => ({
+      chart,
+      editable,
+      target,
+      paneOpen: paneOpen && Boolean(chart),
+      setTarget,
+      openPane,
+      closePane,
+      applyChartData,
+      reset
+    }),
+    [chart, editable, target, paneOpen, setTarget, openPane, closePane, applyChartData, reset]
+  );
+}
+function useLoadNotifications(input) {
+  const { loading, error } = input;
+  const latest = useRef(input);
+  latest.current = input;
+  const wasLoading = useRef(loading);
+  const announcedError = useRef(null);
+  useEffect(() => {
+    const finished = wasLoading.current && !loading;
+    wasLoading.current = loading;
+    if (finished && !latest.current.error) {
+      latest.current.onLoad?.({
+        slideCount: latest.current.slideCount,
+        canvasSize: latest.current.canvasSize
+      });
+    }
+  }, [loading]);
+  useEffect(() => {
+    if (error && error !== announcedError.current) {
+      announcedError.current = error;
+      latest.current.onError?.(error);
+    } else if (!error) {
+      announcedError.current = null;
+    }
+  }, [error]);
+}
 function useMasterViewCrud(input) {
   const {
     handlerRef,
@@ -34363,7 +34472,8 @@ function useRibbonGalleryCommands2(input) {
     tableEditorState,
     updateElementById,
     updateThemeColorScheme,
-    updateThemeFontScheme
+    updateThemeFontScheme,
+    applyThemeData
   } = input;
   const handler = handlerRef.current;
   const context = useMemo(
@@ -34385,6 +34495,9 @@ function useRibbonGalleryCommands2(input) {
         case "element":
           updateElementById(result.elementId, result.patch);
           return;
+        case "theme":
+          void applyThemeData?.(result.colorScheme, result.fontScheme, result.name);
+          return;
         case "themeColorScheme":
           void updateThemeColorScheme(result.colorScheme);
           return;
@@ -34392,7 +34505,7 @@ function useRibbonGalleryCommands2(input) {
           void updateThemeFontScheme(result.fontScheme);
       }
     },
-    [editable, updateElementById, updateThemeColorScheme, updateThemeFontScheme]
+    [editable, updateElementById, updateThemeColorScheme, updateThemeFontScheme, applyThemeData]
   );
   return useMemo(() => ({ context, editable, dispatch }), [context, editable, dispatch]);
 }
@@ -34623,6 +34736,8 @@ var PowerPointViewer = forwardRef(
       onZoomChange,
       onSelectionChange,
       onSlideCountChange,
+      onLoad,
+      onError,
       onOpenFile: hostOpenFile,
       theme,
       defaultThemeKey,
@@ -34765,7 +34880,7 @@ var PowerPointViewer = forwardRef(
     const [notesBarHeight, setNotesBarHeight] = useState(0);
     const runProgramNoticesState = useRunProgramNoticesState();
     const [collaborationReadOnly, setCollaborationReadOnly] = useState(Boolean(collaboration));
-    const canEdit = hostCanEdit && !collaborationReadOnly && !isProtectedView && !readOnlyRec.locked;
+    const canEdit = hostCanEdit && isEditingAllowed(customizationResolved) && !collaborationReadOnly && !isProtectedView && !readOnlyRec.locked;
     const [isSettingsOpen, setIsSettingsOpen] = useState(false);
     const [isHeaderFooterOpen, setIsHeaderFooterOpen] = useState(false);
     const [autosaveEnabled, setAutosaveEnabled] = useState(true);
@@ -34797,6 +34912,14 @@ var PowerPointViewer = forwardRef(
       activeSlide,
       selectedElement
     } = state;
+    useLoadNotifications({
+      loading,
+      error,
+      slideCount: slides.length,
+      canvasSize,
+      onLoad,
+      onError
+    });
     const { pushColor } = useRecentColorsSync({
       setRecentColors: state.setRecentColors,
       setPresentationProperties: state.setPresentationProperties
@@ -35150,6 +35273,7 @@ ${url}`)
       isEncryptedDialogOpen,
       setIsEncryptedDialogOpen,
       handlerRef,
+      viewerApi,
       loadVersion
     } = useViewerIntegration({
       transformCommittedText: (text) => applyAutoCorrect(text, viewerOptions.proofing),
@@ -35252,7 +35376,13 @@ ${url}`)
       tableEditorState: state.tableEditorState,
       updateElementById: editorOps.ops.updateElementById,
       updateThemeColorScheme: themeHandlers.handleUpdateThemeColorScheme,
-      updateThemeFontScheme: themeHandlers.handleUpdateThemeFontScheme
+      updateThemeFontScheme: themeHandlers.handleUpdateThemeFontScheme,
+      applyThemeData: themeHandlers.handleApplyThemeData
+    });
+    const chartFormat = useChartFormatCommands({
+      selectedElement,
+      editable: canEdit && (mode === "edit" || mode === "master"),
+      updateElementById: editorOps.ops.updateElementById
     });
     const ribbonScope = useRibbonScopeToken();
     const viewPreferencesSync = useViewPreferencesSync({
@@ -35381,6 +35511,20 @@ ${url}`)
       collaboration: Boolean(collaboration),
       locales: resolvedLocales.length > 1
     };
+    const selectionKey = state.effectiveSelectedIds.join("\0");
+    const regionBase = useMemo(
+      () => ({
+        viewer: viewerApi,
+        mode,
+        canEdit,
+        activeSlideIndex,
+        slideCount: slides.length,
+        selectedElementIds: [...state.effectiveSelectedIds],
+        locale: localeCode
+      }),
+      // oxlint-disable-next-line react-hooks/exhaustive-deps -- selectionKey stands for the ids
+      [viewerApi, mode, canEdit, activeSlideIndex, slides.length, selectionKey, localeCode]
+    );
     const viewerContent = /* @__PURE__ */ jsxs(
       "div",
       {
@@ -35451,7 +35595,7 @@ ${url}`)
                     isAiPanelOpen: aiPanel.isOpen,
                     onToggleAiPanel: aiPanel.toggle,
                     isProtectedView,
-                    onEnableEditing: hostCanEdit ? handleEnableEditing : void 0,
+                    onEnableEditing: hostCanEdit && isEditingAllowed(customizationResolved) ? handleEnableEditing : void 0,
                     onSetSnapToGrid: viewPreferencesSync.handleSetSnapToGrid,
                     onSetSnapToShape: viewPreferencesSync.handleSetSnapToShape,
                     onSetShowGuides: viewPreferencesSync.handleSetShowGuides
@@ -35615,7 +35759,7 @@ ${url}`)
           /* @__PURE__ */ jsx(
             PasteSpecialDialog,
             {
-              isOpen: editorOps.pasteSpecial.isPasteSpecialDialogOpen,
+              isOpen: editorOps.pasteSpecial.isPasteSpecialDialogOpen && isDialogAvailable(customizationResolved, "pasteSpecial"),
               onCancel: editorOps.pasteSpecial.closePasteSpecialDialog,
               onConfirm: (format) => {
                 void editorOps.pasteSpecial.pasteWithFormat(format);
@@ -35784,7 +35928,7 @@ ${url}`)
       // Nothing previously provided it, so every one of those consumers was
       // silently reading `DEFAULT_VIEWER_OPTIONS` forever, no matter what
       // the user changed in the Options dialog.
-      /* @__PURE__ */ jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
+      /* @__PURE__ */ jsx(ViewerOptionsProvider, { options: viewerOptions, store: optionsStore, children: /* @__PURE__ */ jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, children: /* @__PURE__ */ jsx(ViewerRegionBaseContext.Provider, { value: regionBase, children: /* @__PURE__ */ jsx(RibbonAddInsContext.Provider, { value: ribbonAddIns ?? NO_RIBBON_ADD_INS, children: /* @__PURE__ */ jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
         CollaborationProvider,
         {
           config: collaboration,
@@ -35834,10 +35978,10 @@ ${url}`)
                 slideCount: slides.length
               }
             ),
-            /* @__PURE__ */ jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: viewerContent }) })
+            /* @__PURE__ */ jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: /* @__PURE__ */ jsx(RibbonGalleryCommandsContext.Provider, { value: ribbonGalleries, children: /* @__PURE__ */ jsx(ChartFormatContext.Provider, { value: chartFormat, children: viewerContent }) }) })
           ]
         }
-      ) }) }) }) }) }) })
+      ) }) }) }) }) }) }) })
     );
   }
 );