pptx-react-viewer 4.14.0 → 4.16.0

package/dist/{chunk-WSYKEPW6.mjs → chunk-BTTAYCGK.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-ECKXYCP3.mjs';
-import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, ViewerOptionsContext, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-EPMT65EN.mjs';
-import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, TOOLBAR_SECTIONS, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-AJTFPTSN.mjs';
-import { FIXED_TAB_GALLERIES, EMPTY_RESOLVED_CUSTOMIZATION, ANIMATION_DIRECTION_LABEL_KEYS, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, resolveEditPointsAvailability, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, 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, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, customizeContextMenuEntries, buildContextMenuEntries, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, extraQuickAccessCommands, visibleContextualTabs, resolveActiveRibbonTab, resolveScreenTip, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, hasShapeProperties, shapeFillChange, shapeOutlineChange, CONTEXTUAL_TAB_GROUPS, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSlidePaneContextMenuEntries, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, clampFlyoutPosition, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, RIBBON_CONTROL_ATTR, RIBBON_GROUP_ATTR, FREEFORM_TOOL_IDS, isDrawingToolVisible, FREEFORM_TOOL_LABEL_KEYS, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, RIBBON_SHAPE_SWATCHES, buildRibbonGallery, galleryHasItems, inlineGalleryItems, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, masterViewPseudoSlide, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, MERGE_SHAPES_MENU_ITEMS, hasMultipleSelectedTableCells, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_GALLERY_POPUP_ATTR, applyRibbonGalleryItem, galleryItemLabel, RIBBON_GALLERY_ITEM_ATTR, RIBBON_GALLERY_ATTR, MERGE_SHAPES_LABEL_KEY, MERGE_SHAPES_HINT_KEY, CROP_LABEL_KEY, CROP_ASPECT_LABEL_KEY, CROP_ASPECT_GROUP_LABEL_KEYS, CROP_ASPECT_PRESETS, CROP_FILL_LABEL_KEY, CROP_FIT_LABEL_KEY, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, playAnimationRibbonPreview, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, 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, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildSlideTemplateContent, 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, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from './chunk-UWVRB4Z5.mjs';
-import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-55OLQ7HS.mjs';
-import React6, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, Fragment as Fragment$1, useDeferredValue, Suspense, useReducer } from 'react';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-WRQ7K3DG.mjs';
+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, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, ViewerOptionsStoreContext, ViewerOptionsContext, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-QLUA63T3.mjs';
+import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, TOOLBAR_SECTIONS, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-MFGRRONU.mjs';
+import { FIXED_TAB_GALLERIES, EMPTY_RESOLVED_CUSTOMIZATION, ANIMATION_DIRECTION_LABEL_KEYS, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, EDITOR_THUMBNAIL_WIDTH, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, 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, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, editorThumbnailWidth, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, extraQuickAccessCommands, visibleContextualTabs, resolveActiveRibbonTab, resolveScreenTip, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, hasShapeProperties, shapeFillChange, shapeOutlineChange, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSlidePaneContextMenuEntries, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, customizeContextMenuEntries, buildContextMenuEntries, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, COMMON_FONT_SIZES, RIBBON_CONTROL_ATTR, FREEFORM_TOOL_IDS, isDrawingToolVisible, FREEFORM_TOOL_LABEL_KEYS, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, RIBBON_GROUP_ATTR, RIBBON_SHAPE_SWATCHES, buildRibbonGallery, galleryHasItems, inlineGalleryItems, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, HELP_RIBBON_COMMANDS, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, clampFlyoutPosition, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_GALLERY_POPUP_ATTR, applyRibbonGalleryItem, galleryItemLabel, RIBBON_GALLERY_ITEM_ATTR, RIBBON_GALLERY_ATTR, MERGE_SHAPES_LABEL_KEY, MERGE_SHAPES_HINT_KEY, MERGE_SHAPES_MENU_ITEMS, CROP_LABEL_KEY, CROP_ASPECT_LABEL_KEY, CROP_ASPECT_GROUP_LABEL_KEYS, CROP_ASPECT_PRESETS, CROP_FILL_LABEL_KEY, CROP_FIT_LABEL_KEY, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, playAnimationRibbonPreview, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsLabels, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, 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, hasMultipleSelectedTableCells, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, 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, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, THEME_COLOR_SCHEME_KEYS, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from './chunk-MJ6LTUJ3.mjs';
+import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-CJSIEITL.mjs';
+import React6, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Fragment as Fragment$1, Suspense, useReducer } 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, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuFolderOpen, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPaintbrush, LuPencil, LuCaseSensitive, LuTimer, LuHighlighter, LuEraser, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuList, LuListOrdered, LuIndentIncrease, LuIndentDecrease, LuLink, LuGrid2X2, LuClipboardPaste, LuCopyPlus, LuScan, LuRotateCcw, LuMonitorOff, LuCirclePlay, LuCirclePause, LuCaptions, LuArrowLeftRight, LuClipboardCopy, LuLayoutGrid, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuClock3, LuUser, LuHardDrive, LuLogIn, LuScissors, LuLayoutTemplate, LuFolderPlus, LuSpline, LuMoveRight, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuStar, LuMousePointerClick, LuMonitorPlay, LuListVideo, LuCamera, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuMove, LuRadio, LuAlignJustify, LuColumns3, LuCombine, LuCrop, LuFilter, LuLockOpen, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
+import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuFolderOpen, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPaintbrush, LuPencil, LuCaseSensitive, LuTimer, LuHighlighter, LuEraser, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuList, LuListOrdered, LuIndentIncrease, LuIndentDecrease, LuLink, LuGrid2X2, LuClipboardPaste, LuCopyPlus, LuScan, LuRotateCcw, LuMonitorOff, LuCirclePlay, LuCirclePause, LuCaptions, LuArrowLeftRight, LuClipboardCopy, LuLayoutGrid, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuClock3, LuUser, LuHardDrive, LuLogIn, LuScissors, LuLayoutTemplate, LuFolderPlus, LuSpline, LuMoveRight, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuStar, LuMousePointerClick, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuMove, LuRadio, LuAlignJustify, LuColumns3, LuCombine, LuCrop, LuFilter, LuLockOpen, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1101,6 +1101,7 @@ function CropRibbonControls({ canEdit }) {
         "button",
         {
           type: "button",
+          "data-pptx-chrome": "crop-main",
           "data-pptx-ribbon-control": "crop",
           "aria-label": label,
           "aria-pressed": active,
@@ -1116,6 +1117,7 @@ function CropRibbonControls({ canEdit }) {
         "button",
         {
           type: "button",
+          "data-pptx-chrome": "crop-caret",
           "data-pptx-ribbon-control": "crop-menu",
           "aria-label": t(CROP_ASPECT_LABEL_KEY),
           "aria-haspopup": "menu",
@@ -1291,7 +1293,7 @@ function ArrangeSection(p) {
   const hasSel = Boolean(p.selectedElement);
   const canMut = hasSel && p.canEdit;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.arrange"), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "arrange-controls", children: [
       /* @__PURE__ */ jsx("div", { className: grp, ...controlAttr("home.arrange.align"), children: ALIGN_BTNS.map((a, i, arr) => /* @__PURE__ */ jsx(
         "button",
         {
@@ -1375,7 +1377,7 @@ function ArrangeSection(p) {
           hiddenActions: p.hiddenActions
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: grp, children: [
+      /* @__PURE__ */ jsxs("div", { className: grp, "data-pptx-chrome": "order-controls", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -1612,6 +1614,7 @@ function RibbonGallery({
       "button",
       {
         type: "button",
+        "data-pptx-chrome": chevronOnly ? "gallery-caret" : void 0,
         ...galleryAttrs,
         "aria-haspopup": "true",
         "aria-expanded": open,
@@ -2222,7 +2225,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.13.0" ;
+  const version = "4.15.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: [
@@ -2695,42 +2698,50 @@ function ClipboardGroup(p) {
     /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.clipboard") })
   ] });
 }
-function FontFamilyMenu(p) {
+function FontPickers(p) {
   const { t } = useTranslation();
-  const groups = buildFontCatalog({
-    themeFonts: p.themeFonts,
-    embeddedFonts: p.embeddedFonts,
-    customFonts: p.customFonts
-  });
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `px-3 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground${groupIndex > 0 ? " border-t border-border/60 mt-1" : ""}`,
-        children: t(group.labelKey)
-      }
-    ),
-    group.entries.map((entry) => /* @__PURE__ */ jsx(FontRow, { entry, onSelect: p.onSelect }, `${group.id}-${entry.family}`))
-  ] }, group.id)) }) });
-}
-function FontRow({
-  entry,
-  onSelect
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: "flex w-full items-center justify-between gap-3 px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-      style: { fontFamily: entry.family },
-      onClick: () => onSelect(entry.family),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: entry.family }),
-        entry.themeRole && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: t(`pptx.font.role.${entry.themeRole}`) })
-      ]
-    }
-  );
+  const groups = buildFontCatalog(p);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", "data-ribbon-group": "home.font", children: [
+    /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "font-picker-controls", children: [
+      /* @__PURE__ */ jsx(
+        WebSelect,
+        {
+          variant: "ribbon-font",
+          "data-font-picker": "family",
+          "data-ribbon-control": "home.font.fontFamily",
+          "aria-label": t("pptx.ribbon.fontFamily"),
+          value: p.fontFamily,
+          disabled: !p.enabled,
+          onChange: (e) => p.onFamily(e.target.value),
+          children: groups.map((group) => /* @__PURE__ */ jsx("optgroup", { label: t(group.labelKey), children: group.entries.map((entry) => /* @__PURE__ */ jsx(
+            "option",
+            {
+              value: entry.family,
+              style: { fontFamily: entry.family },
+              "data-display-label": entry.family,
+              "data-description": entry.themeRole ? t(`pptx.font.role.${entry.themeRole}`) : void 0,
+              children: entry.family
+            },
+            entry.family
+          )) }, group.id))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        WebSelect,
+        {
+          variant: "ribbon-font",
+          "data-font-picker": "size",
+          "data-ribbon-control": "home.font.fontSize",
+          "aria-label": t("pptx.ribbon.fontSize"),
+          value: p.fontSize,
+          disabled: !p.enabled,
+          onChange: (e) => p.onSize(Number(e.target.value)),
+          children: COMMON_FONT_SIZES.map((size) => /* @__PURE__ */ jsx("option", { value: size, children: size }, size))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("span", { "data-pptx-chrome": "ribbon-group-label", children: t("pptx.ribbon.font") })
+  ] });
 }
 function useLayoutPreviews(loadPreviews, enabled) {
   const [previews, setPreviews] = useState(/* @__PURE__ */ new Map());
@@ -2889,17 +2900,19 @@ function SlidesGroup(p) {
   }, [layoutMenuOpen]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.slides"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "slides-controls", children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
             className: "relative inline-flex items-center",
             ref: newSlideMenuRef,
             ...controlAttr("home.slides.newSlide"),
+            "data-pptx-chrome": "split-button",
             children: [
               /* @__PURE__ */ jsxs(
                 "button",
                 {
+                  "data-pptx-chrome": "split-main",
                   type: "button",
                   onClick: handleNewSlide,
                   disabled: !p.canEdit || p.layoutOptions.length === 0,
@@ -2918,6 +2931,7 @@ function SlidesGroup(p) {
               p.layoutOptions.length > 0 && /* @__PURE__ */ jsx(
                 "button",
                 {
+                  "data-pptx-chrome": "split-caret",
                   type: "button",
                   disabled: !p.canEdit,
                   className: "inline-flex items-center justify-center self-stretch px-1 rounded-r bg-muted hover:bg-accent text-xs transition-colors border-l border-border/40 active:scale-95 active:opacity-80",
@@ -3057,46 +3071,11 @@ function extractFontInfo(element, themeFonts) {
   };
 }
 function HomeSection(p) {
-  const { t } = useTranslation();
-  const [fontMenuOpen, setFontMenuOpen] = useState(false);
-  const [sizeMenuOpen, setSizeMenuOpen] = useState(false);
-  const fontMenuRef = useRef(null);
-  const sizeMenuRef = useRef(null);
   const { fontFamily, fontSize } = extractFontInfo(p.selectedElement, p.themeFonts);
   const hasSelection = Boolean(p.selectedElement);
   const canFormat = p.canEdit && Boolean(p.onUpdateTextStyle) && Boolean(
     p.selectedElement && (hasTextProperties(p.selectedElement) || p.selectedElement.type === "table" && p.tableEditorState)
   );
-  useEffect(() => {
-    if (!canFormat) {
-      setFontMenuOpen(false);
-      setSizeMenuOpen(false);
-    }
-  }, [canFormat]);
-  useEffect(() => {
-    if (!fontMenuOpen) {
-      return;
-    }
-    const handler = (e) => {
-      if (fontMenuRef.current && !fontMenuRef.current.contains(e.target)) {
-        setFontMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [fontMenuOpen]);
-  useEffect(() => {
-    if (!sizeMenuOpen) {
-      return;
-    }
-    const handler = (e) => {
-      if (sizeMenuRef.current && !sizeMenuRef.current.contains(e.target)) {
-        setSizeMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [sizeMenuOpen]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       ClipboardGroup,
@@ -3128,71 +3107,21 @@ function HomeSection(p) {
         onAddSection: p.onAddSection
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.font"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", ref: fontMenuRef, ...controlAttr("home.font.fontFamily"), children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setFontMenuOpen((v) => !v),
-              disabled: !canFormat,
-              "aria-label": t("pptx.ribbon.fontFamily"),
-              className: "inline-flex items-center justify-between px-2 py-1 rounded-sm border border-border/60 bg-background/60 text-[11px] text-foreground min-w-[120px] truncate enabled:hover:bg-accent/40 transition-colors cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: fontFamily }),
-                /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3 ml-1 shrink-0 text-muted-foreground" })
-              ]
-            }
-          ),
-          fontMenuOpen && canFormat && /* @__PURE__ */ jsx(
-            FontFamilyMenu,
-            {
-              anchorRef: fontMenuRef,
-              themeFonts: p.themeFonts,
-              embeddedFonts: p.embeddedFontFamilies,
-              customFonts: p.customFontFamilies,
-              onSelect: (family) => {
-                p.onUpdateTextStyle?.({ fontFamily: family });
-                setFontMenuOpen(false);
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", ref: sizeMenuRef, ...controlAttr("home.font.fontSize"), children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setSizeMenuOpen((v) => !v),
-              disabled: !canFormat,
-              "aria-label": t("pptx.ribbon.fontSize"),
-              className: "inline-flex items-center justify-between px-2 py-1 rounded-sm border border-border/60 bg-background/60 text-[11px] text-foreground min-w-[50px] text-center enabled:hover:bg-accent/40 transition-colors cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: fontSize }),
-                /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3 ml-1 shrink-0 text-muted-foreground" })
-              ]
-            }
-          ),
-          sizeMenuOpen && canFormat && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: sizeMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_FONT_SIZES.map((s) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-              onClick: () => {
-                p.onUpdateTextStyle?.({
-                  fontSize: p.selectedElement && hasTextProperties(p.selectedElement) ? textFontSizePtToPx(s) : s
-                });
-                setSizeMenuOpen(false);
-              },
-              children: s
-            },
-            s
-          )) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.font") })
-    ] }),
+    /* @__PURE__ */ jsx(
+      FontPickers,
+      {
+        enabled: canFormat,
+        fontFamily,
+        fontSize,
+        themeFonts: p.themeFonts,
+        embeddedFonts: p.embeddedFontFamilies,
+        customFonts: p.customFontFamilies,
+        onFamily: (family) => p.onUpdateTextStyle?.({ fontFamily: family }),
+        onSize: (size) => p.onUpdateTextStyle?.({
+          fontSize: p.selectedElement && hasTextProperties(p.selectedElement) ? textFontSizePtToPx(size) : size
+        })
+      }
+    ),
     sep
   ] });
 }
@@ -4031,6 +3960,139 @@ function CustomShowsControls({
   }
   return null;
 }
+function SlideShowOptions({
+  presentationProperties,
+  onChange,
+  children
+}) {
+  const ref = useRef(null);
+  const { t } = useTranslation();
+  useLayoutEffect(() => {
+    if (!ref.current) {
+      return;
+    }
+    ref.current.presentationProperties = presentationProperties;
+    ref.current.labels = Object.fromEntries(
+      SLIDE_SHOW_OPTIONS.map((option) => [option.id, t(option.labelKey)])
+    );
+  }, [presentationProperties, t]);
+  useEffect(() => {
+    const host = ref.current;
+    const handler = (event) => onChange?.(event.detail);
+    host?.addEventListener("show-options-change", handler);
+    return () => host?.removeEventListener("show-options-change", handler);
+  }, [onChange]);
+  return /* @__PURE__ */ jsx("pptx-ui-slide-show-options", { ref, children });
+}
+function SubtitleSettingsControl() {
+  const { t } = useTranslation();
+  const supplied = useContext(ViewerOptionsStoreContext);
+  const fallback = useRef(null);
+  if (!supplied) {
+    fallback.current ??= createViewerOptionsStore({ persist: false });
+  }
+  const store = supplied ?? fallback.current;
+  const options = useSyncExternalStore(
+    (callback) => store.subscribe(callback),
+    () => store.getOptions(),
+    () => store.getOptions()
+  );
+  const ref = useRef(null);
+  useEffect(() => {
+    const element = ref.current;
+    element.settings = subtitleSettingsFromOptions(options);
+    element.labels = subtitleSettingsLabels((key) => t(key));
+    element.languageDisabled = store.isLocked("accessibility", "subtitleLanguage");
+  }, [options, store, t]);
+  useEffect(() => {
+    const element = ref.current;
+    const commit = (event) => updateSubtitleSettings(store, event.detail);
+    element.addEventListener("subtitle-settings-change", commit);
+    return () => element.removeEventListener("subtitle-settings-change", commit);
+  }, [store]);
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-subtitle-settings",
+    {
+      ref,
+      "data-ribbon-control": "slideShow.captions.subtitleSettings"
+    }
+  );
+}
+function useIntent(ref, type, callback) {
+  useEffect(() => {
+    const host = ref.current;
+    if (!host || !callback) {
+      return;
+    }
+    host.addEventListener(type, callback);
+    return () => host.removeEventListener(type, callback);
+  }, [ref, type, callback]);
+}
+function WebRibbonGroup({
+  label,
+  groupId,
+  children
+}) {
+  return /* @__PURE__ */ jsx("pptx-ui-ribbon-group", { label, "data-ribbon-group": groupId, children });
+}
+function WebRibbonCommand({
+  label,
+  icon,
+  controlId,
+  title,
+  disabled,
+  active,
+  pressed,
+  expanded,
+  compact,
+  onCommand
+}) {
+  const ref = useRef(null);
+  useIntent(
+    ref,
+    "command-request",
+    onCommand ? (event) => onCommand(event.detail.id) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-ribbon-command",
+    {
+      ref,
+      label,
+      icon,
+      "data-ribbon-control": controlId,
+      title,
+      disabled: disabled || void 0,
+      active: active || void 0,
+      pressed: pressed === void 0 ? void 0 : String(pressed),
+      expanded: expanded === void 0 ? void 0 : String(expanded),
+      compact: compact || void 0
+    }
+  );
+}
+function WebRibbonToggle({
+  label,
+  controlId,
+  checked,
+  title,
+  onToggle
+}) {
+  const ref = useRef(null);
+  useIntent(
+    ref,
+    "toggle-request",
+    onToggle ? (event) => onToggle(event.detail.checked) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-ribbon-toggle",
+    {
+      ref,
+      label,
+      "data-ribbon-control": controlId,
+      checked: checked || void 0,
+      title
+    }
+  );
+}
 function SlideShowSection(p) {
   const { t } = useTranslation();
   const { isHidden } = useToolbarVisibility(p.hiddenActions);
@@ -4048,193 +4110,64 @@ function SlideShowSection(p) {
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, [showsOpen]);
+  const actions = {
+    "slideShow.startSlideShow.fromBeginning": p.onPresentFromBeginning ?? (() => p.onSetMode("present")),
+    "slideShow.startSlideShow.fromCurrent": p.onPresent,
+    "slideShow.present.presenterView": p.onEnterPresenterView,
+    "slideShow.startSlideShow.customShow": () => setShowsOpen((open) => !open),
+    "slideShow.present.broadcast": p.onOpenBroadcastDialog,
+    "slideShow.setUp.setUpSlideShow": p.onOpenSetUpSlideShow,
+    "slideShow.setUp.hideSlide": p.onToggleHideSlide,
+    "slideShow.setUp.rehearseTimings": p.onEnterRehearsalMode,
+    "slideShow.setUp.record": p.onEnterRehearsalMode
+  };
+  const request = (id) => actions[id]?.();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.slideShow.start", { defaultValue: "Start Slide Show" }),
-        groupId: "slideShow.startSlideShow",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.startSlideShow.fromBeginning",
-              label: t("pptx.slideShow.fromBeginning"),
-              icon: /* @__PURE__ */ jsx(LuPlay, {}),
-              onClick: p.onPresentFromBeginning ?? (() => p.onSetMode("present")),
-              title: t("pptx.slideShow.fromBeginningTooltip")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.startSlideShow.fromCurrent",
-              label: t("pptx.slideShow.fromCurrent"),
-              icon: /* @__PURE__ */ jsx(LuMonitorPlay, {}),
-              onClick: p.onPresent,
-              title: t("pptx.slideShow.fromCurrentTooltip")
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.slideShow.present", { defaultValue: "Present" }),
-        groupId: "slideShow.present",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.present.presenterView",
-              label: t("pptx.slideShow.presenterView"),
-              icon: /* @__PURE__ */ jsx(LuPresentation, {}),
-              onClick: p.onEnterPresenterView,
-              title: t("pptx.slideShow.presenterViewTooltip")
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "relative",
-              ref: showsRef,
-              ...controlAttr("slideShow.startSlideShow.customShow"),
-              children: [
-                /* @__PURE__ */ jsx(
-                  RibbonCommand,
-                  {
-                    label: t("pptx.slideShow.customShow", { defaultValue: "Custom Show" }),
-                    icon: /* @__PURE__ */ jsx(LuListVideo, {}),
-                    onClick: () => setShowsOpen((open) => !open),
-                    active: showsOpen,
-                    title: t("pptx.customShows.customShowTooltip")
-                  }
-                ),
-                showsOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: showsRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 rounded-lg border border-border bg-popover p-2 shadow-2xl", children: /* @__PURE__ */ jsx(CustomShowsControls, { ...p.customShowControls }) }) })
-              ]
-            }
-          ),
-          !isHidden("broadcast") && /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.present.broadcast",
-              label: t("pptx.slideShow.broadcast"),
-              icon: /* @__PURE__ */ jsx(LuCast, {}),
-              onClick: p.onOpenBroadcastDialog,
-              title: t("pptx.slideShow.broadcastTooltip")
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.slideShow.setUpGroup", { defaultValue: "Set Up" }),
-        groupId: "slideShow.setUp",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.setUp.rehearseWithCoach",
-              label: t("pptx.slideShow.rehearseCoach", { defaultValue: "Rehearse with Coach" }),
-              icon: /* @__PURE__ */ jsx(LuVideo, {}),
-              disabled: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.setUp.setUpSlideShow",
-              label: t("pptx.slideShow.setUp"),
-              icon: /* @__PURE__ */ jsx(LuSettings2, {}),
-              onClick: p.onOpenSetUpSlideShow,
-              title: t("pptx.slideShow.setUpTooltip")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.setUp.hideSlide",
-              label: t("pptx.slideShow.hideSlide", { defaultValue: "Hide Slide" }),
-              icon: /* @__PURE__ */ jsx(LuEyeOff, {}),
-              onClick: p.onToggleHideSlide,
-              active: p.activeSlideHidden,
-              pressed: p.activeSlideHidden
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.setUp.rehearseTimings",
-              label: t("pptx.slideShow.rehearseTimings"),
-              icon: /* @__PURE__ */ jsx(LuClock3, {}),
-              onClick: p.onEnterRehearsalMode,
-              title: t("pptx.slideShow.rehearseTimingsTooltip")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "slideShow.setUp.record",
-              label: t("pptx.titleBar.record"),
-              icon: /* @__PURE__ */ jsx(LuVideo, {}),
-              onClick: p.onEnterRehearsalMode
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.slideShow.options", { defaultValue: "Options" }), children: [
-      /* @__PURE__ */ jsx(RibbonCommandStack, { children: SLIDE_SHOW_OPTIONS.slice(0, 3).map((option) => /* @__PURE__ */ jsx(
-        RibbonToggle,
-        {
-          label: t(option.labelKey),
-          checked: readSlideShowOption(p.presentationProperties, option.id),
-          disabled: option.unsupported,
-          onChange: option.unsupported ? void 0 : (next) => {
-            const change = slideShowOptionChange(option.id, next);
-            if (change) {
-              p.onPresentationPropertiesChange?.(change);
-            }
-          }
+    SLIDE_SHOW_COMMAND_GROUPS.map((group) => /* @__PURE__ */ jsx(WebRibbonGroup, { groupId: group.id, label: t(group.labelKey), children: group.commands.filter(
+      (command) => command.id !== "slideShow.present.broadcast" || !isHidden("broadcast")
+    ).map((command) => {
+      const customShow = command.id === "slideShow.startSlideShow.customShow";
+      const hideSlide = command.id === "slideShow.setUp.hideSlide";
+      const button = /* @__PURE__ */ jsx(
+        WebRibbonCommand,
+        {
+          controlId: command.id,
+          label: t(command.labelKey),
+          icon: command.icon,
+          title: t(command.tooltipKey ?? command.labelKey),
+          disabled: command.unsupported,
+          active: hideSlide ? p.activeSlideHidden : customShow ? showsOpen : false,
+          pressed: hideSlide ? p.activeSlideHidden : void 0,
+          expanded: customShow ? showsOpen : void 0,
+          onCommand: request
         },
-        option.id
-      )) }),
-      /* @__PURE__ */ jsxs(RibbonCommandStack, { children: [
-        /* @__PURE__ */ jsx(
-          RibbonToggle,
-          {
-            label: t(SLIDE_SHOW_OPTIONS[3].labelKey),
-            checked: readSlideShowOption(p.presentationProperties, SLIDE_SHOW_OPTIONS[3].id),
-            disabled: SLIDE_SHOW_OPTIONS[3].unsupported
-          }
-        ),
-        /* @__PURE__ */ jsxs(RibbonGroupScope, { id: "slideShow.captions", children: [
+        command.id
+      );
+      return customShow ? /* @__PURE__ */ jsxs("div", { className: "relative", ref: showsRef, children: [
+        button,
+        showsOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: showsRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 rounded-lg border border-border bg-popover p-2 shadow-2xl", children: /* @__PURE__ */ jsx(CustomShowsControls, { ...p.customShowControls }) }) })
+      ] }, command.id) : button;
+    }) }, group.id)),
+    /* @__PURE__ */ jsx(WebRibbonGroup, { label: t("pptx.slideShow.options"), children: /* @__PURE__ */ jsx(
+      SlideShowOptions,
+      {
+        presentationProperties: p.presentationProperties,
+        onChange: p.onPresentationPropertiesChange,
+        children: /* @__PURE__ */ jsxs(RibbonGroupScope, { id: "slideShow.captions", children: [
           /* @__PURE__ */ jsx(
-            RibbonToggle,
+            WebRibbonToggle,
             {
               controlId: "slideShow.captions.subtitles",
               label: t("pptx.slideShow.subtitles"),
               checked: p.showSubtitles,
-              onChange: () => p.onToggleSubtitles(),
-              title: t("pptx.slideShow.subtitlesTooltip")
+              title: t("pptx.slideShow.subtitlesTooltip"),
+              onToggle: () => p.onToggleSubtitles()
             }
           ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              compact: true,
-              controlId: "slideShow.captions.subtitleSettings",
-              label: t("pptx.slideShow.subtitleSettings", { defaultValue: "Subtitle Settings" }),
-              icon: /* @__PURE__ */ jsx(LuCaptions, {}),
-              onClick: p.onToggleSubtitles
-            }
-          )
+          /* @__PURE__ */ jsx(SubtitleSettingsControl, {})
         ] })
-      ] })
-    ] })
+      }
+    ) })
   ] });
 }
 var LINE_SPACING_OPTIONS = [
@@ -5015,8 +4948,8 @@ function TextSection(p) {
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.font"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: grp, children: FMT.map((b, i, a) => {
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "font-controls", children: [
+        /* @__PURE__ */ jsx("div", { className: grp, "data-pptx-chrome": "control-cluster", children: FMT.map((b, i, a) => {
           const flag = isTextDecorationFlag(b.id) ? b.id : void 0;
           const handleClick = () => {
             if (!canFormat || !p.selectedElement || !flag) {
@@ -5101,7 +5034,7 @@ function TextSection(p) {
             )
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: grp, children: [
+        /* @__PURE__ */ jsxs("div", { className: grp, "data-pptx-chrome": "control-cluster", children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -5533,25 +5466,34 @@ function MobileMenuSheet(props) {
   const { open, onClose } = props;
   const [active, setActive] = useState("home");
   const { isTabVisible } = useToolbarVisibility(props.hiddenActions);
-  return /* @__PURE__ */ jsx(MobileSheet, { open, onClose, autoHeight: true, title: t("pptx.mobileToolbar.menu"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 px-3 py-2", children: MENU_ITEMS.filter(({ key }) => isTabVisible(key)).map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setActive(active === key ? null : key),
-        className: cn(
-          "inline-flex items-center gap-1.5 shrink-0 px-3 py-2 rounded-full text-[12px] font-medium border transition-colors min-h-[36px]",
-          active === key ? "bg-primary text-white border-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent/40"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }),
-          t(label)
-        ]
-      },
-      key
-    )) }) }),
-    /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(MobileSectionBody, { active, ...props }) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    MobileSheet,
+    {
+      open: open && !props.isThemeEditorOpen,
+      onClose,
+      autoHeight: true,
+      title: t("pptx.mobileToolbar.menu"),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 px-3 py-2", children: MENU_ITEMS.filter(({ key }) => isTabVisible(key)).map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActive(active === key ? null : key),
+            className: cn(
+              "inline-flex items-center gap-1.5 shrink-0 px-3 py-2 rounded-full text-[12px] font-medium border transition-colors min-h-[36px]",
+              active === key ? "bg-primary text-white border-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent/40"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }),
+              t(label)
+            ]
+          },
+          key
+        )) }) }),
+        /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(MobileSectionBody, { active, ...props }) })
+      ] })
+    }
+  );
 }
 function MobileSectionBody({
   active,
@@ -5996,7 +5938,7 @@ function DrawingGroup(p) {
   const setArrangeOpen = arrange.setOpen;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.drawing"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "drawing-controls", children: [
         /* @__PURE__ */ jsxs("div", { className: "relative", ref: shapes.ref, ...controlAttr("home.drawing.shapes"), children: [
           /* @__PURE__ */ jsxs(
             "button",
@@ -6241,6 +6183,7 @@ function RibbonTabBar(p) {
     "div",
     {
       role: "tablist",
+      "data-pptx-chrome": "ribbon-tabs",
       className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
       children: [
         TOOLBAR_SECTIONS.filter((s) => p.isTabVisible(s.id)).map((s) => {
@@ -6657,131 +6600,138 @@ function ToolbarPrimaryRow(p) {
   const showShare = isDialogAvailable(customization, "share");
   const showSettings = isDialogAvailable(customization, "options");
   const qab = "p-1 max-md:p-2 max-md:min-h-[40px] max-md:min-w-[40px] rounded-sm transition-colors hover:bg-accent/60 disabled:opacity-40 disabled:cursor-not-allowed active:scale-90 active:opacity-70";
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 max-md:gap-0 px-1.5 py-0.5 max-md:px-1", children: [
-    mode !== "present" && showSlidesToggle && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onToggleSidebar,
-        className: cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
-        title: t("pptx.toolbar.toggleSlidesPanel"),
-        "aria-label": t("pptx.toolbar.toggleSlidesPanel"),
-        children: /* @__PURE__ */ jsx(LuPanelLeft, { className: ic })
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-2 max-md:min-w-1" }),
-    (mode === "edit" || mode === "master") && showComments && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: p.onToggleComments,
-        className: cn(
-          qab,
-          "relative max-md:hidden",
-          p.isCommentsPanelOpen ? "text-foreground" : "text-muted-foreground"
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-pptx-chrome": "ribbon-primary",
+      className: "flex items-center gap-0.5 max-md:gap-0 px-1.5 py-0.5 max-md:px-1",
+      children: [
+        mode !== "present" && showSlidesToggle && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onToggleSidebar,
+            className: cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
+            title: t("pptx.toolbar.toggleSlidesPanel"),
+            "aria-label": t("pptx.toolbar.toggleSlidesPanel"),
+            children: /* @__PURE__ */ jsx(LuPanelLeft, { className: ic })
+          }
         ),
-        title: t("pptx.toolbar.comments"),
-        "aria-label": t("pptx.toolbar.comments"),
-        children: [
-          /* @__PURE__ */ jsx(LuMessageSquare, { className: ics }),
-          (p.slideCommentCount ?? 0) > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 flex items-center justify-center w-3.5 h-3.5 rounded-full bg-primary text-[8px] text-white leading-none", children: p.slideCommentCount })
-        ]
-      }
-    ),
-    collab && showShare && (collab.status === "connected" || collab.status === "connecting") && collab.remoteUsers.length > 0 && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onOpenShareDialog,
-        className: "mx-1 rounded-sm px-1 py-0.5 hover:bg-accent/60 transition-colors cursor-pointer",
-        title: t("pptx.toolbar.sharingUsers", { count: collab.connectedCount }),
-        children: /* @__PURE__ */ jsx(
-          UserAvatarBar,
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-2 max-md:min-w-1" }),
+        (mode === "edit" || mode === "master") && showComments && /* @__PURE__ */ jsxs(
+          "button",
           {
-            remoteUsers: collab.remoteUsers,
-            localUserName: collab.config.userName,
-            localUserColor: collab.config.userColor ?? "#6366f1",
-            localUserAvatar: collab.config.userAvatar,
-            status: collab.status
+            type: "button",
+            onClick: p.onToggleComments,
+            className: cn(
+              qab,
+              "relative max-md:hidden",
+              p.isCommentsPanelOpen ? "text-foreground" : "text-muted-foreground"
+            ),
+            title: t("pptx.toolbar.comments"),
+            "aria-label": t("pptx.toolbar.comments"),
+            children: [
+              /* @__PURE__ */ jsx(LuMessageSquare, { className: ics }),
+              (p.slideCommentCount ?? 0) > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 flex items-center justify-center w-3.5 h-3.5 rounded-full bg-primary text-[8px] text-white leading-none", children: p.slideCommentCount })
+            ]
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ModeSwitcher,
-      {
-        mode: p.mode,
-        onSetMode: p.onSetMode,
-        onCloseMasterView: p.onCloseMasterView,
-        onToggleSlideSorter: p.onToggleSlideSorter,
-        onEnterPresenterView: p.onEnterPresenterView,
-        onEnterRehearsalMode: p.onEnterRehearsalMode,
-        onOpenSetUpSlideShow: p.onOpenSetUpSlideShow,
-        onOpenBroadcastDialog: p.onOpenBroadcastDialog,
-        onToggleSubtitles: p.onToggleSubtitles,
-        showSubtitles: p.showSubtitles
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      CustomShowsControls,
-      {
-        customShows: p.customShows,
-        activeCustomShowId: p.activeCustomShowId,
-        canEdit: p.canEdit,
-        isCurrentSlideInActiveShow: p.isCurrentSlideInActiveShow,
-        onSetActiveCustomShowId: p.onSetActiveCustomShowId,
-        onCreateCustomShow: p.onCreateCustomShow,
-        onRenameActiveCustomShow: p.onRenameActiveCustomShow,
-        onDeleteActiveCustomShow: p.onDeleteActiveCustomShow,
-        onToggleCurrentSlideInActiveShow: p.onToggleCurrentSlideInActiveShow
-      }
-    ),
-    sep,
-    (mode === "edit" || mode === "master") && showInspectorToggle && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onToggleInspector,
-        className: cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
-        title: t("pptx.toolbar.toggleInspector"),
-        "aria-label": t("pptx.toolbar.toggleInspector"),
-        children: /* @__PURE__ */ jsx(LuPanelRight, { className: ic })
-      }
-    ),
-    p.aiEnabled && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onToggleAiPanel,
-        className: cn(qab, p.isAiPanelOpen ? "text-primary" : "text-muted-foreground"),
-        title: t("pptx.toolbar.toggleAiAssistant"),
-        "aria-label": t("pptx.toolbar.toggleAiAssistant"),
-        children: /* @__PURE__ */ jsx(LuSparkles, { className: ic })
-      }
-    ),
-    showSettings && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onOpenSettings ?? p.onToggleShortcuts,
-        className: cn(qab, "text-muted-foreground"),
-        title: t("pptx.toolbar.settingsShortcuts"),
-        "aria-label": t("pptx.toolbar.settings"),
-        children: /* @__PURE__ */ jsx(LuSettings, { className: ics })
-      }
-    ),
-    !canEdit && p.isProtectedView && p.onEnableEditing ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onEnableEditing,
-        className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50 transition-colors hover:bg-amber-600",
-        title: t("pptx.options.trust.protectedViewInfo"),
-        children: t("pptx.security.enableEditing")
-      }
-    ) : !canEdit && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50", children: t("pptx.toolbar.readOnly") }),
-    /* @__PURE__ */ jsx(OverflowMenu, { ...p })
-  ] });
+        ),
+        collab && showShare && (collab.status === "connected" || collab.status === "connecting") && collab.remoteUsers.length > 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onOpenShareDialog,
+            className: "mx-1 rounded-sm px-1 py-0.5 hover:bg-accent/60 transition-colors cursor-pointer",
+            title: t("pptx.toolbar.sharingUsers", { count: collab.connectedCount }),
+            children: /* @__PURE__ */ jsx(
+              UserAvatarBar,
+              {
+                remoteUsers: collab.remoteUsers,
+                localUserName: collab.config.userName,
+                localUserColor: collab.config.userColor ?? "#6366f1",
+                localUserAvatar: collab.config.userAvatar,
+                status: collab.status
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ModeSwitcher,
+          {
+            mode: p.mode,
+            onSetMode: p.onSetMode,
+            onCloseMasterView: p.onCloseMasterView,
+            onToggleSlideSorter: p.onToggleSlideSorter,
+            onEnterPresenterView: p.onEnterPresenterView,
+            onEnterRehearsalMode: p.onEnterRehearsalMode,
+            onOpenSetUpSlideShow: p.onOpenSetUpSlideShow,
+            onOpenBroadcastDialog: p.onOpenBroadcastDialog,
+            onToggleSubtitles: p.onToggleSubtitles,
+            showSubtitles: p.showSubtitles
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CustomShowsControls,
+          {
+            customShows: p.customShows,
+            activeCustomShowId: p.activeCustomShowId,
+            canEdit: p.canEdit,
+            isCurrentSlideInActiveShow: p.isCurrentSlideInActiveShow,
+            onSetActiveCustomShowId: p.onSetActiveCustomShowId,
+            onCreateCustomShow: p.onCreateCustomShow,
+            onRenameActiveCustomShow: p.onRenameActiveCustomShow,
+            onDeleteActiveCustomShow: p.onDeleteActiveCustomShow,
+            onToggleCurrentSlideInActiveShow: p.onToggleCurrentSlideInActiveShow
+          }
+        ),
+        sep,
+        (mode === "edit" || mode === "master") && showInspectorToggle && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onToggleInspector,
+            className: cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
+            title: t("pptx.toolbar.toggleInspector"),
+            "aria-label": t("pptx.toolbar.toggleInspector"),
+            children: /* @__PURE__ */ jsx(LuPanelRight, { className: ic })
+          }
+        ),
+        p.aiEnabled && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onToggleAiPanel,
+            className: cn(qab, p.isAiPanelOpen ? "text-primary" : "text-muted-foreground"),
+            title: t("pptx.toolbar.toggleAiAssistant"),
+            "aria-label": t("pptx.toolbar.toggleAiAssistant"),
+            children: /* @__PURE__ */ jsx(LuSparkles, { className: ic })
+          }
+        ),
+        showSettings && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onOpenSettings ?? p.onToggleShortcuts,
+            className: cn(qab, "text-muted-foreground"),
+            title: t("pptx.toolbar.settingsShortcuts"),
+            "aria-label": t("pptx.toolbar.settings"),
+            children: /* @__PURE__ */ jsx(LuSettings, { className: ics })
+          }
+        ),
+        !canEdit && p.isProtectedView && p.onEnableEditing ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onEnableEditing,
+            className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50 transition-colors hover:bg-amber-600",
+            title: t("pptx.options.trust.protectedViewInfo"),
+            children: t("pptx.security.enableEditing")
+          }
+        ) : !canEdit && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50", children: t("pptx.toolbar.readOnly") }),
+        /* @__PURE__ */ jsx(OverflowMenu, { ...p })
+      ]
+    }
+  );
 }
 function useContextualRibbonTab(selectedElement, customization, onFallback) {
   const visible = visibleContextualTabs(selectedElement ?? null, customization);
@@ -6800,107 +6750,43 @@ function useContextualRibbonTab(selectedElement, customization, onFallback) {
 function HelpSection(p) {
   const { t } = useTranslation();
   const showSettings = isDialogAvailable(useViewerCustomizationContext(), "options");
-  return /* @__PURE__ */ jsxs(RibbonGroupScope, { id: "help.help", children: [
-    showSettings && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onOpenSettings ?? p.onToggleShortcuts,
-        className: pill,
-        title: t("pptx.settings.title"),
-        ...controlAttr("help.help.options"),
-        children: t("pptx.settings.title")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onToggleShortcuts,
-        className: pill,
-        title: t("pptx.settings.keyboardShortcuts"),
-        ...controlAttr("help.help.keyboardShortcuts"),
-        children: t("pptx.settings.keyboardShortcuts")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onRunAccessibilityCheck,
-        className: pill,
-        title: t("pptx.ribbon.accessibilityCheck"),
-        ...controlAttr("help.help.accessibility"),
-        children: t("pptx.ribbon.accessibilityCheck")
-      }
-    )
-  ] });
+  const actions = {
+    "help.help.options": p.onOpenSettings ?? p.onToggleShortcuts,
+    "help.help.keyboardShortcuts": p.onToggleShortcuts,
+    "help.help.accessibility": p.onRunAccessibilityCheck
+  };
+  return /* @__PURE__ */ jsx(WebRibbonGroup, { label: t("pptx.ribbon.tab.help"), groupId: "help.help", children: HELP_RIBBON_COMMANDS.filter(
+    (command) => command.id !== "help.help.options" || showSettings
+  ).map((command) => /* @__PURE__ */ jsx(
+    WebRibbonCommand,
+    {
+      controlId: command.id,
+      label: t(command.labelKey),
+      icon: command.icon,
+      compact: true,
+      onCommand: () => actions[command.id]()
+    },
+    command.id
+  )) });
 }
