pptx-react-viewer 4.18.0 → 4.19.0

package/dist/{chunk-NWWE7I6R.mjs → chunk-YL7IPY2B.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-5OYCO5WW.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-SJJY4B4V.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, UNGROUPED_SECTION_ID, 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-X5O53JPT.mjs';
-import { EMPTY_RESOLVED_CUSTOMIZATION, FIXED_TAB_GALLERIES, editingHomeControls, 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, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, findCanvasElementNode, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, editorThumbnailWidth, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, resolveStatusBarSave, statusBarViewMode, 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, buildTitleBarState, resolveScreenTip, visibleContextualTabs, resolveActiveRibbonTab, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, textFontSizePtToPx, FREEFORM_TOOL_IDS, isDrawingToolVisible, hasShapeProperties, drawingHomeControls, shapeFillChange, shapeOutlineChange, arrangeHomeControls, arrangeAlignAction, DESIGN_RIBBON_GROUPS, DESIGN_RIBBON_COMMANDS, designCommandState, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSectionContextMenuEntries, buildSlidePaneContextMenuEntries, slidePaneViewItems, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, getPresentationContextMenuSections, CONTEXT_MENU_PRESENTATION_LAYER, presentationViewItems, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, customizeContextMenuEntries, buildContextMenuEntries, contextMenuViewItems, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, defaultRichEnabled, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, 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, buildSlideSorterContextMenuEntries, slideSorterContextMenuLabel, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, presenterConsoleAction, presenterConsoleViewState, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, clipboardHomeControls, slidesHomeControls, buildFontCatalog, COMMON_FONT_SIZES, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, fontHomeControls, nextToggleValue, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, RIBBON_GROUP_ATTR, paragraphHomeAlign, paragraphHomeControls, paragraphHomeAction, RIBBON_CONTROL_ATTR, RIBBON_SHAPE_SWATCHES, buildRibbonGallery, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readRibbonTransitionDraft, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, buildReviewRibbon, HELP_RIBBON_COMMANDS, galleryTextLabel, sectionAddAfterSlideIndex, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, parentSelection, slideSpaceElement, isGroupMember, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, getSelectionTextStyleFlags, TEXT_DECORATION_FLAGS, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, applyRibbonGalleryItem, MERGE_SHAPES_LABEL_KEY, MERGE_SHAPES_HINT_KEY, MERGE_SHAPES_MENU_ITEMS, CROP_LABEL_KEY, CROP_ASPECT_LABEL_KEY, CROP_ASPECT_GROUP_LABEL_KEYS, CROP_ASPECT_PRESETS, CROP_FILL_LABEL_KEY, CROP_FIT_LABEL_KEY, ribbonTransitionsDraftPatch, ribbonTransitionUpdates, ribbonTransitionsSoundChange, ribbonTransitionStockSoundUrl, playSlideTransitionPreview, playAnimationRibbonPreview, 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, slideBackgroundClearState, slideBackgroundClearPatch, 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, imageResetPatch, imageResetState, 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, MOTION_PATH_FAMILIES, motionPathPresetsByFamily, motionPathPresetLabelKey, motionPathFamilyLabelKey, 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, seriesColorClearState, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, cropResetState, clampCropValue, cropResetPatch, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimResetState, mediaTrimEndMsFromAbsoluteMs, mediaTrimResetPatch, 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, getEffectSoundAsset, 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-EDQ436NK.mjs';
-import { LOCALE_CATALOG } from './chunk-IDZ7S2O3.mjs';
-import React99, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Suspense, useReducer, Fragment as Fragment$1 } from 'react';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-VX52VUBD.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-OCUCBRXU.mjs';
+import { ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, TOOLBAR_SECTIONS, UNGROUPED_SECTION_ID, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, SHAPE_PRESETS, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-LE3JUNIR.mjs';
+import { 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, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, findCanvasElementNode, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, editorThumbnailWidth, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, resolveStatusBarSave, statusBarViewMode, 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, buildTitleBarState, resolveScreenTip, visibleContextualTabs, resolveActiveRibbonTab, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, textFontSizePtToPx, FREEFORM_TOOL_IDS, isDrawingToolVisible, editingHomeControls, hasShapeProperties, withHomeGalleries, drawingHomeControls, homeGalleryControls, homeGalleryApply, shapeOutlineChange, shapeFillChange, arrangeHomeControls, arrangePainterHomeControls, arrangeAlignAction, DESIGN_RIBBON_GROUPS, DESIGN_RIBBON_COMMANDS, designCommandState, FIXED_TAB_GALLERIES, CONTEXTUAL_TAB_GROUPS, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSectionContextMenuEntries, buildSlidePaneContextMenuEntries, slidePaneViewItems, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, getPresentationContextMenuSections, CONTEXT_MENU_PRESENTATION_LAYER, presentationViewItems, subtitleRecognitionLanguage, subtitleSettingsFromOptions, getSpeechRecognitionCtor, mergeCaptionResults, customizeContextMenuEntries, buildContextMenuEntries, contextMenuViewItems, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, defaultRichEnabled, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, 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, buildSlideSorterContextMenuEntries, slideSorterContextMenuLabel, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, presenterConsoleAction, presenterConsoleViewState, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, clipboardHomeControls, slidesHomeControls, fontPickerHomeControls, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, fontHomeControls, nextToggleValue, RIBBON_GROUP_ATTR, paragraphHomeAlign, paragraphHomeControls, paragraphHomeAction, arrangeShapeHomeControls, strokeWidthOf, canSetStrokeWidth, canUngroupSelection, canGroupSelection, parseCropValue, buildRibbonGallery, readRibbonTransitionDraft, SLIDE_SHOW_COMMAND_GROUPS, RECORD_COMMAND_GROUPS, buildReviewRibbon, HELP_RIBBON_COMMANDS, galleryTextLabel, sectionAddAfterSlideIndex, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, parentSelection, slideSpaceElement, isGroupMember, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, getSelectionTextStyleFlags, TEXT_DECORATION_FLAGS, applyRibbonGalleryItem, ribbonTransitionsDraftPatch, ribbonTransitionUpdates, ribbonTransitionsSoundChange, ribbonTransitionStockSoundUrl, playSlideTransitionPreview, playAnimationRibbonPreview, 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, MERGE_SHAPES_MENU_ITEMS, hasMultipleSelectedTableCells, isElementLocked, isImageLikeElement, mergeSlideTransition, slideBackgroundClearState, slideBackgroundClearPatch, 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, imageResetPatch, imageResetState, 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, MOTION_PATH_FAMILIES, motionPathPresetsByFamily, motionPathPresetLabelKey, motionPathFamilyLabelKey, 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, seriesColorClearState, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, cropResetState, clampCropValue, cropResetPatch, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimResetState, mediaTrimEndMsFromAbsoluteMs, mediaTrimResetPatch, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, 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, getEffectSoundAsset, 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, OFFICE_COLOR_SWATCHES, 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-YYVPC6KI.mjs';
+import { LOCALE_CATALOG } from './chunk-Q4HRYUEP.mjs';
+import React97, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, useDeferredValue, Suspense, useReducer, Fragment as Fragment$1 } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuShieldCheck, LuPlus, LuPanelLeftClose, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuMinus, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuPanelLeft, LuPanelRight, LuSparkles, LuShare2, LuFolderOpen, LuMousePointer2, LuPalette, LuPaintbrush, LuSearch, LuCaseSensitive, LuReplace, LuGripVertical, LuLoaderCircle, LuGrid2X2, LuStickyNote, LuList, LuClipboardCopy, LuShapes, LuLayoutGrid, LuWand, LuPresentation, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuSave, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuVideo, LuFileImage, LuDatabase, LuClock3, LuUser, LuHardDrive, LuLogIn, LuHighlighter, LuGroup, LuUngroup, LuMove, LuCopyPlus, LuClipboardPaste, LuMonitor, LuRadio, LuCaptions, LuImage, LuColumns3, LuCombine, LuCrop, LuFilter, LuLayers, LuSettings2, LuLockOpen, LuPencil, LuReply, LuMoveRight, LuRotateCw, LuScissors, LuBookmark, LuPipette, LuListOrdered } from 'react-icons/lu';
+import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuMessageSquare, LuEyeOff, LuHistory, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuShieldCheck, LuPlus, LuPanelLeftClose, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuMinus, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuPanelLeft, LuPanelRight, LuSparkles, LuShare2, LuFolderOpen, LuPalette, LuSearch, LuCaseSensitive, LuReplace, LuGripVertical, LuLoaderCircle, LuGrid2X2, LuStickyNote, LuList, LuClipboardCopy, LuPaintbrush, LuShapes, LuLayoutGrid, LuWand, LuPresentation, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuSave, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuVideo, LuFileImage, LuDatabase, LuClock3, LuUser, LuHardDrive, LuLogIn, LuMove, LuCopyPlus, LuClipboardPaste, LuMonitor, LuRadio, LuCaptions, LuImage, LuFilter, LuLayers, LuSettings2, LuLockOpen, LuPencil, LuReply, LuMoveRight, LuRotateCw, LuScissors, LuBookmark, LuPipette } from 'react-icons/lu';
 import { createPortal } from 'react-dom';
 
 var ViewerThemeContext = createContext(void 0);
@@ -331,6 +331,38 @@ function useModalFocus(open, panelRef, onClose, initialFocusRef) {
     });
   }, [initialFocusRef, open, panelRef]);
 }
+function useWebControl(state, handlers) {
+  const ref = useRef(null);
+  const latest = useRef(handlers);
+  latest.current = handlers;
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
+    }
+    host.state = state;
+    const attached = Object.keys(latest.current).map((name) => {
+      const listener = (event) => latest.current[name]?.(event);
+      host.addEventListener(name, listener);
+      return [name, listener];
+    });
+    return () => {
+      for (const [name, listener] of attached) {
+        host.removeEventListener(name, listener);
+      }
+    };
+  });
+  return ref;
+}
+function DialogFooter({ actions, onAction }) {
+  const ref = useWebControl(
+    { actions },
+    {
+      "dialog-footer-request": (event) => onAction(event.detail.id)
+    }
+  );
+  return /* @__PURE__ */ jsx("pptx-ui-dialog-footer", { ref });
+}
 function SlideTemplateGalleryDialog({
   isOpen,
   onClose,
@@ -434,30 +466,21 @@ function SlideTemplateGalleryDialog({
                   ))
                 }
               ) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onClose,
-                    className: "px-3 py-1.5 text-xs rounded bg-muted hover:bg-accent text-foreground transition-colors",
-                    children: t("pptx.slideTemplates.cancel")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: handleInsert,
-                    disabled: !selected,
-                    className: cn(
-                      "px-3 py-1.5 text-xs rounded transition-colors",
-                      selected ? "bg-primary hover:bg-primary/80 text-white" : "bg-muted text-muted-foreground cursor-not-allowed"
-                    ),
-                    children: t("pptx.slideTemplates.insert")
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
+                DialogFooter,
+                {
+                  actions: [
+                    { id: "cancel", label: t("pptx.slideTemplates.cancel") },
+                    {
+                      id: "insert",
+                      label: t("pptx.slideTemplates.insert"),
+                      variant: "primary",
+                      disabled: !selected
+                    }
+                  ],
+                  onAction: (id) => id === "insert" ? handleInsert() : onClose()
+                }
+              ) })
             ]
           }
         )
@@ -465,29 +488,6 @@ function SlideTemplateGalleryDialog({
     )
   ] });
 }
-function useWebControl(state, handlers) {
-  const ref = useRef(null);
-  const latest = useRef(handlers);
-  latest.current = handlers;
-  useEffect(() => {
-    const host = ref.current;
-    if (!host) {
-      return;
-    }
-    host.state = state;
-    const attached = Object.keys(latest.current).map((name) => {
-      const listener = (event) => latest.current[name]?.(event);
-      host.addEventListener(name, listener);
-      return [name, listener];
-    });
-    return () => {
-      for (const [name, listener] of attached) {
-        host.removeEventListener(name, listener);
-      }
-    };
-  });
-  return ref;
-}
 function AnimationsSection(p) {
   const { t } = useTranslation();
   const ref = useRef(null);
@@ -624,8 +624,37 @@ function WebCheckbox({
     }
   );
 }
