pptx-react-viewer 4.15.0 → 4.16.1

package/dist/{chunk-RQCAXUVQ.mjs → chunk-6PWT46Y4.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-AHJ4ND7Q.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-DNWIW75I.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-Q5VQ53R3.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, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, 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_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, HELP_RIBBON_COMMANDS, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, 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, 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, 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, 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-AIWEM7VE.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, Fragment as Fragment$1, useDeferredValue, Suspense, useReducer } from 'react';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-QZSA3E4L.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-VUI3VE7K.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-KK2CFTKC.mjs';
+import { EMPTY_RESOLVED_CUSTOMIZATION, FIXED_TAB_GALLERIES, 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, DESIGN_RIBBON_GROUPS, DESIGN_RIBBON_COMMANDS, designCommandState, 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, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, buildReviewRibbon, HELP_RIBBON_COMMANDS, galleryTextLabel, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, clampFlyoutPosition, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, applyRibbonGalleryItem, 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-VUNRFZRR.mjs';
+import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-33XJSD62.mjs';
+import React7, { 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, 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, 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, LuPencil, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuStar, LuMousePointerClick, LuPanelTop, LuBookOpen, 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",
           {
@@ -1457,183 +1459,137 @@ var RibbonGalleryCommandsContext = createContext(null);
 function useRibbonGalleryCommands() {
   return useContext(RibbonGalleryCommandsContext);
 }
-function useTranslateOr() {
-  const { t } = useTranslation();
-  return (key, fallback) => {
-    if (!key) {
-      return fallback;
-    }
-    const translated = t(key);
-    return translated && translated !== key ? translated : fallback;
-  };
-}
-function RibbonGalleryTile({
-  item,
-  disabled,
-  inStrip,
-  onPick
+function RibbonGallery({
+  placement,
+  chevronOnly = false,
+  tagControl = true
 }) {
   const { t } = useTranslation();
-  const label = galleryItemLabel(item, (key, params) => t(key, params ?? {}));
+  const ref = useRef(null);
+  const commands = useRibbonGalleryCommands();
+  const context = commands?.context;
+  const descriptor = useMemo(
+    () => buildRibbonGallery(placement.gallery, context ?? { element: null }),
+    [placement.gallery, context]
+  );
+  useEffect(() => {
+    const host = ref.current;
+    if (host) {
+      host.descriptor = descriptor;
+      host.translateLabel = t;
+      host.disabled = !commands?.editable;
+    }
+  }, [descriptor, t, commands?.editable]);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    const pick = (event) => {
+      if (!commands?.editable) {
+        return;
+      }
+      const result = applyRibbonGalleryItem(
+        placement.gallery,
+        event.detail.itemId,
+        commands.context
+      );
+      if (result) {
+        commands.dispatch(result);
+      }
+    };
+    host.addEventListener("gallery-pick", pick);
+    return () => host.removeEventListener("gallery-pick", pick);
+  }, [commands, placement.gallery]);
   return /* @__PURE__ */ jsx(
-    "button",
+    "pptx-ui-ribbon-gallery",
     {
-      type: "button",
-      ...{ [RIBBON_GALLERY_ITEM_ATTR]: item.id },
-      "aria-pressed": item.applied,
-      "aria-label": label,
-      title: label,
-      disabled,
-      onMouseDown: (event) => event.preventDefault(),
-      onClick: () => onPick(item),
-      className: cn(
-        "grid shrink-0 place-items-center rounded-sm border border-transparent p-0.5 transition-colors hover:border-primary/60 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40",
-        item.applied && "border-primary ring-1 ring-primary/40",
-        inStrip && "[&>svg]:h-[40px] [&>svg]:w-auto"
-      ),
-      dangerouslySetInnerHTML: { __html: item.previewSvg }
+      ref,
+      label: descriptor.label,
+      mode: placement.mode,
+      "chevron-only": chevronOnly || void 0,
+      "data-ribbon-control": tagControl ? placement.control : void 0
     }
   );
 }
-function GallerySection({
-  section,
-  onPick
+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
 }) {
-  const translateOr = useTranslateOr();
-  if (section.items.length === 0) {
-    return null;
-  }
-  const heading = section.titleKey || section.title ? translateOr(section.titleKey, section.title ?? "") : "";
-  return /* @__PURE__ */ jsxs("div", { className: "px-2 py-1", children: [
-    heading && /* @__PURE__ */ jsx("div", { className: "pb-1 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground", children: heading }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "grid gap-1",
-        style: { gridTemplateColumns: `repeat(${Math.max(1, section.columns)}, max-content)` },
-        children: section.items.map((item) => /* @__PURE__ */ jsx(RibbonGalleryTile, { item, onPick }, item.id))
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx("pptx-ui-ribbon-group", { label, "data-ribbon-group": groupId, children });
 }
-function RibbonGalleryPopup({
-  descriptor,
-  anchorRef,
+function WebRibbonCommand({
   label,
-  onPick
+  icon,
+  controlId,
+  title,
+  disabled,
+  active,
+  pressed,
+  expanded,
+  compact,
+  onCommand
 }) {
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef, className: "pt-1", children: /* @__PURE__ */ jsx(
-    "div",
+  const ref = useRef(null);
+  useIntent(
+    ref,
+    "command-request",
+    onCommand ? (event) => onCommand(event.detail.id) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-ribbon-command",
     {
-      ...{ [RIBBON_GALLERY_POPUP_ATTR]: descriptor.id },
-      role: "group",
-      "aria-label": label,
-      className: "max-h-[70vh] overflow-y-auto rounded-lg border border-border bg-popover py-1 shadow-2xl backdrop-blur-lg",
-      children: descriptor.sections.map((section) => /* @__PURE__ */ jsx(GallerySection, { section, onPick }, section.id))
+      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
     }
-  ) });
+  );
 }
-var EMPTY_CONTEXT = { element: null };
-function RibbonGallery({
-  placement,
-  icon,
-  chevronOnly = false,
-  tagControl = true
+function WebRibbonToggle({
+  label,
+  controlId,
+  checked,
+  title,
+  onToggle
 }) {
-  const { t } = useTranslation();
-  const translateOr = useTranslateOr();
-  const commands = useRibbonGalleryCommands();
-  const ctx = commands?.context ?? EMPTY_CONTEXT;
-  const { gallery, control, mode } = placement;
-  const descriptor = useMemo(() => buildRibbonGallery(gallery, ctx), [gallery, ctx]);
-  const dropdown = useRibbonDropdown();
-  const title = translateOr(descriptor.labelKey, descriptor.label);
-  const disabled = !commands?.editable || descriptor.disabled || !galleryHasItems(descriptor);
-  const open = dropdown.open && !disabled;
-  const pick = (item) => {
-    const result = applyRibbonGalleryItem(gallery, item.id, ctx);
-    if (result) {
-      commands?.dispatch(result);
-    }
-    dropdown.setOpen(false);
-  };
-  const controlAttrs = tagControl ? { [RIBBON_CONTROL_ATTR]: control } : {};
-  const galleryAttrs = { [RIBBON_GALLERY_ATTR]: gallery };
-  const popup = open && /* @__PURE__ */ jsx(
-    RibbonGalleryPopup,
+  const ref = useRef(null);
+  useIntent(
+    ref,
+    "toggle-request",
+    onToggle ? (event) => onToggle(event.detail.checked) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-ribbon-toggle",
     {
-      descriptor,
-      anchorRef: dropdown.ref,
-      label: title,
-      onPick: pick
+      ref,
+      label,
+      "data-ribbon-control": controlId,
+      checked: checked || void 0,
+      title
     }
   );
-  if (mode === "inline") {
-    const moreLabel = t("pptx.gallery.more", { name: title });
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: dropdown.ref,
-        ...controlAttrs,
-        className: "relative inline-flex items-stretch rounded border border-border/60 bg-background/40",
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex items-center gap-0.5 p-0.5", children: inlineGalleryItems(descriptor).map((item) => /* @__PURE__ */ jsx(
-            RibbonGalleryTile,
-            {
-              item,
-              disabled,
-              inStrip: true,
-              onPick: pick
-            },
-            item.id
-          )) }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              ...galleryAttrs,
-              "aria-label": moreLabel,
-              "aria-haspopup": "true",
-              "aria-expanded": open,
-              title: moreLabel,
-              disabled,
-              onClick: () => dropdown.setOpen((v) => !v),
-              className: "inline-flex items-center border-l border-border/60 px-0.5 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40",
-              children: /* @__PURE__ */ jsx(LuChevronDown, { className: "h-3 w-3" })
-            }
-          ),
-          popup
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs("div", { ref: dropdown.ref, ...controlAttrs, className: "relative inline-flex items-center", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        ...galleryAttrs,
-        "aria-haspopup": "true",
-        "aria-expanded": open,
-        "aria-label": title,
-        title,
-        disabled,
-        onMouseDown: (event) => event.preventDefault(),
-        onClick: () => dropdown.setOpen((v) => !v),
-        className: chevronOnly ? "inline-flex items-center self-stretch px-0.5 hover:bg-accent disabled:cursor-not-allowed disabled:opacity-40" : pill,
-        children: [
-          !chevronOnly && icon,
-          !chevronOnly && /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: title }),
-          /* @__PURE__ */ jsx(LuChevronDown, { className: "h-3 w-3" })
-        ]
-      }
-    ),
-    popup
-  ] });
 }
 function useTransitionSoundPicker(activeSlide, onTransitionChange) {
-  const soundFileInputRef = React6.useRef(null);
-  const handleSoundFilePicked = React6.useCallback(
+  const soundFileInputRef = React7.useRef(null);
+  const handleSoundFilePicked = React7.useCallback(
     (file) => {
       void readSoundFileAsDataUrl(file).then((dataUrl) => {
         if (dataUrl) {
@@ -1644,7 +1600,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     },
     [onTransitionChange]
   );
-  const handleSoundSelectChange = React6.useCallback(
+  const handleSoundSelectChange = React7.useCallback(
     (event) => {
       const value = event.target.value;
       if (value === TRANSITION_SOUND_OTHER_VALUE) {
@@ -1663,7 +1619,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     },
     [activeSlide, onTransitionChange]
   );
-  const handleSoundFileChange = React6.useCallback(
+  const handleSoundFileChange = React7.useCallback(
     (event) => {
       const file = event.target.files?.[0];
       if (file) {
@@ -1674,7 +1630,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     [handleSoundFilePicked]
   );
   const stockSoundId = transitionStockSoundId(activeSlide?.transition);
-  const handleSoundPreview = React6.useCallback(() => {
+  const handleSoundPreview = React7.useCallback(() => {
     if (!stockSoundId) {
       return;
     }
@@ -1694,10 +1650,10 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
 function TransitionsSection(p) {
   const { t } = useTranslation();
   const canEdit = p.canEdit !== false;
-  const draft = React6.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
-  const [durationBuffer, setDurationBuffer] = React6.useState(null);
-  const [advanceBuffer, setAdvanceBuffer] = React6.useState(null);
-  const commit = React6.useCallback(
+  const draft = React7.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
+  const [durationBuffer, setDurationBuffer] = React7.useState(null);
+  const [advanceBuffer, setAdvanceBuffer] = React7.useState(null);
+  const commit = React7.useCallback(
     (changes) => {
       p.onTransitionChange(ribbonTransitionUpdates({ ...draft, ...changes }));
     },
@@ -1921,93 +1877,54 @@ function TransitionsSection(p) {
     )
   ] });
 }
-var DESIGN_VARIANT_GALLERIES = FIXED_TAB_GALLERIES.filter(
-  (placement) => placement.control.startsWith("design.variants.")
-);
 function DesignSection(p) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(RibbonGroupScope, { id: "design.themes", children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onToggleThemeGallery,
-          disabled: !p.canEdit,
-          className: cn(
-            pill,
-            p.isThemeGalleryOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-          ),
-          title: t("pptx.ribbon.browseThemesTitle"),
-          ...controlAttr("design.themes.browseThemes"),
-          children: [
-            /* @__PURE__ */ jsx(LuPalette, { className: ics }),
-            t("pptx.ribbon.browseThemes")
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onToggleThemeEditor,
-          disabled: !p.canEdit,
-          className: cn(
-            pill,
-            p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-          ),
-          title: t("pptx.ribbon.editThemeTitle"),
-          ...controlAttr("design.themes.editTheme"),
-          children: [
-            /* @__PURE__ */ jsx(LuPencil, { className: ics }),
-            t("pptx.ribbon.editTheme")
-          ]
-        }
-      )
-    ] }),
-    sep,
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("design.variants"), children: [
-      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: DESIGN_VARIANT_GALLERIES.map((placement) => /* @__PURE__ */ jsx(
-        RibbonGallery,
-        {
-          placement,
-          icon: placement.gallery === "themeFonts" ? /* @__PURE__ */ jsx(LuType, { className: ics }) : /* @__PURE__ */ jsx(LuPalette, { className: ics })
-        },
-        placement.control
-      )) }),
-      /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.groupVariants") })
-    ] }),
-    sep,
-    /* @__PURE__ */ jsxs(RibbonGroupScope, { id: "design.customize", children: [
-      (p.onOpenSlideSize ?? p.onOpenDocumentProperties) && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onOpenSlideSize ?? p.onOpenDocumentProperties,
-          className: pill,
-          title: t("pptx.ribbon.slideSizeTitle"),
-          ...controlAttr("design.customize.slideSize"),
-          children: [
-            /* @__PURE__ */ jsx(LuMonitor, { className: ics }),
-            t("pptx.ribbon.slideSize")
-          ]
-        }
-      ),
-      p.onToggleInspector && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: p.onToggleInspector,
-          className: cn(
-            pill,
-            p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-          ),
-          title: t("pptx.ribbon.formatBackgroundTitle"),
-          ...controlAttr("design.customize.formatBackground"),
-          children: [
-            /* @__PURE__ */ jsx(LuPaintBucket, { className: ics }),
-            t("pptx.ribbon.formatBackground")
-          ]
-        }
-      )
-    ] })
-  ] });
+  const actions = {
+    "design.themes.browseThemes": p.onToggleThemeGallery,
+    "design.themes.editTheme": p.onToggleThemeEditor,
+    "design.customize.slideSize": p.onOpenSlideSize ?? p.onOpenDocumentProperties,
+    "design.customize.formatBackground": p.onToggleInspector
+  };
+  const state = {
+    editable: p.canEdit,
+    galleryOpen: p.isThemeGalleryOpen,
+    editorOpen: p.isThemeEditorOpen,
+    backgroundOpen: p.isInspectorPaneOpen,
+    hasSlideSize: Boolean(actions["design.customize.slideSize"]),
+    hasBackground: Boolean(p.onToggleInspector)
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: DESIGN_RIBBON_GROUPS.map((group) => /* @__PURE__ */ jsxs(WebRibbonGroup, { groupId: group.id, label: t(group.labelKey), children: [
+    DESIGN_RIBBON_COMMANDS.filter((command) => command.id.startsWith(`${group.id}.`)).map(
+      (command) => {
+        const view = designCommandState(command.id, state);
+        return view.hidden ? null : /* @__PURE__ */ jsx(
+          WebRibbonCommand,
+          {
+            controlId: command.id,
+            label: t(command.labelKey),
+            title: t(command.titleKey),
+            icon: command.icon,
+            compact: true,
+            disabled: view.disabled,
+            active: view.active,
+            expanded: view.expanded,
+            onCommand: () => actions[command.id]?.()
+          },
+          command.id
+        );
+      }
+    ),
+    FIXED_TAB_GALLERIES.filter(
+      (placement) => placement.control.startsWith(`${group.id}.`)
+    ).map((placement) => /* @__PURE__ */ jsx(
+      RibbonGallery,
+      {
+        placement,
+        icon: placement.gallery === "themeFonts" ? /* @__PURE__ */ jsx(LuType, {}) : /* @__PURE__ */ jsx(LuPalette, {})
+      },
+      placement.control
+    ))
+  ] }, group.id)) });
 }
 var DEFAULT_VALUE = {
   recentColors: [],
@@ -2222,7 +2139,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.14.0" ;
+  const version = "4.16.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 +2612,50 @@ function ClipboardGroup(p) {
     /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.clipboard") })
   ] });
 }