-function RecordSection({
-  onRecordFromBeginning,
-  onRecordFromCurrent
-}) {
+function RecordSection(props) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(RibbonGroup, { label: t("pptx.record.camera"), groupId: "record.camera", children: /* @__PURE__ */ jsx(
-      RibbonCommand,
-      {
-        controlId: "record.camera.cameo",
-        icon: /* @__PURE__ */ jsx(LuCamera, {}),
-        label: t("pptx.record.cameo"),
-        disabled: true
-      }
-    ) }),
-    /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.ribbon.tab.record"), groupId: "record.record", children: [
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          controlId: "record.record.fromBeginning",
-          icon: /* @__PURE__ */ jsx(LuVideo, {}),
-          label: t("pptx.slideShow.fromBeginning"),
-          onClick: onRecordFromBeginning
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          icon: /* @__PURE__ */ jsx(LuPlay, {}),
-          controlId: "record.record.fromCurrent",
-          label: t("pptx.slideShow.fromCurrent"),
-          onClick: onRecordFromCurrent
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.record.manage"), groupId: "record.manage", children: [
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          controlId: "record.manage.clear",
-          icon: /* @__PURE__ */ jsx(LuEraser, {}),
-          label: t("pptx.record.clear"),
-          disabled: true
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          controlId: "record.manage.reset",
-          icon: /* @__PURE__ */ jsx(LuRotateCcw, {}),
-          label: t("pptx.record.resetToCameo"),
-          disabled: true
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(RibbonGroup, { label: t("pptx.ribbon.tab.help"), groupId: "record.help", children: /* @__PURE__ */ jsx(
-      RibbonCommand,
-      {
-        controlId: "record.help.learnMore",
-        icon: /* @__PURE__ */ jsx(LuCircleHelp, {}),
-        label: t("pptx.record.learnMore"),
-        disabled: true
-      }
-    ) })
-  ] });
+  const actions = {
+    "record.record.fromBeginning": props.onRecordFromBeginning,
+    "record.record.fromCurrent": props.onRecordFromCurrent
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: RECORD_COMMAND_GROUPS.map((group) => /* @__PURE__ */ jsx(WebRibbonGroup, { label: t(group.labelKey), groupId: group.id, children: group.commands.map((command) => /* @__PURE__ */ jsx(
+    WebRibbonCommand,
+    {
+      controlId: command.id,
+      label: t(command.labelKey),
+      icon: command.icon,
+      disabled: command.unsupported,
+      compact: true,
+      onCommand: actions[command.id]
+    },
+    command.id
+  )) }, group.id)) });
 }
 function ToolbarLateTabs({
   p,
@@ -7045,6 +6931,7 @@ function Toolbar(p) {
     "div",
     {
       role: "toolbar",
+      "data-pptx-chrome": "ribbon",
       "aria-label": t("pptx.toolbar.presentationToolbarAria"),
       className: "relative z-20 border-b border-border bg-secondary/50 overflow-visible",
       children: [
@@ -7098,6 +6985,7 @@ function Toolbar(p) {
         showRibbon && /* @__PURE__ */ jsxs(
           "div",
           {
+            "data-pptx-chrome": "ribbon-content",
             className: cn(
               // Plain controls stay compact; labelled RibbonGroups opt into stretching.
               // `RibbonGroupScope` wraps controls in a `display: contents` div, so its
@@ -8189,13 +8077,13 @@ function EditPointsOverlay({
   const svgRef = useRef(null);
   const latest = useRef({ onCommit, onExit });
   latest.current = { onCommit, onExit };
-  const elementId = element.id;
+  const elementId2 = element.id;
   const sessionRef = useRef(null);
-  if (sessionRef.current?.id !== elementId) {
+  if (sessionRef.current?.id !== elementId2) {
     sessionRef.current = {
-      id: elementId,
+      id: elementId2,
       session: new EditPointsSession(element, {
-        onCommit: (patch) => latest.current.onCommit(elementId, patch),
+        onCommit: (patch) => latest.current.onCommit(elementId2, patch),
         onExit: () => latest.current.onExit(),
         onChange: rerender,
         hiddenCommands
@@ -8248,7 +8136,7 @@ function EditPointsOverlay({
         role: "application",
         "aria-label": t("pptx.editPoints.overlay"),
         "data-pptx-edit-points-overlay": "true",
-        "data-pptx-edit-points-element": elementId,
+        "data-pptx-edit-points-element": elementId2,
         style: { touchAction: "none" },
         onPointerDown,
         onPointerMove,
@@ -9183,11 +9071,11 @@ function useConnectorCreation({
 }) {
   const [connectorDragState, setConnectorDragState] = useState(null);
   const handleConnectionSiteDown = useCallback(
-    (elementId, siteIndex, e) => {
+    (elementId2, siteIndex, e) => {
       e.stopPropagation();
       e.preventDefault();
       setConnectorDragState({
-        startElementId: elementId,
+        startElementId: elementId2,
         startSiteIndex: siteIndex,
         currentX: e.clientX,
         currentY: e.clientY
@@ -9541,15 +9429,15 @@ function useStableCallbacks(callbacks) {
   const cbRef = useRef(callbacks);
   cbRef.current = callbacks;
   const stableResizePointerDown = useCallback(
-    (elementId, e, handle) => cbRef.current.onResizePointerDown(elementId, e, handle),
+    (elementId2, e, handle) => cbRef.current.onResizePointerDown(elementId2, e, handle),
     []
   );
   const stableAdjustmentPointerDown = useCallback(
-    (elementId, e, descriptor) => cbRef.current.onAdjustmentPointerDown(elementId, e, descriptor),
+    (elementId2, e, descriptor) => cbRef.current.onAdjustmentPointerDown(elementId2, e, descriptor),
     []
   );
   const stableRotate = useCallback(
-    (elementId, rotationDeg) => cbRef.current.onRotate?.(elementId, rotationDeg),
+    (elementId2, rotationDeg) => cbRef.current.onRotate?.(elementId2, rotationDeg),
     []
   );
   const stableInlineEditChange = useCallback(
@@ -9559,15 +9447,15 @@ function useStableCallbacks(callbacks) {
   const stableInlineEditCommit = useCallback(() => cbRef.current.onInlineEditCommit(), []);
   const stableInlineEditCancel = useCallback(() => cbRef.current.onInlineEditCancel(), []);
   const stableTableCellSelect = useCallback(
-    (cell, elementId) => cbRef.current.onTableCellSelect(cell, elementId),
+    (cell, elementId2) => cbRef.current.onTableCellSelect(cell, elementId2),
     []
   );
   const stableCommitCellEdit = useCallback(
-    (elementId, rowIndex, colIndex, text) => cbRef.current.onCommitCellEdit?.(elementId, rowIndex, colIndex, text),
+    (elementId2, rowIndex, colIndex, text) => cbRef.current.onCommitCellEdit?.(elementId2, rowIndex, colIndex, text),
     []
   );
   const stableUpdateSmartArtElement = useCallback(
-    (elementId, updates) => cbRef.current.onUpdateSmartArtElement?.(elementId, updates),
+    (elementId2, updates) => cbRef.current.onUpdateSmartArtElement?.(elementId2, updates),
     []
   );
   const stableFormatText = useCallback(
@@ -9575,11 +9463,11 @@ function useStableCallbacks(callbacks) {
     []
   );
   const stableResizeTableColumns = useCallback(
-    (elementId, newWidths) => cbRef.current.onResizeTableColumns?.(elementId, newWidths),
+    (elementId2, newWidths) => cbRef.current.onResizeTableColumns?.(elementId2, newWidths),
     []
   );
   const stableResizeTableRow = useCallback(
-    (elementId, rowIndex, newHeight) => cbRef.current.onResizeTableRow?.(elementId, rowIndex, newHeight),
+    (elementId2, rowIndex, newHeight) => cbRef.current.onResizeTableRow?.(elementId2, rowIndex, newHeight),
     []
   );
   return {
@@ -10595,13 +10483,15 @@ function SlideThumbnailImpl({
   slide,
   templateElements,
   canvasSize,
+  previewWidth,
   fieldContext,
   tableStyleContext
 }) {
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
-  const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
+  const width = previewWidth ?? SLIDE_NAV_THUMBNAIL_WIDTH;
+  const scale = width / safeCanvasWidth;
+  const previewHeight = editorThumbnailHeight(safeCanvasWidth, safeCanvasHeight, width);
   const previewElements = buildPreviewElements(slide, templateElements);
   const slideFieldContext = deriveSlideFieldContext(fieldContext, slide);
   const { t } = useTranslation();
@@ -10612,7 +10502,7 @@ function SlideThumbnailImpl({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "relative w-full overflow-hidden rounded border border-border bg-white",
+      className: previewWidth === void 0 ? "relative w-full overflow-hidden rounded border border-border bg-white" : "relative w-full overflow-hidden bg-white",
       style: {
         height: previewHeight,
         ...getReactSlideBackgroundStyle(slide, {
@@ -10659,6 +10549,9 @@ function SlideThumbnailImpl({
   );
 }
 function slideThumbnailPropsEqual(prev, next) {
+  if (prev.previewWidth !== next.previewWidth) {
+    return false;
+  }
   if (prev.slide.id !== next.slide.id) {
     return false;
   }
@@ -10831,7 +10724,11 @@ function ContextMenu(props) {
   const handlers = contextMenuHandlers(props, shapeFormat);
   const entries = customizeContextMenuEntries(
     buildContextMenuEntries(contextMenuContext(props, shapeFormat)),
-    customization
+    customization,
+    {
+      slideIndex: props.slideIndex ?? 0,
+      elementIds: props.elementIds ?? (props.selectedElement ? [props.selectedElement.id] : [])
+    }
   );
   if (entries.length === 0) {
     return null;
@@ -10861,7 +10758,10 @@ function ContextMenu(props) {
           top: menuPosition.top
         },
         children: entries.map((entry) => {
-          const run = handlers[entry.id];
+          const run = "host" in entry ? () => {
+            onClose();
+            entry.onSelect();
+          } : handlers[entry.id];
           return /* @__PURE__ */ jsxs(Fragment$1, { children: [
             entry.separatorBefore && /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
             /* @__PURE__ */ jsx(
@@ -10870,7 +10770,7 @@ function ContextMenu(props) {
                 danger: entry.danger,
                 disabled: entry.disabled || !run,
                 onSelect: () => run?.(),
-                children: t(entry.labelKey)
+                children: "host" in entry ? entry.label : t(entry.labelKey)
               }
             )
           ] }, entry.id);
@@ -10931,7 +10831,8 @@ function CanvasContextMenu(props) {
   const handlers = canvasContextMenuHandlers(props);
   const entries = customizeCanvasContextMenuEntries(
     buildCanvasContextMenuEntries(canvasContextMenuContext(props)),
-    customization
+    customization,
+    { slideIndex: props.slideIndex ?? 0 }
   );
   if (entries.length === 0) {
     return null;
@@ -10961,7 +10862,10 @@ function CanvasContextMenu(props) {
           top: menuPosition.top
         },
         children: entries.map((entry) => {
-          const run = handlers[entry.id];
+          const run = "host" in entry ? () => {
+            onClose();
+            entry.onSelect();
+          } : handlers[entry.id];
           return /* @__PURE__ */ jsxs(Fragment$1, { children: [
             entry.separatorBefore && /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
             /* @__PURE__ */ jsx(
@@ -10970,7 +10874,7 @@ function CanvasContextMenu(props) {
                 disabled: entry.disabled || !run,
                 checked: entry.checked,
                 onSelect: () => run?.(),
-                children: t(entry.labelKey)
+                children: "host" in entry ? entry.label : t(entry.labelKey)
               }
             )
           ] }, entry.id);
@@ -11397,6 +11301,7 @@ function LazyThumbnailInner({
   templateElements,
   canvasSize,
   previewHeight,
+  previewWidth,
   fieldContext,
   tableStyleContext
 }) {
@@ -11434,6 +11339,7 @@ function LazyThumbnailInner({
       slide,
       templateElements,
       canvasSize,
+      previewWidth,
       fieldContext,
       tableStyleContext
     }
@@ -11443,7 +11349,7 @@ function LazyThumbnailInner({
       className: "relative w-full overflow-hidden rounded border border-border bg-muted/30 animate-pulse",
       style: {
         height: previewHeight,
-        minWidth: SLIDE_NAV_THUMBNAIL_WIDTH
+        minWidth: previewWidth
       }
     }
   ) });
@@ -11477,12 +11383,8 @@ function buildFlatPaneItems(sectionGroups, showSectionHeaders, collapsedSections
   }
   return items;
 }
-function estimateSlideItemHeight(canvasWidth, canvasHeight) {
-  const safeW = Math.max(canvasWidth, 1);
-  const safeH = Math.max(canvasHeight, 1);
-  const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeW;
-  const previewHeight = Math.max(56, Math.round(safeH * scale));
-  return previewHeight + 30;
+function estimateSlideItemHeight(canvasWidth, canvasHeight, width = EDITOR_THUMBNAIL_WIDTH) {
+  return editorThumbnailStep(canvasWidth, canvasHeight, width);
 }
 function SlideItemInner({
   slide,
@@ -11491,6 +11393,7 @@ function SlideItemInner({
   isActive,
   isSelected = false,
   canvasSize,
+  previewWidth = EDITOR_THUMBNAIL_WIDTH,
   canEdit,
   rehearsalTimings,
   presenceUsers,
@@ -11521,8 +11424,7 @@ function SlideItemInner({
   );
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
-  const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
+  const previewHeight = editorThumbnailHeight(safeCanvasWidth, safeCanvasHeight, previewWidth);
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -11530,6 +11432,7 @@ function SlideItemInner({
       ref: slideRef,
       "aria-label": t("pptx.slidesPanel.goToSlide", { n: slideIndex + 1 }),
       "aria-current": isActive ? "true" : void 0,
+      "data-pptx-chrome": "slide-row",
       "aria-describedby": cue.labelId,
       "data-pptx-slide-hidden": cue.marker,
       className: cn(
@@ -11545,28 +11448,35 @@ function SlideItemInner({
       onDragOver,
       onDrop: (e) => onDrop(e, slideIndex),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5 w-5 shrink-0", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "text-[10px] tabular-nums text-right select-none w-full",
-                isActive ? "text-primary font-medium" : "text-muted-foreground"
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-pptx-chrome": "slide-number",
+            className: "flex flex-col items-center gap-0.5 w-5 shrink-0",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "text-[10px] tabular-nums text-right select-none w-full",
+                    isActive ? "text-primary font-medium" : "text-muted-foreground"
+                  ),
+                  style: isHidden ? { backgroundImage: HIDDEN_SLIDE_SLASH_GRADIENT } : void 0,
+                  children: slideIndex + 1
+                }
               ),
-              style: isHidden ? { backgroundImage: HIDDEN_SLIDE_SLASH_GRADIENT } : void 0,
-              children: slideIndex + 1
-            }
-          ),
-          presenceUsers && presenceUsers.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-px", children: presenceUsers.slice(0, 4).map((u, i) => /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "w-[6px] h-[6px] rounded-full",
-              style: { backgroundColor: u.userColor },
-              title: u.userName
-            },
-            i
-          )) })
-        ] }),
+              presenceUsers && presenceUsers.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-px", children: presenceUsers.slice(0, 4).map((u, i) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "w-[6px] h-[6px] rounded-full",
+                  style: { backgroundColor: u.userColor },
+                  title: u.userName
+                },
+                i
+              )) })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -11574,7 +11484,8 @@ function SlideItemInner({
               "relative shrink-0 overflow-hidden border transition-colors bg-white",
               isActive ? "border-primary/60" : "border-transparent group-hover:border-border/40"
             ),
-            style: { width: SLIDE_NAV_THUMBNAIL_WIDTH },
+            "data-pptx-chrome": "slide-frame",
+            style: { width: previewWidth, height: previewHeight },
             children: [
               isHidden && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 pointer-events-none z-10 bg-[repeating-linear-gradient(135deg,transparent,transparent_4px,rgba(255,255,255,0.04)_4px,rgba(255,255,255,0.04)_8px)]" }),
               /* @__PURE__ */ jsx(
@@ -11584,6 +11495,7 @@ function SlideItemInner({
                   templateElements,
                   canvasSize,
                   previewHeight,
+                  previewWidth,
                   fieldContext,
                   tableStyleContext
                 }
@@ -11787,9 +11699,10 @@ function SlidesPaneSidebar({
     }
     return map;
   }, [collab]);
+  const previewWidth = editorThumbnailWidth(panelWidth);
   const estimatedItemHeight = useMemo(
-    () => estimateSlideItemHeight(canvasSize.width, canvasSize.height),
-    [canvasSize.width, canvasSize.height]
+    () => estimateSlideItemHeight(canvasSize.width, canvasSize.height, previewWidth),
+    [canvasSize.width, canvasSize.height, previewWidth]
   );
   const showSectionHeaders = sectionGroups.some((group) => group.id !== DEFAULT_SECTION_GROUP_ID);
   const {
@@ -11901,80 +11814,89 @@ function SlidesPaneSidebar({
   }
   const renderVirtualized = () => {
     const visibleItems = flatItems.slice(startIndex, endIndex + 1);
-    return /* @__PURE__ */ jsx("div", { ref: scrollContainerRef, className: "flex-1 overflow-y-auto px-1.5 pb-2", children: /* @__PURE__ */ jsx("div", { style: { height: totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        style: {
-          position: "absolute",
-          top: offsetY,
-          left: 0,
-          right: 0
-        },
-        children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: visibleItems.map((item) => {
-          if (item.type === "section") {
-            const section = sectionGroups[item.sectionIndex];
-            if (!section) {
-              return null;
-            }
-            const isCollapsed = effectiveCollapsed[section.id] ?? false;
-            return /* @__PURE__ */ jsx(
-              SectionHeader,
-              {
-                sectionId: section.id,
-                label: section.label,
-                slideCount: section.slideIndexes.length,
-                isCollapsed,
-                isRenaming: renamingSectionId === section.id,
-                renameValue,
-                canEdit,
-                sectionIndex: item.sectionIndex,
-                totalSections: sectionGroups.length,
-                renameInputRef,
-                onToggle: toggleSection,
-                onContextMenu: handleSectionContextMenu,
-                onStartRename: startRename,
-                onRenameValueChange: setRenameValue,
-                onCommitRename: commitRename,
-                onCancelRename: cancelRename
-              },
-              `section-${section.id}`
-            );
-          }
-          const slide = slides[item.slideIndex];
-          if (!slide) {
-            return null;
-          }
-          return /* @__PURE__ */ jsx(
-            SlideItem,
-            {
-              slide,
-              templateElements: templateElementsBySlideId[slide.id] ?? EMPTY_TEMPLATE_ELEMENTS,
-              slideIndex: item.slideIndex,
-              isActive: item.slideIndex === activeSlideIndex,
-              isSelected: selectedSlideIds.includes(slide.id),
-              canvasSize,
-              canEdit,
-              rehearsalTimings,
-              presenceUsers: slidePresenceMap?.get(item.slideIndex),
-              fieldContext,
-              tableStyleContext,
-              onSelectSlide: selectSlide,
-              onSlideContextMenu,
-              onOpenSlideCtxMenu: openSlideCtxMenu,
-              onDragStart: handleDragStart,
-              onDragOver: handleDragOver,
-              onDrop: handleDrop,
-              slideRef: setSlideRef(item.slideIndex)
+        ref: scrollContainerRef,
+        "data-pptx-chrome": "slide-list",
+        className: "flex-1 overflow-y-auto px-1.5 pb-2",
+        children: /* @__PURE__ */ jsx("div", { style: { height: totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: offsetY,
+              left: 0,
+              right: 0
             },
-            slide.id ?? item.slideIndex
-          );
-        }) })
+            children: /* @__PURE__ */ jsx("div", { className: "space-y-1", "data-pptx-chrome": "slide-window", children: visibleItems.map((item) => {
+              if (item.type === "section") {
+                const section = sectionGroups[item.sectionIndex];
+                if (!section) {
+                  return null;
+                }
+                const isCollapsed = effectiveCollapsed[section.id] ?? false;
+                return /* @__PURE__ */ jsx(
+                  SectionHeader,
+                  {
+                    sectionId: section.id,
+                    label: section.label,
+                    slideCount: section.slideIndexes.length,
+                    isCollapsed,
+                    isRenaming: renamingSectionId === section.id,
+                    renameValue,
+                    canEdit,
+                    sectionIndex: item.sectionIndex,
+                    totalSections: sectionGroups.length,
+                    renameInputRef,
+                    onToggle: toggleSection,
+                    onContextMenu: handleSectionContextMenu,
+                    onStartRename: startRename,
+                    onRenameValueChange: setRenameValue,
+                    onCommitRename: commitRename,
+                    onCancelRename: cancelRename
+                  },
+                  `section-${section.id}`
+                );
+              }
+              const slide = slides[item.slideIndex];
+              if (!slide) {
+                return null;
+              }
+              return /* @__PURE__ */ jsx(
+                SlideItem,
+                {
+                  slide,
+                  templateElements: templateElementsBySlideId[slide.id] ?? EMPTY_TEMPLATE_ELEMENTS,
+                  slideIndex: item.slideIndex,
+                  isActive: item.slideIndex === activeSlideIndex,
+                  isSelected: selectedSlideIds.includes(slide.id),
+                  canvasSize,
+                  previewWidth,
+                  canEdit,
+                  rehearsalTimings,
+                  presenceUsers: slidePresenceMap?.get(item.slideIndex),
+                  fieldContext,
+                  tableStyleContext,
+                  onSelectSlide: selectSlide,
+                  onSlideContextMenu,
+                  onOpenSlideCtxMenu: openSlideCtxMenu,
+                  onDragStart: handleDragStart,
+                  onDragOver: handleDragOver,
+                  onDrop: handleDrop,
+                  slideRef: setSlideRef(item.slideIndex)
+                },
+                slide.id ?? item.slideIndex
+              );
+            }) })
+          }
+        ) })
       }
-    ) }) });
+    );
   };
-  const renderNonVirtualized = () => /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-1 overflow-y-auto px-1.5 pb-2", children: sectionGroups.map((section, sectionIndex) => {
+  const renderNonVirtualized = () => /* @__PURE__ */ jsx("div", { "data-pptx-chrome": "slide-list", className: "flex-1 space-y-1 overflow-y-auto px-1.5 pb-2", children: sectionGroups.map((section, sectionIndex) => {
     const isCollapsed = effectiveCollapsed[section.id] ?? false;
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-pptx-chrome": "slide-window", children: [
       showSectionHeaders && /* @__PURE__ */ jsx(
         SectionHeader,
         {
@@ -12010,6 +11932,7 @@ function SlidesPaneSidebar({
             isActive: idx === activeSlideIndex,
             isSelected: selectedSlideIds.includes(slide.id),
             canvasSize,
+            previewWidth,
             canEdit,
             rehearsalTimings,
             presenceUsers: slidePresenceMap?.get(idx),
@@ -12035,12 +11958,13 @@ function SlidesPaneSidebar({
       {
         role: "navigation",
         "aria-label": t("pptx.sections.slides"),
+        "data-pptx-chrome": "slides",
         className: "flex h-full flex-col border-r border-border bg-secondary/30",
         style: panelWidth ? { width: panelWidth, flexShrink: 0 } : void 0,
         onKeyDown: onPaneKeyDown,
         children: [
           shouldVirtualize ? renderVirtualized() : renderNonVirtualized(),
-          canEdit && /* @__PURE__ */ jsx("div", { className: "border-t border-border/60 px-2 py-1.5", children: /* @__PURE__ */ jsxs(
+          canEdit && /* @__PURE__ */ jsx("div", { "data-pptx-chrome": "slide-footer", className: "border-t border-border/60 px-2 py-1.5", children: /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
@@ -14622,6 +14546,7 @@ function SlideNotesPanel({
       "div",
       {
         ref: rootRef,
+        "data-pptx-chrome": "notes",
         className: cn(
           "flex flex-col border-t border-border/60 bg-background select-none",
           // On mobile, hide the entire notes strip when collapsed: the
@@ -14649,6 +14574,7 @@ function SlideNotesPanel({
             {
               type: "button",
               onClick: onToggle,
+              "data-pptx-chrome": "notes-header",
               className: "flex items-center gap-1.5 px-3 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/30 transition-colors w-full text-left shrink-0 max-md:hidden",
               "aria-expanded": isExpanded,
               "aria-controls": "slide-notes-content",
@@ -16383,6 +16309,10 @@ function PresentationSubtitleBar({
   onCaptionChange
 }) {
   const { t } = useTranslation();
+  const language = subtitleRecognitionLanguage(
+    subtitleSettingsFromOptions(useViewerOptionsContext()),
+    typeof navigator === "undefined" ? "en-US" : navigator.language
+  );
   const [captionText, setCaptionText] = useState("");
   const [supportState, setSupportState] = useState(
     "unknown"
@@ -16398,8 +16328,7 @@ function PresentationSubtitleBar({
       return;
     }
     shouldRunRef.current = true;
-    const speechWindow = window;
-    const RecognitionCtor = speechWindow.SpeechRecognition ?? speechWindow.webkitSpeechRecognition;
+    const RecognitionCtor = getSpeechRecognitionCtor();
     if (!RecognitionCtor) {
       setSupportState("unsupported");
       return;
@@ -16408,20 +16337,9 @@ function PresentationSubtitleBar({
     const recognition = new RecognitionCtor();
     recognition.continuous = true;
     recognition.interimResults = true;
-    recognition.lang = navigator.language || "en-US";
+    recognition.lang = language;
     recognition.onresult = (event) => {
-      let finalText = "";
-      let interimText = "";
-      for (let index = event.resultIndex; index < event.results.length; index += 1) {
-        const result = event.results[index];
-        const fragment = result?.[0]?.transcript ?? "";
-        if (result?.isFinal) {
-          finalText += fragment;
-        } else {
-          interimText += fragment;
-        }
-      }
-      const merged = `${finalText} ${interimText}`.trim();
+      const merged = mergeCaptionResults(event.resultIndex, event.results);
       if (merged.length > 0) {
         setCaptionText(merged);
         onCaptionChange?.(merged);
@@ -16449,7 +16367,7 @@ function PresentationSubtitleBar({
       recognition.stop();
       recognitionRef.current = null;
     };
-  }, [visible, onCaptionChange]);
+  }, [visible, onCaptionChange, language]);
   if (!visible) {
     return null;
   }
@@ -17397,14 +17315,14 @@ function SelectionPane({
   const [dragIndex, setDragIndex] = useState(null);
   const [dragOverIndex, setDragOverIndex] = useState(null);
   const handleSelect = useCallback(
-    (elementId) => {
-      setSelectedElementId(elementId);
-      setSelectedElementIds([elementId]);
+    (elementId2) => {
+      setSelectedElementId(elementId2);
+      setSelectedElementIds([elementId2]);
     },
     [setSelectedElementId, setSelectedElementIds]
   );
   const handleToggleVisibility = useCallback(
-    (elementId) => {
+    (elementId2) => {
       setSlides((prevSlides) => {
         const nextSlides = [...prevSlides];
         const slide = nextSlides[activeSlideIndex];
@@ -17412,7 +17330,7 @@ function SelectionPane({
           return prevSlides;
         }
         const nextElements = [...slide.elements ?? []];
-        const idx = nextElements.findIndex((e) => e.id === elementId);
+        const idx = nextElements.findIndex((e) => e.id === elementId2);
         if (idx === -1) {
           return prevSlides;
         }
@@ -17440,9 +17358,9 @@ function SelectionPane({
     [canEdit]
   );
   const commitRename = useCallback(() => {
-    const elementId = editingId;
+    const elementId2 = editingId;
     setEditingId(null);
-    if (elementId === null) {
+    if (elementId2 === null) {
       return;
     }
     const commit = resolveSelectionPaneRename(editSeedRef.current, editingName);
@@ -17456,7 +17374,7 @@ function SelectionPane({
         return prevSlides;
       }
       const nextElements = [...slide.elements ?? []];
-      const idx = nextElements.findIndex((e) => e.id === elementId);
+      const idx = nextElements.findIndex((e) => e.id === elementId2);
       if (idx === -1) {
         return prevSlides;
       }
@@ -18798,8 +18716,8 @@ var INSPECTOR_TABS = [
   { key: "properties", labelKey: "pptx.inspector.properties", icon: LuSettings2 },
   { key: "comments", labelKey: "pptx.toolbar.comments", icon: LuMessageSquare }
 ];
-var HEADING2 = "text-[11px] uppercase tracking-wide text-muted-foreground";
-var CARD2 = "rounded border border-border bg-card p-2 space-y-2";
+var HEADING2 = "pptx-editor-heading text-[11px] uppercase tracking-wide text-muted-foreground";
+var CARD2 = "pptx-editor-card rounded border border-border bg-card p-2 space-y-2";
 var INPUT2 = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
 var BTN2 = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]! max-md:min-w-[44px]!";
 var POS_FIELDS = [
@@ -27962,12 +27880,12 @@ function InspectorElementsTab({
   onUpdateSlide
 }) {
   const { t } = useTranslation();
-  const toggleHidden = (elementId) => {
+  const toggleHidden = (elementId2) => {
     const elements2 = activeSlide?.elements;
     if (!canEdit || !elements2) {
       return;
     }
-    const index = elements2.findIndex((el) => el.id === elementId);
+    const index = elements2.findIndex((el) => el.id === elementId2);
     if (index === -1) {
       return;
     }
@@ -28031,37 +27949,54 @@ function InspectorPaneHeader({
   const { viewportWidth } = useIsMobile();
   const touchTargetPx = getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 rounded bg-muted p-0.5", children: INSPECTOR_TABS.map(({ key, labelKey, icon: Icon }) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        title: t(labelKey),
-        style: touchBtnStyle,
-        className: cn(
-          "flex items-center justify-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
-          activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-pptx-chrome": "inspector-header",
+      className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-chrome": "inspector-tabs",
+            role: "tablist",
+            className: "flex items-center gap-1 rounded bg-muted p-0.5",
+            children: INSPECTOR_TABS.map(({ key, labelKey, icon: Icon }) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                role: "tab",
+                "aria-selected": activeTab === key,
+                type: "button",
+                title: t(labelKey),
+                style: touchBtnStyle,
+                className: cn(
+                  "flex items-center justify-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
+                  activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+                ),
+                onClick: () => onSetActiveTab(key),
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
+                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t(labelKey) })
+                ]
+              },
+              key
+            ))
+          }
         ),
-        onClick: () => onSetActiveTab(key),
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t(labelKey) })
-        ]
-      },
-      key
-    )) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onClose,
-        title: t("pptx.common.close"),
-        style: touchBtnStyle,
-        className: "flex items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
-        children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
-      }
-    )
-  ] });
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            title: t("pptx.common.close"),
+            style: touchBtnStyle,
+            className: "flex items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+            children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
+          }
+        )
+      ]
+    }
+  );
 }
 function InfoRow({ label, value }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
@@ -28406,9 +28341,9 @@ function PresentationSettingsCard({
   onUpdate
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CARD2} pptx-editor-presentation-card`, children: [
     /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.slideInspector.presentation") }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-[11px]", children: [
+    /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "presentation-fields", className: "space-y-1.5 text-[11px]", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.presentationSettings.showType") }),
         /* @__PURE__ */ jsxs(
@@ -29094,7 +29029,7 @@ function PresentationPropertiesPanel({
     },
     [activeSlide?.transition, onUpdateSlide]
   );
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+  return /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "deck-properties", className: "space-y-3", children: [
     /* @__PURE__ */ jsx(
       PresentationSettingsCard,
       {
@@ -29473,6 +29408,7 @@ function InspectorPane(props) {
     /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-pptx-chrome": "inspector",
         className: cn(
           // Shared styles
           "bg-background flex flex-col text-xs text-foreground shadow-xl",
@@ -29509,7 +29445,7 @@ function InspectorPane(props) {
               onClose
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "inspector-body", className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
             activeTab === "elements" && /* @__PURE__ */ jsx(
               InspectorElementsTab,
               {
@@ -30323,33 +30259,33 @@ function PasteSpecialDialog({
     }
   );
 }
-function findElementNode(elementId) {
+function findElementNode(elementId2) {
   return document.querySelector(
-    `[data-element-id="${elementId}"][data-pptx-element="true"]`
+    `[data-element-id="${elementId2}"][data-pptx-element="true"]`
   );
 }
 function PasteOptionsToolbar({
-  elementId,
+  elementId: elementId2,
   onChoose,
   onDismiss
 }) {
   const { t } = useTranslation();
   const [rect, setRect] = useState(null);
   useEffect(() => {
-    if (!elementId) {
+    if (!elementId2) {
       setRect(null);
       return;
     }
-    const node = findElementNode(elementId);
+    const node = findElementNode(elementId2);
     if (!node) {
       setRect(null);
       return;
     }
     const box = node.getBoundingClientRect();
     setRect({ left: box.right, top: box.bottom });
-  }, [elementId]);
+  }, [elementId2]);
   useEffect(() => {
-    if (!elementId) {
+    if (!elementId2) {
       return;
     }
     const dismiss = () => onDismiss();
@@ -30362,8 +30298,8 @@ function PasteOptionsToolbar({
       window.removeEventListener("pointerdown", dismiss, true);
       window.removeEventListener("keydown", dismiss, true);
     };
-  }, [elementId, onDismiss]);
-  if (!elementId || !rect) {
+  }, [elementId2, onDismiss]);
+  if (!elementId2 || !rect) {
     return null;
   }
   return /* @__PURE__ */ jsx(
@@ -34144,7 +34080,7 @@ function useOutlineAuthoring({
     () => ({
       editPointsElementId: enabled ? editPointsElementId : null,
       hiddenEditPointsCommands: customization.hiddenEditPointsCommands,
-      onCommitEditPoints: (elementId, patch) => updateElement(elementId, patch),
+      onCommitEditPoints: (elementId2, patch) => updateElement(elementId2, patch),
       onExitEditPoints,
       freeformTool: activeFreeformTool,
       onFreeformCommit: (shape) => {
@@ -34166,6 +34102,50 @@ function useOutlineAuthoring({
     ]
   );
 }
+function elementId(event) {
+  return event.target instanceof Element ? event.target.closest("[data-element-id]")?.dataset.elementId : void 0;
+}
+function useStageAnimationTriggers(root, slide, triggers, onStageClick) {
+  const hoverRef = useRef(void 0);
+  useEffect(() => {
+    root.current?.querySelectorAll("[data-element-id]").forEach((el) => {
+      const id = el.dataset.elementId ?? "";
+      const trigger = triggers?.interactiveTriggerShapeIds.has(id) || triggers?.hoverTriggerShapeIds.has(id) || false;
+      el.toggleAttribute(PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, trigger);
+      el.style.cursor = trigger ? "pointer" : "";
+    });
+    hoverRef.current = void 0;
+  }, [root, slide, triggers]);
+  return {
+    onClick(event) {
+      const id = elementId(event);
+      if (id && triggers?.interactiveTriggerShapeIds.has(id) && triggers.handleInteractiveShapeClick(id)) {
+        return;
+      }
+      onStageClick?.(event);
+    },
+    onMouseOver(event) {
+      const id = elementId(event);
+      const next = id && triggers?.hoverTriggerShapeIds.has(id) ? id : void 0;
+      if (next === hoverRef.current) {
+        return;
+      }
+      if (hoverRef.current) {
+        triggers?.handleHoverEnd(hoverRef.current);
+      }
+      hoverRef.current = next;
+      if (next) {
+        triggers?.handleHoverStart(next);
+      }
+    },
+    onMouseLeave() {
+      if (hoverRef.current) {
+        triggers?.handleHoverEnd(hoverRef.current);
+      }
+      hoverRef.current = void 0;
+    }
+  };
+}
 function PresentationStage({
   activeSlide,
   templateElements,
@@ -34181,10 +34161,17 @@ function PresentationStage({
   fieldContext,
   tableStyleContext,
   onStageClick,
+  animationTriggers,
   children,
   screenOverlay
 }) {
   const containerRef = useRef(null);
+  const triggerHandlers = useStageAnimationTriggers(
+    containerRef,
+    activeSlide,
+    animationTriggers,
+    onStageClick
+  );
   const [box, setBox] = useState(null);
   useEffect(() => {
     const el = containerRef.current;
@@ -34225,7 +34212,7 @@ function PresentationStage({
         ref: containerRef,
         "data-pptx-presentation-stage": true,
         className: "relative flex-1 min-h-0 overflow-hidden bg-black select-none",
-        onClick: onStageClick,
+        ...triggerHandlers,
         children: [
           /* @__PURE__ */ jsxs(
             "div",
@@ -34488,14 +34475,14 @@ ${url}`)) {
     [viewerOptions, t]
   );
   const handleActionClick = useCallback(
-    (elementId, action) => {
+    (elementId2, action) => {
       if (mode === "present") {
         const resolved = resolvePresentationAction(action, { slideCount: slides.length });
         if (resolved.intent.kind === "openUrl") {
           openExternalUrl(resolved.intent.url);
           return;
         }
-        presentation.handlePresentationAction(action, elementId);
+        presentation.handlePresentationAction(action, elementId2);
       } else if (action.url) {
         openExternalUrl(action.url);
       }
@@ -34597,9 +34584,9 @@ ${url}`)) {
     onPrev: handleSwipePrev
   });
   const pickActive = aiPickMode && Boolean(onAiPickElement) && mode === "edit";
-  const handleElementClick = pickActive ? (elementId, e) => {
+  const handleElementClick = pickActive ? (elementId2, e) => {
     e.stopPropagation();
-    onAiPickElement?.(activeSlideIndex, elementId);
+    onAiPickElement?.(activeSlideIndex, elementId2);
   } : canvasHandlers.handleElementClick;
   const handleElementMouseDown = pickActive ? (_elementId, e) => {
     e.stopPropagation();
@@ -34637,6 +34624,7 @@ ${url}`)) {
           mode === "present" ? /* @__PURE__ */ jsx(
             PresentationStage,
             {
+              animationTriggers: presentation,
               activeSlide,
               templateElements,
               canvasSize,
@@ -34751,7 +34739,7 @@ ${url}`)) {
               onInlineEditChange: s.setInlineEditingText,
               onInlineEditCommit: canvasHandlers.handleInlineEditCommit,
               onInlineEditCancel: () => s.setInlineEditingElementId(null),
-              onTableCellSelect: (cell, elementId) => s.setTableEditorState(cell ? { ...cell, elementId } : null),
+              onTableCellSelect: (cell, elementId2) => s.setTableEditorState(cell ? { ...cell, elementId: elementId2 } : null),
               onCommitCellEdit: tableOps.handleCommitCellEdit,
               onUpdateSmartArtElement: canvasHandlers.handleUpdateSmartArtElement,
               onFormatText: canvasHandlers.handleFormatText,
@@ -34924,7 +34912,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-WQUOEVQB.mjs')
+    import('./AiChatPanel-5Z4BYP7S.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -35046,348 +35034,38 @@ function AiChangeOverlay({ batch, activeSlideIndex }) {
     ))
   ] });
 }
-
-// src/viewer/components/inspector/theme-editor-constants.ts
-var THEME_EDITOR_CARD = "rounded bg-muted/50 p-2.5 space-y-2";
-var THEME_EDITOR_HEADING = "text-[11px] font-medium uppercase tracking-wide text-muted-foreground mb-1.5";
-var THEME_EDITOR_INPUT = "w-full rounded border border-border bg-background px-2 py-1 text-xs text-foreground focus:border-primary focus:outline-none";
-var THEME_EDITOR_BTN = "rounded bg-primary px-3 py-1.5 text-xs font-medium text-white hover:bg-primary/80 disabled:opacity-40 disabled:cursor-not-allowed transition-colors";
-var THEME_EDITOR_BTN_SECONDARY = "rounded bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:cursor-not-allowed transition-colors";
-function ThemeColorSchemeEditor({
-  editColors,
-  canEdit,
-  activePickerKey,
-  majorFont,
-  minorFont,
-  onSetActivePickerKey,
-  onColorChange,
-  onMajorFontChange,
-  onMinorFontChange
-}) {
-  const { t } = useTranslation();
-  const slotLabel = useCallback((key) => themeColorLabel(key, t), [t]);
-  const previewGrid = useMemo(() => buildThemeColorGrid(editColors, t), [editColors, t]);
-  const handleColorText = useCallback(
-    (val) => {
-      if (activePickerKey && /^#[0-9a-fA-F]{6}$/.test(val)) {
-        onColorChange(activePickerKey, val);
-      }
-    },
-    [activePickerKey, onColorChange]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.colorScheme") }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-1.5", children: THEME_COLOR_SCHEME_KEYS.map((key) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            className: `h-6 w-full rounded-sm border transition-colors ${activePickerKey === key ? "border-primary ring-1 ring-primary" : "border-border hover:border-muted-foreground"} disabled:opacity-40 disabled:cursor-not-allowed`,
-            style: { backgroundColor: editColors[key] },
-            title: `${slotLabel(key)}: ${editColors[key]}`,
-            "aria-label": `${slotLabel(key)}: ${editColors[key]}`,
-            onClick: () => onSetActivePickerKey(activePickerKey === key ? null : key)
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground truncate w-full text-center", children: slotLabel(key) })
-      ] }, key)) }),
-      activePickerKey && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2 rounded bg-background p-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground min-w-[60px]", children: slotLabel(activePickerKey) }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "color",
-            disabled: !canEdit,
-            className: "h-6 w-8 cursor-pointer rounded border-0 bg-transparent p-0",
-            value: editColors[activePickerKey],
-            onChange: (e) => onColorChange(activePickerKey, e.target.value)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            disabled: !canEdit,
-            className: "flex-1 rounded border border-border bg-muted px-1.5 py-0.5 text-[10px] text-foreground font-mono",
-            value: editColors[activePickerKey],
-            onChange: (e) => handleColorText(e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    previewGrid && /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.preview") }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-px", children: previewGrid.map((row, rowIdx) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-px", children: row.map((cell) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "h-3.5 rounded-sm",
-          style: { backgroundColor: cell.hex },
-          title: `${cell.colLabel} -- ${cell.rowLabel} (${cell.hex})`
-        },
-        `${cell.schemeKey}-${rowIdx}`
-      )) }, rowIdx)) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.fonts") }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("pptx.themeEditor.headingFont") }),
-          /* @__PURE__ */ jsxs(
-            WebSelect,
-            {
-              "aria-label": t("pptx.themeEditor.headingFont"),
-              className: THEME_EDITOR_INPUT,
-              disabled: !canEdit,
-              value: COMMON_FONTS.includes(majorFont) ? majorFont : "__custom__",
-              onChange: (e) => {
-                if (e.target.value !== "__custom__") {
-                  onMajorFontChange(e.target.value);
-                }
-              },
-              children: [
-                COMMON_FONTS.map((f) => /* @__PURE__ */ jsx("option", { value: f, children: f }, f)),
-                !COMMON_FONTS.includes(majorFont) && /* @__PURE__ */ jsx("option", { value: "__custom__", children: majorFont })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("pptx.themeEditor.bodyFont") }),
-          /* @__PURE__ */ jsxs(
-            WebSelect,
-            {
-              "aria-label": t("pptx.themeEditor.bodyFont"),
-              className: THEME_EDITOR_INPUT,
-              disabled: !canEdit,
-              value: COMMON_FONTS.includes(minorFont) ? minorFont : "__custom__",
-              onChange: (e) => {
-                if (e.target.value !== "__custom__") {
-                  onMinorFontChange(e.target.value);
-                }
-              },
-              children: [
-                COMMON_FONTS.map((f) => /* @__PURE__ */ jsx("option", { value: f, children: f }, f)),
-                !COMMON_FONTS.includes(minorFont) && /* @__PURE__ */ jsx("option", { value: "__custom__", children: minorFont })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-1 text-[10px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("span", { style: { fontFamily: majorFont }, className: "text-foreground", children: t("pptx.themeEditor.headingSample") }),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "|" }),
-          /* @__PURE__ */ jsx("span", { style: { fontFamily: minorFont }, className: "text-foreground", children: t("pptx.themeEditor.bodySample") })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-var ACCENT_KEYS = ["accent1", "accent2", "accent3", "accent4", "accent5", "accent6"];
-function ThemePresetGallery({
-  canEdit,
-  currentThemeName,
-  onSelectPreset
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-    /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.presetThemes") }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1.5", children: PRESET_THEMES.map((preset) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        disabled: !canEdit,
-        className: `flex flex-col items-start gap-1 rounded border p-1.5 text-left transition-colors ${currentThemeName === preset.name ? "border-primary bg-primary/10" : "border-border hover:border-muted-foreground hover:bg-muted"} disabled:opacity-40 disabled:cursor-not-allowed`,
-        onClick: () => onSelectPreset(preset),
-        title: preset.name,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex gap-px w-full", children: ACCENT_KEYS.map((key) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "h-3 flex-1 first:rounded-l-sm last:rounded-r-sm",
-              style: { backgroundColor: preset.colorScheme[key] }
-            },
-            key
-          )) }),
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground truncate w-full", children: preset.name })
-        ]
-      },
-      preset.name
-    )) })
-  ] });
-}
-function ThemeEditorPanel({
-  theme,
-  canEdit,
-  onUpdateColorScheme,
-  onUpdateFontScheme,
-  onUpdateThemeName,
-  onApplyToPresentation,
-  onClose
-}) {
+function ThemeEditorPanel({ theme, canEdit, onApply, onClose }) {
   const { t } = useTranslation();
-  const [editColors, setEditColors] = useState(
-    () => theme?.colorScheme ?? PRESET_THEMES[0].colorScheme
-  );
-  const [majorFont, setMajorFont] = useState(
-    () => theme?.fontScheme?.majorFont?.latin ?? "Calibri Light"
-  );
-  const [minorFont, setMinorFont] = useState(
-    () => theme?.fontScheme?.minorFont?.latin ?? "Calibri"
-  );
-  const [themeName, setThemeName] = useState(() => theme?.name ?? "Custom Theme");
-  const [activePickerKey, setActivePickerKey] = useState(null);
-  const handleColorChange = useCallback(
-    (key, hex) => {
-      const next = { ...editColors, [key]: hex };
-      setEditColors(next);
-      onUpdateColorScheme(next);
-    },
-    [editColors, onUpdateColorScheme]
-  );
-  const handleSelectPreset = useCallback(
-    (preset) => {
-      setEditColors(preset.colorScheme);
-      setMajorFont(preset.majorFont);
-      setMinorFont(preset.minorFont);
-      setThemeName(preset.name);
-      onUpdateColorScheme(preset.colorScheme);
-      onUpdateFontScheme({
-        majorFont: { latin: preset.majorFont },
-        minorFont: { latin: preset.minorFont }
-      });
-      onUpdateThemeName(preset.name);
-    },
-    [onUpdateColorScheme, onUpdateFontScheme, onUpdateThemeName]
-  );
-  const handleReset = useCallback(() => {
-    if (!theme?.colorScheme) {
+  const ref = useRef(null);
+  useEffect(() => {
+    const node = ref.current;
+    if (node) {
+      node.theme = theme;
+      node.labels = themeEditorLabels(t);
+      node.disabled = !canEdit;
+    }
+  }, [theme, canEdit, t]);
+  useEffect(() => {
+    const node = ref.current;
+    if (!node) {
       return;
     }
-    setEditColors(theme.colorScheme);
-    setMajorFont(theme.fontScheme?.majorFont?.latin ?? "Calibri Light");
-    setMinorFont(theme.fontScheme?.minorFont?.latin ?? "Calibri");
-    setThemeName(theme.name ?? "Custom Theme");
-    onUpdateColorScheme(theme.colorScheme);
-    onUpdateFontScheme({
-      majorFont: {
-        latin: theme.fontScheme?.majorFont?.latin ?? "Calibri Light"
-      },
-      minorFont: { latin: theme.fontScheme?.minorFont?.latin ?? "Calibri" }
-    });
-    onUpdateThemeName(theme.name ?? "Custom Theme");
-  }, [theme, onUpdateColorScheme, onUpdateFontScheme, onUpdateThemeName]);
-  const handleMajorFontChange = useCallback(
-    (font) => {
-      setMajorFont(font);
-      onUpdateFontScheme({
-        majorFont: { latin: font },
-        minorFont: { latin: minorFont }
-      });
-    },
-    [minorFont, onUpdateFontScheme]
-  );
-  const handleMinorFontChange = useCallback(
-    (font) => {
-      setMinorFont(font);
-      onUpdateFontScheme({
-        majorFont: { latin: majorFont },
-        minorFont: { latin: font }
-      });
-    },
-    [majorFont, onUpdateFontScheme]
-  );
-  const handleNameChange = useCallback(
-    (name) => {
-      setThemeName(name);
-      onUpdateThemeName(name);
-    },
-    [onUpdateThemeName]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 overflow-y-auto max-h-[calc(100vh-120px)]", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: t("pptx.themeEditor.title") }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: "rounded p-1 text-muted-foreground hover:bg-accent hover:text-foreground",
-          title: t("pptx.themeEditor.close"),
-          "aria-label": t("pptx.themeEditor.close"),
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: "h-4 w-4",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              strokeWidth: 2,
-              children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
-            }
-          )
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.themeName") }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          className: THEME_EDITOR_INPUT,
-          disabled: !canEdit,
-          value: themeName,
-          onChange: (e) => handleNameChange(e.target.value),
-          placeholder: t("pptx.themeEditor.themeNamePlaceholder")
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx(
-      ThemePresetGallery,
-      {
-        canEdit,
-        currentThemeName: themeName,
-        onSelectPreset: handleSelectPreset
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ThemeColorSchemeEditor,
-      {
-        editColors,
-        canEdit,
-        activePickerKey,
-        majorFont,
-        minorFont,
-        onSetActivePickerKey: setActivePickerKey,
-        onColorChange: handleColorChange,
-        onMajorFontChange: handleMajorFontChange,
-        onMinorFontChange: handleMinorFontChange
+    const apply = (event) => {
+      if (!node.disabled) {
+        node.disabled = true;
+        void Promise.resolve(onApply(event.detail)).finally(() => {
+          node.disabled = !canEdit;
+        });
       }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 pt-1", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          disabled: !canEdit,
-          className: THEME_EDITOR_BTN,
-          onClick: onApplyToPresentation,
-          children: t("pptx.themeEditor.applyToPresentation")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          disabled: !canEdit,
-          className: THEME_EDITOR_BTN_SECONDARY,
-          onClick: handleReset,
-          children: t("pptx.themeEditor.reset")
-        }
-      )
-    ] })
-  ] });
+    };
+    node.addEventListener("theme-editor-apply", apply);
+    node.addEventListener("theme-editor-close", onClose);
+    return () => {
+      node.removeEventListener("theme-editor-apply", apply);
+      node.removeEventListener("theme-editor-close", onClose);
+    };
+  }, [canEdit, onApply, onClose]);
+  return /* @__PURE__ */ jsx("pptx-ui-theme-editor", { ref });
 }
 function MobileDismissSheet({
   onClose,
@@ -35934,22 +35612,15 @@ function ViewerSidePanels(props) {
       }
     ),
     s.isThemeEditorOpen && mode === "edit" && /* @__PURE__ */ jsx(
-      MobileDismissSheet,
+      ThemeEditorPanel,
       {
-        onClose: () => s.setIsThemeEditorOpen(false),
-        className: "absolute right-0 top-0 z-30 h-full w-72 overflow-y-auto border-l border-border bg-card p-2.5 shadow-xl max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:w-full max-md:h-auto max-md:max-h-[60vh] max-md:rounded-t-xl max-md:border-t max-md:border-l-0",
-        children: /* @__PURE__ */ jsx(
-          ThemeEditorPanel,
-          {
-            theme: s.theme,
-            canEdit,
-            onUpdateColorScheme: themeHandlers.handleUpdateThemeColorScheme,
-            onUpdateFontScheme: themeHandlers.handleUpdateThemeFontScheme,
-            onUpdateThemeName: themeHandlers.handleUpdateThemeName,
-            onApplyToPresentation: themeHandlers.handleApplyThemeToPresentation,
-            onClose: () => s.setIsThemeEditorOpen(false)
-          }
-        )
+        theme: s.theme,
+        canEdit,
+        onApply: async (edit) => {
+          await themeHandlers.handleApplyThemeEdit(edit);
+          s.setIsThemeEditorOpen(false);
+        },
+        onClose: () => s.setIsThemeEditorOpen(false)
       }
     ),
     aiPanel?.isOpen && aiConfig && aiBridge && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
@@ -35991,6 +35662,88 @@ function ViewerSidePanels(props) {
     )
   ] });
 }
+function ViewerContextMenus(props) {
+  const {
+    state,
+    mode,
+    selectedElement,
+    activeSlideIndex,
+    aiPanel,
+    activeSlide,
+    onApplyLayout,
+    editorOps,
+    setLayoutGalleryAnchor
+  } = props;
+  const { manipulation, tableOps } = editorOps;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    state.contextMenuState && /* @__PURE__ */ jsx(
+      ContextMenu,
+      {
+        slideIndex: activeSlideIndex,
+        elementIds: state.effectiveSelectedIds,
+        contextMenuState: state.contextMenuState,
+        mode,
+        selectedElement,
+        tableEditorState: state.tableEditorState,
+        hasMultiSelection: state.effectiveSelectedIds.length > 1,
+        selectionGroupable: manipulation.selectionGroupable,
+        hasClipboard: Boolean(state.clipboardPayload),
+        editPointsAvailability: resolveEditPointsAvailability(selectedElement),
+        onAction: manipulation.handleContextMenuAction,
+        onInsertTableRow: tableOps.handleInsertTableRow,
+        onDeleteTableRow: tableOps.handleDeleteTableRow,
+        onInsertTableColumn: tableOps.handleInsertTableColumn,
+        onDeleteTableColumn: tableOps.handleDeleteTableColumn,
+        onMergeCellRight: tableOps.handleMergeCellRight,
+        onMergeCellDown: tableOps.handleMergeCellDown,
+        onMergeSelectedCells: tableOps.handleMergeSelectedCells,
+        onSplitCell: tableOps.handleSplitCell,
+        onAskAi: aiPanel && selectedElement ? () => {
+          aiPanel.askAboutSelection();
+          state.setContextMenuState(null);
+        } : void 0,
+        onFixAi: aiPanel && selectedElement ? () => {
+          aiPanel.fixSelection();
+          state.setContextMenuState(null);
+        } : void 0,
+        onClose: () => state.setContextMenuState(null)
+      }
+    ),
+    state.canvasContextMenuState && /* @__PURE__ */ jsx(
+      CanvasContextMenu,
+      {
+        slideIndex: activeSlideIndex,
+        canvasContextMenuState: state.canvasContextMenuState,
+        mode,
+        hasClipboard: Boolean(state.clipboardPayload),
+        showGrid: state.showGrid,
+        showRulers: state.showRulers,
+        onPaste: () => manipulation.handlePaste(),
+        onOpenLayoutGallery: () => {
+          const pos = state.canvasContextMenuState;
+          if (pos) {
+            setLayoutGalleryAnchor(pos);
+          }
+        },
+        onResetSlide: () => {
+          const path = resetSlideLayoutPath(activeSlide);
+          if (path) {
+            onApplyLayout?.(path);
+          }
+        },
+        onOpenFormatBackground: () => {
+          state.setSelectedElementId(null);
+          state.setSelectedElementIds([]);
+          state.setSidebarPanelMode("properties");
+          state.setIsInspectorPaneOpen(true);
+        },
+        onToggleGrid: () => state.setShowGrid((v) => !v),
+        onToggleRulers: () => state.setShowRulers((v) => !v),
+        onClose: () => state.setCanvasContextMenuState(null)
+      }
+    )
+  ] });
+}
 function ViewerMainContent(props) {
   const {
     mode,
@@ -36037,8 +35790,8 @@ function ViewerMainContent(props) {
     canvasHandlers,
     insertHandlers,
     manipulation,
-    slideOps,
     tableOps,
+    slideOps,
     findReplace
   } = editorOps;
   const hf = state.headerFooter;
@@ -36061,7 +35814,7 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsx(ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-1 min-h-0", children: [
+  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(
         SlidesPaneSidebar,
@@ -36193,69 +35946,7 @@ function ViewerMainContent(props) {
         ] }) : void 0
       }
     ),
-    state.contextMenuState && /* @__PURE__ */ jsx(
-      ContextMenu,
-      {
-        contextMenuState: state.contextMenuState,
-        mode,
-        selectedElement,
-        tableEditorState: state.tableEditorState,
-        hasMultiSelection: state.effectiveSelectedIds.length > 1,
-        selectionGroupable: manipulation.selectionGroupable,
-        hasClipboard: Boolean(state.clipboardPayload),
-        editPointsAvailability: resolveEditPointsAvailability(selectedElement),
-        onAction: manipulation.handleContextMenuAction,
-        onInsertTableRow: tableOps.handleInsertTableRow,
-        onDeleteTableRow: tableOps.handleDeleteTableRow,
-        onInsertTableColumn: tableOps.handleInsertTableColumn,
-        onDeleteTableColumn: tableOps.handleDeleteTableColumn,
-        onMergeCellRight: tableOps.handleMergeCellRight,
-        onMergeCellDown: tableOps.handleMergeCellDown,
-        onMergeSelectedCells: tableOps.handleMergeSelectedCells,
-        onSplitCell: tableOps.handleSplitCell,
-        onAskAi: aiPanel && selectedElement ? () => {
-          aiPanel.askAboutSelection();
-          state.setContextMenuState(null);
-        } : void 0,
-        onFixAi: aiPanel && selectedElement ? () => {
-          aiPanel.fixSelection();
-          state.setContextMenuState(null);
-        } : void 0,
-        onClose: () => state.setContextMenuState(null)
-      }
-    ),
-    state.canvasContextMenuState && /* @__PURE__ */ jsx(
-      CanvasContextMenu,
-      {
-        canvasContextMenuState: state.canvasContextMenuState,
-        mode,
-        hasClipboard: Boolean(state.clipboardPayload),
-        showGrid: state.showGrid,
-        showRulers: state.showRulers,
-        onPaste: () => manipulation.handlePaste(),
-        onOpenLayoutGallery: () => {
-          const pos = state.canvasContextMenuState;
-          if (pos) {
-            setLayoutGalleryAnchor(pos);
-          }
-        },
-        onResetSlide: () => {
-          const path = resetSlideLayoutPath(activeSlide);
-          if (path) {
-            onApplyLayout?.(path);
-          }
-        },
-        onOpenFormatBackground: () => {
-          state.setSelectedElementId(null);
-          state.setSelectedElementIds([]);
-          state.setSidebarPanelMode("properties");
-          state.setIsInspectorPaneOpen(true);
-        },
-        onToggleGrid: () => state.setShowGrid((v) => !v),
-        onToggleRulers: () => state.setShowRulers((v) => !v),
-        onClose: () => state.setCanvasContextMenuState(null)
-      }
-    ),
+    /* @__PURE__ */ jsx(ViewerContextMenus, { ...props, setLayoutGalleryAnchor }),
     layoutGalleryAnchor && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -36439,6 +36130,9 @@ function CompatibilityToasts({
     }
   );
 }
+function EditorChromeStyle() {
+  return /* @__PURE__ */ jsx("style", { "data-pptx-editor-styles": "", children: EDITOR_CHROME_CSS });
+}
 function ToggleRow({ checked, onChange, icon, label, testId }) {
   return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 cursor-pointer group select-none", children: [
     /* @__PURE__ */ jsxs("span", { className: "relative flex items-center justify-center w-4 h-4", children: [
@@ -36756,7 +36450,7 @@ function MobileChromeOverlay(props) {
     /* @__PURE__ */ jsx(
       MobileSlidesSheet,
       {
-        open: s.isSlidesPaneOpen,
+        open: s.isSlidesPaneOpen && !s.isThemeEditorOpen,
         onClose: () => s.setIsSlidesPaneOpen(false),
         slides,
         templateElementsBySlideId: s.templateElementsBySlideId,
@@ -37951,6 +37645,13 @@ function SettingsDialog({
     )
   ] });
 }
+function ViewerOptionsProvider({
+  options,
+  store,
+  children
+}) {
+  return /* @__PURE__ */ jsx(ViewerOptionsStoreContext.Provider, { value: store, children: /* @__PURE__ */ jsx(ViewerOptionsContext.Provider, { value: options, children }) });
+}
 function useAiBridge(input) {
   const ref = useRef(input);
   ref.current = input;
@@ -38006,9 +37707,9 @@ function useAiBridge(input) {
         live.applySelection(elementIds[0] ?? null, elementIds);
       },
       applySlidesUpdate,
-      updateElement(slideIndex, elementId, updates) {
+      updateElement(slideIndex, elementId2, updates) {
         applySlidesUpdate((slides) => {
-          const el = slides[slideIndex]?.elements.find((e) => e.id === elementId);
+          const el = slides[slideIndex]?.elements.find((e) => e.id === elementId2);
           if (el) {
             applyElementUpdate(el, updates);
           }
@@ -38128,12 +37829,12 @@ function useAiPanelController(input) {
     setIsOpen(true);
   }, []);
   const stopPicking = useCallback(() => setPickMode(false), []);
-  const addPick = useCallback((slideIndex, elementId) => {
+  const addPick = useCallback((slideIndex, elementId2) => {
     setPickTargets((prev) => {
-      if (prev.some((t) => t.kind === "element" && t.elementId === elementId)) {
+      if (prev.some((t) => t.kind === "element" && t.elementId === elementId2)) {
         return prev;
       }
-      return [...prev, { kind: "element", slideIndex, elementId }];
+      return [...prev, { kind: "element", slideIndex, elementId: elementId2 }];
     });
   }, []);
   const clearPicks = useCallback(() => {
@@ -38171,8 +37872,8 @@ function useAiPanelController(input) {
       }
     }
     if (toolFocus) {
-      for (const elementId of toolFocus.elementIds) {
-        out.push({ slideIndex: toolFocus.slideIndex, elementId, variant: "active" });
+      for (const elementId2 of toolFocus.elementIds) {
+        out.push({ slideIndex: toolFocus.slideIndex, elementId: elementId2, variant: "active" });
       }
     }
     return out;
@@ -38401,12 +38102,12 @@ var CROP_KEEP_SELECTOR = [
   "[data-pptx-crop-aspect]",
   "[data-pptx-crop-action]"
 ].join(",");
-function naturalSizeOf(elementId) {
+function naturalSizeOf(elementId2) {
   if (typeof document === "undefined" || typeof CSS === "undefined") {
     return void 0;
   }
   const img = document.querySelector(
-    `[data-element-id="${CSS.escape(elementId)}"][data-pptx-element="true"] img`
+    `[data-element-id="${CSS.escape(elementId2)}"][data-pptx-element="true"] img`
   );
   return img && img.naturalWidth > 0 && img.naturalHeight > 0 ? { width: img.naturalWidth, height: img.naturalHeight } : void 0;
 }
@@ -39298,6 +38999,7 @@ var PowerPointViewer = forwardRef(
       {
         style: themeStyle,
         "data-pptx-viewer": "",
+        "data-pptx-editor-chrome": "",
         ...{ [RIBBON_SCOPE_ATTR]: ribbonScope },
         "aria-busy": loading,
         className: cn(
@@ -39305,6 +39007,7 @@ var PowerPointViewer = forwardRef(
           ...resolveOptionRootClasses(viewerOptions, "pptx")
         ),
         children: [
+          /* @__PURE__ */ jsx(EditorChromeStyle, {}),
           /* @__PURE__ */ jsx(RibbonCustomizationStyle, { resolved: customizationResolved, scope: ribbonScope }),
           /* @__PURE__ */ jsx(
             "div",
@@ -39689,7 +39392,7 @@ var PowerPointViewer = forwardRef(
       // 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(ViewerOptionsContext.Provider, { value: viewerOptions, children: /* @__PURE__ */ jsx(ViewerCustomizationContext.Provider, { value: customizationResolved, 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(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(Rendering3DFlagsContext.Provider, { value: effective3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
         CollaborationProvider,
         {
           config: collaboration,