-function controlAttr(id) {
-  return id ? { [RIBBON_CONTROL_ATTR]: id } : {};
+function WebRadio({
+  checked,
+  disabled = false,
+  onChange,
+  value,
+  name,
+  ...rest
+}) {
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.checked = checked;
+      ref.current.disabled = disabled;
+    }
+  }, [checked, disabled]);
+  useHostEvent(
+    ref,
+    "change",
+    onChange ? (event) => onChange(event) : void 0
+  );
+  return /* @__PURE__ */ jsx(
+    "pptx-ui-radio",
+    {
+      ref,
+      checked: checked || void 0,
+      disabled: disabled || void 0,
+      name,
+      value: value === void 0 ? void 0 : String(value),
+      ...rest
+    }
+  );
 }
 function groupAttr(id) {
   return id ? { [RIBBON_GROUP_ATTR]: id } : {};
@@ -640,440 +669,113 @@ var ShapeFormatContext = createContext(null);
 function useShapeFormatContext() {
   return useContext(ShapeFormatContext);
 }
-function RibbonMenu({
-  anchorRef,
-  className,
-  children
+function WebHomeControls({
+  family,
+  controls,
+  onRequest,
+  onPopup,
+  layoutArtwork
 }) {
-  const [pos, setPos] = useState(null);
+  const { t } = useTranslation();
+  const ref = useRef(null);
   useEffect(() => {
-    const anchor = anchorRef.current;
-    if (!anchor) {
+    if (ref.current) {
+      ref.current.state = { controls, translate: t };
+    }
+  }, [controls, t]);
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.layoutArtwork = layoutArtwork;
+    }
+  }, [layoutArtwork]);
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
       return;
     }
-    const update = () => {
-      const { left, top } = computeAnchoredPopupPosition(anchor.getBoundingClientRect());
-      setPos(
-        (prev) => prev && prev.left === left && prev.top === top ? prev : { left: left ?? 0, top }
-      );
-    };
-    update();
-    anchor.addEventListener("mouseenter", update);
-    window.addEventListener("resize", update);
-    document.addEventListener("scroll", update, true);
-    return () => {
-      anchor.removeEventListener("mouseenter", update);
-      window.removeEventListener("resize", update);
-      document.removeEventListener("scroll", update, true);
+    const listener = (event) => {
+      const intent = event.detail;
+      onRequest(intent.id, intent.part, intent);
     };
-  }, [anchorRef]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("fixed z-50", className),
-      style: pos ? { left: pos.left, top: pos.top } : { visibility: "hidden" },
-      children
-    }
-  );
-}
-var _b = "inline-flex items-center justify-center px-2.5 py-1.5 max-md:min-h-[44px] max-md:min-w-[44px] active:scale-95 active:opacity-80";
-var gB = `${_b} border-r border-border hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed`;
-var gL = `${_b} hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed`;
-var grp = "inline-flex items-center rounded bg-muted text-xs overflow-hidden";
-var pill = "inline-flex items-center gap-1.5 px-2.5 py-1.5 max-md:min-h-[44px] rounded bg-muted hover:bg-accent text-xs transition-colors active:scale-95 active:opacity-80 disabled:opacity-40 disabled:cursor-not-allowed";
-var sep = /* @__PURE__ */ jsx("div", { className: "w-px self-stretch bg-border/40 mx-1 max-md:hidden" });
-var ic = "w-4 h-4";
-var ics = "w-3.5 h-3.5";
-var OV = [
-  {
-    k: "png",
-    labelKey: "pptx.ribbon.exportPng",
-    i: /* @__PURE__ */ jsx(LuDownload, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "pdf",
-    labelKey: "pptx.ribbon.exportPdf",
-    i: /* @__PURE__ */ jsx(LuFileText, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "video",
-    labelKey: "pptx.ribbon.exportVideo",
-    i: /* @__PURE__ */ jsx(LuVideo, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "gif",
-    labelKey: "pptx.ribbon.exportGif",
-    i: /* @__PURE__ */ jsx(LuImage, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "pptx",
-    labelKey: "pptx.file.saveAsPptxTooltip",
-    i: /* @__PURE__ */ jsx(LuDownload, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "ppsx",
-    labelKey: "pptx.file.saveAsPpsxTooltip",
-    i: /* @__PURE__ */ jsx(LuPlay, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "pptm",
-    labelKey: "pptx.file.saveAsPptmTooltip",
-    i: /* @__PURE__ */ jsx(LuDatabase, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "ppt",
-    labelKey: "pptx.file.saveAsPptTooltip",
-    i: /* @__PURE__ */ jsx(LuFileText, { className: `${ics} text-muted-foreground` })
-  },
-  { k: "---0", labelKey: "", i: null },
-  {
-    k: "print",
-    labelKey: "pptx.print.printButton",
-    i: /* @__PURE__ */ jsx(LuPrinter, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "copyImg",
-    labelKey: "pptx.file.copyImageTooltip",
-    i: /* @__PURE__ */ jsx(LuCopy, { className: `${ics} text-muted-foreground` })
-  },
-  { k: "---", labelKey: "", i: null },
-  {
-    k: "a11y",
-    labelKey: "pptx.ribbon.accessibilityCheck",
-    i: /* @__PURE__ */ jsx(LuCheck, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "shortcuts",
-    labelKey: "pptx.settings.keyboardShortcuts",
-    i: /* @__PURE__ */ jsx(LuSearch, { className: `${ics} text-muted-foreground` })
-  },
-  { k: "---2", labelKey: "", i: null },
-  {
-    k: "versionHistory",
-    labelKey: "pptx.ribbon.versionHistory",
-    i: /* @__PURE__ */ jsx(LuClock, { className: `${ics} text-muted-foreground` })
-  },
-  { k: "---3", labelKey: "", i: null },
-  {
-    k: "documentProperties",
-    labelKey: "pptx.ribbon.documentProperties",
-    i: /* @__PURE__ */ jsx(LuInfo, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "passwordProtection",
-    labelKey: "pptx.security.protectPresentation",
-    i: /* @__PURE__ */ jsx(LuLock, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "fontEmbedding",
-    labelKey: "pptx.ribbon.embedFonts",
-    i: /* @__PURE__ */ jsx(LuType, { className: `${ics} text-muted-foreground` })
-  },
-  {
-    k: "digitalSignatures",
-    labelKey: "pptx.viewer.digitalSignatures",
-    i: /* @__PURE__ */ jsx(LuShieldAlert, { className: `${ics} text-muted-foreground` })
-  }
-];
-function useRibbonDropdown() {
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
+    host.addEventListener("home-request", listener);
+    return () => host.removeEventListener("home-request", listener);
+  }, [onRequest]);
   useEffect(() => {
-    if (!open) {
+    const host = ref.current;
+    if (!host || !onPopup) {
       return;
     }
-    const onMouseDown = (event) => {
-      if (ref.current && !ref.current.contains(event.target)) {
-        setOpen(false);
-      }
+    const listener = (event) => {
+      const { id, open } = event.detail;
+      onPopup(id, open);
     };
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", onMouseDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onMouseDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open]);
-  return { open, setOpen, ref };
-}
-var RIBBON_MENU_ITEM_CLASS = "flex items-center w-full px-3 py-1.5 text-xs text-left hover:bg-muted transition-colors";
-var RIBBON_MENU_SURFACE_CLASS = "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 min-w-36";
-var GROUPS = ["square", "portrait", "landscape"];
-function CropRibbonControls({ canEdit }) {
-  const { t } = useTranslation();
-  const crop = useShapeFormatContext()?.crop;
-  const { open, setOpen, ref } = useRibbonDropdown();
-  const enabled = canEdit && Boolean(crop?.canCrop);
-  const active = Boolean(crop?.element);
-  const label = t(CROP_LABEL_KEY);
-  const hint = t("pptx.image.cropHint");
-  const run = (action) => {
-    setOpen(false);
-    action();
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, ...controlAttr("home.arrange.crop"), children: [
-    /* @__PURE__ */ jsxs("div", { className: grp, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "data-pptx-chrome": "crop-main",
-          "data-pptx-ribbon-control": "crop",
-          "aria-label": label,
-          "aria-pressed": active,
-          title: enabled ? label : hint,
-          disabled: !enabled,
-          className: cn(gB, active && "bg-accent text-accent-foreground"),
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => crop?.toggle(),
-          children: /* @__PURE__ */ jsx(LuCrop, { className: ic })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          "data-pptx-chrome": "crop-caret",
-          "data-pptx-ribbon-control": "crop-menu",
-          "aria-label": t(CROP_ASPECT_LABEL_KEY),
-          "aria-haspopup": "menu",
-          "aria-expanded": open && enabled,
-          title: enabled ? t(CROP_ASPECT_LABEL_KEY) : hint,
-          disabled: !enabled,
-          className: gL,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => setOpen((v) => !v),
-          children: /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3" })
-        }
-      )
-    ] }),
-    open && enabled && crop && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsxs("div", { role: "menu", "aria-label": label, className: RIBBON_MENU_SURFACE_CLASS, children: [
-      GROUPS.map((group) => /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": t(CROP_ASPECT_GROUP_LABEL_KEYS[group]), children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-hidden": "true",
-            className: "px-3 pt-1.5 pb-0.5 text-[10px] font-semibold text-muted-foreground",
-            children: t(CROP_ASPECT_GROUP_LABEL_KEYS[group])
-          }
-        ),
-        CROP_ASPECT_PRESETS.filter((preset) => preset.group === group).map((preset) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "menuitem",
-            "data-pptx-crop-aspect": preset.id,
-            className: RIBBON_MENU_ITEM_CLASS,
-            onMouseDown: (e) => e.preventDefault(),
-            onClick: () => run(() => crop.cropToAspect(preset.ratioWidth, preset.ratioHeight)),
-            children: preset.id
-          },
-          preset.id
-        ))
-      ] }, group)),
-      /* @__PURE__ */ jsx("hr", { className: "my-1 border-0 h-px bg-border" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          "data-pptx-crop-action": "fill",
-          className: RIBBON_MENU_ITEM_CLASS,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => run(crop.fill),
-          children: t(CROP_FILL_LABEL_KEY)
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          "data-pptx-crop-action": "fit",
-          className: RIBBON_MENU_ITEM_CLASS,
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => run(crop.fit),
-          children: t(CROP_FIT_LABEL_KEY)
-        }
-      )
-    ] }) })
-  ] });
-}
-function MergeShapesMenu({ canEdit }) {
-  const { t } = useTranslation();
-  const commands = useShapeFormatContext();
-  const { open, setOpen, ref } = useRibbonDropdown();
-  const enabled = canEdit && Boolean(commands?.canMergeShapes);
-  const label = t(MERGE_SHAPES_LABEL_KEY);
-  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, ...controlAttr("home.arrange.mergeShapes"), children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        "data-pptx-ribbon-control": "merge-shapes",
-        "aria-label": label,
-        "aria-haspopup": "menu",
-        "aria-expanded": open && enabled,
-        title: enabled ? label : t(MERGE_SHAPES_HINT_KEY),
-        disabled: !enabled,
-        className: pill,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => setOpen((v) => !v),
-        children: [
-          /* @__PURE__ */ jsx(LuCombine, { className: ic }),
-          /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3" })
-        ]
-      }
-    ),
-    open && enabled && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { role: "menu", "aria-label": label, className: RIBBON_MENU_SURFACE_CLASS, children: MERGE_SHAPES_MENU_ITEMS.map((item) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        role: "menuitem",
-        "data-pptx-merge-op": item.operation,
-        className: RIBBON_MENU_ITEM_CLASS,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => {
-          setOpen(false);
-          commands?.mergeShapes(item.operation);
-        },
-        children: t(item.labelKey)
-      },
-      item.operation
-    )) }) })
-  ] });
+    host.addEventListener("home-popup", listener);
+    return () => host.removeEventListener("home-popup", listener);
+  }, [onPopup]);
+  return React97.createElement(`pptx-ui-ribbon-home-${family}`, { ref });
 }
 function ShapeArrangeExtras(p) {
-  const { t } = useTranslation();
-  const canGroup = canGroupSelection(p.canEdit, p.selectedCount, p.selectionGroupable);
-  const canUngroup = canUngroupSelection(p.canEdit, p.selectedElement);
-  const canStrokeWidth = canSetStrokeWidth(p.canEdit, p.selectedElement);
-  const strokeWidth = strokeWidthOf(p.selectedElement);
+  const commands = useShapeFormatContext();
+  const crop = commands?.crop;
   const { isHidden } = useToolbarVisibility(p.hiddenActions);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: grp, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: p.onGroupElements,
-          disabled: !canGroup,
-          className: gB,
-          title: t("pptx.contextMenu.group"),
-          ...controlAttr("home.arrange.group"),
-          "aria-label": t("pptx.contextMenu.group"),
-          children: /* @__PURE__ */ jsx(LuGroup, { className: ic })
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: p.onUngroupElement,
-          disabled: !canUngroup,
-          className: gL,
-          title: t("pptx.contextMenu.ungroup"),
-          ...controlAttr("home.arrange.ungroup"),
-          "aria-label": t("pptx.contextMenu.ungroup"),
-          children: /* @__PURE__ */ jsx(LuUngroup, { className: ic })
-        }
-      )
-    ] }),
-    !isHidden("mergeShapes") && /* @__PURE__ */ jsx(MergeShapesMenu, { canEdit: p.canEdit }),
-    !isHidden("crop") && /* @__PURE__ */ jsx(CropRibbonControls, { canEdit: p.canEdit }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "number",
-        min: "0",
-        max: "120",
-        step: "0.5",
-        disabled: !canStrokeWidth,
-        "aria-label": t("pptx.ribbon.strokeWidth"),
-        title: t("pptx.ribbon.strokeWidth"),
-        ...controlAttr("home.arrange.outlineWidth"),
-        value: strokeWidth,
-        onChange: (event) => {
-          const next = Number(event.target.value);
-          if (Number.isFinite(next)) {
-            p.onUpdateElementStyle({ strokeWidth: Math.max(0, next) });
+  const { onGroupElements, onUngroupElement, onUpdateElementStyle } = p;
+  const controls = useMemo(
+    () => arrangeShapeHomeControls({
+      editable: p.canEdit,
+      canGroup: canGroupSelection(p.canEdit, p.selectedCount, p.selectionGroupable),
+      canUngroup: canUngroupSelection(p.canEdit, p.selectedElement),
+      canMerge: Boolean(commands?.canMergeShapes),
+      canCrop: Boolean(crop?.canCrop),
+      cropActive: Boolean(crop?.element),
+      canStrokeWidth: canSetStrokeWidth(p.canEdit, p.selectedElement),
+      strokeWidth: strokeWidthOf(p.selectedElement),
+      hideMerge: isHidden("mergeShapes"),
+      hideCrop: isHidden("crop")
+    }),
+    [
+      p.canEdit,
+      p.selectedCount,
+      p.selectionGroupable,
+      p.selectedElement,
+      commands?.canMergeShapes,
+      crop?.canCrop,
+      crop?.element,
+      isHidden
+    ]
+  );
+  const request = useCallback(
+    (id, _part, intent) => {
+      const value = intent?.value;
+      switch (id) {
+        case "home.arrange.group":
+          onGroupElements();
+          break;
+        case "home.arrange.ungroup":
+          onUngroupElement();
+          break;
+        case "home.arrange.mergeShapes":
+          commands?.mergeShapes(value);
+          break;
+        case "home.arrange.outlineWidth":
+          onUpdateElementStyle({ strokeWidth: Math.max(0, Number(value)) });
+          break;
+        case "home.arrange.crop": {
+          const action = parseCropValue(value);
+          if (!action) {
+            crop?.toggle();
+          } else if (action.kind === "aspect") {
+            crop?.cropToAspect(action.width, action.height);
+          } else if (action.kind === "fill") {
+            crop?.fill();
+          } else {
+            crop?.fit();
           }
-        },
-        className: "h-[26px] w-[52px] rounded border border-border bg-muted px-1 text-center text-[11px] text-foreground disabled:opacity-40"
-      }
-    )
-  ] });
-}
-function WebHomeControls({
-  family,
-  controls,
-  onRequest,
-  elementRef
-}) {
-  const { t } = useTranslation();
-  const ref = useRef(null);
-  useEffect(() => {
-    if (ref.current) {
-      ref.current.state = { controls, translate: t };
-    }
-  }, [controls, t]);
-  useEffect(() => {
-    const host = ref.current;
-    if (!host) {
-      return;
-    }
-    const listener = (event) => {
-      const { id, part } = event.detail;
-      onRequest(id, part);
-    };
-    host.addEventListener("home-request", listener);
-    return () => host.removeEventListener("home-request", listener);
-  }, [onRequest]);
-  return React99.createElement(`pptx-ui-ribbon-home-${family}`, {
-    ref: (node) => {
-      ref.current = node;
-      if (elementRef) {
-        elementRef.current = node;
-      }
-    }
-  });
-}
-function useHomeAnchor(elementRef, id) {
-  const [anchor, setAnchor] = useState(null);
-  useEffect(() => {
-    setAnchor(elementRef.current?.anchor(id) ?? null);
-  }, [elementRef, id]);
-  return anchor;
-}
-function useHomePopover(anchor) {
-  const [open, setOpen] = useState(false);
-  useEffect(() => {
-    if (!open) {
-      return;
-    }
-    const onMouseDown = (event) => {
-      if (anchor && !anchor.contains(event.target)) {
-        setOpen(false);
-      }
-    };
-    const onKeyDown = (event) => {
-      if (event.key === "Escape") {
-        setOpen(false);
+        }
       }
-    };
-    document.addEventListener("mousedown", onMouseDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onMouseDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open, anchor]);
-  return { open, setOpen, anchorRef: { current: anchor } };
+    },
+    [onGroupElements, onUngroupElement, onUpdateElementStyle, commands, crop]
+  );
+  return /* @__PURE__ */ jsx(WebHomeControls, { family: "arrange-shape", controls, onRequest: request });
 }
 function ArrangeSection(p) {
   const { t } = useTranslation();
@@ -1094,6 +796,17 @@ function ArrangeSection(p) {
     }),
     [p.canEdit, p.selectedElement, p.canDistribute]
   );