-function FontFamilyMenu(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
-}) {
+function FontPickers(p) {
   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 +2814,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 +2845,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 +2985,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 +3021,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
   ] });
 }
@@ -3741,200 +3584,62 @@ function InsertSection(p) {
     )
   ] });
 }
+function WebRibbonSection({
+  groups,
+  onCommand
+}) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.groups = groups;
+    }
+  }, [groups]);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    const request = (event) => onCommand(event.detail.id);
+    host.addEventListener("command-request", request);
+    return () => host.removeEventListener("command-request", request);
+  }, [onCommand]);
+  return /* @__PURE__ */ jsx("pptx-ui-ribbon-section", { ref });
+}
 function ReviewSection(p) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.review.proofing", { defaultValue: "Proofing" }),
-        groupId: "review.proofing",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.proofing.spelling",
-              label: t("pptx.review.spelling"),
-              icon: /* @__PURE__ */ jsx(LuSpellCheck, {}),
-              onClick: () => p.onSetSpellCheckEnabled(!p.spellCheckEnabled),
-              active: p.spellCheckEnabled,
-              title: t("pptx.review.toggleSpellCheck")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.proofing.thesaurus",
-              label: t("pptx.review.thesaurus", { defaultValue: "Thesaurus" }),
-              icon: /* @__PURE__ */ jsx(LuBookOpen, {}),
-              disabled: true
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      RibbonGroup,
-      {
-        label: t("pptx.review.accessibility", { defaultValue: "Accessibility" }),
-        groupId: "review.accessibility",
-        children: /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            controlId: "review.accessibility.check",
-            label: t("pptx.review.accessibilityCheck"),
-            icon: /* @__PURE__ */ jsx(LuShieldCheck, {}),
-            onClick: p.onOpenAccessibilityCheck
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.review.language"), groupId: "review.language", children: [
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          controlId: "review.language.translate",
-          label: t("pptx.review.translate", { defaultValue: "Translate" }),
-          icon: /* @__PURE__ */ jsx(LuLanguages, {}),
-          disabled: true
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        RibbonCommand,
-        {
-          label: t("pptx.review.language"),
-          icon: /* @__PURE__ */ jsx(LuGlobe, {}),
-          disabled: !p.onSetLanguage,
-          onClick: p.onSetLanguage
+  const groups = buildReviewRibbon(t, {
+    editable: p.canEdit,
+    spellCheck: p.spellCheckEnabled,
+    canAccessibility: Boolean(p.onOpenAccessibilityCheck),
+    canLanguage: Boolean(p.onSetLanguage),
+    canCompare: Boolean(p.onCompare),
+    canComments: Boolean(p.onToggleComments),
+    commentsOpen: p.isCommentsPanelOpen,
+    commentCount: p.slideCommentCount
+  });
+  const request = (id) => {
+    switch (id) {
+      case "review.proofing.spelling":
+        p.onSetSpellCheckEnabled(!p.spellCheckEnabled);
+        break;
+      case "review.accessibility.check":
+        p.onOpenAccessibilityCheck?.();
+        break;
+      case "review.language.language":
+        p.onSetLanguage?.();
+        break;
+      case "review.compare.compare":
+        if (p.canEdit) {
+          p.onCompare?.();
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.review.changes", { defaultValue: "Changes" }),
-        groupId: "review.compare",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.compare.markAllRead",
-              label: t("pptx.review.markAllRead", { defaultValue: "Mark All as Read" }),
-              icon: /* @__PURE__ */ jsx(LuCopy, {}),
-              disabled: true
-            }
-          ),
-          p.onCompare && /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.compare.compare",
-              label: t("pptx.ribbon.compare"),
-              icon: /* @__PURE__ */ jsx(LuGitCompare, {}),
-              onClick: p.onCompare,
-              disabled: !p.canEdit,
-              title: t("pptx.ribbon.compareTitle")
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.toolbar.comments"), groupId: "review.comments", children: [
-      p.onToggleComments && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            controlId: "review.comments.newComment",
-            label: t("pptx.toolbar.comments"),
-            icon: /* @__PURE__ */ jsx(LuMessageSquarePlus, {}),
-            onClick: p.onToggleComments,
-            active: p.isCommentsPanelOpen,
-            title: t("pptx.review.toggleComments")
-          }
-        ),
-        Boolean(p.slideCommentCount) && /* @__PURE__ */ jsx("span", { className: "absolute right-0 top-0 rounded-full bg-primary px-1 text-[9px] text-white", children: p.slideCommentCount })
-      ] }),
-      /* @__PURE__ */ jsxs(RibbonCommandStack, { children: [
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.delete",
-            label: t("pptx.common.delete", { defaultValue: "Delete" }),
-            icon: /* @__PURE__ */ jsx(LuTrash2, {}),
-            disabled: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.previous",
-            label: t("pptx.common.previous", { defaultValue: "Previous" }),
-            icon: /* @__PURE__ */ jsx(LuChevronLeft, {}),
-            disabled: true
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(RibbonCommandStack, { children: [
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.next",
-            label: t("pptx.common.next", { defaultValue: "Next" }),
-            icon: /* @__PURE__ */ jsx(LuChevronRight, {}),
-            disabled: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RibbonCommand,
-          {
-            compact: true,
-            controlId: "review.comments.showComments",
-            label: t("pptx.review.showComments", { defaultValue: "Show Comments" }),
-            icon: /* @__PURE__ */ jsx(LuMessageSquare, {}),
-            onClick: p.onToggleComments
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      RibbonGroup,
-      {
-        label: t("pptx.review.protect", { defaultValue: "Protect" }),
-        groupId: "review.protect",
-        children: [
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.protect.readOnly",
-              label: t("pptx.review.readOnly", { defaultValue: "Always Open Read-only" }),
-              icon: /* @__PURE__ */ jsx(LuLockKeyhole, {}),
-              disabled: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.protect.restrictPermission",
-              label: t("pptx.review.restrictPermission", { defaultValue: "Restrict Permission" }),
-              icon: /* @__PURE__ */ jsx(LuShieldCheck, {}),
-              disabled: true
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            RibbonCommand,
-            {
-              controlId: "review.ink.hideInk",
-              label: t("pptx.review.hideInk", { defaultValue: "Hide Ink" }),
-              icon: /* @__PURE__ */ jsx(LuEyeOff, {}),
-              disabled: true
-            }
-          )
-        ]
-      }
-    )
-  ] });
+        break;
+      case "review.comments.newComment":
+      case "review.comments.showComments":
+        p.onToggleComments?.();
+        break;
+    }
+  };
+  return /* @__PURE__ */ jsx(WebRibbonSection, { groups, onCommand: request });
 }
 function CustomShowsControls({
   customShows,
@@ -4089,81 +3794,6 @@ function SubtitleSettingsControl() {
     }
   );
 }
