pptx-react-viewer 4.15.0 → 4.16.0

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

@@ -1,9 +1,9 @@
-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 { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-WRQ7K3DG.mjs';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, ViewerOptionsStoreContext, ViewerOptionsContext, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-QLUA63T3.mjs';
+import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, TOOLBAR_SECTIONS, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-MFGRRONU.mjs';
+import { FIXED_TAB_GALLERIES, EMPTY_RESOLVED_CUSTOMIZATION, ANIMATION_DIRECTION_LABEL_KEYS, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, EDITOR_THUMBNAIL_WIDTH, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, editorThumbnailWidth, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, extraQuickAccessCommands, visibleContextualTabs, resolveActiveRibbonTab, resolveScreenTip, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, hasShapeProperties, shapeFillChange, shapeOutlineChange, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSlidePaneContextMenuEntries, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, customizeContextMenuEntries, buildContextMenuEntries, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, COMMON_FONT_SIZES, RIBBON_CONTROL_ATTR, FREEFORM_TOOL_IDS, isDrawingToolVisible, FREEFORM_TOOL_LABEL_KEYS, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, RIBBON_GROUP_ATTR, RIBBON_SHAPE_SWATCHES, buildRibbonGallery, galleryHasItems, inlineGalleryItems, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, HELP_RIBBON_COMMANDS, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, clampFlyoutPosition, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_GALLERY_POPUP_ATTR, applyRibbonGalleryItem, galleryItemLabel, RIBBON_GALLERY_ITEM_ATTR, RIBBON_GALLERY_ATTR, MERGE_SHAPES_LABEL_KEY, MERGE_SHAPES_HINT_KEY, MERGE_SHAPES_MENU_ITEMS, CROP_LABEL_KEY, CROP_ASPECT_LABEL_KEY, CROP_ASPECT_GROUP_LABEL_KEYS, CROP_ASPECT_PRESETS, CROP_FILL_LABEL_KEY, CROP_FIT_LABEL_KEY, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, playAnimationRibbonPreview, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsLabels, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, hasMultipleSelectedTableCells, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildSlideTemplateContent, updateSubtitleSettings, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, THEME_COLOR_SCHEME_KEYS, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from './chunk-MJ6LTUJ3.mjs';
 import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-CJSIEITL.mjs';
-import React6, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, Fragment as Fragment$1, useDeferredValue, Suspense, useReducer } from 'react';
+import React6, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Fragment as Fragment$1, Suspense, useReducer } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuFolderOpen, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPaintbrush, LuPencil, LuCaseSensitive, LuTimer, LuHighlighter, LuEraser, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuList, LuListOrdered, LuIndentIncrease, LuIndentDecrease, LuLink, LuGrid2X2, LuClipboardPaste, LuCopyPlus, LuScan, LuRotateCcw, LuMonitorOff, LuCirclePlay, LuCirclePause, LuCaptions, LuArrowLeftRight, LuClipboardCopy, LuLayoutGrid, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuClock3, LuUser, LuHardDrive, LuLogIn, LuScissors, LuLayoutTemplate, LuFolderPlus, LuSpline, LuMoveRight, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuStar, LuMousePointerClick, 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';
@@ -1101,6 +1101,7 @@ function CropRibbonControls({ canEdit }) {
         "button",
         {
           type: "button",
+          "data-pptx-chrome": "crop-main",
           "data-pptx-ribbon-control": "crop",
           "aria-label": label,
           "aria-pressed": active,
@@ -1116,6 +1117,7 @@ function CropRibbonControls({ canEdit }) {
         "button",
         {
           type: "button",
+          "data-pptx-chrome": "crop-caret",
           "data-pptx-ribbon-control": "crop-menu",
           "aria-label": t(CROP_ASPECT_LABEL_KEY),
           "aria-haspopup": "menu",
@@ -1291,7 +1293,7 @@ function ArrangeSection(p) {
   const hasSel = Boolean(p.selectedElement);
   const canMut = hasSel && p.canEdit;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.arrange"), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "arrange-controls", children: [
       /* @__PURE__ */ jsx("div", { className: grp, ...controlAttr("home.arrange.align"), children: ALIGN_BTNS.map((a, i, arr) => /* @__PURE__ */ jsx(
         "button",
         {
@@ -1375,7 +1377,7 @@ function ArrangeSection(p) {
           hiddenActions: p.hiddenActions
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: grp, children: [
+      /* @__PURE__ */ jsxs("div", { className: grp, "data-pptx-chrome": "order-controls", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -1612,6 +1614,7 @@ function RibbonGallery({
       "button",
       {
         type: "button",
+        "data-pptx-chrome": chevronOnly ? "gallery-caret" : void 0,
         ...galleryAttrs,
         "aria-haspopup": "true",
         "aria-expanded": open,
@@ -2222,7 +2225,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.14.0" ;
+  const version = "4.15.0" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -2695,42 +2698,50 @@ function ClipboardGroup(p) {
     /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.clipboard") })
   ] });
 }
-function FontFamilyMenu(p) {
+function FontPickers(p) {
   const { t } = useTranslation();
-  const groups = buildFontCatalog({
-    themeFonts: p.themeFonts,
-    embeddedFonts: p.embeddedFonts,
-    customFonts: p.customFonts
-  });
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React6.Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `px-3 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground${groupIndex > 0 ? " border-t border-border/60 mt-1" : ""}`,
-        children: t(group.labelKey)
-      }
-    ),
-    group.entries.map((entry) => /* @__PURE__ */ jsx(FontRow, { entry, onSelect: p.onSelect }, `${group.id}-${entry.family}`))
-  ] }, group.id)) }) });
-}
-function FontRow({
-  entry,
-  onSelect
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      className: "flex w-full items-center justify-between gap-3 px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-      style: { fontFamily: entry.family },
-      onClick: () => onSelect(entry.family),
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "truncate", children: entry.family }),
-        entry.themeRole && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: t(`pptx.font.role.${entry.themeRole}`) })
-      ]
-    }
-  );
+  const groups = buildFontCatalog(p);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", "data-ribbon-group": "home.font", children: [
+    /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "font-picker-controls", children: [
+      /* @__PURE__ */ jsx(
+        WebSelect,
+        {
+          variant: "ribbon-font",
+          "data-font-picker": "family",
+          "data-ribbon-control": "home.font.fontFamily",
+          "aria-label": t("pptx.ribbon.fontFamily"),
+          value: p.fontFamily,
+          disabled: !p.enabled,
+          onChange: (e) => p.onFamily(e.target.value),
+          children: groups.map((group) => /* @__PURE__ */ jsx("optgroup", { label: t(group.labelKey), children: group.entries.map((entry) => /* @__PURE__ */ jsx(
+            "option",
+            {
+              value: entry.family,
+              style: { fontFamily: entry.family },
+              "data-display-label": entry.family,
+              "data-description": entry.themeRole ? t(`pptx.font.role.${entry.themeRole}`) : void 0,
+              children: entry.family
+            },
+            entry.family
+          )) }, group.id))
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        WebSelect,
+        {
+          variant: "ribbon-font",
+          "data-font-picker": "size",
+          "data-ribbon-control": "home.font.fontSize",
+          "aria-label": t("pptx.ribbon.fontSize"),
+          value: p.fontSize,
+          disabled: !p.enabled,
+          onChange: (e) => p.onSize(Number(e.target.value)),
+          children: COMMON_FONT_SIZES.map((size) => /* @__PURE__ */ jsx("option", { value: size, children: size }, size))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("span", { "data-pptx-chrome": "ribbon-group-label", children: t("pptx.ribbon.font") })
+  ] });
 }
 function useLayoutPreviews(loadPreviews, enabled) {
   const [previews, setPreviews] = useState(/* @__PURE__ */ new Map());
@@ -2889,17 +2900,19 @@ function SlidesGroup(p) {
   }, [layoutMenuOpen]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.slides"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "slides-controls", children: [
         /* @__PURE__ */ jsxs(
           "div",
           {
             className: "relative inline-flex items-center",
             ref: newSlideMenuRef,
             ...controlAttr("home.slides.newSlide"),
+            "data-pptx-chrome": "split-button",
             children: [
               /* @__PURE__ */ jsxs(
                 "button",
                 {
+                  "data-pptx-chrome": "split-main",
                   type: "button",
                   onClick: handleNewSlide,
                   disabled: !p.canEdit || p.layoutOptions.length === 0,
@@ -2918,6 +2931,7 @@ function SlidesGroup(p) {
               p.layoutOptions.length > 0 && /* @__PURE__ */ jsx(
                 "button",
                 {
+                  "data-pptx-chrome": "split-caret",
                   type: "button",
                   disabled: !p.canEdit,
                   className: "inline-flex items-center justify-center self-stretch px-1 rounded-r bg-muted hover:bg-accent text-xs transition-colors border-l border-border/40 active:scale-95 active:opacity-80",
@@ -3057,46 +3071,11 @@ function extractFontInfo(element, themeFonts) {
   };
 }
 function HomeSection(p) {
-  const { t } = useTranslation();
-  const [fontMenuOpen, setFontMenuOpen] = useState(false);
-  const [sizeMenuOpen, setSizeMenuOpen] = useState(false);
-  const fontMenuRef = useRef(null);
-  const sizeMenuRef = useRef(null);
   const { fontFamily, fontSize } = extractFontInfo(p.selectedElement, p.themeFonts);
   const hasSelection = Boolean(p.selectedElement);
   const canFormat = p.canEdit && Boolean(p.onUpdateTextStyle) && Boolean(
     p.selectedElement && (hasTextProperties(p.selectedElement) || p.selectedElement.type === "table" && p.tableEditorState)
   );
-  useEffect(() => {
-    if (!canFormat) {
-      setFontMenuOpen(false);
-      setSizeMenuOpen(false);
-    }
-  }, [canFormat]);
-  useEffect(() => {
-    if (!fontMenuOpen) {
-      return;
-    }
-    const handler = (e) => {
-      if (fontMenuRef.current && !fontMenuRef.current.contains(e.target)) {
-        setFontMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [fontMenuOpen]);
-  useEffect(() => {
-    if (!sizeMenuOpen) {
-      return;
-    }
-    const handler = (e) => {
-      if (sizeMenuRef.current && !sizeMenuRef.current.contains(e.target)) {
-        setSizeMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [sizeMenuOpen]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       ClipboardGroup,
@@ -3128,71 +3107,21 @@ function HomeSection(p) {
         onAddSection: p.onAddSection
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.font"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxs("div", { className: "relative", ref: fontMenuRef, ...controlAttr("home.font.fontFamily"), children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setFontMenuOpen((v) => !v),
-              disabled: !canFormat,
-              "aria-label": t("pptx.ribbon.fontFamily"),
-              className: "inline-flex items-center justify-between px-2 py-1 rounded-sm border border-border/60 bg-background/60 text-[11px] text-foreground min-w-[120px] truncate enabled:hover:bg-accent/40 transition-colors cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: fontFamily }),
-                /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3 ml-1 shrink-0 text-muted-foreground" })
-              ]
-            }
-          ),
-          fontMenuOpen && canFormat && /* @__PURE__ */ jsx(
-            FontFamilyMenu,
-            {
-              anchorRef: fontMenuRef,
-              themeFonts: p.themeFonts,
-              embeddedFonts: p.embeddedFontFamilies,
-              customFonts: p.customFontFamilies,
-              onSelect: (family) => {
-                p.onUpdateTextStyle?.({ fontFamily: family });
-                setFontMenuOpen(false);
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "relative", ref: sizeMenuRef, ...controlAttr("home.font.fontSize"), children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => setSizeMenuOpen((v) => !v),
-              disabled: !canFormat,
-              "aria-label": t("pptx.ribbon.fontSize"),
-              className: "inline-flex items-center justify-between px-2 py-1 rounded-sm border border-border/60 bg-background/60 text-[11px] text-foreground min-w-[50px] text-center enabled:hover:bg-accent/40 transition-colors cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "truncate", children: fontSize }),
-                /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3 ml-1 shrink-0 text-muted-foreground" })
-              ]
-            }
-          ),
-          sizeMenuOpen && canFormat && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: sizeMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_FONT_SIZES.map((s) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-              onClick: () => {
-                p.onUpdateTextStyle?.({
-                  fontSize: p.selectedElement && hasTextProperties(p.selectedElement) ? textFontSizePtToPx(s) : s
-                });
-                setSizeMenuOpen(false);
-              },
-              children: s
-            },
-            s
-          )) }) })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.font") })
-    ] }),
+    /* @__PURE__ */ jsx(
+      FontPickers,
+      {
+        enabled: canFormat,
+        fontFamily,
+        fontSize,
+        themeFonts: p.themeFonts,
+        embeddedFonts: p.embeddedFontFamilies,
+        customFonts: p.customFontFamilies,
+        onFamily: (family) => p.onUpdateTextStyle?.({ fontFamily: family }),
+        onSize: (size) => p.onUpdateTextStyle?.({
+          fontSize: p.selectedElement && hasTextProperties(p.selectedElement) ? textFontSizePtToPx(size) : size
+        })
+      }
+    ),
     sep
   ] });
 }
@@ -5019,8 +4948,8 @@ function TextSection(p) {
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.font"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("div", { className: grp, children: FMT.map((b, i, a) => {
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "font-controls", children: [
+        /* @__PURE__ */ jsx("div", { className: grp, "data-pptx-chrome": "control-cluster", children: FMT.map((b, i, a) => {
           const flag = isTextDecorationFlag(b.id) ? b.id : void 0;
           const handleClick = () => {
             if (!canFormat || !p.selectedElement || !flag) {
@@ -5105,7 +5034,7 @@ function TextSection(p) {
             )
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: grp, children: [
+        /* @__PURE__ */ jsxs("div", { className: grp, "data-pptx-chrome": "control-cluster", children: [
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -5537,25 +5466,34 @@ function MobileMenuSheet(props) {
   const { open, onClose } = props;
   const [active, setActive] = useState("home");
   const { isTabVisible } = useToolbarVisibility(props.hiddenActions);
-  return /* @__PURE__ */ jsx(MobileSheet, { open, onClose, autoHeight: true, title: t("pptx.mobileToolbar.menu"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 px-3 py-2", children: MENU_ITEMS.filter(({ key }) => isTabVisible(key)).map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: () => setActive(active === key ? null : key),
-        className: cn(
-          "inline-flex items-center gap-1.5 shrink-0 px-3 py-2 rounded-full text-[12px] font-medium border transition-colors min-h-[36px]",
-          active === key ? "bg-primary text-white border-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent/40"
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }),
-          t(label)
-        ]
-      },
-      key
-    )) }) }),
-    /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(MobileSectionBody, { active, ...props }) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    MobileSheet,
+    {
+      open: open && !props.isThemeEditorOpen,
+      onClose,
+      autoHeight: true,
+      title: t("pptx.mobileToolbar.menu"),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 px-3 py-2", children: MENU_ITEMS.filter(({ key }) => isTabVisible(key)).map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => setActive(active === key ? null : key),
+            className: cn(
+              "inline-flex items-center gap-1.5 shrink-0 px-3 py-2 rounded-full text-[12px] font-medium border transition-colors min-h-[36px]",
+              active === key ? "bg-primary text-white border-primary" : "border-border text-muted-foreground hover:text-foreground hover:bg-accent/40"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { className: "w-4 h-4" }),
+              t(label)
+            ]
+          },
+          key
+        )) }) }),
+        /* @__PURE__ */ jsx("div", { className: "p-3", children: /* @__PURE__ */ jsx(MobileSectionBody, { active, ...props }) })
+      ] })
+    }
+  );
 }
 function MobileSectionBody({
   active,
@@ -6000,7 +5938,7 @@ function DrawingGroup(p) {
   const setArrangeOpen = arrange.setOpen;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.drawing"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", "data-pptx-chrome": "drawing-controls", children: [
         /* @__PURE__ */ jsxs("div", { className: "relative", ref: shapes.ref, ...controlAttr("home.drawing.shapes"), children: [
           /* @__PURE__ */ jsxs(
             "button",
@@ -6245,6 +6183,7 @@ function RibbonTabBar(p) {
     "div",
     {
       role: "tablist",
+      "data-pptx-chrome": "ribbon-tabs",
       className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
       children: [
         TOOLBAR_SECTIONS.filter((s) => p.isTabVisible(s.id)).map((s) => {
@@ -6661,131 +6600,138 @@ function ToolbarPrimaryRow(p) {
   const showShare = isDialogAvailable(customization, "share");
   const showSettings = isDialogAvailable(customization, "options");
   const qab = "p-1 max-md:p-2 max-md:min-h-[40px] max-md:min-w-[40px] rounded-sm transition-colors hover:bg-accent/60 disabled:opacity-40 disabled:cursor-not-allowed active:scale-90 active:opacity-70";
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 max-md:gap-0 px-1.5 py-0.5 max-md:px-1", children: [
-    mode !== "present" && showSlidesToggle && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onToggleSidebar,
-        className: cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
-        title: t("pptx.toolbar.toggleSlidesPanel"),
-        "aria-label": t("pptx.toolbar.toggleSlidesPanel"),
-        children: /* @__PURE__ */ jsx(LuPanelLeft, { className: ic })
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-2 max-md:min-w-1" }),
-    (mode === "edit" || mode === "master") && showComments && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        onClick: p.onToggleComments,
-        className: cn(
-          qab,
-          "relative max-md:hidden",
-          p.isCommentsPanelOpen ? "text-foreground" : "text-muted-foreground"
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-pptx-chrome": "ribbon-primary",
+      className: "flex items-center gap-0.5 max-md:gap-0 px-1.5 py-0.5 max-md:px-1",
+      children: [
+        mode !== "present" && showSlidesToggle && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onToggleSidebar,
+            className: cn(qab, !isSidebarCollapsed ? "text-foreground" : "text-muted-foreground"),
+            title: t("pptx.toolbar.toggleSlidesPanel"),
+            "aria-label": t("pptx.toolbar.toggleSlidesPanel"),
+            children: /* @__PURE__ */ jsx(LuPanelLeft, { className: ic })
+          }
         ),
-        title: t("pptx.toolbar.comments"),
-        "aria-label": t("pptx.toolbar.comments"),
-        children: [
-          /* @__PURE__ */ jsx(LuMessageSquare, { className: ics }),
-          (p.slideCommentCount ?? 0) > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 flex items-center justify-center w-3.5 h-3.5 rounded-full bg-primary text-[8px] text-white leading-none", children: p.slideCommentCount })
-        ]
-      }
-    ),
-    collab && showShare && (collab.status === "connected" || collab.status === "connecting") && collab.remoteUsers.length > 0 && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onOpenShareDialog,
-        className: "mx-1 rounded-sm px-1 py-0.5 hover:bg-accent/60 transition-colors cursor-pointer",
-        title: t("pptx.toolbar.sharingUsers", { count: collab.connectedCount }),
-        children: /* @__PURE__ */ jsx(
-          UserAvatarBar,
+        /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-2 max-md:min-w-1" }),
+        (mode === "edit" || mode === "master") && showComments && /* @__PURE__ */ jsxs(
+          "button",
           {
-            remoteUsers: collab.remoteUsers,
-            localUserName: collab.config.userName,
-            localUserColor: collab.config.userColor ?? "#6366f1",
-            localUserAvatar: collab.config.userAvatar,
-            status: collab.status
+            type: "button",
+            onClick: p.onToggleComments,
+            className: cn(
+              qab,
+              "relative max-md:hidden",
+              p.isCommentsPanelOpen ? "text-foreground" : "text-muted-foreground"
+            ),
+            title: t("pptx.toolbar.comments"),
+            "aria-label": t("pptx.toolbar.comments"),
+            children: [
+              /* @__PURE__ */ jsx(LuMessageSquare, { className: ics }),
+              (p.slideCommentCount ?? 0) > 0 && /* @__PURE__ */ jsx("span", { className: "absolute -top-0.5 -right-0.5 flex items-center justify-center w-3.5 h-3.5 rounded-full bg-primary text-[8px] text-white leading-none", children: p.slideCommentCount })
+            ]
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      ModeSwitcher,
-      {
-        mode: p.mode,
-        onSetMode: p.onSetMode,
-        onCloseMasterView: p.onCloseMasterView,
-        onToggleSlideSorter: p.onToggleSlideSorter,
-        onEnterPresenterView: p.onEnterPresenterView,
-        onEnterRehearsalMode: p.onEnterRehearsalMode,
-        onOpenSetUpSlideShow: p.onOpenSetUpSlideShow,
-        onOpenBroadcastDialog: p.onOpenBroadcastDialog,
-        onToggleSubtitles: p.onToggleSubtitles,
-        showSubtitles: p.showSubtitles
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      CustomShowsControls,
-      {
-        customShows: p.customShows,
-        activeCustomShowId: p.activeCustomShowId,
-        canEdit: p.canEdit,
-        isCurrentSlideInActiveShow: p.isCurrentSlideInActiveShow,
-        onSetActiveCustomShowId: p.onSetActiveCustomShowId,
-        onCreateCustomShow: p.onCreateCustomShow,
-        onRenameActiveCustomShow: p.onRenameActiveCustomShow,
-        onDeleteActiveCustomShow: p.onDeleteActiveCustomShow,
-        onToggleCurrentSlideInActiveShow: p.onToggleCurrentSlideInActiveShow
-      }
-    ),
-    sep,
-    (mode === "edit" || mode === "master") && showInspectorToggle && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onToggleInspector,
-        className: cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
-        title: t("pptx.toolbar.toggleInspector"),
-        "aria-label": t("pptx.toolbar.toggleInspector"),
-        children: /* @__PURE__ */ jsx(LuPanelRight, { className: ic })
-      }
-    ),
-    p.aiEnabled && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onToggleAiPanel,
-        className: cn(qab, p.isAiPanelOpen ? "text-primary" : "text-muted-foreground"),
-        title: t("pptx.toolbar.toggleAiAssistant"),
-        "aria-label": t("pptx.toolbar.toggleAiAssistant"),
-        children: /* @__PURE__ */ jsx(LuSparkles, { className: ic })
-      }
-    ),
-    showSettings && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onOpenSettings ?? p.onToggleShortcuts,
-        className: cn(qab, "text-muted-foreground"),
-        title: t("pptx.toolbar.settingsShortcuts"),
-        "aria-label": t("pptx.toolbar.settings"),
-        children: /* @__PURE__ */ jsx(LuSettings, { className: ics })
-      }
-    ),
-    !canEdit && p.isProtectedView && p.onEnableEditing ? /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: p.onEnableEditing,
-        className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50 transition-colors hover:bg-amber-600",
-        title: t("pptx.options.trust.protectedViewInfo"),
-        children: t("pptx.security.enableEditing")
-      }
-    ) : !canEdit && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50", children: t("pptx.toolbar.readOnly") }),
-    /* @__PURE__ */ jsx(OverflowMenu, { ...p })
-  ] });
+        ),
+        collab && showShare && (collab.status === "connected" || collab.status === "connecting") && collab.remoteUsers.length > 0 && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onOpenShareDialog,
+            className: "mx-1 rounded-sm px-1 py-0.5 hover:bg-accent/60 transition-colors cursor-pointer",
+            title: t("pptx.toolbar.sharingUsers", { count: collab.connectedCount }),
+            children: /* @__PURE__ */ jsx(
+              UserAvatarBar,
+              {
+                remoteUsers: collab.remoteUsers,
+                localUserName: collab.config.userName,
+                localUserColor: collab.config.userColor ?? "#6366f1",
+                localUserAvatar: collab.config.userAvatar,
+                status: collab.status
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ModeSwitcher,
+          {
+            mode: p.mode,
+            onSetMode: p.onSetMode,
+            onCloseMasterView: p.onCloseMasterView,
+            onToggleSlideSorter: p.onToggleSlideSorter,
+            onEnterPresenterView: p.onEnterPresenterView,
+            onEnterRehearsalMode: p.onEnterRehearsalMode,
+            onOpenSetUpSlideShow: p.onOpenSetUpSlideShow,
+            onOpenBroadcastDialog: p.onOpenBroadcastDialog,
+            onToggleSubtitles: p.onToggleSubtitles,
+            showSubtitles: p.showSubtitles
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          CustomShowsControls,
+          {
+            customShows: p.customShows,
+            activeCustomShowId: p.activeCustomShowId,
+            canEdit: p.canEdit,
+            isCurrentSlideInActiveShow: p.isCurrentSlideInActiveShow,
+            onSetActiveCustomShowId: p.onSetActiveCustomShowId,
+            onCreateCustomShow: p.onCreateCustomShow,
+            onRenameActiveCustomShow: p.onRenameActiveCustomShow,
+            onDeleteActiveCustomShow: p.onDeleteActiveCustomShow,
+            onToggleCurrentSlideInActiveShow: p.onToggleCurrentSlideInActiveShow
+          }
+        ),
+        sep,
+        (mode === "edit" || mode === "master") && showInspectorToggle && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onToggleInspector,
+            className: cn(qab, isInspectorPaneOpen ? "text-foreground" : "text-muted-foreground"),
+            title: t("pptx.toolbar.toggleInspector"),
+            "aria-label": t("pptx.toolbar.toggleInspector"),
+            children: /* @__PURE__ */ jsx(LuPanelRight, { className: ic })
+          }
+        ),
+        p.aiEnabled && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onToggleAiPanel,
+            className: cn(qab, p.isAiPanelOpen ? "text-primary" : "text-muted-foreground"),
+            title: t("pptx.toolbar.toggleAiAssistant"),
+            "aria-label": t("pptx.toolbar.toggleAiAssistant"),
+            children: /* @__PURE__ */ jsx(LuSparkles, { className: ic })
+          }
+        ),
+        showSettings && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onOpenSettings ?? p.onToggleShortcuts,
+            className: cn(qab, "text-muted-foreground"),
+            title: t("pptx.toolbar.settingsShortcuts"),
+            "aria-label": t("pptx.toolbar.settings"),
+            children: /* @__PURE__ */ jsx(LuSettings, { className: ics })
+          }
+        ),
+        !canEdit && p.isProtectedView && p.onEnableEditing ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: p.onEnableEditing,
+            className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50 transition-colors hover:bg-amber-600",
+            title: t("pptx.options.trust.protectedViewInfo"),
+            children: t("pptx.security.enableEditing")
+          }
+        ) : !canEdit && /* @__PURE__ */ jsx("span", { className: "inline-flex items-center px-2 py-0.5 rounded-sm bg-amber-600/90 text-[10px] text-amber-50", children: t("pptx.toolbar.readOnly") }),
+        /* @__PURE__ */ jsx(OverflowMenu, { ...p })
+      ]
+    }
+  );
 }
 function useContextualRibbonTab(selectedElement, customization, onFallback) {
   const visible = visibleContextualTabs(selectedElement ?? null, customization);
@@ -6985,6 +6931,7 @@ function Toolbar(p) {
     "div",
     {
       role: "toolbar",
+      "data-pptx-chrome": "ribbon",
       "aria-label": t("pptx.toolbar.presentationToolbarAria"),
       className: "relative z-20 border-b border-border bg-secondary/50 overflow-visible",
       children: [
@@ -7038,6 +6985,7 @@ function Toolbar(p) {
         showRibbon && /* @__PURE__ */ jsxs(
           "div",
           {
+            "data-pptx-chrome": "ribbon-content",
             className: cn(
               // Plain controls stay compact; labelled RibbonGroups opt into stretching.
               // `RibbonGroupScope` wraps controls in a `display: contents` div, so its
@@ -10535,13 +10483,15 @@ function SlideThumbnailImpl({
   slide,
   templateElements,
   canvasSize,
+  previewWidth,
   fieldContext,
   tableStyleContext
 }) {
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
-  const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
+  const width = previewWidth ?? SLIDE_NAV_THUMBNAIL_WIDTH;
+  const scale = width / safeCanvasWidth;
+  const previewHeight = editorThumbnailHeight(safeCanvasWidth, safeCanvasHeight, width);
   const previewElements = buildPreviewElements(slide, templateElements);
   const slideFieldContext = deriveSlideFieldContext(fieldContext, slide);
   const { t } = useTranslation();
@@ -10552,7 +10502,7 @@ function SlideThumbnailImpl({
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: "relative w-full overflow-hidden rounded border border-border bg-white",
+      className: previewWidth === void 0 ? "relative w-full overflow-hidden rounded border border-border bg-white" : "relative w-full overflow-hidden bg-white",
       style: {
         height: previewHeight,
         ...getReactSlideBackgroundStyle(slide, {
@@ -10599,6 +10549,9 @@ function SlideThumbnailImpl({
   );
 }
 function slideThumbnailPropsEqual(prev, next) {
+  if (prev.previewWidth !== next.previewWidth) {
+    return false;
+  }
   if (prev.slide.id !== next.slide.id) {
     return false;
   }
@@ -10771,7 +10724,11 @@ function ContextMenu(props) {
   const handlers = contextMenuHandlers(props, shapeFormat);
   const entries = customizeContextMenuEntries(
     buildContextMenuEntries(contextMenuContext(props, shapeFormat)),
-    customization
+    customization,
+    {
+      slideIndex: props.slideIndex ?? 0,
+      elementIds: props.elementIds ?? (props.selectedElement ? [props.selectedElement.id] : [])
+    }
   );
   if (entries.length === 0) {
     return null;
@@ -10801,7 +10758,10 @@ function ContextMenu(props) {
           top: menuPosition.top
         },
         children: entries.map((entry) => {
-          const run = handlers[entry.id];
+          const run = "host" in entry ? () => {
+            onClose();
+            entry.onSelect();
+          } : handlers[entry.id];
           return /* @__PURE__ */ jsxs(Fragment$1, { children: [
             entry.separatorBefore && /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
             /* @__PURE__ */ jsx(
@@ -10810,7 +10770,7 @@ function ContextMenu(props) {
                 danger: entry.danger,
                 disabled: entry.disabled || !run,
                 onSelect: () => run?.(),
-                children: t(entry.labelKey)
+                children: "host" in entry ? entry.label : t(entry.labelKey)
               }
             )
           ] }, entry.id);
@@ -10871,7 +10831,8 @@ function CanvasContextMenu(props) {
   const handlers = canvasContextMenuHandlers(props);
   const entries = customizeCanvasContextMenuEntries(
     buildCanvasContextMenuEntries(canvasContextMenuContext(props)),
-    customization
+    customization,
+    { slideIndex: props.slideIndex ?? 0 }
   );
   if (entries.length === 0) {
     return null;
@@ -10901,7 +10862,10 @@ function CanvasContextMenu(props) {
           top: menuPosition.top
         },
         children: entries.map((entry) => {
-          const run = handlers[entry.id];
+          const run = "host" in entry ? () => {
+            onClose();
+            entry.onSelect();
+          } : handlers[entry.id];
           return /* @__PURE__ */ jsxs(Fragment$1, { children: [
             entry.separatorBefore && /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
             /* @__PURE__ */ jsx(
@@ -10910,7 +10874,7 @@ function CanvasContextMenu(props) {
                 disabled: entry.disabled || !run,
                 checked: entry.checked,
                 onSelect: () => run?.(),
-                children: t(entry.labelKey)
+                children: "host" in entry ? entry.label : t(entry.labelKey)
               }
             )
           ] }, entry.id);
@@ -11337,6 +11301,7 @@ function LazyThumbnailInner({
   templateElements,
   canvasSize,
   previewHeight,
+  previewWidth,
   fieldContext,
   tableStyleContext
 }) {
@@ -11374,6 +11339,7 @@ function LazyThumbnailInner({
       slide,
       templateElements,
       canvasSize,
+      previewWidth,
       fieldContext,
       tableStyleContext
     }
@@ -11383,7 +11349,7 @@ function LazyThumbnailInner({
       className: "relative w-full overflow-hidden rounded border border-border bg-muted/30 animate-pulse",
       style: {
         height: previewHeight,
-        minWidth: SLIDE_NAV_THUMBNAIL_WIDTH
+        minWidth: previewWidth
       }
     }
   ) });
@@ -11417,12 +11383,8 @@ function buildFlatPaneItems(sectionGroups, showSectionHeaders, collapsedSections
   }
   return items;
 }
-function estimateSlideItemHeight(canvasWidth, canvasHeight) {
-  const safeW = Math.max(canvasWidth, 1);
-  const safeH = Math.max(canvasHeight, 1);
-  const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeW;
-  const previewHeight = Math.max(56, Math.round(safeH * scale));
-  return previewHeight + 30;
+function estimateSlideItemHeight(canvasWidth, canvasHeight, width = EDITOR_THUMBNAIL_WIDTH) {
+  return editorThumbnailStep(canvasWidth, canvasHeight, width);
 }
 function SlideItemInner({
   slide,
@@ -11431,6 +11393,7 @@ function SlideItemInner({
   isActive,
   isSelected = false,
   canvasSize,
+  previewWidth = EDITOR_THUMBNAIL_WIDTH,
   canEdit,
   rehearsalTimings,
   presenceUsers,
@@ -11461,8 +11424,7 @@ function SlideItemInner({
   );
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
-  const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
-  const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
+  const previewHeight = editorThumbnailHeight(safeCanvasWidth, safeCanvasHeight, previewWidth);
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -11470,6 +11432,7 @@ function SlideItemInner({
       ref: slideRef,
       "aria-label": t("pptx.slidesPanel.goToSlide", { n: slideIndex + 1 }),
       "aria-current": isActive ? "true" : void 0,
+      "data-pptx-chrome": "slide-row",
       "aria-describedby": cue.labelId,
       "data-pptx-slide-hidden": cue.marker,
       className: cn(
@@ -11485,28 +11448,35 @@ function SlideItemInner({
       onDragOver,
       onDrop: (e) => onDrop(e, slideIndex),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5 w-5 shrink-0", children: [
-          /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "text-[10px] tabular-nums text-right select-none w-full",
-                isActive ? "text-primary font-medium" : "text-muted-foreground"
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-pptx-chrome": "slide-number",
+            className: "flex flex-col items-center gap-0.5 w-5 shrink-0",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "text-[10px] tabular-nums text-right select-none w-full",
+                    isActive ? "text-primary font-medium" : "text-muted-foreground"
+                  ),
+                  style: isHidden ? { backgroundImage: HIDDEN_SLIDE_SLASH_GRADIENT } : void 0,
+                  children: slideIndex + 1
+                }
               ),
-              style: isHidden ? { backgroundImage: HIDDEN_SLIDE_SLASH_GRADIENT } : void 0,
-              children: slideIndex + 1
-            }
-          ),
-          presenceUsers && presenceUsers.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-px", children: presenceUsers.slice(0, 4).map((u, i) => /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: "w-[6px] h-[6px] rounded-full",
-              style: { backgroundColor: u.userColor },
-              title: u.userName
-            },
-            i
-          )) })
-        ] }),
+              presenceUsers && presenceUsers.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap justify-center gap-px", children: presenceUsers.slice(0, 4).map((u, i) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "w-[6px] h-[6px] rounded-full",
+                  style: { backgroundColor: u.userColor },
+                  title: u.userName
+                },
+                i
+              )) })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxs(
           "div",
           {
@@ -11514,7 +11484,8 @@ function SlideItemInner({
               "relative shrink-0 overflow-hidden border transition-colors bg-white",
               isActive ? "border-primary/60" : "border-transparent group-hover:border-border/40"
             ),
-            style: { width: SLIDE_NAV_THUMBNAIL_WIDTH },
+            "data-pptx-chrome": "slide-frame",
+            style: { width: previewWidth, height: previewHeight },
             children: [
               isHidden && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 pointer-events-none z-10 bg-[repeating-linear-gradient(135deg,transparent,transparent_4px,rgba(255,255,255,0.04)_4px,rgba(255,255,255,0.04)_8px)]" }),
               /* @__PURE__ */ jsx(
@@ -11524,6 +11495,7 @@ function SlideItemInner({
                   templateElements,
                   canvasSize,
                   previewHeight,
+                  previewWidth,
                   fieldContext,
                   tableStyleContext
                 }
@@ -11727,9 +11699,10 @@ function SlidesPaneSidebar({
     }
     return map;
   }, [collab]);
+  const previewWidth = editorThumbnailWidth(panelWidth);
   const estimatedItemHeight = useMemo(
-    () => estimateSlideItemHeight(canvasSize.width, canvasSize.height),
-    [canvasSize.width, canvasSize.height]
+    () => estimateSlideItemHeight(canvasSize.width, canvasSize.height, previewWidth),
+    [canvasSize.width, canvasSize.height, previewWidth]
   );
   const showSectionHeaders = sectionGroups.some((group) => group.id !== DEFAULT_SECTION_GROUP_ID);
   const {
@@ -11841,80 +11814,89 @@ function SlidesPaneSidebar({
   }
   const renderVirtualized = () => {
     const visibleItems = flatItems.slice(startIndex, endIndex + 1);
-    return /* @__PURE__ */ jsx("div", { ref: scrollContainerRef, className: "flex-1 overflow-y-auto px-1.5 pb-2", children: /* @__PURE__ */ jsx("div", { style: { height: totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       "div",
       {
-        style: {
-          position: "absolute",
-          top: offsetY,
-          left: 0,
-          right: 0
-        },
-        children: /* @__PURE__ */ jsx("div", { className: "space-y-1", children: visibleItems.map((item) => {
-          if (item.type === "section") {
-            const section = sectionGroups[item.sectionIndex];
-            if (!section) {
-              return null;
-            }
-            const isCollapsed = effectiveCollapsed[section.id] ?? false;
-            return /* @__PURE__ */ jsx(
-              SectionHeader,
-              {
-                sectionId: section.id,
-                label: section.label,
-                slideCount: section.slideIndexes.length,
-                isCollapsed,
-                isRenaming: renamingSectionId === section.id,
-                renameValue,
-                canEdit,
-                sectionIndex: item.sectionIndex,
-                totalSections: sectionGroups.length,
-                renameInputRef,
-                onToggle: toggleSection,
-                onContextMenu: handleSectionContextMenu,
-                onStartRename: startRename,
-                onRenameValueChange: setRenameValue,
-                onCommitRename: commitRename,
-                onCancelRename: cancelRename
-              },
-              `section-${section.id}`
-            );
-          }
-          const slide = slides[item.slideIndex];
-          if (!slide) {
-            return null;
-          }
-          return /* @__PURE__ */ jsx(
-            SlideItem,
-            {
-              slide,
-              templateElements: templateElementsBySlideId[slide.id] ?? EMPTY_TEMPLATE_ELEMENTS,
-              slideIndex: item.slideIndex,
-              isActive: item.slideIndex === activeSlideIndex,
-              isSelected: selectedSlideIds.includes(slide.id),
-              canvasSize,
-              canEdit,
-              rehearsalTimings,
-              presenceUsers: slidePresenceMap?.get(item.slideIndex),
-              fieldContext,
-              tableStyleContext,
-              onSelectSlide: selectSlide,
-              onSlideContextMenu,
-              onOpenSlideCtxMenu: openSlideCtxMenu,
-              onDragStart: handleDragStart,
-              onDragOver: handleDragOver,
-              onDrop: handleDrop,
-              slideRef: setSlideRef(item.slideIndex)
+        ref: scrollContainerRef,
+        "data-pptx-chrome": "slide-list",
+        className: "flex-1 overflow-y-auto px-1.5 pb-2",
+        children: /* @__PURE__ */ jsx("div", { style: { height: totalHeight, position: "relative" }, children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: offsetY,
+              left: 0,
+              right: 0
             },
-            slide.id ?? item.slideIndex
-          );
-        }) })
+            children: /* @__PURE__ */ jsx("div", { className: "space-y-1", "data-pptx-chrome": "slide-window", children: visibleItems.map((item) => {
+              if (item.type === "section") {
+                const section = sectionGroups[item.sectionIndex];
+                if (!section) {
+                  return null;
+                }
+                const isCollapsed = effectiveCollapsed[section.id] ?? false;
+                return /* @__PURE__ */ jsx(
+                  SectionHeader,
+                  {
+                    sectionId: section.id,
+                    label: section.label,
+                    slideCount: section.slideIndexes.length,
+                    isCollapsed,
+                    isRenaming: renamingSectionId === section.id,
+                    renameValue,
+                    canEdit,
+                    sectionIndex: item.sectionIndex,
+                    totalSections: sectionGroups.length,
+                    renameInputRef,
+                    onToggle: toggleSection,
+                    onContextMenu: handleSectionContextMenu,
+                    onStartRename: startRename,
+                    onRenameValueChange: setRenameValue,
+                    onCommitRename: commitRename,
+                    onCancelRename: cancelRename
+                  },
+                  `section-${section.id}`
+                );
+              }
+              const slide = slides[item.slideIndex];
+              if (!slide) {
+                return null;
+              }
+              return /* @__PURE__ */ jsx(
+                SlideItem,
+                {
+                  slide,
+                  templateElements: templateElementsBySlideId[slide.id] ?? EMPTY_TEMPLATE_ELEMENTS,
+                  slideIndex: item.slideIndex,
+                  isActive: item.slideIndex === activeSlideIndex,
+                  isSelected: selectedSlideIds.includes(slide.id),
+                  canvasSize,
+                  previewWidth,
+                  canEdit,
+                  rehearsalTimings,
+                  presenceUsers: slidePresenceMap?.get(item.slideIndex),
+                  fieldContext,
+                  tableStyleContext,
+                  onSelectSlide: selectSlide,
+                  onSlideContextMenu,
+                  onOpenSlideCtxMenu: openSlideCtxMenu,
+                  onDragStart: handleDragStart,
+                  onDragOver: handleDragOver,
+                  onDrop: handleDrop,
+                  slideRef: setSlideRef(item.slideIndex)
+                },
+                slide.id ?? item.slideIndex
+              );
+            }) })
+          }
+        ) })
       }
-    ) }) });
+    );
   };
-  const renderNonVirtualized = () => /* @__PURE__ */ jsx("div", { className: "flex-1 space-y-1 overflow-y-auto px-1.5 pb-2", children: sectionGroups.map((section, sectionIndex) => {
+  const renderNonVirtualized = () => /* @__PURE__ */ jsx("div", { "data-pptx-chrome": "slide-list", className: "flex-1 space-y-1 overflow-y-auto px-1.5 pb-2", children: sectionGroups.map((section, sectionIndex) => {
     const isCollapsed = effectiveCollapsed[section.id] ?? false;
-    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-pptx-chrome": "slide-window", children: [
       showSectionHeaders && /* @__PURE__ */ jsx(
         SectionHeader,
         {
@@ -11950,6 +11932,7 @@ function SlidesPaneSidebar({
             isActive: idx === activeSlideIndex,
             isSelected: selectedSlideIds.includes(slide.id),
             canvasSize,
+            previewWidth,
             canEdit,
             rehearsalTimings,
             presenceUsers: slidePresenceMap?.get(idx),
@@ -11975,12 +11958,13 @@ function SlidesPaneSidebar({
       {
         role: "navigation",
         "aria-label": t("pptx.sections.slides"),
+        "data-pptx-chrome": "slides",
         className: "flex h-full flex-col border-r border-border bg-secondary/30",
         style: panelWidth ? { width: panelWidth, flexShrink: 0 } : void 0,
         onKeyDown: onPaneKeyDown,
         children: [
           shouldVirtualize ? renderVirtualized() : renderNonVirtualized(),
-          canEdit && /* @__PURE__ */ jsx("div", { className: "border-t border-border/60 px-2 py-1.5", children: /* @__PURE__ */ jsxs(
+          canEdit && /* @__PURE__ */ jsx("div", { "data-pptx-chrome": "slide-footer", className: "border-t border-border/60 px-2 py-1.5", children: /* @__PURE__ */ jsxs(
             "button",
             {
               type: "button",
@@ -14562,6 +14546,7 @@ function SlideNotesPanel({
       "div",
       {
         ref: rootRef,
+        "data-pptx-chrome": "notes",
         className: cn(
           "flex flex-col border-t border-border/60 bg-background select-none",
           // On mobile, hide the entire notes strip when collapsed: the
@@ -14589,6 +14574,7 @@ function SlideNotesPanel({
             {
               type: "button",
               onClick: onToggle,
+              "data-pptx-chrome": "notes-header",
               className: "flex items-center gap-1.5 px-3 py-1 text-[11px] text-muted-foreground hover:text-foreground hover:bg-accent/30 transition-colors w-full text-left shrink-0 max-md:hidden",
               "aria-expanded": isExpanded,
               "aria-controls": "slide-notes-content",
@@ -18730,8 +18716,8 @@ var INSPECTOR_TABS = [
   { key: "properties", labelKey: "pptx.inspector.properties", icon: LuSettings2 },
   { key: "comments", labelKey: "pptx.toolbar.comments", icon: LuMessageSquare }
 ];
-var HEADING2 = "text-[11px] uppercase tracking-wide text-muted-foreground";
-var CARD2 = "rounded border border-border bg-card p-2 space-y-2";
+var HEADING2 = "pptx-editor-heading text-[11px] uppercase tracking-wide text-muted-foreground";
+var CARD2 = "pptx-editor-card rounded border border-border bg-card p-2 space-y-2";
 var INPUT2 = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
 var BTN2 = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]! max-md:min-w-[44px]!";
 var POS_FIELDS = [
@@ -27963,37 +27949,54 @@ function InspectorPaneHeader({
   const { viewportWidth } = useIsMobile();
   const touchTargetPx = getDensePanelTouchTargetPx(viewportWidth);
   const touchBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border", children: [
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 rounded bg-muted p-0.5", children: INSPECTOR_TABS.map(({ key, labelKey, icon: Icon }) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        title: t(labelKey),
-        style: touchBtnStyle,
-        className: cn(
-          "flex items-center justify-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
-          activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-pptx-chrome": "inspector-header",
+      className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border",
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-chrome": "inspector-tabs",
+            role: "tablist",
+            className: "flex items-center gap-1 rounded bg-muted p-0.5",
+            children: INSPECTOR_TABS.map(({ key, labelKey, icon: Icon }) => /* @__PURE__ */ jsxs(
+              "button",
+              {
+                role: "tab",
+                "aria-selected": activeTab === key,
+                type: "button",
+                title: t(labelKey),
+                style: touchBtnStyle,
+                className: cn(
+                  "flex items-center justify-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
+                  activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+                ),
+                onClick: () => onSetActiveTab(key),
+                children: [
+                  /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
+                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t(labelKey) })
+                ]
+              },
+              key
+            ))
+          }
         ),
-        onClick: () => onSetActiveTab(key),
-        children: [
-          /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
-          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: t(labelKey) })
-        ]
-      },
-      key
-    )) }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onClose,
-        title: t("pptx.common.close"),
-        style: touchBtnStyle,
-        className: "flex items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
-        children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
-      }
-    )
-  ] });
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            title: t("pptx.common.close"),
+            style: touchBtnStyle,
+            className: "flex items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+            children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
+          }
+        )
+      ]
+    }
+  );
 }
 function InfoRow({ label, value }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
@@ -28338,9 +28341,9 @@ function PresentationSettingsCard({
   onUpdate
 }) {
   const { t } = useTranslation();
-  return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
+  return /* @__PURE__ */ jsxs("div", { className: `${CARD2} pptx-editor-presentation-card`, children: [
     /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.slideInspector.presentation") }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5 text-[11px]", children: [
+    /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "presentation-fields", className: "space-y-1.5 text-[11px]", children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.presentationSettings.showType") }),
         /* @__PURE__ */ jsxs(
@@ -29026,7 +29029,7 @@ function PresentationPropertiesPanel({
     },
     [activeSlide?.transition, onUpdateSlide]
   );
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+  return /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "deck-properties", className: "space-y-3", children: [
     /* @__PURE__ */ jsx(
       PresentationSettingsCard,
       {
@@ -29405,6 +29408,7 @@ function InspectorPane(props) {
     /* @__PURE__ */ jsxs(
       "div",
       {
+        "data-pptx-chrome": "inspector",
         className: cn(
           // Shared styles
           "bg-background flex flex-col text-xs text-foreground shadow-xl",
@@ -29441,7 +29445,7 @@ function InspectorPane(props) {
               onClose
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
+          /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "inspector-body", className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
             activeTab === "elements" && /* @__PURE__ */ jsx(
               InspectorElementsTab,
               {
@@ -34908,7 +34912,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-5Z4BYP7S.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -35030,348 +35034,38 @@ function AiChangeOverlay({ batch, activeSlideIndex }) {
     ))
   ] });
 }
-
-// src/viewer/components/inspector/theme-editor-constants.ts
-var THEME_EDITOR_CARD = "rounded bg-muted/50 p-2.5 space-y-2";
-var THEME_EDITOR_HEADING = "text-[11px] font-medium uppercase tracking-wide text-muted-foreground mb-1.5";
-var THEME_EDITOR_INPUT = "w-full rounded border border-border bg-background px-2 py-1 text-xs text-foreground focus:border-primary focus:outline-none";
-var THEME_EDITOR_BTN = "rounded bg-primary px-3 py-1.5 text-xs font-medium text-white hover:bg-primary/80 disabled:opacity-40 disabled:cursor-not-allowed transition-colors";
-var THEME_EDITOR_BTN_SECONDARY = "rounded bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 disabled:opacity-40 disabled:cursor-not-allowed transition-colors";
-function ThemeColorSchemeEditor({
-  editColors,
-  canEdit,
-  activePickerKey,
-  majorFont,
-  minorFont,
-  onSetActivePickerKey,
-  onColorChange,
-  onMajorFontChange,
-  onMinorFontChange
-}) {
-  const { t } = useTranslation();
-  const slotLabel = useCallback((key) => themeColorLabel(key, t), [t]);
-  const previewGrid = useMemo(() => buildThemeColorGrid(editColors, t), [editColors, t]);
-  const handleColorText = useCallback(
-    (val) => {
-      if (activePickerKey && /^#[0-9a-fA-F]{6}$/.test(val)) {
-        onColorChange(activePickerKey, val);
-      }
-    },
-    [activePickerKey, onColorChange]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.colorScheme") }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 gap-1.5", children: THEME_COLOR_SCHEME_KEYS.map((key) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            className: `h-6 w-full rounded-sm border transition-colors ${activePickerKey === key ? "border-primary ring-1 ring-primary" : "border-border hover:border-muted-foreground"} disabled:opacity-40 disabled:cursor-not-allowed`,
-            style: { backgroundColor: editColors[key] },
-            title: `${slotLabel(key)}: ${editColors[key]}`,
-            "aria-label": `${slotLabel(key)}: ${editColors[key]}`,
-            onClick: () => onSetActivePickerKey(activePickerKey === key ? null : key)
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground truncate w-full text-center", children: slotLabel(key) })
-      ] }, key)) }),
-      activePickerKey && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2 rounded bg-background p-2", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground min-w-[60px]", children: slotLabel(activePickerKey) }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "color",
-            disabled: !canEdit,
-            className: "h-6 w-8 cursor-pointer rounded border-0 bg-transparent p-0",
-            value: editColors[activePickerKey],
-            onChange: (e) => onColorChange(activePickerKey, e.target.value)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "text",
-            disabled: !canEdit,
-            className: "flex-1 rounded border border-border bg-muted px-1.5 py-0.5 text-[10px] text-foreground font-mono",
-            value: editColors[activePickerKey],
-            onChange: (e) => handleColorText(e.target.value)
-          }
-        )
-      ] })
-    ] }),
-    previewGrid && /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.preview") }),
-      /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-px", children: previewGrid.map((row, rowIdx) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-12 gap-px", children: row.map((cell) => /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "h-3.5 rounded-sm",
-          style: { backgroundColor: cell.hex },
-          title: `${cell.colLabel} -- ${cell.rowLabel} (${cell.hex})`
-        },
-        `${cell.schemeKey}-${rowIdx}`
-      )) }, rowIdx)) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: THEME_EDITOR_CARD, children: [
-      /* @__PURE__ */ jsx("div", { className: THEME_EDITOR_HEADING, children: t("pptx.themeEditor.fonts") }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("pptx.themeEditor.headingFont") }),
-          /* @__PURE__ */ jsxs(
-            WebSelect,
-            {
-              "aria-label": t("pptx.themeEditor.headingFont"),
-              className: THEME_EDITOR_INPUT,
-              disabled: !canEdit,
-              value: COMMON_FONTS.includes(majorFont) ? majorFont : "__custom__",
-              onChange: (e) => {
-                if (e.target.value !== "__custom__") {
-                  onMajorFontChange(e.target.value);
-                }
-              },
-              children: [
-                COMMON_FONTS.map((f) => /* @__PURE__ */ jsx("option", { value: f, children: f }, f)),
-                !COMMON_FONTS.includes(majorFont) && /* @__PURE__ */ jsx("option", { value: "__custom__", children: majorFont })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-0.5", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("pptx.themeEditor.bodyFont") }),
-          /* @__PURE__ */ jsxs(
-            WebSelect,
-            {
-              "aria-label": t("pptx.themeEditor.bodyFont"),
-              className: THEME_EDITOR_INPUT,
-              disabled: !canEdit,
-              value: COMMON_FONTS.includes(minorFont) ? minorFont : "__custom__",
-              onChange: (e) => {
-                if (e.target.value !== "__custom__") {
-                  onMinorFontChange(e.target.value);
-                }
-              },
-              children: [
-                COMMON_FONTS.map((f) => /* @__PURE__ */ jsx("option", { value: f, children: f }, f)),
-                !COMMON_FONTS.includes(minorFont) && /* @__PURE__ */ jsx("option", { value: "__custom__", children: minorFont })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 pt-1 text-[10px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("span", { style: { fontFamily: majorFont }, className: "text-foreground", children: t("pptx.themeEditor.headingSample") }),
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "|" }),
-          /* @__PURE__ */ jsx("span", { style: { fontFamily: minorFont }, className: "text-foreground", children: t("pptx.themeEditor.bodySample") })
-        ] })
-      ] })
-    ] })
-  ] });
-}
-var ACCENT_KEYS = ["accent1", "accent2", "accent3", "accent4", "accent5", "accent6"];
-function ThemePresetGallery({
-  canEdit,
-  currentThemeName,
-  onSelectPreset
-}) {
+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 +35612,15 @@ function ViewerSidePanels(props) {
       }
     ),
     s.isThemeEditorOpen && mode === "edit" && /* @__PURE__ */ jsx(
-      MobileDismissSheet,
+      ThemeEditorPanel,
       {
-        onClose: () => s.setIsThemeEditorOpen(false),
-        className: "absolute right-0 top-0 z-30 h-full w-72 overflow-y-auto border-l border-border bg-card p-2.5 shadow-xl max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:w-full max-md:h-auto max-md:max-h-[60vh] max-md:rounded-t-xl max-md:border-t max-md:border-l-0",
-        children: /* @__PURE__ */ jsx(
-          ThemeEditorPanel,
-          {
-            theme: s.theme,
-            canEdit,
-            onUpdateColorScheme: themeHandlers.handleUpdateThemeColorScheme,
-            onUpdateFontScheme: themeHandlers.handleUpdateThemeFontScheme,
-            onUpdateThemeName: themeHandlers.handleUpdateThemeName,
-            onApplyToPresentation: themeHandlers.handleApplyThemeToPresentation,
-            onClose: () => s.setIsThemeEditorOpen(false)
-          }
-        )
+        theme: s.theme,
+        canEdit,
+        onApply: async (edit) => {
+          await themeHandlers.handleApplyThemeEdit(edit);
+          s.setIsThemeEditorOpen(false);
+        },
+        onClose: () => s.setIsThemeEditorOpen(false)
       }
     ),
     aiPanel?.isOpen && aiConfig && aiBridge && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
@@ -35975,6 +35662,88 @@ function ViewerSidePanels(props) {
     )
   ] });
 }
+function ViewerContextMenus(props) {
+  const {
+    state,
+    mode,
+    selectedElement,
+    activeSlideIndex,
+    aiPanel,
+    activeSlide,
+    onApplyLayout,
+    editorOps,
+    setLayoutGalleryAnchor
+  } = props;
+  const { manipulation, tableOps } = editorOps;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    state.contextMenuState && /* @__PURE__ */ jsx(
+      ContextMenu,
+      {
+        slideIndex: activeSlideIndex,
+        elementIds: state.effectiveSelectedIds,
+        contextMenuState: state.contextMenuState,
+        mode,
+        selectedElement,
+        tableEditorState: state.tableEditorState,
+        hasMultiSelection: state.effectiveSelectedIds.length > 1,
+        selectionGroupable: manipulation.selectionGroupable,
+        hasClipboard: Boolean(state.clipboardPayload),
+        editPointsAvailability: resolveEditPointsAvailability(selectedElement),
+        onAction: manipulation.handleContextMenuAction,
+        onInsertTableRow: tableOps.handleInsertTableRow,
+        onDeleteTableRow: tableOps.handleDeleteTableRow,
+        onInsertTableColumn: tableOps.handleInsertTableColumn,
+        onDeleteTableColumn: tableOps.handleDeleteTableColumn,
+        onMergeCellRight: tableOps.handleMergeCellRight,
+        onMergeCellDown: tableOps.handleMergeCellDown,
+        onMergeSelectedCells: tableOps.handleMergeSelectedCells,
+        onSplitCell: tableOps.handleSplitCell,
+        onAskAi: aiPanel && selectedElement ? () => {
+          aiPanel.askAboutSelection();
+          state.setContextMenuState(null);
+        } : void 0,
+        onFixAi: aiPanel && selectedElement ? () => {
+          aiPanel.fixSelection();
+          state.setContextMenuState(null);
+        } : void 0,
+        onClose: () => state.setContextMenuState(null)
+      }
+    ),
+    state.canvasContextMenuState && /* @__PURE__ */ jsx(
+      CanvasContextMenu,
+      {
+        slideIndex: activeSlideIndex,
+        canvasContextMenuState: state.canvasContextMenuState,
+        mode,
+        hasClipboard: Boolean(state.clipboardPayload),
+        showGrid: state.showGrid,
+        showRulers: state.showRulers,
+        onPaste: () => manipulation.handlePaste(),
+        onOpenLayoutGallery: () => {
+          const pos = state.canvasContextMenuState;
+          if (pos) {
+            setLayoutGalleryAnchor(pos);
+          }
+        },
+        onResetSlide: () => {
+          const path = resetSlideLayoutPath(activeSlide);
+          if (path) {
+            onApplyLayout?.(path);
+          }
+        },
+        onOpenFormatBackground: () => {
+          state.setSelectedElementId(null);
+          state.setSelectedElementIds([]);
+          state.setSidebarPanelMode("properties");
+          state.setIsInspectorPaneOpen(true);
+        },
+        onToggleGrid: () => state.setShowGrid((v) => !v),
+        onToggleRulers: () => state.setShowRulers((v) => !v),
+        onClose: () => state.setCanvasContextMenuState(null)
+      }
+    )
+  ] });
+}
 function ViewerMainContent(props) {
   const {
     mode,
@@ -36021,8 +35790,8 @@ function ViewerMainContent(props) {
     canvasHandlers,
     insertHandlers,
     manipulation,
-    slideOps,
     tableOps,
+    slideOps,
     findReplace
   } = editorOps;
   const hf = state.headerFooter;
@@ -36045,7 +35814,7 @@ function ViewerMainContent(props) {
   );
   const layoutGalleryAnchorRef = useRef(null);
   const layoutGalleryPreviews = useLayoutPreviews(loadLayoutPreviews, layoutGalleryAnchor !== null);
-  return /* @__PURE__ */ jsx(ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-1 min-h-0", children: [
+  return /* @__PURE__ */ jsx(ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxs("div", { "data-pptx-chrome": "body", className: "relative z-10 flex flex-1 min-h-0", children: [
     showSlidesPane && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         SlidesPaneSidebar,
@@ -36177,69 +35946,7 @@ function ViewerMainContent(props) {
         ] }) : void 0
       }
     ),
-    state.contextMenuState && /* @__PURE__ */ jsx(
-      ContextMenu,
-      {
-        contextMenuState: state.contextMenuState,
-        mode,
-        selectedElement,
-        tableEditorState: state.tableEditorState,
-        hasMultiSelection: state.effectiveSelectedIds.length > 1,
-        selectionGroupable: manipulation.selectionGroupable,
-        hasClipboard: Boolean(state.clipboardPayload),
-        editPointsAvailability: resolveEditPointsAvailability(selectedElement),
-        onAction: manipulation.handleContextMenuAction,
-        onInsertTableRow: tableOps.handleInsertTableRow,
-        onDeleteTableRow: tableOps.handleDeleteTableRow,
-        onInsertTableColumn: tableOps.handleInsertTableColumn,
-        onDeleteTableColumn: tableOps.handleDeleteTableColumn,
-        onMergeCellRight: tableOps.handleMergeCellRight,
-        onMergeCellDown: tableOps.handleMergeCellDown,
-        onMergeSelectedCells: tableOps.handleMergeSelectedCells,
-        onSplitCell: tableOps.handleSplitCell,
-        onAskAi: aiPanel && selectedElement ? () => {
-          aiPanel.askAboutSelection();
-          state.setContextMenuState(null);
-        } : void 0,
-        onFixAi: aiPanel && selectedElement ? () => {
-          aiPanel.fixSelection();
-          state.setContextMenuState(null);
-        } : void 0,
-        onClose: () => state.setContextMenuState(null)
-      }
-    ),
-    state.canvasContextMenuState && /* @__PURE__ */ jsx(
-      CanvasContextMenu,
-      {
-        canvasContextMenuState: state.canvasContextMenuState,
-        mode,
-        hasClipboard: Boolean(state.clipboardPayload),
-        showGrid: state.showGrid,
-        showRulers: state.showRulers,
-        onPaste: () => manipulation.handlePaste(),
-        onOpenLayoutGallery: () => {
-          const pos = state.canvasContextMenuState;
-          if (pos) {
-            setLayoutGalleryAnchor(pos);
-          }
-        },
-        onResetSlide: () => {
-          const path = resetSlideLayoutPath(activeSlide);
-          if (path) {
-            onApplyLayout?.(path);
-          }
-        },
-        onOpenFormatBackground: () => {
-          state.setSelectedElementId(null);
-          state.setSelectedElementIds([]);
-          state.setSidebarPanelMode("properties");
-          state.setIsInspectorPaneOpen(true);
-        },
-        onToggleGrid: () => state.setShowGrid((v) => !v),
-        onToggleRulers: () => state.setShowRulers((v) => !v),
-        onClose: () => state.setCanvasContextMenuState(null)
-      }
-    ),
+    /* @__PURE__ */ jsx(ViewerContextMenus, { ...props, setLayoutGalleryAnchor }),
     layoutGalleryAnchor && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
         "div",
@@ -36423,6 +36130,9 @@ function CompatibilityToasts({
     }
   );
 }
+function EditorChromeStyle() {
+  return /* @__PURE__ */ jsx("style", { "data-pptx-editor-styles": "", children: EDITOR_CHROME_CSS });
+}
 function ToggleRow({ checked, onChange, icon, label, testId }) {
   return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 cursor-pointer group select-none", children: [
     /* @__PURE__ */ jsxs("span", { className: "relative flex items-center justify-center w-4 h-4", children: [
@@ -36740,7 +36450,7 @@ function MobileChromeOverlay(props) {
     /* @__PURE__ */ jsx(
       MobileSlidesSheet,
       {
-        open: s.isSlidesPaneOpen,
+        open: s.isSlidesPaneOpen && !s.isThemeEditorOpen,
         onClose: () => s.setIsSlidesPaneOpen(false),
         slides,
         templateElementsBySlideId: s.templateElementsBySlideId,
@@ -39289,6 +38999,7 @@ var PowerPointViewer = forwardRef(
       {
         style: themeStyle,
         "data-pptx-viewer": "",
+        "data-pptx-editor-chrome": "",
         ...{ [RIBBON_SCOPE_ATTR]: ribbonScope },
         "aria-busy": loading,
         className: cn(
@@ -39296,6 +39007,7 @@ var PowerPointViewer = forwardRef(
           ...resolveOptionRootClasses(viewerOptions, "pptx")
         ),
         children: [
+          /* @__PURE__ */ jsx(EditorChromeStyle, {}),
           /* @__PURE__ */ jsx(RibbonCustomizationStyle, { resolved: customizationResolved, scope: ribbonScope }),
           /* @__PURE__ */ jsx(
             "div",