+  const painterControls = useMemo(
+    () => arrangePainterHomeControls({
+      editable: p.canEdit,
+      active: Boolean(p.formatPainterActive),
+      canFormatPaint: p.canActivateFormatPainter !== false,
+      show: true
+    }),
+    [p.canEdit, p.formatPainterActive, p.canActivateFormatPainter]
+  );
+  const { onToggleFormatPainter } = p;
+  const requestPainter = useCallback(() => onToggleFormatPainter?.(), [onToggleFormatPainter]);
   const requestAlign = useCallback(
     (_id, part) => {
       const action = arrangeAlignAction(part);
@@ -1134,24 +847,12 @@ function ArrangeSection(p) {
   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", "data-pptx-chrome": "arrange-controls", children: [
       /* @__PURE__ */ jsx(WebHomeControls, { family: "arrange-align", controls, onRequest: requestAlign }),
-      p.onToggleFormatPainter && /* @__PURE__ */ jsxs(
-        "button",
+      p.onToggleFormatPainter && /* @__PURE__ */ jsx(
+        WebHomeControls,
         {
-          type: "button",
-          onClick: p.onToggleFormatPainter,
-          disabled: !p.canEdit || p.canActivateFormatPainter === false && !p.formatPainterActive,
-          "data-testid": "format-painter-toggle",
-          "data-active": p.formatPainterActive ? "true" : "false",
-          className: cn(
-            pill,
-            p.formatPainterActive ? "bg-amber-600 hover:bg-amber-500 text-amber-50" : ""
-          ),
-          title: t("pptx.arrange.formatPainter"),
-          ...controlAttr("home.clipboard.formatPainter"),
-          children: [
-            /* @__PURE__ */ jsx(LuPaintbrush, { className: ic }),
-            t("pptx.arrange.format")
-          ]
+          family: "arrange-painter",
+          controls: painterControls,
+          onRequest: requestPainter
         }
       ),
       /* @__PURE__ */ jsx(WebHomeControls, { family: "arrange-flip", controls, onRequest: requestFlip }),
@@ -1509,7 +1210,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.17.1" ;
+  const version = "4.18.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: [
@@ -1952,50 +1653,28 @@ function ClipboardGroup(p) {
   );
   return /* @__PURE__ */ jsx(WebHomeControls, { family: "clipboard", controls, onRequest: request });
 }
-function FontPickers(p) {
+function FontPickerGroup(p) {
   const { t } = useTranslation();
-  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") })
-  ] });
+  const { enabled, fontFamily, fontSize, themeFonts, embeddedFonts, customFonts } = p;
+  const { onFamily, onSize } = p;
+  const controls = useMemo(
+    () => fontPickerHomeControls(
+      { enabled, fontFamily, fontSize, themeFonts, embeddedFonts, customFonts },
+      t
+    ),
+    [enabled, fontFamily, fontSize, themeFonts, embeddedFonts, customFonts, t]
+  );
+  const request = useCallback(
+    (id, _part, intent) => {
+      if (id === "home.font.fontFamily") {
+        onFamily(String(intent?.value));
+      } else {
+        onSize(Number(intent?.value));
+      }
+    },
+    [onFamily, onSize]
+  );
+  return /* @__PURE__ */ jsx(WebHomeControls, { family: "font-picker", controls, onRequest: request });
 }
 function useLayoutPreviews(loadPreviews, enabled) {
   const [previews, setPreviews] = useState(/* @__PURE__ */ new Map());
@@ -2017,6 +1696,42 @@ function useLayoutPreviews(loadPreviews, enabled) {
   }, [enabled, loadPreviews]);
   return previews;
 }
+function RibbonMenu({
+  anchorRef,
+  className,
+  children
+}) {
+  const [pos, setPos] = useState(null);
+  useEffect(() => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    const update = () => {
+      const { left, top } = computeAnchoredPopupPosition(anchor.getBoundingClientRect());
+      setPos(
+        (prev) => prev && prev.left === left && prev.top === top ? prev : { left: left ?? 0, top }
+      );
+    };
+    update();
+    anchor.addEventListener("mouseenter", update);
+    window.addEventListener("resize", update);
+    document.addEventListener("scroll", update, true);
+    return () => {
+      anchor.removeEventListener("mouseenter", update);
+      window.removeEventListener("resize", update);
+      document.removeEventListener("scroll", update, true);
+    };
+  }, [anchorRef]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("fixed z-50", className),
+      style: pos ? { left: pos.left, top: pos.top } : { visibility: "hidden" },
+      children
+    }
+  );
+}
 var THUMB_WIDTH = 128;
 var THUMB_HEIGHT = 72;
 var MAX_PREVIEW_ELEMENTS = 100;