-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);
@@ -5019,8 +4649,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) {
@@ -5105,7 +4735,7 @@ function TextSection(p) {
             )
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: grp, children: [
+        /* @__PURE__ */ jsxs("div", { className: grp, "data-pptx-chrome": "control-cluster", children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -5537,25 +5167,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,
@@ -5901,22 +5540,18 @@ function MobileToolbar(props) {
     }
   );
 }
+function useTranslateOr() {
+  const { t } = useTranslation();
+  return (key, fallback) => galleryTextLabel(t, key, fallback);
+}
 function ContextualTabSection({ tab }) {
   const translateOr = useTranslateOr();
   return /* @__PURE__ */ jsx(Fragment, { children: CONTEXTUAL_TAB_GROUPS[tab].map((group) => /* @__PURE__ */ jsx(
-    RibbonGroup,
+    WebRibbonGroup,
     {
       groupId: group.group,
       label: translateOr(group.labelKey, group.label),
-      className: "items-center",
-      children: group.galleries.map((placement) => /* @__PURE__ */ jsx(
-        RibbonGallery,
-        {
-          placement,
-          icon: /* @__PURE__ */ jsx(LuSparkles, { className: ics })
-        },
-        placement.control
-      ))
+      children: group.galleries.map((placement) => /* @__PURE__ */ jsx(RibbonGallery, { placement }, placement.control))
     },
     group.group
   )) });
@@ -6000,7 +5635,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",
@@ -6245,6 +5880,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) => {
@@ -6661,131 +6297,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);
@@ -6985,6 +6628,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: [
@@ -7038,6 +6682,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
@@ -7477,7 +7122,7 @@ function ChartQuickActionsOverlay({
       "data-export-ignore": "true",
       style: { position: "absolute", left: 0, top: 0, zIndex: 59 },
       onMouseDown: (e) => e.stopPropagation(),
-      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React7.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -7497,7 +7142,7 @@ function ChartQuickActionsOverlay({
               transformOrigin: "top left"
             },
             className: "flex items-center justify-center rounded bg-white border border-gray-300 shadow-sm hover:bg-gray-100 text-gray-700",
-            children: React6.createElement(ICONS4[button.id], { className: "size-3.5" })
+            children: React7.createElement(ICONS4[button.id], { className: "size-3.5" })
           }
         ),
         open === button.id && button.id === "elements" && /* @__PURE__ */ jsxs(
@@ -8647,7 +8292,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React6.memo(HorizontalRulerView);
+var HorizontalRuler = React7.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -8719,7 +8364,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React6.memo(VerticalRulerView);
+var VerticalRuler = React7.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -10535,13 +10180,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();
@@ -10552,7 +10199,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, {
@@ -10599,6 +10246,9 @@ function SlideThumbnailImpl({
   );
 }
 function slideThumbnailPropsEqual(prev, next) {
+  if (prev.previewWidth !== next.previewWidth) {
+    return false;
+  }
   if (prev.slide.id !== next.slide.id) {
     return false;
   }
@@ -10640,7 +10290,7 @@ function slideThumbnailPropsEqual(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React6.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
+var SlideThumbnail = React7.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -10771,7 +10421,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;
@@ -10801,7 +10455,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(
@@ -10810,7 +10467,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);
@@ -10871,7 +10528,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;
@@ -10901,7 +10559,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(
@@ -10910,7 +10571,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);
@@ -11337,6 +10998,7 @@ function LazyThumbnailInner({
   templateElements,
   canvasSize,
   previewHeight,
+  previewWidth,
   fieldContext,
   tableStyleContext
 }) {
@@ -11374,6 +11036,7 @@ function LazyThumbnailInner({
       slide,
       templateElements,
       canvasSize,
+      previewWidth,
       fieldContext,
       tableStyleContext
     }
@@ -11383,12 +11046,12 @@ 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
       }
     }
   ) });
 }
-var LazyThumbnail = React6.memo(LazyThumbnailInner);
+var LazyThumbnail = React7.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function formatTimingMs(ms) {
@@ -11417,12 +11080,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,
@@ -11431,6 +11090,7 @@ function SlideItemInner({
   isActive,
   isSelected = false,
   canvasSize,
+  previewWidth = EDITOR_THUMBNAIL_WIDTH,
   canEdit,
   rehearsalTimings,
   presenceUsers,
@@ -11461,8 +11121,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",
     {
@@ -11470,6 +11129,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(
@@ -11485,28 +11145,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",
           {
@@ -11514,7 +11181,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(
@@ -11524,6 +11192,7 @@ function SlideItemInner({
                   templateElements,
                   canvasSize,
                   previewHeight,
+                  previewWidth,
                   fieldContext,
                   tableStyleContext
                 }
@@ -11544,7 +11213,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React6.memo(SlideItemInner);
+var SlideItem = React7.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -11727,9 +11396,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 {
@@ -11841,80 +11511,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,
         {
@@ -11950,6 +11629,7 @@ function SlidesPaneSidebar({
             isActive: idx === activeSlideIndex,
             isSelected: selectedSlideIds.includes(slide.id),
             canvasSize,
+            previewWidth,
             canEdit,
             rehearsalTimings,
             presenceUsers: slidePresenceMap?.get(idx),
@@ -11975,12 +11655,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",
@@ -12941,7 +12622,7 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SlideCard = React6.memo(SlideCardImpl, arePropsEqual);
+var SlideCard = React7.memo(SlideCardImpl, arePropsEqual);
 function SorterContextMenu({
   x,
   y,
@@ -14500,8 +14181,8 @@ function SlideNotesPanel({
   onHeightChange
 }) {
   const { t } = useTranslation();
-  const rootRef = React6.useRef(null);
-  React6.useEffect(() => {
+  const rootRef = React7.useRef(null);
+  React7.useEffect(() => {
     const el = rootRef.current;
     if (!el || !onHeightChange) {
       return void 0;
@@ -14562,6 +14243,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
@@ -14589,6 +14271,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",
@@ -16391,9 +16074,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React6.createElement("br", { key: span.key });
+      return React7.createElement("br", { key: span.key });
     }
-    return React6.createElement(
+    return React7.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -16625,7 +16308,7 @@ function scaledSlidePreviewPropsEqual(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React6.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
+var ScaledSlidePreview = React7.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
 function PresenterNotesRail({
   slides,
   current,
@@ -17863,7 +17546,7 @@ function EffectSoundRow({
   onPickStock
 }) {
   const { t } = useTranslation();
-  const fileInputRef = React6.useRef(null);
+  const fileInputRef = React7.useRef(null);
   const selectedValue = soundState.catalogueId ?? (soundState.hasSound ? CURRENT_VALUE : NONE_VALUE);
   const handleSelectChange = (event) => {
     const value = event.target.value;
@@ -18730,8 +18413,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 = [
@@ -21449,7 +21132,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].width) }),
           /* @__PURE__ */ jsx(
@@ -24326,7 +24009,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React6.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React7.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             WebCheckbox,
@@ -25194,7 +24877,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React6.useState(false);
+  const [expanded, setExpanded] = React7.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxs(
@@ -25845,7 +25528,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React6.useCallback((key) => t(key), [t]);
+  const translate = React7.useCallback((key) => t(key), [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.smartart.colorScheme") }),
@@ -25900,9 +25583,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React6.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React6.useRef(null);
-  React6.useEffect(() => {
+  const inputRefs = React7.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React7.useRef(null);
+  React7.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -27516,7 +27199,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React6.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React7.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -27963,37 +27646,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: [
@@ -28338,9 +28038,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(
@@ -29018,7 +28718,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React6.useCallback(
+  const handleTransitionChange = React7.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -29026,7 +28726,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,
       {
@@ -29405,6 +29105,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",
@@ -29441,7 +29142,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,
               {
@@ -32936,7 +32637,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React6.useMemo(
+  const scopedLayoutOptions = React7.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -34908,7 +34609,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-7OVUGUKW.mjs')
+    import('./AiChatPanel-K3PL6O3M.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -35030,348 +34731,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
-}) {
+function ThemeEditorPanel({ theme, canEdit, onApply, onClose }) {
   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
-}) {
-  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,
@@ -35918,22 +35309,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(
@@ -35975,6 +35359,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,
@@ -36021,8 +35487,8 @@ function ViewerMainContent(props) {
     canvasHandlers,
     insertHandlers,
     manipulation,
-    slideOps,
     tableOps,
+    slideOps,
     findReplace
   } = editorOps;
   const hf = state.headerFooter;
@@ -36045,7 +35511,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,
@@ -36177,69 +35643,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",
@@ -36423,6 +35827,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: [
@@ -36740,7 +36147,7 @@ function MobileChromeOverlay(props) {
     /* @__PURE__ */ jsx(
       MobileSlidesSheet,
       {
-        open: s.isSlidesPaneOpen,
+        open: s.isSlidesPaneOpen && !s.isThemeEditorOpen,
         onClose: () => s.setIsSlidesPaneOpen(false),
         slides,
         templateElementsBySlideId: s.templateElementsBySlideId,
@@ -39289,6 +38696,7 @@ var PowerPointViewer = forwardRef(
       {
         style: themeStyle,
         "data-pptx-viewer": "",
+        "data-pptx-editor-chrome": "",
         ...{ [RIBBON_SCOPE_ATTR]: ribbonScope },
         "aria-busy": loading,
         className: cn(
@@ -39296,6 +38704,7 @@ var PowerPointViewer = forwardRef(
           ...resolveOptionRootClasses(viewerOptions, "pptx")
         ),
         children: [
+          /* @__PURE__ */ jsx(EditorChromeStyle, {}),
           /* @__PURE__ */ jsx(RibbonCustomizationStyle, { resolved: customizationResolved, scope: ribbonScope }),
           /* @__PURE__ */ jsx(
             "div",