@@ -2056,13 +1771,6 @@ function LayoutGalleryMenu(p) {
 }
 function LayoutThumbnail({ preview, name }) {
   const geometry = buildLayoutPreviewGeometry(preview, THUMB_WIDTH, THUMB_HEIGHT);
-  const slide = {
-    id: `layout-preview-${preview?.path ?? name}`,
-    rId: "",
-    slideNumber: 0,
-    elements: preview?.elements ?? [],
-    backgroundColor: geometry.backgroundColor
-  };
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2083,16 +1791,7 @@ function LayoutThumbnail({ preview, name }) {
             backgroundColor: geometry.backgroundColor
           },
           children: [
-            (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsx(
-              StaticElementRenderer,
-              {
-                element,
-                activeSlide: slide,
-                allSlides: [slide],
-                zIndex: index
-              },
-              element.id
-            )),
+            /* @__PURE__ */ jsx(LayoutArtwork, { preview, name, backgroundColor: geometry.backgroundColor }),
             geometry.frames.map((frame) => /* @__PURE__ */ jsx(
               "div",
               {
@@ -2114,43 +1813,164 @@ function LayoutThumbnail({ preview, name }) {
     }
   );
 }
-function SlidesGroup(p) {
-  const elementRef = useRef(null);
-  const newSlide = useHomePopover(useHomeAnchor(elementRef, "home.slides.newSlide"));
-  const layout = useHomePopover(useHomeAnchor(elementRef, "home.slides.layout"));
-  const [templateGalleryOpen, setTemplateGalleryOpen] = useState(false);
-  const previews = useLayoutPreviews(p.loadLayoutPreviews, newSlide.open || layout.open);
-  const { layoutOptions, onInsertSlideFromLayout, onResetSlide, onAddSection } = p;
-  const { setOpen: setNewSlideOpen } = newSlide;
-  const { setOpen: setLayoutOpen } = layout;
-  const controls = useMemo(
-    () => slidesHomeControls({
-      editable: p.canEdit,
-      hasLayouts: layoutOptions.length > 0,
-      hasSlides: true,
-      showTemplates: Boolean(p.onInsertSlideFromTemplate),
-      newSlideNeedsLayout: true,
-      resetNeedsSlide: false,
-      newSlideOpen: newSlide.open,
-      layoutOpen: layout.open
-    }),
-    [p.canEdit, layoutOptions.length, p.onInsertSlideFromTemplate, newSlide.open, layout.open]
-  );
-  const request = useCallback(
-    (id, part) => {
-      switch (id) {
-        case "home.slides.newSlide":
-          if (part === "caret") {
-            setNewSlideOpen((v) => !v);
-          } else if (layoutOptions.length > 0) {
-            onInsertSlideFromLayout(layoutOptions[0].path, layoutOptions[0].name);
-          }
-          break;
-        case "home.slides.slideTemplates":
+function LayoutArtwork({
+  preview,
+  name,
+  backgroundColor
+}) {
+  const slide = {
+    id: `layout-preview-${preview?.path ?? name}`,
+    rId: "",
+    slideNumber: 0,
+    elements: preview?.elements ?? [],
+    backgroundColor
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsx(
+    StaticElementRenderer,
+    {
+      element,
+      activeSlide: slide,
+      allSlides: [slide],
+      zIndex: index
+    },
+    element.id
+  )) });
+}
+var sep = /* @__PURE__ */ jsx("div", { className: "w-px self-stretch bg-border/40 mx-1 max-md:hidden" });
+var ic = "w-4 h-4";
+var ics = "w-3.5 h-3.5";
+var OV = [
+  {
+    k: "png",
+    labelKey: "pptx.ribbon.exportPng",
+    i: /* @__PURE__ */ jsx(LuDownload, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "pdf",
+    labelKey: "pptx.ribbon.exportPdf",
+    i: /* @__PURE__ */ jsx(LuFileText, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "video",
+    labelKey: "pptx.ribbon.exportVideo",
+    i: /* @__PURE__ */ jsx(LuVideo, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "gif",
+    labelKey: "pptx.ribbon.exportGif",
+    i: /* @__PURE__ */ jsx(LuImage, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "pptx",
+    labelKey: "pptx.file.saveAsPptxTooltip",
+    i: /* @__PURE__ */ jsx(LuDownload, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "ppsx",
+    labelKey: "pptx.file.saveAsPpsxTooltip",
+    i: /* @__PURE__ */ jsx(LuPlay, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "pptm",
+    labelKey: "pptx.file.saveAsPptmTooltip",
+    i: /* @__PURE__ */ jsx(LuDatabase, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "ppt",
+    labelKey: "pptx.file.saveAsPptTooltip",
+    i: /* @__PURE__ */ jsx(LuFileText, { className: `${ics} text-muted-foreground` })
+  },
+  { k: "---0", labelKey: "", i: null },
+  {
+    k: "print",
+    labelKey: "pptx.print.printButton",
+    i: /* @__PURE__ */ jsx(LuPrinter, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "copyImg",
+    labelKey: "pptx.file.copyImageTooltip",
+    i: /* @__PURE__ */ jsx(LuCopy, { className: `${ics} text-muted-foreground` })
+  },
+  { k: "---", labelKey: "", i: null },
+  {
+    k: "a11y",
+    labelKey: "pptx.ribbon.accessibilityCheck",
+    i: /* @__PURE__ */ jsx(LuCheck, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "shortcuts",
+    labelKey: "pptx.settings.keyboardShortcuts",
+    i: /* @__PURE__ */ jsx(LuSearch, { className: `${ics} text-muted-foreground` })
+  },
+  { k: "---2", labelKey: "", i: null },
+  {
+    k: "versionHistory",
+    labelKey: "pptx.ribbon.versionHistory",
+    i: /* @__PURE__ */ jsx(LuClock, { className: `${ics} text-muted-foreground` })
+  },
+  { k: "---3", labelKey: "", i: null },
+  {
+    k: "documentProperties",
+    labelKey: "pptx.ribbon.documentProperties",
+    i: /* @__PURE__ */ jsx(LuInfo, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "passwordProtection",
+    labelKey: "pptx.security.protectPresentation",
+    i: /* @__PURE__ */ jsx(LuLock, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "fontEmbedding",
+    labelKey: "pptx.ribbon.embedFonts",
+    i: /* @__PURE__ */ jsx(LuType, { className: `${ics} text-muted-foreground` })
+  },
+  {
+    k: "digitalSignatures",
+    labelKey: "pptx.viewer.digitalSignatures",
+    i: /* @__PURE__ */ jsx(LuShieldAlert, { className: `${ics} text-muted-foreground` })
+  }
+];
+var nextTile = 0;
+function SlidesGroup(p) {
+  const [templateGalleryOpen, setTemplateGalleryOpen] = useState(false);
+  const [galleryOpen, setGalleryOpen] = useState(false);
+  const [tiles, setTiles] = useState([]);
+  const previews = useLayoutPreviews(p.loadLayoutPreviews, galleryOpen);
+  const { layoutOptions, onInsertSlideFromLayout, onApplyLayout, onResetSlide, onAddSection } = p;
+  const controls = useMemo(
+    () => slidesHomeControls({
+      editable: p.canEdit,
+      hasLayouts: layoutOptions.length > 0,
+      hasSlides: true,
+      showTemplates: Boolean(p.onInsertSlideFromTemplate),
+      newSlideNeedsLayout: true,
+      resetNeedsSlide: false,
+      layouts: {
+        layouts: layoutOptions.map(({ path, name }) => ({ path, name })),
+        current: p.currentLayoutPath,
+        previews
+      }
+    }),
+    [p.canEdit, layoutOptions, p.onInsertSlideFromTemplate, p.currentLayoutPath, previews]
+  );
+  const request = useCallback(
+    (id, _part, intent) => {
+      const value = intent?.value;
+      switch (id) {
+        case "home.slides.newSlide": {
+          const layout = value === void 0 ? layoutOptions[0] : layoutOptions.find((l) => l.path === value);
+          if (layout) {
+            onInsertSlideFromLayout(layout.path, layout.name);
+          }
+          break;
+        }
+        case "home.slides.slideTemplates":
           setTemplateGalleryOpen(true);
           break;
         case "home.slides.layout":
-          setLayoutOpen((v) => !v);
+          if (value !== void 0) {
+            onApplyLayout?.(String(value));
+          }
           break;
         case "home.slides.reset":
           onResetSlide?.();
@@ -2159,15 +1979,20 @@ function SlidesGroup(p) {
           onAddSection?.();
       }
     },
-    [
-      layoutOptions,
-      onInsertSlideFromLayout,
-      onResetSlide,
-      onAddSection,
-      setNewSlideOpen,
-      setLayoutOpen
-    ]
-  );
+    [layoutOptions, onInsertSlideFromLayout, onApplyLayout, onResetSlide, onAddSection]
+  );
+  const popup = useCallback((_id, open) => setGalleryOpen(open), []);
+  const artwork = useCallback((preview, geometry, container) => {
+    const tile = {
+      key: nextTile++,
+      preview,
+      name: preview.path,
+      backgroundColor: geometry.backgroundColor,
+      container
+    };
+    setTiles((all) => [...all, tile]);
+    return () => setTiles((all) => all.filter((entry) => entry.key !== tile.key));
+  }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       WebHomeControls,
@@ -2175,39 +2000,23 @@ function SlidesGroup(p) {
         family: "slides",
         controls,
         onRequest: request,
-        elementRef
+        onPopup: popup,
+        layoutArtwork: artwork
       }
     ),
-    newSlide.open && newSlide.anchorRef.current && createPortal(
-      /* @__PURE__ */ jsx(
-        LayoutGalleryMenu,
-        {
-          anchorRef: newSlide.anchorRef,
-          layoutOptions,
-          previews,
-          onSelect: (l) => {
-            onInsertSlideFromLayout(l.path, l.name);
-            setNewSlideOpen(false);
-          }
-        }
-      ),
-      newSlide.anchorRef.current
-    ),
-    layout.open && layout.anchorRef.current && createPortal(
-      /* @__PURE__ */ jsx(
-        LayoutGalleryMenu,
-        {
-          anchorRef: layout.anchorRef,
-          layoutOptions,
-          previews,
-          currentLayoutPath: p.currentLayoutPath,
-          onSelect: (l) => {
-            p.onApplyLayout?.(l.path);
-            setLayoutOpen(false);
+    tiles.map(
+      (tile) => createPortal(
+        /* @__PURE__ */ jsx(
+          LayoutArtwork,
+          {
+            preview: tile.preview,
+            name: tile.name,
+            backgroundColor: tile.backgroundColor
           }
-        }
-      ),
-      layout.anchorRef.current
+        ),
+        tile.container,
+        String(tile.key)
+      )
     ),
     sep,
     p.onInsertSlideFromTemplate && /* @__PURE__ */ jsx(
@@ -2277,7 +2086,7 @@ function HomeSection(p) {
       }
     ),
     /* @__PURE__ */ jsx(
-      FontPickers,
+      FontPickerGroup,
       {
         enabled: canFormat,
         fontFamily,
@@ -2385,26 +2194,16 @@ function DateTimeFieldDialog(p) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 pt-1", children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "px-3 py-1.5 text-xs rounded border border-border text-foreground hover:bg-muted transition-colors",
-              onClick: () => p.onClose(),
-              children: t("pptx.common.cancel", "Cancel")
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "px-3 py-1.5 text-xs rounded bg-primary text-white hover:bg-primary/90 transition-colors",
-              onClick: confirmDatePicker,
-              children: t("pptx.common.insert", "Insert")
-            }
-          )
-        ] })
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 pt-1", children: /* @__PURE__ */ jsx(
+          DialogFooter,
+          {
+            actions: [
+              { id: "cancel", label: t("pptx.common.cancel", "Cancel") },
+              { id: "insert", label: t("pptx.common.insert", "Insert"), variant: "primary" }
+            ],
+            onAction: (id) => id === "insert" ? confirmDatePicker() : p.onClose()
+          }
+        ) })
       ] })
     }
   );
@@ -2785,6 +2584,11 @@ function SlideShowSection(p) {
     ) })
   ] });
 }
+var ThemeColorMapContext = createContext(void 0);
+var ThemeColorMapProvider = ThemeColorMapContext.Provider;
+function useThemeColorMap() {
+  return useContext(ThemeColorMapContext);
+}
 
 // src/viewer/components/toolbar/text-section-state.ts
 function getEffectiveTextStyle(element, tableEditorState) {
@@ -2841,7 +2645,9 @@ var TEXT_SHADOW_OFF = {
 };
 function FontFormatGroup(p) {
   const { canMut, canFormat, isTextEl, selectedElement, tableEditorState, effectiveTs } = p;
-  const { onUpdateTextStyle } = p;
+  const { onUpdateTextStyle, onTransformTextCase, isTable, currentColor, currentHighlight } = p;
+  const themeColors = useThemeColorMap();
+  const { recentColors, pushColor } = useRecentColors();
   const flags = textSectionFlags(selectedElement, tableEditorState, false);
   const shadow = Boolean(effectiveTs?.textShadowColor);
   const controls = useMemo(
@@ -2851,15 +2657,58 @@ function FontFormatGroup(p) {
       italic: flags.italic === "on",
       underline: flags.underline === "on",
       strikethrough: flags.strikethrough === "on",
-      shadow
+      shadow,
+      characterSpacing: effectiveTs?.characterSpacing,
+      fontColor: {
+        value: currentColor,
+        ref: p.currentColorRef,
+        themeColors,
+        recent: recentColors
+      },
+      highlight: { value: currentHighlight, recent: recentColors }
     }),
-    [canMut, canFormat, flags.bold, flags.italic, flags.underline, flags.strikethrough, shadow]
+    [
+      canMut,
+      canFormat,
+      flags.bold,
+      flags.italic,
+      flags.underline,
+      flags.strikethrough,
+      shadow,
+      effectiveTs?.characterSpacing,
+      currentColor,
+      p.currentColorRef,
+      currentHighlight,
+      themeColors,
+      recentColors
+    ]
   );
   const request = useCallback(
-    (id) => {
+    (id, _part, intent) => {
       if (!canFormat || !selectedElement) {
         return;
       }
+      const value = intent?.value;
+      switch (id) {
+        case "home.font.characterSpacing":
+          onUpdateTextStyle({ characterSpacing: Number(value) });
+          return;
+        case "home.font.changeCase":
+          if (isTable) {
+            onUpdateTextStyle({ textCaps: value === "upper" ? "all" : "none" });
+          } else {
+            onTransformTextCase(value);
+          }
+          return;
+        case "home.font.fontColor":
+          onUpdateTextStyle({ color: String(value), colorRef: intent?.ref });
+          pushColor(String(value));
+          return;
+        case "home.font.highlightColor":
+          onUpdateTextStyle({ highlightColor: String(value) });
+          pushColor(String(value));
+          return;
+      }
       const flag = id.replace("home.font.", "");
       if (isTextDecorationFlag(flag)) {
         const current2 = textSectionFlags(selectedElement, tableEditorState, true);
@@ -2898,633 +2747,85 @@ function FontFormatGroup(p) {
       isTextEl,
       effectiveTs,
       shadow,
-      onUpdateTextStyle
+      onUpdateTextStyle,
+      onTransformTextCase,
+      isTable,
+      pushColor
     ]
   );
   return /* @__PURE__ */ jsx(WebHomeControls, { family: "font", controls, onRequest: request });
 }
-var LINE_SPACING_OPTIONS = [
-  { label: "1.0", value: 1 },
-  { label: "1.15", value: 1.15 },
-  { label: "1.5", value: 1.5 },
-  { label: "2.0", value: 2 },
-  { label: "2.5", value: 2.5 },
-  { label: "3.0", value: 3 }
-];
-var TEXT_DIRECTION_OPTIONS = [
-  { label: "Horizontal", value: "horizontal" },
-  { label: "Rotate 90\xB0", value: "vertical" },
-  { label: "Rotate 270\xB0", value: "vertical270" },
-  { label: "Stacked", value: "wordArtVert" }
-];
-var COLUMN_OPTIONS = [
-  { label: "1 Column", value: 1 },
-  { label: "2 Columns", value: 2 },
-  { label: "3 Columns", value: 3 }
-];
-function useCloseOnClickOutside(ref, open, setOpen) {
-  useEffect(() => {
-    if (!open) {
-      return;
-    }
-    const handler = (e) => {
-      if (ref.current && !ref.current.contains(e.target)) {
-        setOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [open, ref, setOpen]);
-}
-function LineSpacingDropdown(p) {
+function ParagraphGroup(p) {
   const { t } = useTranslation();
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useCloseOnClickOutside(ref, open, setOpen);
-  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, ...controlAttr("home.paragraph.lineSpacing"), children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        disabled: !p.canMut,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => setOpen((v) => !v),
-        className: pill,
-        title: t("pptx.paragraph.lineSpacing"),
-        "aria-label": t("pptx.paragraph.lineSpacing"),
-        children: /* @__PURE__ */ jsxs("svg", { className: ic, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-          /* @__PURE__ */ jsx("line", { x1: "5", y1: "5", x2: "19", y2: "5" }),
-          /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }),
-          /* @__PURE__ */ jsx("line", { x1: "5", y1: "19", x2: "19", y2: "19" }),
-          /* @__PURE__ */ jsx("path", { d: "M2 8 L2 3 M2 3 L3.5 4.5 M2 3 L0.5 4.5" }),
-          /* @__PURE__ */ jsx("path", { d: "M2 16 L2 21 M2 21 L3.5 19.5 M2 21 L0.5 19.5" })
-        ] })
-      }
+  const { canMut, canFormat, effectiveTs, onUpdateTextStyle, onToggleBullets } = p;
+  const commands = useRibbonGalleryCommands();
+  const align = paragraphHomeAlign(effectiveTs?.align);
+  const enabled = canMut && canFormat;
+  const controls = useMemo(
+    () => withHomeGalleries(
+      paragraphHomeControls({
+        enabled,
+        align,
+        list: p.bulletKind === "mixed" ? "none" : p.bulletKind,
+        lineSpacing: effectiveTs?.lineSpacing,
+        columns: effectiveTs?.columnCount,
+        textDirection: effectiveTs?.textDirection
+      }),
+      homeGalleryControls("paragraph", commands?.context ?? { element: null }, enabled),
+      Boolean(commands?.editable) && enabled
     ),
-    open && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-28", children: LINE_SPACING_OPTIONS.map((opt) => /* @__PURE__ */ jsxs(
-      "button",
-      {
-        type: "button",
-        className: "flex items-center w-full px-3 py-1.5 text-xs hover:bg-muted transition-colors",
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => {
-          if (!p.canFormat) {
-            return;
+    [
+      enabled,
+      align,
+      p.bulletKind,
+      effectiveTs?.lineSpacing,
+      effectiveTs?.columnCount,
+      effectiveTs?.textDirection,
+      commands?.context,
+      commands?.editable
+    ]
+  );
+  const request = useCallback(
+    (id, _part, intent) => {
+      if (!canFormat) {
+        return;
+      }
+      const value = intent?.value;
+      switch (id) {
+        case "home.paragraph.bullets":
+        case "home.paragraph.numbering":
+          if (value === void 0) {
+            onToggleBullets(id === "home.paragraph.bullets" ? "bullet" : "numbered");
+          } else if (commands?.editable) {
+            const result = homeGalleryApply("paragraph", id, String(value), commands.context);
+            if (result) {
+              commands.dispatch(result);
+            }
           }
-          p.onUpdateTextStyle({ lineSpacing: opt.value });
-          setOpen(false);
-        },
-        children: [
-          opt.label,
-          p.effectiveTs?.lineSpacing === opt.value && /* @__PURE__ */ jsx("span", { className: "ml-auto text-primary", children: "\u2022" })
-        ]
-      },
-      opt.value
-    )) }) })
-  ] });
-}
-function TextDirectionDropdown(p) {
-  const { t } = useTranslation();
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useCloseOnClickOutside(ref, open, setOpen);
-  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, ...controlAttr("home.paragraph.textDirection"), children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        disabled: !p.canMut,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => setOpen((v) => !v),
-        className: pill,
-        title: t("pptx.paragraph.textDirection"),
-        "aria-label": t("pptx.paragraph.textDirection"),
-        children: /* @__PURE__ */ jsxs("svg", { className: ic, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", children: [
-          /* @__PURE__ */ jsx("text", { x: "3", y: "16", fontSize: "12", fill: "currentColor", stroke: "none", children: "A" }),
-          /* @__PURE__ */ jsx("path", { d: "M18 6 C21 6 21 10 18 10" }),
-          /* @__PURE__ */ jsx("path", { d: "M18 10 L19.5 8.5 M18 10 L16.5 8.5" })
-        ] })
-      }
-    ),
-    open && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-36", children: TEXT_DIRECTION_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "flex items-center w-full px-3 py-1.5 text-xs hover:bg-muted transition-colors",
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => {
-          if (!p.canFormat) {
-            return;
-          }
-          p.onUpdateTextStyle({ textDirection: opt.value });
-          setOpen(false);
-        },
-        children: opt.label
-      },
-      opt.value
-    )) }) })
-  ] });
-}
-function ColumnsDropdown(p) {
-  const { t } = useTranslation();
-  const [open, setOpen] = useState(false);
-  const ref = useRef(null);
-  useCloseOnClickOutside(ref, open, setOpen);
-  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, ...controlAttr("home.paragraph.columns"), children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        disabled: !p.canMut,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => setOpen((v) => !v),
-        className: pill,
-        title: t("pptx.paragraph.columns"),
-        children: /* @__PURE__ */ jsx(LuColumns3, { className: ic })
-      }
-    ),
-    open && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-28", children: COLUMN_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: "flex items-center w-full px-3 py-1.5 text-xs hover:bg-muted transition-colors",
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => {
-          if (!p.canFormat) {
-            return;
-          }
-          p.onUpdateTextStyle({ columnCount: opt.value });
-          setOpen(false);
-        },
-        children: opt.label
-      },
-      opt.value
-    )) }) })
-  ] });
-}
-var ON = "bg-primary/20 ring-1 ring-primary";
-function fixedGallery(control) {
-  return FIXED_TAB_GALLERIES.find((placement) => placement.control === control);
-}
-var BULLETS_GALLERY = fixedGallery("home.paragraph.bullets");
-var NUMBERING_GALLERY = fixedGallery("home.paragraph.numbering");
-function ParagraphGroup(p) {
-  const { t } = useTranslation();
-  const { canMut, canFormat, effectiveTs, onUpdateTextStyle } = p;
-  const align = paragraphHomeAlign(effectiveTs?.align);
-  const paragraphControls = useMemo(
-    () => paragraphHomeControls({ enabled: canMut && canFormat, align }),
-    [canMut, canFormat, align]
-  );
-  const requestParagraph = useCallback(
-    (id) => {
-      const action = paragraphHomeAction(id);
-      if (!canFormat || !action) {
-        return;
-      }
-      if (action.kind === "indent") {
-        const current = effectiveTs?.paragraphMarginLeft ?? 0;
-        onUpdateTextStyle({ paragraphMarginLeft: Math.max(0, current + action.delta) });
-      } else {
-        onUpdateTextStyle({ align: action.align });
-      }
-    },
-    [canFormat, effectiveTs, onUpdateTextStyle]
-  );
-  const listToggle = (kind, placement, title, icon) => /* @__PURE__ */ jsxs("div", { className: grp, ...controlAttr(placement?.control), children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        disabled: !canMut,
-        "aria-pressed": p.bulletKind === kind,
-        onMouseDown: (e) => e.preventDefault(),
-        onClick: () => p.onToggleBullets(kind),
-        className: `${placement ? gB : gL}${p.bulletKind === kind ? ` ${ON}` : ""}`,
-        title,
-        children: icon
-      }
-    ),
-    placement && /* @__PURE__ */ jsx(RibbonGallery, { placement, chevronOnly: true, tagControl: false })
-  ] });
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.paragraph"), children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-      listToggle(
-        "bullet",
-        BULLETS_GALLERY,
-        t("pptx.text.bulletList"),
-        /* @__PURE__ */ jsx(LuList, { className: ic })
-      ),
-      listToggle(
-        "numbered",
-        NUMBERING_GALLERY,
-        t("pptx.text.numberedList"),
-        /* @__PURE__ */ jsx(LuListOrdered, { className: ic })
-      ),
-      /* @__PURE__ */ jsx(
-        WebHomeControls,
-        {
-          family: "paragraph",
-          controls: paragraphControls,
-          onRequest: requestParagraph
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        LineSpacingDropdown,
-        {
-          canMut,
-          canFormat,
-          effectiveTs: p.effectiveTs,
-          onUpdateTextStyle: p.onUpdateTextStyle
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        TextDirectionDropdown,
-        {
-          canMut,
-          canFormat,
-          onUpdateTextStyle: p.onUpdateTextStyle
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        ColumnsDropdown,
-        {
-          canMut,
-          canFormat,
-          onUpdateTextStyle: p.onUpdateTextStyle
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.paragraph") })
-  ] });
-}
-function RecentColorsRow({
-  prefix,
-  disabled,
-  onCommit
-}) {
-  const { t } = useTranslation();
-  const { recentColors, pushColor } = useRecentColors();
-  if (recentColors.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-testid": "pptx-color-recent",
-      "aria-label": t("pptx.colorPicker.recentColors"),
-      className: "mt-1 flex flex-wrap items-center gap-1",
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground", children: t("pptx.colorPicker.recentColors") }),
-        recentColors.map((c) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-pptx-compact": true,
-            className: "h-4 w-4 rounded border border-primary",
-            style: { backgroundColor: c },
-            title: c,
-            "aria-label": `Recent ${c}`,
-            disabled,
-            onClick: () => {
-              onCommit(c);
-              pushColor(c);
-            }
-          },
-          `${prefix}-recent-${c}`
-        ))
-      ]
-    }
-  );
-}
-var ThemeColorMapContext = createContext(void 0);
-var ThemeColorMapProvider = ThemeColorMapContext.Provider;
-function useThemeColorMap() {
-  return useContext(ThemeColorMapContext);
-}
-function ThemeColorSwatchGrid({
-  prefix,
-  disabled,
-  selectedRef,
-  selectedHex,
-  onPick
-}) {
-  const { t } = useTranslation();
-  const themeColorMap = useThemeColorMap();
-  const columns = useMemo(() => buildThemeColorSwatchGrid(themeColorMap), [themeColorMap]);
-  const rows = useMemo(() => themeColorSwatchRows(columns), [columns]);
-  const selected = useMemo(
-    () => findSelectedThemeSwatch(columns, selectedRef, selectedHex),
-    [columns, selectedRef, selectedHex]
-  );
-  if (columns.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
-    /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: t("pptx.colorPicker.themeColors") }),
-    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: rows.map((row, rowIndex) => (
-      // eslint-disable-next-line react/no-array-index-key
-      /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", children: row.map(
-        (swatch, colIndex) => swatch ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled,
-            "data-pptx-compact": true,
-            title: swatch.label,
-            "aria-label": swatch.label,
-            className: `h-4 w-4 rounded-sm border transition-transform hover:scale-110 disabled:opacity-40 disabled:cursor-not-allowed ${selected === swatch ? "border-primary ring-1 ring-primary" : "border-border"}`,
-            style: { backgroundColor: swatch.hex },
-            onClick: () => onPick(themeSwatchCommit(swatch))
-          },
-          `${prefix}-theme-${swatch.ref.scheme}-${rowIndex}`
-        ) : /* @__PURE__ */ jsx("div", { className: "h-4 w-4" }, `${prefix}-theme-empty-${rowIndex}-${colIndex}`)
-      ) }, `${prefix}-theme-row-${rowIndex}`)
-    )) })
-  ] });
-}
-var HIGHLIGHT_COLOR_PRESETS = [
-  "#ffff00",
-  "#00ff00",
-  "#00ffff",
-  "#ff00ff",
-  "#0000ff",
-  "#ff0000",
-  "#000080",
-  "#008080",
-  "#008000",
-  "#800080"
-];
-function TextColorMenus(p) {
-  const { t } = useTranslation();
-  const {
-    canMut,
-    currentColor,
-    currentColorThemeRef,
-    currentHighlight,
-    handleColorChange,
-    handleHighlightChange
-  } = p;
-  const colorInputRef = useRef(null);
-  const highlightInputRef = useRef(null);
-  const fontColorRef = useRef(null);
-  const highlightMenuRef = useRef(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("div", { className: "relative group", ref: fontColorRef, ...controlAttr("home.font.fontColor"), children: [
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          disabled: !canMut,
-          onMouseDown: (e) => e.preventDefault(),
-          className: pill,
-          title: t("pptx.text.fontColor"),
-          "aria-label": t("pptx.text.fontColor"),
-          children: [
-            /* @__PURE__ */ jsx(
-              "svg",
-              {
-                className: ic,
-                viewBox: "0 0 24 24",
-                fill: "none",
-                stroke: "currentColor",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                children: /* @__PURE__ */ jsx("path", { d: "M6 20h12M9.5 4h5L18 16H6L9.5 4z" })
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { className: "w-4 h-1 rounded-sm -mt-0.5", style: { backgroundColor: currentColor } })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fontColorRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 w-48", children: [
-        /* @__PURE__ */ jsx(
-          ThemeColorSwatchGrid,
-          {
-            prefix: "font-color",
-            disabled: !canMut,
-            selectedRef: currentColorThemeRef,
-            selectedHex: currentColor,
-            onPick: (c) => handleColorChange(c.hex, c.ref)
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground mt-1 mb-1", children: t("pptx.colorPicker.standardColors") }),
-        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1.5 mb-2", children: OFFICE_COLOR_SWATCHES.map((c) => /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "aria-label": c.label,
-            title: c.label,
-            "data-pptx-compact": true,
-            className: `w-5 h-5 rounded-full border transition-transform hover:scale-125 ${currentColor?.toLowerCase() === c.hex ? "border-primary ring-1 ring-primary" : "border-border"}`,
-            style: { backgroundColor: c.hex },
-            onMouseDown: (e) => e.preventDefault(),
-            onClick: () => handleColorChange(c.hex)
-          },
-          c.hex
-        )) }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "w-full text-[10px] text-muted-foreground hover:text-foreground py-1 transition-colors",
-            onMouseDown: (e) => e.preventDefault(),
-            onClick: () => colorInputRef.current?.click(),
-            children: t("pptx.ribbon.customColour")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref: colorInputRef,
-            type: "color",
-            className: "sr-only",
-            value: currentColor,
-            onChange: (e) => handleColorChange(e.target.value)
-          }
-        ),
-        /* @__PURE__ */ jsx(RecentColorsRow, { prefix: "font-color", disabled: !canMut, onCommit: handleColorChange })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "relative group",
-        ref: highlightMenuRef,
-        ...controlAttr("home.font.highlightColor"),
-        children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              disabled: !canMut,
-              onMouseDown: (e) => e.preventDefault(),
-              className: pill,
-              title: t("pptx.text.highlightColor"),
-              "aria-label": t("pptx.text.highlightColor"),
-              children: [
-                /* @__PURE__ */ jsx(LuHighlighter, { className: ic }),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "w-4 h-1 rounded-sm -mt-0.5",
-                    style: { backgroundColor: currentHighlight }
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: highlightMenuRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 w-36", children: [
-            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1.5 mb-2", children: HIGHLIGHT_COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                "aria-label": c,
-                "data-pptx-compact": true,
-                className: `w-5 h-5 rounded-full border transition-transform hover:scale-125 ${currentHighlight?.toLowerCase() === c ? "border-primary ring-1 ring-primary" : "border-border"}`,
-                style: { backgroundColor: c },
-                onMouseDown: (e) => e.preventDefault(),
-                onClick: () => handleHighlightChange(c)
-              },
-              c
-            )) }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                className: "w-full text-[10px] text-muted-foreground hover:text-foreground py-1 transition-colors",
-                onMouseDown: (e) => e.preventDefault(),
-                onClick: () => highlightInputRef.current?.click(),
-                children: t("pptx.ribbon.customColour")
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                ref: highlightInputRef,
-                type: "color",
-                className: "sr-only",
-                value: currentHighlight,
-                onChange: (e) => handleHighlightChange(e.target.value)
-              }
-            )
-          ] }) })
-        ]
-      }
-    )
-  ] });
-}
-function TextSpacingCaseMenus(p) {
-  const { t } = useTranslation();
-  const { canMut, canFormat, isTable } = p;
-  const charSpacingRef = useRef(null);
-  const changeCaseRef = useRef(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "relative group",
-        ref: charSpacingRef,
-        ...controlAttr("home.font.characterSpacing"),
-        children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              disabled: !canMut,
-              onMouseDown: (e) => e.preventDefault(),
-              className: pill,
-              title: t("pptx.text.characterSpacing"),
-              "aria-label": t("pptx.text.characterSpacing"),
-              children: /* @__PURE__ */ jsxs(
-                "svg",
-                {
-                  className: ic,
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "1.5",
-                  children: [
-                    /* @__PURE__ */ jsx("text", { x: "4", y: "16", fontSize: "11", fontWeight: "bold", fill: "currentColor", stroke: "none", children: "AV" }),
-                    /* @__PURE__ */ jsx("path", { d: "M3 20 L1 20 M3 20 L5 20", strokeWidth: "1.5" }),
-                    /* @__PURE__ */ jsx("path", { d: "M21 20 L19 20 M21 20 L23 20", strokeWidth: "1.5" })
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: charSpacingRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-32", children: CHARACTER_SPACING_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center w-full px-3 py-1.5 text-xs hover:bg-muted transition-colors",
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: () => {
-                if (!canFormat) {
-                  return;
-                }
-                p.onUpdateTextStyle({ characterSpacing: opt.value });
-              },
-              children: t(opt.i18nKey)
-            },
-            opt.i18nKey
-          )) }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "relative group", ref: changeCaseRef, ...controlAttr("home.font.changeCase"), children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          disabled: !canMut,
-          onMouseDown: (e) => e.preventDefault(),
-          className: pill,
-          title: t("pptx.text.changeCase"),
-          "aria-label": t("pptx.text.changeCase"),
-          children: /* @__PURE__ */ jsx(
-            "svg",
-            {
-              className: ic,
-              viewBox: "0 0 24 24",
-              fill: "none",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              children: /* @__PURE__ */ jsx("text", { x: "2", y: "16", fontSize: "13", fontWeight: "bold", fill: "currentColor", stroke: "none", children: "Aa" })
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: changeCaseRef, className: "hidden group-hover:block pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-44", children: [
-        { label: t("pptx.text.changeCaseSentence"), value: "sentence" },
-        { label: t("pptx.text.changeCaseLower"), value: "lower" },
-        { label: t("pptx.text.changeCaseUpper"), value: "upper" },
-        { label: t("pptx.text.changeCaseCapitalize"), value: "capitalize" },
-        { label: t("pptx.text.changeCaseToggle"), value: "toggle" }
-      ].map((opt) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "flex items-center w-full px-3 py-1.5 text-xs hover:bg-muted transition-colors",
-          onMouseDown: (e) => e.preventDefault(),
-          onClick: () => {
-            if (!canFormat) {
-              return;
-            }
-            if (isTable) {
-              p.onUpdateTextStyle({
-                textCaps: opt.value === "upper" ? "all" : "none"
-              });
-              return;
-            }
-            p.onTransformTextCase(opt.value);
-          },
-          children: opt.label
-        },
-        opt.value
-      )) }) })
-    ] })
+          return;
+        case "home.paragraph.lineSpacing":
+          onUpdateTextStyle({ lineSpacing: Number(value) });
+          return;
+        case "home.paragraph.textDirection":
+          onUpdateTextStyle({ textDirection: value });
+          return;
+        case "home.paragraph.columns":
+          onUpdateTextStyle({ columnCount: Number(value) });
+          return;
+      }
+      const action = paragraphHomeAction(id);
+      if (action?.kind === "indent") {
+        const current = effectiveTs?.paragraphMarginLeft ?? 0;
+        onUpdateTextStyle({ paragraphMarginLeft: Math.max(0, current + action.delta) });
+      } else if (action) {
+        onUpdateTextStyle({ align: action.align });
+      }
+    },
+    [canFormat, effectiveTs, onUpdateTextStyle, onToggleBullets, commands]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.paragraph"), children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(WebHomeControls, { family: "paragraph", controls, onRequest: request }) }),
+    /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.paragraph") })
   ] });
 }
 function subscribe(onChange) {
@@ -3578,64 +2879,25 @@ function TextSection(p) {
   const currentColor = isTextEl && p.selectedElement && hasTextProperties(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.color ?? p.selectedElement.textStyle?.color ?? "#000000" : effectiveTs?.color ?? "#000000";
   const currentColorThemeRef = isTextEl && p.selectedElement && hasTextProperties(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.colorRef ?? p.selectedElement.textStyle?.colorRef : void 0;
   const currentHighlight = isTextEl && p.selectedElement && hasTextProperties(p.selectedElement) ? p.selectedElement.textSegments?.[0]?.style?.highlightColor ?? p.selectedElement.textStyle?.highlightColor ?? "#ffff00" : "#ffff00";
-  const { pushColor } = useRecentColors();
-  const handleColorChange = useCallback(
-    (color, ref) => {
-      if (!canFormat) {
-        return;
-      }
-      p.onUpdateTextStyle({ color, colorRef: ref });
-      pushColor(color);
-    },
-    [canFormat, p, pushColor]
-  );
-  const handleHighlightChange = useCallback(
-    (highlightColor) => {
-      if (!canFormat) {
-        return;
-      }
-      p.onUpdateTextStyle({ highlightColor });
-      pushColor(highlightColor);
-    },
-    [canFormat, p, pushColor]
-  );
   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", "data-pptx-chrome": "font-controls", children: [
-        /* @__PURE__ */ jsx(
-          FontFormatGroup,
-          {
-            canMut,
-            canFormat,
-            isTextEl,
-            selectedElement: p.selectedElement,
-            tableEditorState: p.tableEditorState,
-            effectiveTs,
-            onUpdateTextStyle: p.onUpdateTextStyle
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextSpacingCaseMenus,
-          {
-            canMut,
-            canFormat,
-            isTable,
-            onUpdateTextStyle: p.onUpdateTextStyle,
-            onTransformTextCase: p.onTransformTextCase
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          TextColorMenus,
-          {
-            canMut,
-            currentColor,
-            currentColorThemeRef,
-            currentHighlight,
-            handleColorChange,
-            handleHighlightChange
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", "data-pptx-chrome": "font-controls", children: /* @__PURE__ */ jsx(
+        FontFormatGroup,
+        {
+          canMut,
+          canFormat,
+          isTextEl,
+          selectedElement: p.selectedElement,
+          tableEditorState: p.tableEditorState,
+          effectiveTs,
+          isTable,
+          currentColor,
+          currentColorRef: currentColorThemeRef,
+          currentHighlight,
+          onUpdateTextStyle: p.onUpdateTextStyle,
+          onTransformTextCase: p.onTransformTextCase
+        }
+      ) }),
       /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.font") })
     ] }),
     sep,
@@ -4152,276 +3414,106 @@ function ContextualTabSection({ tab }) {
     group.group
   )) });
 }
-function ShapeColorPopover({
-  prefix,
-  anchorRef,
-  disabled,
-  swatchAriaLabel,
-  selectedRef,
-  selectedHex,
-  onApply,
-  onClose
-}) {
-  const { t } = useTranslation();
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef, className: "pt-1", children: /* @__PURE__ */ jsxs("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2", children: [
-    /* @__PURE__ */ jsx(
-      ThemeColorSwatchGrid,
-      {
-        prefix,
-        disabled,
-        selectedRef,
-        selectedHex,
-        onPick: (c) => {
-          onApply(c.hex, c.ref);
-          onClose();
-        }
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "mt-1 text-[10px] text-muted-foreground mb-1", children: t("pptx.colorPicker.standardColors") }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-6 gap-1", children: RIBBON_SHAPE_SWATCHES.map((c) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": `${swatchAriaLabel} ${c}`,
-        "data-pptx-compact": true,
-        className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
-        style: { backgroundColor: c },
-        title: c,
-        onClick: () => {
-          onApply(c);
-          onClose();
-        }
-      },
-      c
-    )) }),
-    /* @__PURE__ */ jsx(
-      RecentColorsRow,
-      {
-        prefix,
-        disabled,
-        onCommit: (c) => {
-          onApply(c);
-          onClose();
-        }
-      }
-    )
-  ] }) });
-}
-var TOP_SHAPES = SHAPE_PRESETS.slice(0, 12);
-var HOME_DRAWING_GALLERIES = FIXED_TAB_GALLERIES.filter(
-  (placement) => placement.control.startsWith("home.drawing.")
-);
 function DrawingGroup(p) {
   const { t } = useTranslation();
-  const { pushColor } = useRecentColors();
-  const selectedShapeStyle = p.selectedElement && hasShapeProperties(p.selectedElement) ? p.selectedElement.shapeStyle : void 0;
-  const elementRef = useRef(null);
-  const shapes = useHomePopover(useHomeAnchor(elementRef, "home.drawing.shapes"));
-  const arrange = useHomePopover(useHomeAnchor(elementRef, "home.drawing.arrange"));
-  const fill = useHomePopover(useHomeAnchor(elementRef, "home.drawing.shapeFill"));
-  const outline = useHomePopover(useHomeAnchor(elementRef, "home.drawing.shapeOutline"));
-  const setShapesOpen = shapes.setOpen;
-  const setArrangeOpen = arrange.setOpen;
-  const setFillOpen = fill.setOpen;
-  const setOutlineOpen = outline.setOpen;
-  const { onMoveLayer, onMoveLayerToEdge } = p;
+  const { recentColors, pushColor } = useRecentColors();
+  const themeColors = useThemeColorMap();
+  const commands = useRibbonGalleryCommands();
+  const style = p.selectedElement && hasShapeProperties(p.selectedElement) ? p.selectedElement.shapeStyle : void 0;
+  const { onMoveLayer, onMoveLayerToEdge, onSetNewShapeType, onAddShape, onUpdateElementStyle } = p;
+  const hasSelection = Boolean(p.selectedElement);
   const controls = useMemo(
-    () => drawingHomeControls({
-      editable: p.canEdit,
-      hasSelection: Boolean(p.selectedElement),
-      open: {
-        shapes: shapes.open,
-        arrange: arrange.open,
-        fill: fill.open,
-        outline: outline.open
-      }
-    }),
-    [p.canEdit, p.selectedElement, shapes.open, arrange.open, fill.open, outline.open]
+    () => withHomeGalleries(
+      drawingHomeControls({
+        editable: p.canEdit,
+        hasSelection,
+        shapeType: p.newShapeType,
+        fill: {
+          value: style?.fillColor ?? "#ffffff",
+          ref: style?.fillColorRef,
+          themeColors,
+          recent: recentColors
+        },
+        outline: {
+          value: style?.strokeColor ?? "#000000",
+          ref: style?.strokeColorRef,
+          themeColors,
+          recent: recentColors
+        }
+      }),
+      homeGalleryControls("drawing", commands?.context ?? { element: null }, p.canEdit),
+      p.canEdit
+    ),
+    [p.canEdit, hasSelection, p.newShapeType, style, themeColors, recentColors, commands?.context]
   );
   const request = useCallback(
-    (id) => {
+    (id, _part, intent) => {
+      const value = intent?.value;
+      if (value === void 0) {
+        return;
+      }
       switch (id) {
         case "home.drawing.shapes":
-          setShapesOpen((v) => !v);
+          onSetNewShapeType(value);
+          onAddShape();
           break;
         case "home.drawing.arrange":
-          setArrangeOpen((v) => !v);
+          if (value === "forward" || value === "backward") {
+            onMoveLayer(value);
+          } else {
+            onMoveLayerToEdge(String(value));
+          }
           break;
         case "home.drawing.shapeFill":
-          setFillOpen((v) => !v);
+          onUpdateElementStyle?.(shapeFillChange(String(value), intent?.ref));
+          pushColor(String(value));
           break;
         case "home.drawing.shapeOutline":
-          setOutlineOpen((v) => !v);
+          onUpdateElementStyle?.(shapeOutlineChange(String(value), intent?.ref));
+          pushColor(String(value));
+          break;
+        default:
+          if (commands?.editable) {
+            const result = homeGalleryApply("drawing", id, String(value), commands.context);
+            if (result) {
+              commands.dispatch(result);
+            }
+          }
       }
     },
-    [setShapesOpen, setArrangeOpen, setFillOpen, setOutlineOpen]
+    [
+      onMoveLayer,
+      onMoveLayerToEdge,
+      onSetNewShapeType,
+      onAddShape,
+      onUpdateElementStyle,
+      pushColor,
+      commands
+    ]
   );
-  const arrangeItems = [
-    ["pptx.contextMenu.bringForward", () => onMoveLayer("forward")],
-    ["pptx.contextMenu.sendBackward", () => onMoveLayer("backward")],
-    ["pptx.contextMenu.bringToFront", () => onMoveLayerToEdge("front")],
-    ["pptx.contextMenu.sendToBack", () => onMoveLayerToEdge("back")]
-  ];
-  const noTarget = !p.canEdit || !p.selectedElement;
   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", "data-pptx-chrome": "drawing-controls", children: [
-        /* @__PURE__ */ jsx(
-          WebHomeControls,
-          {
-            family: "drawing",
-            controls,
-            onRequest: request,
-            elementRef
-          }
-        ),
-        shapes.open && shapes.anchorRef.current && createPortal(
-          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: shapes.anchorRef, className: "flex flex-col w-52 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: TOP_SHAPES.map((s) => /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: cn(
-                "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-                p.newShapeType === s.type && "bg-accent"
-              ),
-              onClick: () => {
-                p.onSetNewShapeType(s.type);
-                p.onAddShape();
-                setShapesOpen(false);
-              },
-              children: [
-                s.icon,
-                t(s.i18nKey)
-              ]
-            },
-            s.type
-          )) }) }),
-          shapes.anchorRef.current
-        ),
-        arrange.open && arrange.anchorRef.current && createPortal(
-          /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: arrange.anchorRef, className: "flex flex-col w-44 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1", children: arrangeItems.map(([key, run]) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-              onClick: () => {
-                run();
-                setArrangeOpen(false);
-              },
-              children: t(key)
-            },
-            key
-          )) }) }),
-          arrange.anchorRef.current
-        ),
-        fill.open && fill.anchorRef.current && createPortal(
-          /* @__PURE__ */ jsx(
-            ShapeColorPopover,
-            {
-              prefix: "shape-fill",
-              anchorRef: fill.anchorRef,
-              disabled: noTarget,
-              swatchAriaLabel: "Fill colour",
-              selectedRef: selectedShapeStyle?.fillColorRef,
-              selectedHex: selectedShapeStyle?.fillColor,
-              onApply: (c, ref) => {
-                p.onUpdateElementStyle?.(shapeFillChange(c, ref));
-                pushColor(c);
-              },
-              onClose: () => setFillOpen(false)
-            }
-          ),
-          fill.anchorRef.current
-        ),
-        outline.open && outline.anchorRef.current && createPortal(
-          /* @__PURE__ */ jsx(
-            ShapeColorPopover,
-            {
-              prefix: "shape-outline",
-              anchorRef: outline.anchorRef,
-              disabled: noTarget,
-              swatchAriaLabel: "Outline colour",
-              selectedRef: selectedShapeStyle?.strokeColorRef,
-              selectedHex: selectedShapeStyle?.strokeColor,
-              onApply: (c, ref) => {
-                p.onUpdateElementStyle?.(shapeOutlineChange(c, ref));
-                pushColor(c);
-              },
-              onClose: () => setOutlineOpen(false)
-            }
-          ),
-          outline.anchorRef.current
-        ),
-        HOME_DRAWING_GALLERIES.map((placement) => /* @__PURE__ */ jsx(
-          RibbonGallery,
-          {
-            placement,
-            icon: placement.gallery === "shapeEffects" ? /* @__PURE__ */ jsx(LuSparkles, { className: ic }) : /* @__PURE__ */ jsx(LuPalette, { className: ic })
-          },
-          placement.control
-        ))
-      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", "data-pptx-chrome": "drawing-controls", children: /* @__PURE__ */ jsx(WebHomeControls, { family: "drawing", controls, onRequest: request }) }),
       /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.groupDrawing") })
     ] }),
     sep
   ] });
 }
-var editingControls = editingHomeControls();
 function EditingSection(p) {
   const { t } = useTranslation();
-  const [selectMenuOpen, setSelectMenuOpen] = useState(false);
-  const menuRef = useRef(null);
-  useEffect(() => {
-    if (!selectMenuOpen) {
-      return;
-    }
-    const handler = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) {
-        setSelectMenuOpen(false);
-      }
-    };
-    document.addEventListener("mousedown", handler);
-    return () => document.removeEventListener("mousedown", handler);
-  }, [selectMenuOpen]);
+  const { onToggleFindReplace, onSelectAll } = p;
+  const controls = useMemo(
+    () => editingHomeControls({ selectAll: Boolean(onSelectAll) }),
+    [onSelectAll]
+  );
+  const request = useCallback(
+    (id) => id === "home.editing.select" ? onSelectAll?.() : onToggleFindReplace(),
+    [onSelectAll, onToggleFindReplace]
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     sep,
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-0.5", ...groupAttr("home.editing"), children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(
-          WebHomeControls,
-          {
-            family: "editing",
-            controls: editingControls,
-            onRequest: p.onToggleFindReplace
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "relative", ref: menuRef, ...controlAttr("home.editing.select"), children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: () => setSelectMenuOpen((v) => !v),
-              className: pill,
-              title: t("pptx.ribbon.tool.select"),
-              children: /* @__PURE__ */ jsx(LuMousePointer2, { className: ic })
-            }
-          ),
-          selectMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: menuRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 w-32", children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center w-full px-3 py-1.5 text-xs hover:bg-muted transition-colors",
-              onMouseDown: (e) => e.preventDefault(),
-              onClick: () => {
-                p.onSelectAll?.();
-                setSelectMenuOpen(false);
-              },
-              children: t("pptx.editing.selectAll")
-            }
-          ) }) })
-        ] })
-      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx(WebHomeControls, { family: "editing", controls, onRequest: request }) }),
       /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.ribbon.editing") })
     ] })
   ] });
@@ -5052,7 +4144,6 @@ function RecordSection(props) {
       label: t(command.labelKey),
       icon: command.icon,
       disabled: command.unsupported,
-      compact: true,
       onCommand: actions[command.id]
     },
     command.id
@@ -5707,7 +4798,7 @@ function ChartQuickActionsOverlay({
       "data-export-ignore": "true",
       style: { position: "absolute", left: 0, top: 0, zIndex: 59 },
       onMouseDown: (e) => e.stopPropagation(),
-      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React99.Fragment, { children: [
+      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React97.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -5727,7 +4818,7 @@ function ChartQuickActionsOverlay({
               transformOrigin: "top left"
             },
             className: "flex items-center justify-center rounded bg-white border border-gray-300 shadow-sm hover:bg-gray-100 text-gray-700",
-            children: React99.createElement(ICONS3[button.id], { className: "size-3.5" })
+            children: React97.createElement(ICONS3[button.id], { className: "size-3.5" })
           }
         ),
         open === button.id && button.id === "elements" && /* @__PURE__ */ jsxs(
@@ -6873,7 +5964,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React99.memo(HorizontalRulerView);
+var HorizontalRuler = React97.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -6945,7 +6036,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React99.memo(VerticalRulerView);
+var VerticalRuler = React97.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -8583,12 +7674,10 @@ function ExportProgressModal({
           ] })
         ] }),
         /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
-          "button",
+          DialogFooter,
           {
-            type: "button",
-            onClick: onCancel,
-            className: "rounded-md border border-border bg-muted px-4 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
-            children: t("pptx.export.cancel")
+            actions: [{ id: "cancel", label: t("pptx.export.cancel") }],
+            onAction: onCancel
           }
         ) })
       ] })
@@ -8824,7 +7913,7 @@ function slideThumbnailPropsEqual(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React99.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
+var SlideThumbnail = React97.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -9469,7 +8558,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React99.memo(LazyThumbnailInner);
+var LazyThumbnail = React97.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function declaredSectionFacts(groups, sectionId) {
@@ -9639,7 +8728,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React99.memo(SlideItemInner);
+var SlideItem = React97.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -11051,7 +10140,7 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SlideCard = React99.memo(SlideCardImpl, arePropsEqual);
+var SlideCard = React97.memo(SlideCardImpl, arePropsEqual);
 var ICON_CLASS = "h-3.5 w-3.5 text-muted-foreground";
 function SorterContextMenu({
   x,
@@ -12073,12 +11162,12 @@ function NotesPrintDialog({
       ] }, slide.id);
     }) }),
     /* @__PURE__ */ jsx("div", { className: "flex justify-end px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
-      "button",
+      DialogFooter,
       {
-        type: "button",
-        onClick: handlePrint,
-        className: "px-3 py-1.5 text-xs bg-primary hover:bg-primary/80 text-white rounded",
-        children: t("pptx.notes.print")
+        actions: [
+          { id: "print", label: t("pptx.notes.print"), variant: "primary", icon: "print" }
+        ],
+        onAction: handlePrint
       }
     ) }),
     /* @__PURE__ */ jsx(
@@ -12398,8 +11487,8 @@ function SlideNotesPanel({
   onHeightChange
 }) {
   const { t } = useTranslation();
-  const rootRef = React99.useRef(null);
-  React99.useEffect(() => {
+  const rootRef = React97.useRef(null);
+  React97.useEffect(() => {
     const el = rootRef.current;
     if (!el || !onHeightChange) {
       return void 0;
@@ -13246,37 +12335,28 @@ function PasswordProtectionDialog({
                 ] }),
                 error && /* @__PURE__ */ jsx("p", { id: "pptx-password-error", className: "text-xs text-red-400", role: "alert", children: error })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border/60", children: [
-                /* @__PURE__ */ jsx("div", { children: isCurrentlyProtected && /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: handleRemove,
-                    className: "text-xs text-red-400 hover:text-red-300 transition-colors",
-                    children: t("pptx.security.removePassword")
-                  }
-                ) }),
-                /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: handleClose,
-                      className: "px-3 py-1.5 text-xs rounded-lg border border-border text-foreground hover:bg-muted transition-colors",
-                      children: t("pptx.common.cancel")
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    "button",
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border/60", children: /* @__PURE__ */ jsx(
+                DialogFooter,
+                {
+                  actions: [
+                    ...isCurrentlyProtected ? [
+                      {
+                        id: "remove",
+                        label: t("pptx.security.removePassword"),
+                        variant: "danger",
+                        align: "start"
+                      }
+                    ] : [],
+                    { id: "cancel", label: t("pptx.common.cancel") },
                     {
-                      type: "button",
-                      onClick: handleSubmit,
-                      className: "px-3 py-1.5 text-xs rounded-lg bg-primary text-white hover:bg-primary/80 transition-colors",
-                      children: isCurrentlyProtected ? t("pptx.security.updatePassword") : t("pptx.security.setPassword")
+                      id: "submit",
+                      label: isCurrentlyProtected ? t("pptx.security.updatePassword") : t("pptx.security.setPassword"),
+                      variant: "primary"
                     }
-                  )
-                ] })
-              ] })
+                  ],
+                  onAction: (id) => id === "remove" ? handleRemove() : id === "submit" ? handleSubmit() : handleClose()
+                }
+              ) })
             ]
           }
         )
@@ -13692,27 +12772,21 @@ function DocumentPropertiesDialog({
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 px-5 py-3 border-t border-border/60", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: handleClose,
-                    className: "px-3 py-1.5 text-xs rounded-lg border border-border text-foreground hover:bg-muted transition-colors",
-                    children: t("pptx.common.cancel")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: handleSave,
-                    disabled: !isDirty,
-                    className: "px-3 py-1.5 text-xs rounded-lg bg-primary text-white hover:bg-primary/80 transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-                    children: t("pptx.common.save")
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 px-5 py-3 border-t border-border/60", children: /* @__PURE__ */ jsx(
+                DialogFooter,
+                {
+                  actions: [
+                    { id: "cancel", label: t("pptx.common.cancel") },
+                    {
+                      id: "save",
+                      label: t("pptx.common.save"),
+                      variant: "primary",
+                      disabled: !isDirty
+                    }
+                  ],
+                  onAction: (id) => id === "save" ? handleSave() : handleClose()
+                }
+              ) })
             ]
           }
         )
@@ -13841,12 +12915,10 @@ function FontEmbeddingPanel({
             }) })
           ] }),
           /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end px-5 py-3 border-t border-border/60 shrink-0", children: /* @__PURE__ */ jsx(
-            "button",
+            DialogFooter,
             {
-              type: "button",
-              onClick: onClose,
-              className: "px-3 py-1.5 text-xs rounded-lg bg-primary text-white hover:bg-primary/80 transition-colors",
-              children: t("pptx.common.done")
+              actions: [{ id: "done", label: t("pptx.common.done"), variant: "primary" }],
+              onAction: onClose
             }
           ) })
         ] })
@@ -13916,12 +12988,10 @@ function DigitalSignaturesDialog({
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("pptx.digitalSignatures.noSignatures") })
           ] }) }) }),
           /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end px-5 py-3 border-t border-border/60", children: /* @__PURE__ */ jsx(
-            "button",
+            DialogFooter,
             {
-              type: "button",
-              onClick: onClose,
-              className: "px-3 py-1.5 text-xs rounded-lg bg-accent text-foreground hover:bg-accent/80 transition-colors",
-              children: t("pptx.common.close")
+              actions: [{ id: "close", label: t("pptx.common.close") }],
+              onAction: onClose
             }
           ) })
         ] })
@@ -13954,15 +13024,6 @@ function SignatureStatusBadge({
     }
   );
 }
-function DialogFooter({ actions, onAction }) {
-  const ref = useWebControl(
-    { actions },
-    {
-      "dialog-footer-request": (event) => onAction(event.detail.id)
-    }
-  );
-  return /* @__PURE__ */ jsx("pptx-ui-dialog-footer", { ref });
-}
 function SignatureStrippedDialog({
   isOpen,
   signatureCount,
@@ -14083,12 +13144,10 @@ function EncryptedFileDialog({
             ] })
           ] }) }),
           /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end px-5 py-3 border-t border-border/60", children: /* @__PURE__ */ jsx(
-            "button",
+            DialogFooter,
             {
-              type: "button",
-              onClick: onClose,
-              className: "px-3 py-1.5 text-xs rounded-lg bg-accent text-foreground hover:bg-accent/80 transition-colors",
-              children: t("pptx.common.close")
+              actions: [{ id: "close", label: t("pptx.common.close") }],
+              onAction: onClose
             }
           ) })
         ] })
@@ -14272,9 +13331,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React99.createElement("br", { key: span.key });
+      return React97.createElement("br", { key: span.key });
     }
-    return React99.createElement(
+    return React97.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -14449,7 +13508,7 @@ function scaledSlidePreviewPropsEqual(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React99.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
+var ScaledSlidePreview = React97.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
 function PresenterNotesRail({
   slides,
   current,
@@ -15082,26 +14141,16 @@ function RehearseTimingsSummary({
         ] }, slideIndex);
       }) })
     ] }) }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border px-5 py-3", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onDiscard,
-          className: "rounded-lg px-4 py-2 text-sm text-foreground hover:bg-muted transition-colors",
-          children: t("pptx.rehearse.discard")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onSave,
-          className: "rounded-lg bg-primary px-4 py-2 text-sm text-white hover:bg-primary/80 transition-colors",
-          children: t("pptx.rehearse.saveTimings")
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 border-t border-border px-5 py-3", children: /* @__PURE__ */ jsx(
+      DialogFooter,
+      {
+        actions: [
+          { id: "discard", label: t("pptx.rehearse.discard") },
+          { id: "save", label: t("pptx.rehearse.saveTimings"), variant: "primary" }
+        ],
+        onAction: (id) => id === "save" ? onSave() : onDiscard()
+      }
+    ) })
   ] }) });
 }
 
@@ -15687,7 +14736,7 @@ function EffectSoundRow({
   onPickStock
 }) {
   const { t } = useTranslation();
-  const fileInputRef = React99.useRef(null);
+  const fileInputRef = React97.useRef(null);
   const selectedValue = soundState.catalogueId ?? (soundState.hasSound ? CURRENT_VALUE : NONE_VALUE);
   const handleSelectChange = (event) => {
     const value = event.target.value;
@@ -19185,12 +18234,13 @@ function OleEditorDialog({
                 }
               ),
               /* @__PURE__ */ jsx(
-                "button",
+                DialogFooter,
                 {
-                  type: "button",
-                  onClick: () => fileInputRef.current?.click(),
-                  className: "px-3 py-1.5 rounded-lg text-xs text-foreground border border-border hover:bg-accent transition-colors",
-                  children: t("pptx.ole.editDialog.replaceFile")
+                  actions: [
+                    { id: "replace", label: t("pptx.ole.editDialog.replaceFile"), align: "start" },
+                    { id: "save", label: t("pptx.ole.editDialog.save"), variant: "primary" }
+                  ],
+                  onAction: (id) => id === "replace" ? fileInputRef.current?.click() : onClose()
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -19258,7 +18308,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React99.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React97.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].width) }),
           /* @__PURE__ */ jsx(
@@ -21492,22 +20542,102 @@ var VISUAL_EFFECT_CONFIGS = [
       }
     ]
   }
-];
-
-// src/viewer/components/inspector/FillStrokeHelpers.tsx
-var EFFECT_CONFIGS = [...SHADOW_EFFECT_CONFIGS, ...VISUAL_EFFECT_CONFIGS];
-var SEL2 = "bg-muted border border-border rounded px-2 py-1 max-md:min-h-[44px]!";
-var NUM2 = SEL2;
-var RNG = "accent-primary";
-var SWATCH = "h-4 w-4 rounded border border-border";
-var DIS = "disabled:opacity-40 disabled:cursor-not-allowed";
-var LBL2 = "text-muted-foreground";
-var COL2 = "col-span-2";
-var isLineish = (el, st) => el.type === "connector" || st === "line";
-var safeNum = (raw, fallback) => {
-  const n = Number(raw);
-  return Number.isFinite(n) ? n : fallback;
-};
+];
+
+// src/viewer/components/inspector/FillStrokeHelpers.tsx
+var EFFECT_CONFIGS = [...SHADOW_EFFECT_CONFIGS, ...VISUAL_EFFECT_CONFIGS];
+var SEL2 = "bg-muted border border-border rounded px-2 py-1 max-md:min-h-[44px]!";
+var NUM2 = SEL2;
+var RNG = "accent-primary";
+var SWATCH = "h-4 w-4 rounded border border-border";
+var DIS = "disabled:opacity-40 disabled:cursor-not-allowed";
+var LBL2 = "text-muted-foreground";
+var COL2 = "col-span-2";
+var isLineish = (el, st) => el.type === "connector" || st === "line";
+var safeNum = (raw, fallback) => {
+  const n = Number(raw);
+  return Number.isFinite(n) ? n : fallback;
+};
+function RecentColorsRow({
+  prefix,
+  disabled,
+  onCommit
+}) {
+  const { t } = useTranslation();
+  const { recentColors, pushColor } = useRecentColors();
+  if (recentColors.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "pptx-color-recent",
+      "aria-label": t("pptx.colorPicker.recentColors"),
+      className: "mt-1 flex flex-wrap items-center gap-1",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground", children: t("pptx.colorPicker.recentColors") }),
+        recentColors.map((c) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "data-pptx-compact": true,
+            className: "h-4 w-4 rounded border border-primary",
+            style: { backgroundColor: c },
+            title: c,
+            "aria-label": `Recent ${c}`,
+            disabled,
+            onClick: () => {
+              onCommit(c);
+              pushColor(c);
+            }
+          },
+          `${prefix}-recent-${c}`
+        ))
+      ]
+    }
+  );
+}
+function ThemeColorSwatchGrid({
+  prefix,
+  disabled,
+  selectedRef,
+  selectedHex,
+  onPick
+}) {
+  const { t } = useTranslation();
+  const themeColorMap = useThemeColorMap();
+  const columns = useMemo(() => buildThemeColorSwatchGrid(themeColorMap), [themeColorMap]);
+  const rows = useMemo(() => themeColorSwatchRows(columns), [columns]);
+  const selected = useMemo(
+    () => findSelectedThemeSwatch(columns, selectedRef, selectedHex),
+    [columns, selectedRef, selectedHex]
+  );
+  if (columns.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "mt-1", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: t("pptx.colorPicker.themeColors") }),
+    /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: rows.map((row, rowIndex) => (
+      // eslint-disable-next-line react/no-array-index-key
+      /* @__PURE__ */ jsx("div", { className: "flex gap-0.5", children: row.map(
+        (swatch, colIndex) => swatch ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled,
+            "data-pptx-compact": true,
+            title: swatch.label,
+            "aria-label": swatch.label,
+            className: `h-4 w-4 rounded-sm border transition-transform hover:scale-110 disabled:opacity-40 disabled:cursor-not-allowed ${selected === swatch ? "border-primary ring-1 ring-primary" : "border-border"}`,
+            style: { backgroundColor: swatch.hex },
+            onClick: () => onPick(themeSwatchCommit(swatch))
+          },
+          `${prefix}-theme-${swatch.ref.scheme}-${rowIndex}`
+        ) : /* @__PURE__ */ jsx("div", { className: "h-4 w-4" }, `${prefix}-theme-empty-${rowIndex}-${colIndex}`)
+      ) }, `${prefix}-theme-row-${rowIndex}`)
+    )) })
+  ] });
+}
 function EffectField({
   field,
   style,
@@ -22105,7 +21235,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React99.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React97.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             WebCheckbox,
@@ -22960,7 +22090,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React99.useState(false);
+  const [expanded, setExpanded] = React97.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxs(
@@ -23611,7 +22741,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React99.useCallback((key) => t(key), [t]);
+  const translate = React97.useCallback((key) => t(key), [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.smartart.colorScheme") }),
@@ -23666,9 +22796,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React99.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React99.useRef(null);
-  React99.useEffect(() => {
+  const inputRefs = React97.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React97.useRef(null);
+  React97.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -25279,7 +24409,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React99.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React97.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -26795,7 +25925,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React99.useCallback(
+  const handleTransitionChange = React97.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -27726,9 +26856,8 @@ function PasteSpecialDialog({
             /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold text-foreground mb-3", children: t("pptx.pasteSpecial.dialogTitle") }),
             /* @__PURE__ */ jsx("ul", { className: "flex flex-col gap-1 mb-5", children: PASTE_SPECIAL_OPTIONS.map((option) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 px-2 py-1.5 rounded cursor-pointer hover:bg-accent text-sm text-foreground", children: [
               /* @__PURE__ */ jsx(
-                "input",
+                WebRadio,
                 {
-                  type: "radio",
                   name: "paste-special-format",
                   value: option.id,
                   checked: selected === option.id,
@@ -27988,9 +27117,8 @@ function PrintSettingsPanel({
       /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
         /* @__PURE__ */ jsxs("label", { className: radioClass(printWhat === "slides"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "printWhat",
               className: "sr-only",
               checked: printWhat === "slides",
@@ -28002,9 +27130,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(printWhat === "handouts"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "printWhat",
               className: "sr-only",
               checked: printWhat === "handouts",
@@ -28016,9 +27143,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(printWhat === "notes"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "printWhat",
               className: "sr-only",
               checked: printWhat === "notes",
@@ -28030,9 +27156,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(printWhat === "outline"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "printWhat",
               className: "sr-only",
               checked: printWhat === "outline",
@@ -28062,9 +27187,8 @@ function PrintSettingsPanel({
       /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxs("label", { className: radioClass(slideRange === "all"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "slideRange",
               className: "sr-only",
               checked: slideRange === "all",
@@ -28078,9 +27202,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(slideRange === "current"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "slideRange",
               className: "sr-only",
               checked: slideRange === "current",
@@ -28094,9 +27217,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(slideRange === "custom"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "slideRange",
               className: "sr-only",
               checked: slideRange === "custom",
@@ -28138,9 +27260,8 @@ function PrintSettingsPanel({
       /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxs("label", { className: radioClass(orientation === "landscape"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "orientation",
               className: "sr-only",
               checked: orientation === "landscape",
@@ -28151,9 +27272,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(orientation === "portrait"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "orientation",
               className: "sr-only",
               checked: orientation === "portrait",
@@ -28169,9 +27289,8 @@ function PrintSettingsPanel({
       /* @__PURE__ */ jsxs("div", { className: "flex gap-2 flex-wrap", children: [
         /* @__PURE__ */ jsxs("label", { className: radioClass(colorMode === "color"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "colorMode",
               className: "sr-only",
               checked: colorMode === "color",
@@ -28182,9 +27301,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(colorMode === "grayscale"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "colorMode",
               className: "sr-only",
               checked: colorMode === "grayscale",
@@ -28195,9 +27313,8 @@ function PrintSettingsPanel({
         ] }),
         /* @__PURE__ */ jsxs("label", { className: radioClass(colorMode === "blackAndWhite"), children: [
           /* @__PURE__ */ jsx(
-            "input",
+            WebRadio,
             {
-              type: "radio",
               name: "colorMode",
               className: "sr-only",
               checked: colorMode === "blackAndWhite",
@@ -28234,7 +27351,6 @@ function PrintDialog({
   const { viewportWidth } = useIsMobile();
   const touchTargetPx = getDensePanelTouchTargetPx(viewportWidth);
   const closeBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  const footerBtnStyle = { minHeight: touchTargetPx };
   const printOptionDefaults = resolveDefaultPrintSettings(useViewerOptionsContext());
   const [printWhat, setPrintWhat] = useState(printOptionDefaults?.printWhat ?? "slides");
   const [orientation, setOrientation] = useState("landscape");
@@ -28407,31 +27523,21 @@ function PrintDialog({
                 pages: pageCount,
                 slides: slideCount
               }) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onClose,
-                    style: footerBtnStyle,
-                    className: "px-4 py-2 text-sm rounded-lg border border-border text-muted-foreground hover:text-foreground hover:bg-accent transition-colors",
-                    children: t("pptx.common.cancel")
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: handlePrint,
-                    style: footerBtnStyle,
-                    className: "px-4 py-2 text-sm rounded-lg bg-primary text-white hover:bg-primary/90 transition-colors flex items-center gap-1.5",
-                    children: [
-                      /* @__PURE__ */ jsx(LuPrinter, { className: "w-3.5 h-3.5" }),
-                      t("pptx.print.printButton")
-                    ]
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx(
+                DialogFooter,
+                {
+                  actions: [
+                    { id: "cancel", label: t("pptx.common.cancel") },
+                    {
+                      id: "print",
+                      label: t("pptx.print.printButton"),
+                      variant: "primary",
+                      icon: "print"
+                    }
+                  ],
+                  onAction: (id) => id === "print" ? handlePrint() : onClose()
+                }
+              ) })
             ] })
           ]
         }
@@ -28506,9 +27612,8 @@ function ShowSlidesFieldset({
     /* @__PURE__ */ jsx("legend", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide mb-1", children: t("pptx.slideShow.showSlides") }),
     /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebRadio,
         {
-          type: "radio",
           name: "showSlides",
           value: "all",
           checked: showSlidesMode === "all",
@@ -28520,9 +27625,8 @@ function ShowSlidesFieldset({
     ] }),
     /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
       /* @__PURE__ */ jsx(
-        "input",
+        WebRadio,
         {
-          type: "radio",
           name: "showSlides",
           value: "range",
           checked: showSlidesMode === "range",
@@ -28576,9 +27680,8 @@ function ShowSlidesFieldset({
     customShows.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
         /* @__PURE__ */ jsx(
-          "input",
+          WebRadio,
           {
-            type: "radio",
             name: "showSlides",
             value: "customShow",
             checked: showSlidesMode === "customShow",
@@ -28669,9 +27772,8 @@ function SetUpSlideShowDialog({
                 ["kiosk", t("pptx.slideShow.browsedAtKiosk")]
               ].map(([value, label]) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  WebRadio,
                   {
-                    type: "radio",
                     name: "showType",
                     value,
                     checked: showType === value,
@@ -28699,9 +27801,8 @@ function SetUpSlideShowDialog({
               /* @__PURE__ */ jsx("legend", { className: "text-[11px] font-medium text-muted-foreground uppercase tracking-wide mb-1", children: t("pptx.slideShow.advanceSlides") }),
               /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  WebRadio,
                   {
-                    type: "radio",
                     name: "advanceMode",
                     value: "manual",
                     checked: draft.advanceMode === "manual",
@@ -28713,9 +27814,8 @@ function SetUpSlideShowDialog({
               ] }),
               /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
                 /* @__PURE__ */ jsx(
-                  "input",
+                  WebRadio,
                   {
-                    type: "radio",
                     name: "advanceMode",
                     value: "useTimings",
                     checked: (draft.advanceMode ?? "useTimings") === "useTimings",
@@ -28728,26 +27828,16 @@ function SetUpSlideShowDialog({
             ] }),
             /* @__PURE__ */ jsx(ShowOptionsFieldset, { draft, update })
           ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border shrink-0", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onClose,
-                className: "px-3 py-1.5 rounded bg-muted hover:bg-accent text-[12px] text-foreground transition-colors",
-                children: t("pptx.common.cancel")
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleSave,
-                className: "px-3 py-1.5 rounded bg-primary hover:bg-primary/80 text-[12px] text-white transition-colors",
-                children: t("pptx.common.ok")
-              }
-            )
-          ] })
+          /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border shrink-0", children: /* @__PURE__ */ jsx(
+            DialogFooter,
+            {
+              actions: [
+                { id: "cancel", label: t("pptx.common.cancel") },
+                { id: "ok", label: t("pptx.common.ok"), variant: "primary" }
+              ],
+              onAction: (id) => id === "ok" ? handleSave() : onClose()
+            }
+          ) })
         ] })
       }
     )
@@ -28887,27 +27977,21 @@ function BroadcastDialog({
                   onServerUrlChange: setServerUrl
                 }
               ) }),
-              !isBroadcasting && /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onClose,
-                    className: "px-3 py-1.5 rounded bg-muted hover:bg-accent text-[12px] text-foreground transition-colors",
-                    children: t("pptx.common.close")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    disabled: !canStart,
-                    onClick: handleStartBroadcast,
-                    className: "px-3 py-1.5 rounded bg-primary hover:bg-primary/90 text-[12px] text-white transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-                    children: t("pptx.broadcast.startBroadcast")
-                  }
-                )
-              ] })
+              !isBroadcasting && /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 px-5 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
+                DialogFooter,
+                {
+                  actions: [
+                    { id: "close", label: t("pptx.common.close") },
+                    {
+                      id: "start",
+                      label: t("pptx.broadcast.startBroadcast"),
+                      variant: "primary",
+                      disabled: !canStart
+                    }
+                  ],
+                  onAction: (id) => id === "start" ? handleStartBroadcast() : onClose()
+                }
+              ) })
             ]
           }
         )
@@ -29429,33 +28513,29 @@ function ShareDialog({
                   onRetry: collab?.retry
                 }
               ) }),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsx(
                 "div",
                 {
                   className: `flex justify-end gap-2 px-5 py-3 border-t border-border ${stickyFooterClass}`,
-                  children: [
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: onClose,
-                        style: touchBtnStyle,
-                        className: "px-3 py-1.5 rounded bg-muted hover:bg-accent text-[12px] text-foreground transition-colors inline-flex items-center justify-center",
-                        children: isActive ? t("pptx.share.close") : t("pptx.share.cancel")
-                      }
-                    ),
-                    !isActive && /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        disabled: !canStart,
-                        onClick: handleStartSharing,
-                        style: touchBtnStyle,
-                        className: "px-3 py-1.5 rounded bg-primary hover:bg-primary/90 text-[12px] text-white transition-colors disabled:opacity-40 disabled:cursor-not-allowed inline-flex items-center justify-center",
-                        children: t(mode === "join" ? "pptx.share.joinSession" : "pptx.share.startSharing")
-                      }
-                    )
-                  ]
+                  children: /* @__PURE__ */ jsx(
+                    DialogFooter,
+                    {
+                      actions: [
+                        { id: "cancel", label: isActive ? t("pptx.share.close") : t("pptx.share.cancel") },
+                        ...isActive ? [] : [
+                          {
+                            id: "start",
+                            label: t(
+                              mode === "join" ? "pptx.share.joinSession" : "pptx.share.startSharing"
+                            ),
+                            variant: "primary",
+                            disabled: !canStart
+                          }
+                        ]
+                      ],
+                      onAction: (id) => id === "start" ? handleStartSharing() : onClose()
+                    }
+                  )
                 }
               )
             ]
@@ -29757,26 +28837,16 @@ function HyperlinkEditDialog({
                   onEnterConfirm: handleConfirm
                 }
               ),
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 px-4 py-3 border-t border-border", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "px-3 py-1.5 text-xs rounded border border-border text-foreground hover:bg-muted",
-                    onClick: onCancel,
-                    children: t("pptx.common.cancel")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    className: "px-3 py-1.5 text-xs rounded bg-primary text-white hover:bg-primary/90",
-                    onClick: handleConfirm,
-                    children: t("pptx.common.apply")
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx("div", { className: "flex justify-end gap-2 px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
+                DialogFooter,
+                {
+                  actions: [
+                    { id: "cancel", label: t("pptx.common.cancel") },
+                    { id: "apply", label: t("pptx.common.apply"), variant: "primary" }
+                  ],
+                  onAction: (id) => id === "apply" ? handleConfirm() : onCancel()
+                }
+              ) })
             ]
           }
         )
@@ -30240,7 +29310,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React99.useMemo(
+  const scopedLayoutOptions = React97.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -30878,27 +29948,21 @@ function EquationEditorDialog({
                 }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 px-5 py-3 border-t border-border", children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: onClose,
-                  className: "px-4 py-1.5 rounded-lg text-xs text-foreground hover:bg-accent transition-colors",
-                  children: t("pptx.equation.cancel", "Cancel")
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleInsert,
-                  disabled: !hasContent,
-                  className: "px-4 py-1.5 rounded-lg text-xs font-medium bg-primary hover:bg-primary/80 text-white disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
-                  children: isEditing ? t("pptx.equation.update", "Update") : t("pptx.equation.insert", "Insert")
-                }
-              )
-            ] })
+            /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 px-5 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
+              DialogFooter,
+              {
+                actions: [
+                  { id: "cancel", label: t("pptx.equation.cancel", "Cancel") },
+                  {
+                    id: "insert",
+                    label: isEditing ? t("pptx.equation.update", "Update") : t("pptx.equation.insert", "Insert"),
+                    variant: "primary",
+                    disabled: !hasContent
+                  }
+                ],
+                onAction: (id) => id === "insert" ? handleInsert() : onClose()
+              }
+            ) })
           ]
         }
       )
@@ -31061,30 +30125,21 @@ function InsertSmartArtDialog({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: onClose,
-                    className: "px-3 py-1.5 text-xs rounded bg-muted hover:bg-accent text-foreground transition-colors",
-                    children: t("pptx.smartart.cancel")
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    type: "button",
-                    onClick: handleInsert,
-                    disabled: !selectedLayout,
-                    className: cn(
-                      "px-3 py-1.5 text-xs rounded transition-colors",
-                      selectedLayout ? "bg-primary hover:bg-primary/80 text-white" : "bg-muted text-muted-foreground cursor-not-allowed"
-                    ),
-                    children: t("pptx.smartart.insert")
-                  }
-                )
-              ] })
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 px-4 py-3 border-t border-border", children: /* @__PURE__ */ jsx(
+                DialogFooter,
+                {
+                  actions: [
+                    { id: "cancel", label: t("pptx.smartart.cancel") },
+                    {
+                      id: "insert",
+                      label: t("pptx.smartart.insert"),
+                      variant: "primary",
+                      disabled: !selectedLayout
+                    }
+                  ],
+                  onAction: (id) => id === "insert" ? handleInsert() : onClose()
+                }
+              ) })
             ]
           }
         )
@@ -32185,7 +31240,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-BIS3OYZ2.mjs')
+    import('./AiChatPanel-QEOFQGNY.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -33506,28 +32561,21 @@ function HeaderFooterPanel({
         }
       ) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2 border-t border-border px-4 py-3", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onApplyToAll,
-          "data-testid": "hf-apply-all",
-          className: "rounded bg-accent px-3 py-1.5 text-xs font-medium text-foreground hover:bg-accent/80 transition-colors",
-          children: t("pptx.headerFooter.applyToAll")
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onApplyToCurrent,
-          "data-testid": "hf-apply-current",
-          className: "rounded bg-primary px-3 py-1.5 text-xs font-medium text-white hover:bg-primary/80 transition-colors",
-          children: t("pptx.headerFooter.applyToCurrent")
-        }
-      )
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end gap-2 border-t border-border px-4 py-3", children: /* @__PURE__ */ jsx(
+      DialogFooter,
+      {
+        actions: [
+          { id: "applyAll", label: t("pptx.headerFooter.applyToAll"), testId: "hf-apply-all" },
+          {
+            id: "applyCurrent",
+            label: t("pptx.headerFooter.applyToCurrent"),
+            variant: "primary",
+            testId: "hf-apply-current"
+          }
+        ],
+        onAction: (id) => id === "applyAll" ? onApplyToAll() : onApplyToCurrent()
+      }
+    ) })
   ] }) });
 }
 function MobileBottomBar(p) {