pptx-react-viewer 4.49.0 → 4.50.0

package/dist/{chunk-YKLL2Z33.mjs → chunk-5JJQLK7N.mjs}

@@ -1,15 +1,15 @@
-import { StaticElementRenderer, useModalDismissDrag, useToolbarVisibility, useViewerOptionsContext, InlineCollaborationContext, SlideBackgroundImageLayer, ElementRenderer, withDisplayName, useCollaboration, ResizeHandles, imgSrc, renderStrokeView, useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, Rendering3DFlagsContext, CollaborationProvider, ChartFormatContext, useChartFormatContext, safePrompt, scopeLayoutOptionsToActiveSlide, createReviewCommentsHost, ChartPartSelectionProvider, useKeyboardInsets, ViewerOptionsStoreContext, ViewerOptionsContext, useReportOnChange, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, useSheetDismissDrag, playAnimationSound, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, SmartArtRenderer, downloadBlob, useChartPartSelection, DUOTONE_PRESETS, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, resolveSmartArtDataPalette } from './chunk-Z62JFXMZ.mjs';
-import { cn, getShapeAdjustmentHandleDescriptors, isConnectorOrLineElement, TOOLBAR_SECTIONS, GRID_SIZE, getElementTransformWithoutRotation, getElementTransform, MIN_ELEMENT_SIZE, hasCopyableFormat, DEFAULT_SECTION_GROUP_ID, safeOpenUrl, isPpactionUrl, parsePpactionUrl, SHORTCUT_REFERENCE_ITEMS, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, normalizeHexColor, UNGROUPED_SECTION_ID, SLIDE_NAV_THUMBNAIL_WIDTH, SLIDE_TRANSITION_OPTIONS, getElementLabel, TABLE_STYLE_PRESETS, SHAPE_PRESETS, sanitizeGradientStops, formatCommentTimestamp, ANIMATION_PRESET_OPTIONS, clampCropValue, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, getPatternSvg, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS, openNativeEyeDropper } from './chunk-PFV626ED.mjs';
-import { ANIMATION_DIRECTION_LABEL_KEYS, buildQuickStylesGallery, buildSlideTemplateContent, SLIDE_TEMPLATES, homeLaunchers, attachRibbonOverflow, isPanelVisible, parentSelection, slideSpaceElement, isGroupMember, motionPathFor, setMotionPath, RULER_THICKNESS, shouldShowElementHandles, deviceStrokeStageStyle, activateModalFocus, visibleContextualTabs, resolveActiveRibbonTab, visibleRibbonAddIns, isDialogAvailable, resolveScreenTip, RIBBON_ADD_IN_TAB_ATTR, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, buildTabRowActionsState, isFeatureEnabled, TAB_ROW_ACTION_CLASSES, tabRowActionsAttributes, buildTitleBarState, backstageNavEntries, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, DEFAULT_INSERT_CHART_KIND, FREEFORM_TOOL_IDS, isDrawingToolVisible, textFontSizePtToPx, withHomeGalleries, drawingHomeControls, homeGalleryControls, homeGalleryApply, shapeOutlineChange, shapeFillChange, editingHomeControls, arrangeHomeControls, arrangePainterHomeControls, arrangeAlignAction, DESIGN_RIBBON_GROUPS, FIXED_TAB_GALLERIES, DESIGN_RIBBON_COMMANDS, designCommandState, CONTEXTUAL_TAB_GROUPS, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, getSlideBackgroundStyle, resolveCollaborationConfig, resolveViewerRootOptions, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isEditingAllowed, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, attachViewerHyperlinks, shouldConfirmExternalHyperlink, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, saveFailureMessage, withSaveFailureToast, createSlidePackageClipboard, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, EMPTY_RESOLVED_CUSTOMIZATION, getRegionRenderer, ViewerRegionHost, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, clipboardHomeControls, slidesHomeControls, resolveInsertSlideLayout, resolveDefaultFontFamily, textFontSizePxToPt, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, fontPickerHomeControls, fontHomeControls, nextToggleValue, RIBBON_GROUP_ATTR, paragraphHomeAlign, paragraphHomeControls, paragraphHomeAction, arrangeShapeHomeControls, strokeWidthOf, canSetStrokeWidth, canUngroupSelection, canGroupSelection, buildRibbonGallery, readRibbonTransitionDraft, SLIDE_SHOW_COMMAND_GROUPS, buildRecordRibbon, trackActiveComment, commentCounts, findCommentLocation, buildReviewRibbon, buildHelpRibbon, galleryTextLabel, pictureSizeHomeControls, chartSelectionHomeControls, dispatchChartSelectionRequest, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, pruneExpiredAutosaveSnapshots, createDeckStyleHost, galleryDeckView, tableLayoutCells, resetChartFormatTarget, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, deleteAutosaveSnapshot, dispatchReadOnlyBannerIntent, readOnlyBannerState, buildFieldSubstitutionContext, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, observeElementHeight, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, findCanvasElementNode, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, getDensePanelTouchTargetPx, shouldStickyActionRow, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, MIN_TOUCH_TARGET_PX, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, getSelectionTextStyleFlags, TEXT_DECORATION_FLAGS, dispatchCropRequest, applyRibbonGalleryItem, ribbonTransitionsDraftPatch, ribbonTransitionUpdates, ribbonTransitionsSoundChange, ribbonTransitionStockSoundUrl, playSlideTransitionPreview, playAnimationRibbonPreview, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsFromOptions, subtitleSettingsLabels, isReviewCommentCommand, runReviewCommentCommand, hasTiltData, RULER_FONT_SIZE, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, clearAutosaveSnapshots, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, editorThumbnailWidth, EDITOR_THUMBNAIL_WIDTH, masterViewBackgroundColor, resolvePresentationAction, isPresentationAdvanceClick, toggleBlackboard, visibleTemplateElements, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, EXPANDED_MAX_HEIGHT, statusBarState, statusBarViewMode, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, resolveDefaultPrintSettings, HANDOUT_OPTIONS, bindPptxOptionsDialog, optionsBlockSlot, optionsPaneSlot, DEFAULT_QUICK_ACCESS_COMMAND_IDS, AI_OPTIONS_CATEGORY, buildCollaborationShareUrl, buildActiveSessionUsers, slideClipboardLabels, sorterPasteInsertAt, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, listenForOutlineViewDismiss, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, createCollaborationStateReporter, buildCollaborationState, writeBackReport, computeAnchoredPopupPosition, updateSubtitleSettings, overlayPointerInput, cropModeKeyAction, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSectionContextMenuEntries, buildSlidePaneContextMenuEntries, slidePaneViewItems, isEditPointsEnabled, findReplacementAvailability, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, getPresentationContextMenuSections, CONTEXT_MENU_PRESENTATION_LAYER, presentationViewItems, subtitleRecognitionLanguage, getSpeechRecognitionCtor, mergeCaptionResults, customizeContextMenuEntries, buildContextMenuEntries, contextMenuViewItems, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, defaultRichEnabled, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX as INDENT_PX$1, buildNotesPrintHtml, dispatchStatusBarIntent, toggleSheet, describeElementChange, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, compileEquationTemplateMathMl, computeAllNotesPages, getNotesPrintableArea, CUSTOM_FONT_ACCEPT, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, resolveViewerAddinRows, createSlideSorterState, sorterSelectionIndexes, selectSorterSlide, applySorterAction, sorterGridColumns, sorterMenuContext, buildSlideSorterContextMenuEntries, slideSorterContextMenuLabel, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, presenterConsoleAction, presenterConsoleViewState, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, sectionAddAfterSlideIndex, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, applyTableStyleDelete, applyTableStyleMapChange, registerCustomFont, QUICK_ACCESS_COMMAND_CATALOG, handleReadingViewKey, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, MERGE_SHAPES_MENU_ITEMS, hasMultipleSelectedTableCells, isElementLocked, mergeSlideTransition, slideBackgroundClearState, slideBackgroundClearPatch, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, getAfterAnimationState, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, inspectorNumber, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, imageResetPatch, imageResetState, canInteractWithElement, buildOleObjectNamePatch, shouldShowAccessibilitySection, withFrameSlides, withSlidesPerPage, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, MOTION_PATH_FAMILIES, motionPathPresetsByFamily, motionPathPresetLabelKey, motionPathFamilyLabelKey, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, seriesColorClearState, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSiblingAfter, removeEmptyNode, demote, promote, reorder, cropResetState, cropResetPatch, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimResetState, mediaTrimEndMsFromAbsoluteMs, mediaTrimResetPatch, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, buildThemeColorSwatchGrid, themeColorGridView, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, getEffectSoundAsset, animationEffectLabel, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, withCellStyle, LBL as LBL$1, SEL as SEL$1, FILL_MODE_OPTIONS as FILL_MODE_OPTIONS$1, SECTION_HEADING, NUM as NUM$1, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, smartArtLayoutSwitchPatch, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, OFFICE_COLOR_SWATCHES, officeColorSwatchLabel, PATTERN_PRESET_OPTIONS as PATTERN_PRESET_OPTIONS$1, COMPOUND_LINE_OPTIONS as COMPOUND_LINE_OPTIONS$1, LINE_JOIN_OPTIONS as LINE_JOIN_OPTIONS$1, LINE_CAP_OPTIONS as LINE_CAP_OPTIONS$1, themeColorGridCommit, buildTextWarpGallery, TEXT_WARP_PRESETS, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS as GRADIENT_TYPE_OPTIONS$1, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, quickStyleShapeStyle, textWarpStyle, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from 'ooxml-ui/pptx';
+import { StaticElementRenderer, useModalDismissDrag, useToolbarVisibility, useViewerOptionsContext, InlineCollaborationContext, SlideBackgroundImageLayer, ElementRenderer, withDisplayName, useCollaboration, ResizeHandles, imgSrc, renderStrokeView, useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, Rendering3DFlagsContext, CollaborationProvider, ChartFormatContext, useChartFormatContext, safePrompt, useController, scopeLayoutOptionsToActiveSlide, createReviewCommentsHost, ChartPartSelectionProvider, useKeyboardInsets, ViewerOptionsStoreContext, ViewerOptionsContext, useReportOnChange, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, useSheetDismissDrag, playAnimationSound, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob, useChartPartSelection, resolveSmartArtDataPalette, DUOTONE_PRESETS, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES } from './chunk-QHGEPW5G.mjs';
+import { cn, getShapeAdjustmentHandleDescriptors, isConnectorOrLineElement, TOOLBAR_SECTIONS, GRID_SIZE, getElementTransformWithoutRotation, getElementTransform, MIN_ELEMENT_SIZE, hasCopyableFormat, DEFAULT_SECTION_GROUP_ID, safeOpenUrl, isPpactionUrl, parsePpactionUrl, SHORTCUT_REFERENCE_ITEMS, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, normalizeHexColor, UNGROUPED_SECTION_ID, SLIDE_NAV_THUMBNAIL_WIDTH, SLIDE_TRANSITION_OPTIONS, getElementLabel, TABLE_STYLE_PRESETS, SHAPE_PRESETS, sanitizeGradientStops, formatCommentTimestamp, ANIMATION_PRESET_OPTIONS, clampCropValue, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, getPatternSvg, DEFAULT_STROKE_COLOR, openNativeEyeDropper } from './chunk-77IXTLKU.mjs';
+import { ANIMATION_DIRECTION_LABEL_KEYS, buildQuickStylesGallery, buildSlideTemplateContent, SLIDE_TEMPLATES, homeLaunchers, attachRibbonOverflow, isPanelVisible, parentSelection, slideSpaceElement, isGroupMember, motionPathFor, setMotionPath, RULER_THICKNESS, shouldShowElementHandles, deviceStrokeStageStyle, activateModalFocus, visibleContextualTabs, resolveActiveRibbonTab, visibleRibbonAddIns, isDialogAvailable, resolveScreenTip, RIBBON_ADD_IN_TAB_ATTR, contextualTabLabelKey, RIBBON_CONTEXTUAL_TAB_ATTR, buildTabRowActionsState, isFeatureEnabled, TAB_ROW_ACTION_CLASSES, tabRowActionsAttributes, buildTitleBarState, backstageNavEntries, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, DEFAULT_INSERT_CHART_KIND, FREEFORM_TOOL_IDS, isDrawingToolVisible, textFontSizePtToPx, withHomeGalleries, drawingHomeControls, homeGalleryControls, homeGalleryApply, shapeOutlineChange, shapeFillChange, editingHomeControls, arrangeHomeControls, arrangePainterHomeControls, arrangeAlignAction, DESIGN_RIBBON_GROUPS, FIXED_TAB_GALLERIES, DESIGN_RIBBON_COMMANDS, designCommandState, CONTEXTUAL_TAB_GROUPS, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, getSlideBackgroundStyle, resolveCollaborationConfig, resolveViewerRootOptions, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isEditingAllowed, resolveAutosaveActivation, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, attachViewerHyperlinks, shouldConfirmExternalHyperlink, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, saveFailureMessage, withSaveFailureToast, createSlidePackageClipboard, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, RIBBON_SCOPE_ATTR, resolve3DRenderingFlags, resolveSlideSizeSelection, EMPTY_RESOLVED_CUSTOMIZATION, getRegionRenderer, ViewerRegionHost, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, clipboardHomeControls, slidesHomeControls, resolveInsertSlideLayout, resolveDefaultFontFamily, textFontSizePxToPt, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, fontPickerHomeControls, fontHomeControls, nextToggleValue, RIBBON_GROUP_ATTR, paragraphHomeAlign, paragraphHomeControls, paragraphHomeAction, arrangeShapeHomeControls, strokeWidthOf, canSetStrokeWidth, canUngroupSelection, canGroupSelection, buildRibbonGallery, readRibbonTransitionDraft, SLIDE_SHOW_COMMAND_GROUPS, buildRecordRibbon, trackActiveComment, commentCounts, findCommentLocation, buildReviewRibbon, buildHelpRibbon, galleryTextLabel, pictureSizeHomeControls, chartSelectionHomeControls, dispatchChartSelectionRequest, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, pruneExpiredAutosaveSnapshots, createDeckStyleHost, galleryDeckView, tableLayoutCells, resetChartFormatTarget, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, EDITOR_CHROME_CSS, ribbonCustomizationCss, applyMotionPathPreset, resetSlideLayoutPath, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, deleteAutosaveSnapshot, dispatchReadOnlyBannerIntent, readOnlyBannerState, buildFieldSubstitutionContext, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, observeElementHeight, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, findCanvasElementNode, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, getDensePanelTouchTargetPx, shouldStickyActionRow, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, MIN_TOUCH_TARGET_PX, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, getSelectionTextStyleFlags, TEXT_DECORATION_FLAGS, dispatchCropRequest, applyRibbonGalleryItem, ribbonTransitionsDraftPatch, ribbonTransitionUpdates, ribbonTransitionsSoundChange, ribbonTransitionStockSoundUrl, playSlideTransitionPreview, playAnimationRibbonPreview, SLIDE_SHOW_OPTIONS, createViewerOptionsStore, subtitleSettingsFromOptions, subtitleSettingsLabels, isReviewCommentCommand, runReviewCommentCommand, hasTiltData, RULER_FONT_SIZE, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, clearAutosaveSnapshots, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, editorThumbnailWidth, EDITOR_THUMBNAIL_WIDTH, masterViewBackgroundColor, resolvePresentationAction, isPresentationAdvanceClick, toggleBlackboard, visibleTemplateElements, PRESENT_TOOLBAR_CLASSES, resolveEditPointsAvailability, isCurrentLayout, EXPANDED_MAX_HEIGHT, statusBarState, statusBarViewMode, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, resolveDefaultPrintSettings, HANDOUT_OPTIONS, bindPptxOptionsDialog, optionsBlockSlot, optionsPaneSlot, DEFAULT_QUICK_ACCESS_COMMAND_IDS, AI_OPTIONS_CATEGORY, buildCollaborationShareUrl, buildActiveSessionUsers, slideClipboardLabels, sorterPasteInsertAt, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, listenForOutlineViewDismiss, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, createCollaborationStateReporter, buildCollaborationState, writeBackReport, computeAnchoredPopupPosition, updateSubtitleSettings, overlayPointerInput, cropModeKeyAction, editorThumbnailStep, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSectionContextMenuEntries, buildSlidePaneContextMenuEntries, slidePaneViewItems, isEditPointsEnabled, findReplacementAvailability, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, getPresentationContextMenuSections, CONTEXT_MENU_PRESENTATION_LAYER, presentationViewItems, subtitleRecognitionLanguage, getSpeechRecognitionCtor, mergeCaptionResults, customizeContextMenuEntries, buildContextMenuEntries, contextMenuViewItems, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, themeEditorLabels, resolveNotesSegments, defaultRichEnabled, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX as INDENT_PX$1, buildNotesPrintHtml, dispatchStatusBarIntent, toggleSheet, describeElementChange, sanitizeMathMl, compileEquationTemplateMathMl, computeAllNotesPages, getNotesPrintableArea, CUSTOM_FONT_ACCEPT, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, resolveViewerAddinRows, createSlideSorterState, sorterSelectionIndexes, selectSorterSlide, applySorterAction, sorterGridColumns, sorterMenuContext, buildSlideSorterContextMenuEntries, slideSorterContextMenuLabel, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, presenterConsoleAction, presenterConsoleViewState, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, sectionAddAfterSlideIndex, masterViewPseudoSlide, PRESENTATION_ANIM_TRIGGER_ATTRIBUTE, applyTableStyleDelete, applyTableStyleMapChange, registerCustomFont, QUICK_ACCESS_COMMAND_CATALOG, handleReadingViewKey, editorThumbnailHeight, buildPreviewElements, deriveSlideFieldContext, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, MERGE_SHAPES_MENU_ITEMS, hasMultipleSelectedTableCells, isElementLocked, ELEMENT_GEOMETRY_SECTIONS, mergeSlideTransition, slideBackgroundClearState, slideBackgroundClearPatch, effectiveDirection, TRIGGER_OPTIONS, effectiveTimingCurve, getAfterAnimationState, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, elementLockTogglePatch, resolveInspectorSections, inspectorTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, inspectorNumber, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setDataLabelsRangeCache, imageResetPatch, imageResetState, canInteractWithElement, buildOleObjectNamePatch, shouldShowAccessibilitySection, withFrameSlides, withSlidesPerPage, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, directionValuesFor, buildAnimationTimelineBars, motionPathPresetIdForPath, MOTION_PATH_FAMILIES, motionPathPresetsByFamily, motionPathPresetLabelKey, motionPathFamilyLabelKey, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, seriesColorClearState, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, rebuildDrawingShapesIfCleared, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, cropResetState, cropResetPatch, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimResetState, mediaTrimEndMsFromAbsoluteMs, mediaTrimResetPatch, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, buildThemeColorSwatchGrid, themeColorGridView, recentColorsGridView, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, getEffectSoundAsset, animationEffectLabel, inspectorFieldPatch, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, withCellStyle, LBL as LBL$1, SEL as SEL$1, FILL_MODE_OPTIONS as FILL_MODE_OPTIONS$1, SECTION_HEADING, NUM as NUM$1, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, smartArtLayoutSwitchPatch, mediaTrimEndMsFromSeconds, validateMediaTrimRange, OFFICE_COLOR_SWATCHES, officeColorSwatchLabel, PATTERN_PRESET_OPTIONS as PATTERN_PRESET_OPTIONS$1, SHAPE_LINE_SECTIONS, SHAPE_EFFECT_SECTIONS, themeColorGridCommit, TEXT_BOX_SECTIONS, buildTextWarpGallery, TEXT_WARP_PRESETS, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS as GRADIENT_TYPE_OPTIONS$1, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, quickStyleShapeStyle, textWarpStyle, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from 'ooxml-ui/pptx';
 export { THEME_CATALOG, defaultCssVars, defaultRadius, defaultThemeColors, resolveThemeCatalogEntry, themeToCssVars, vermilionDarkColors, vermilionDarkTheme, vermilionLightColors, vermilionLightTheme, vermilionRadius } from 'ooxml-ui/pptx';
-import React107, { createContext, useContext, useMemo, useState, useRef, useCallback, useEffect, useLayoutEffect, forwardRef, useSyncExternalStore, useReducer, useId, Fragment as Fragment$1, useDeferredValue, Suspense, lazy } from 'react';
+import React108, { createContext, useContext, useMemo, useState, useRef, useCallback, useEffect, useLayoutEffect, forwardRef, useSyncExternalStore, useReducer, useId, Fragment as Fragment$1, useDeferredValue, Suspense, lazy } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuArrowDownRight, LuArrowDownLeft, LuArrowUpRight, LuArrowUpLeft, LuX, LuPanelLeft, LuPanelRight, LuSparkles, LuSettings, LuFolderOpen, LuType, LuPalette, LuFilter, LuPaintbrush, LuPlus, LuClipboardCopy, LuShapes, LuLayoutGrid, LuWand, LuPresentation, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuUpload, LuShare2, LuPrinter, LuDownload, LuSave, LuInfo, LuFilePlus2, LuHouse, LuCopy, LuFileJson, LuBox, LuVideo, LuFileImage, LuFileText, LuDatabase, LuPlay, LuClock3, LuShieldAlert, LuLock, LuUser, LuHardDrive, LuLogIn, LuHistory, LuCalendarDays, LuClock, LuHash, LuText, LuCast, LuChevronRight, LuChevronDown, LuMonitor, LuRadio, LuCaptions, LuCheck, LuImage, LuSearch, LuShieldCheck, LuPanelLeftClose, LuTrash2, LuEyeOff, LuEye, LuLoader, LuSignature, LuTriangleAlert, LuPenTool, LuWifi, LuWifiOff, LuUsers, LuMinus, LuChevronLeft, LuPause, LuCaseSensitive, LuChevronUp, LuReplace, LuGripVertical, LuLoaderCircle, LuGrid2X2, LuStickyNote, LuList, LuBug, LuMove, LuCopyPlus, LuClipboardPaste, LuMessageSquare, LuLayers, LuSettings2, LuLockOpen, LuPencil, LuReply, LuMoveRight, LuRotateCw, LuScissors, LuBookmark, LuPipette } from 'react-icons/lu';
 import { createPortal } from 'react-dom';
-import { hasTextProperties, hasShapeProperties, buildThemeColorMap, themeColorSchemesEqual, isImageLikeElement, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, THEME_COLOR_SCHEME_KEYS, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, TRANSITION_VALID_DIRECTIONS, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, normalizeTableStyleGuid, updateMergeAttrsInRawXml, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, updateSmartArtNodeText, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, elementActionToPptxAction, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, SWITCHABLE_LAYOUT_TYPES } from 'ooxml-core/pptx';
+import { hasTextProperties, hasShapeProperties, buildThemeColorMap, themeColorSchemesEqual, isImageLikeElement, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, THEME_COLOR_SCHEME_KEYS, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, TRANSITION_VALID_DIRECTIONS, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, normalizeTableStyleGuid, updateMergeAttrsInRawXml, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, elementActionToPptxAction, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, SWITCHABLE_LAYOUT_TYPES } from 'ooxml-core/pptx';
 import { LOCALE_CATALOG } from 'ooxml-ui/pptx/i18n';
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs as exportAiChatLogs$1, applyElementUpdate } from 'ooxml-ui/pptx/ai';
+import { createPptxAiPanelController, computeFocusTargets, createPptxAiBridge, resolveAiEffectiveTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs as exportAiChatLogs$1 } from 'ooxml-ui/pptx/ai';
 
 var ViewerThemeContext = /* @__PURE__ */ createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -742,6 +742,7 @@ function InsertSection(p) {
       activeFreeformTool: p.activeFreeformTool ?? null,
       freeformTools: p.onArmFreeformTool ? FREEFORM_TOOL_IDS.filter((tool) => isDrawingToolVisible(customization, tool)) : [],
       chartAvailable: Boolean(p.onAddChart),
+      chartDialogAvailable: Boolean(p.onAddChart && p.onOpenChartDialog),
       fieldAvailable: Boolean(p.onInsertField),
       headerFooterAvailable: Boolean(p.onOpenHeaderFooter),
       newSlideAvailable: Boolean(p.onInsertSlideFromLayout && p.layoutOptions?.length),
@@ -809,6 +810,9 @@ function InsertSection(p) {
         case "chart":
           p.onAddChart?.(intent.value);
           break;
+        case "chartDialog":
+          p.onOpenChartDialog?.();
+          break;
         case "freeform":
           p.onArmFreeformTool?.(intent.value);
           break;
@@ -970,6 +974,7 @@ function MobileInsertSheet(p) {
             onAddShape: p.onAddShape,
             onAddTable: p.onAddTable,
             onAddChart: p.onAddChart,
+            onOpenChartDialog: p.onOpenChartDialog,
             onAddSmartArt: p.onAddSmartArt,
             onAddEquation: p.onAddEquation,
             onAddActionButton: p.onAddActionButton,
@@ -1130,7 +1135,7 @@ function WebHomeControls({
     host.addEventListener("home-popup", listener);
     return () => host.removeEventListener("home-popup", listener);
   }, [onPopup]);
-  return React107.createElement(`pptx-ui-ribbon-home-${family}`, { ref });
+  return React108.createElement(`pptx-ui-ribbon-home-${family}`, { ref });
 }
 function ShapeArrangeExtras(p) {
   const commands = useShapeFormatContext();
@@ -1673,7 +1678,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.49.0" ;
+  const version = "4.50.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: [
@@ -3377,6 +3382,7 @@ function MobileSectionBody({
           onAddShape: p.onAddShape,
           onAddTable: p.onAddTable,
           onAddChart: p.onAddChart,
+          onOpenChartDialog: p.onOpenChartDialog,
           onAddSmartArt: p.onAddSmartArt,
           onAddEquation: p.onAddEquation,
           onAddActionButton: p.onAddActionButton,
@@ -4813,6 +4819,7 @@ function Toolbar(p) {
                   onAddShape: p.onAddShape,
                   onAddTable: p.onAddTable,
                   onAddChart: p.onAddChart,
+                  onOpenChartDialog: p.onOpenChartDialog,
                   onAddSmartArt: p.onAddSmartArt,
                   onAddEquation: p.onAddEquation,
                   onAddActionButton: p.onAddActionButton,
@@ -5012,7 +5019,6 @@ var HEADING = "text-[11px] uppercase tracking-wide text-muted-foreground";
 var CARD = "rounded border border-border bg-card p-2 space-y-2";
 var INPUT = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
 var BTN = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]!";
-var CELL_INPUT = "bg-muted border border-border rounded px-1 py-0.5 text-[11px] w-full text-center";
 var GROUPING_OPTIONS = [
   { value: "clustered", labelKey: "pptx.chart.groupingClustered" },
   { value: "stacked", labelKey: "pptx.chart.groupingStacked" },
@@ -5186,7 +5192,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(React107.Fragment, { children: [
+      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React108.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -5206,7 +5212,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: React107.createElement(ICONS3[button.id], { className: "size-3.5" })
+            children: React108.createElement(ICONS3[button.id], { className: "size-3.5" })
           }
         ),
         open === button.id && button.id === "elements" && /* @__PURE__ */ jsxs(
@@ -6353,7 +6359,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
   );
 }
 var HorizontalRuler = /* @__PURE__ */ withDisplayName(
-  /* @__PURE__ */ React107.memo(HorizontalRulerView),
+  /* @__PURE__ */ React108.memo(HorizontalRulerView),
   "HorizontalRuler"
 );
 function VerticalRulerView({ ticks, heightPx, highlight }) {
@@ -6427,7 +6433,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
   );
 }
 var VerticalRuler = /* @__PURE__ */ withDisplayName(
-  /* @__PURE__ */ React107.memo(VerticalRulerView),
+  /* @__PURE__ */ React108.memo(VerticalRulerView),
   "VerticalRuler"
 );
 function Ruler({
@@ -8266,7 +8272,7 @@ function slideThumbnailPropsEqual(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = /* @__PURE__ */ React107.memo(
+var SlideThumbnail = /* @__PURE__ */ React108.memo(
   SlideThumbnailImpl,
   slideThumbnailPropsEqual
 );
@@ -8966,7 +8972,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = /* @__PURE__ */ React107.memo(LazyThumbnailInner);
+var LazyThumbnail = /* @__PURE__ */ React108.memo(LazyThumbnailInner);
 function declaredSectionFacts(groups, sectionId) {
   const declared = groups.filter((group) => group.id !== DEFAULT_SECTION_GROUP_ID && group.id !== UNGROUPED_SECTION_ID).map((group) => group.id);
   return {
@@ -9134,7 +9140,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = /* @__PURE__ */ React107.memo(SlideItemInner);
+var SlideItem = /* @__PURE__ */ React108.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -10547,7 +10553,7 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SlideCard = /* @__PURE__ */ React107.memo(SlideCardImpl, arePropsEqual);
+var SlideCard = /* @__PURE__ */ React108.memo(SlideCardImpl, arePropsEqual);
 var ICON_CLASS = "h-3.5 w-3.5 text-muted-foreground";
 function SorterContextMenu({
   x,
@@ -10972,7 +10978,7 @@ function SlideSorterOverlay({
               count: state.selectedSlideIds.length
             }) })
           ] }),
-          React107.createElement("pptx-ui-slide-clipboard", {
+          React108.createElement("pptx-ui-slide-clipboard", {
             ref: (node) => {
               if (!node) {
                 return;
@@ -11888,8 +11894,8 @@ function SlideNotesPanel({
   onHeightChange
 }) {
   const { t } = useTranslation();
-  const rootRef = React107.useRef(null);
-  React107.useEffect(() => {
+  const rootRef = React108.useRef(null);
+  React108.useEffect(() => {
     const el = rootRef.current;
     if (!el || !onHeightChange) {
       return void 0;
@@ -13732,9 +13738,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React107.createElement("br", { key: span.key });
+      return React108.createElement("br", { key: span.key });
     }
-    return React107.createElement(
+    return React108.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -13910,7 +13916,7 @@ function scaledSlidePreviewPropsEqual(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = /* @__PURE__ */ React107.memo(
+var ScaledSlidePreview = /* @__PURE__ */ React108.memo(
   ScaledSlidePreviewImpl,
   scaledSlidePreviewPropsEqual
 );
@@ -15156,7 +15162,7 @@ function EffectSoundRow({
   onPickStock
 }) {
   const { t } = useTranslation();
-  const fileInputRef = React107.useRef(null);
+  const fileInputRef = React108.useRef(null);
   const selectedValue = soundState.catalogueId ?? (soundState.hasSound ? CURRENT_VALUE : NONE_VALUE);
   const handleSelectChange = (event) => {
     const value = event.target.value;
@@ -16026,12 +16032,6 @@ var HEADING2 = "pptx-editor-heading text-[11px] uppercase tracking-wide text-mut
 var CARD2 = "pptx-editor-card rounded border border-border bg-card p-2 space-y-2";
 var INPUT2 = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full max-md:min-h-[44px]!";
 var BTN2 = "rounded bg-muted hover:bg-accent px-2 py-1 text-[11px] transition-colors max-md:min-h-[44px]! max-md:min-w-[44px]!";
-var POS_FIELDS = [
-  ["X", "x"],
-  ["Y", "y"],
-  ["W", "width"],
-  ["H", "height"]
-];
 var URL_LABEL_KEY = {
   url: "pptx.action.gotoUrl",
   openFile: "pptx.hyperlink.actionOpenFile",
@@ -16585,149 +16585,6 @@ function ChartComboTypeOptions({
     ] }, `${s.name}-${i}`)) })
   ] });
 }
-function ChartDataGrid({
-  series,
-  categories,
-  canEdit,
-  highlightCell,
-  onUpdateSeries,
-  onUpdateCategoryLabel,
-  onUpdateValue,
-  onAddCategory,
-  onRemoveCategory,
-  onAddSeries,
-  onRemoveSeries
-}) {
-  const { t } = useTranslation();
-  const highlightRef = useRef(null);
-  const { viewportWidth } = useIsMobile();
-  const gridPlan = getDenseGridLayoutPlan(viewportWidth);
-  const touchTargetPx = getDensePanelTouchTargetPx(viewportWidth);
-  const rowHeaderClass = gridPlan.stickyFirstColumn ? "sticky left-0 z-10 bg-card" : "";
-  const iconBtnStyle = { minWidth: touchTargetPx, minHeight: touchTargetPx };
-  useEffect(() => {
-    highlightRef.current?.scrollIntoView({ block: "nearest", inline: "nearest" });
-  }, [highlightCell?.seriesIndex, highlightCell?.pointIndex]);
-  const highlightClass = " ring-1 ring-primary";
-  const isSeriesHighlight = (si) => highlightCell?.seriesIndex === si && highlightCell.pointIndex === void 0;
-  const isValueHighlight = (si, ci) => highlightCell?.seriesIndex === si && highlightCell.pointIndex === ci;
-  return /* @__PURE__ */ jsxs("div", { className: CARD, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.chart.data") }),
-      canEdit && /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: `${BTN} inline-flex items-center justify-center`,
-            style: iconBtnStyle,
-            title: t("pptx.chart.addCategory"),
-            onClick: onAddCategory,
-            children: [
-              /* @__PURE__ */ jsx(LuPlus, { className: "inline w-3 h-3 mr-0.5" }),
-              t("pptx.chart.cat")
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: `${BTN} inline-flex items-center justify-center`,
-            style: iconBtnStyle,
-            title: t("pptx.chart.addSeries"),
-            onClick: onAddSeries,
-            children: [
-              /* @__PURE__ */ jsx(LuPlus, { className: "inline w-3 h-3 mr-0.5" }),
-              t("pptx.chart.seriesShort")
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-[11px] border-collapse", children: [
-      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx(
-          "th",
-          {
-            "aria-label": t("pptx.chart.categories"),
-            className: `text-muted-foreground p-0.5 text-left ${rowHeaderClass}`,
-            style: { minWidth: gridPlan.minCellWidthPx }
-          }
-        ),
-        series.map((s, si) => /* @__PURE__ */ jsx(
-          "th",
-          {
-            className: "p-0.5 font-normal",
-            style: { minWidth: gridPlan.minCellWidthPx },
-            children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: "text",
-                  disabled: !canEdit,
-                  ref: isSeriesHighlight(si) ? highlightRef : null,
-                  className: `${CELL_INPUT}${isSeriesHighlight(si) ? highlightClass : ""}`,
-                  value: s.name,
-                  onChange: (e) => onUpdateSeries(si, { name: e.target.value })
-                }
-              ),
-              canEdit && series.length > 1 && /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: "text-muted-foreground hover:text-red-400 shrink-0 inline-flex items-center justify-center",
-                  style: iconBtnStyle,
-                  title: t("pptx.chart.removeSeries"),
-                  onClick: () => onRemoveSeries(si),
-                  children: /* @__PURE__ */ jsx(LuTrash2, { className: "w-3 h-3" })
-                }
-              )
-            ] })
-          },
-          si
-        ))
-      ] }) }),
-      /* @__PURE__ */ jsx("tbody", { children: categories.map((cat, ci) => /* @__PURE__ */ jsxs("tr", { children: [
-        /* @__PURE__ */ jsx("td", { className: `p-0.5 ${rowHeaderClass}`, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "text",
-              disabled: !canEdit,
-              className: CELL_INPUT,
-              value: cat,
-              onChange: (e) => onUpdateCategoryLabel(ci, e.target.value)
-            }
-          ),
-          canEdit && categories.length > 1 && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "text-muted-foreground hover:text-red-400 shrink-0 inline-flex items-center justify-center",
-              style: iconBtnStyle,
-              title: t("pptx.chart.removeCategory"),
-              onClick: () => onRemoveCategory(ci),
-              children: /* @__PURE__ */ jsx(LuTrash2, { className: "w-3 h-3" })
-            }
-          )
-        ] }) }),
-        series.map((s, si) => /* @__PURE__ */ jsx("td", { className: "p-0.5", children: /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            "aria-label": t("pptx.chart.seriesValueCell", { name: s.name, number: ci + 1 }),
-            disabled: !canEdit,
-            ref: isValueHighlight(si, ci) ? highlightRef : null,
-            className: `${CELL_INPUT}${isValueHighlight(si, ci) ? highlightClass : ""}`,
-            value: s.values[ci] ?? 0,
-            onChange: (e) => onUpdateValue(si, ci, e.target.value)
-          }
-        ) }, si))
-      ] }, ci)) })
-    ] }) })
-  ] });
-}
 function ChartDataLabelOptions({
   style,
   canEdit,
@@ -16982,6 +16839,37 @@ function ChartDataPointOptions({
     }) })
   ] });
 }
+function ChartDataSheet({
+  chartData,
+  canEdit,
+  followDataPoint,
+  highlightCell,
+  onChange
+}) {
+  const { t } = useTranslation();
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.state = {
+        chartData,
+        canEdit,
+        followDataPoint,
+        highlight: highlightCell ?? null,
+        translate: (key, params) => t(key, params)
+      };
+    }
+  }, [chartData, canEdit, followDataPoint, highlightCell, t]);
+  useEffect(() => {
+    const sheet = ref.current;
+    if (!sheet) {
+      return;
+    }
+    const commit = (event) => onChange(event.detail.chartData);
+    sheet.addEventListener("pptx-chart-data-change", commit);
+    return () => sheet.removeEventListener("pptx-chart-data-change", commit);
+  }, [onChange]);
+  return /* @__PURE__ */ jsx("div", { className: CARD, children: /* @__PURE__ */ jsx("pptx-ui-chart-data-sheet", { ref }) });
+}
 function ChartDisplayOptions({
   style,
   canEdit,
@@ -18072,52 +17960,6 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
     },
     [updateSeries]
   );
-  const updateCategoryLabel = useCallback(
-    (catIndex, value) => {
-      const next = chartData && setChartCategoryLabel(chartData, catIndex, value);
-      if (next) {
-        replaceChartData(next);
-      }
-    },
-    [chartData, replaceChartData]
-  );
-  const updateValue = useCallback(
-    (seriesIndex, catIndex, raw) => {
-      const next = chartData && setChartCellValue(chartData, seriesIndex, catIndex, raw);
-      if (next) {
-        replaceChartData(next);
-      }
-    },
-    [chartData, replaceChartData]
-  );
-  const addCategory = useCallback(() => {
-    if (chartData) {
-      replaceChartData(addChartCategory(chartData));
-    }
-  }, [chartData, replaceChartData]);
-  const removeCategory = useCallback(
-    (catIndex) => {
-      const next = chartData && removeChartCategory(chartData, catIndex, followDataPoint);
-      if (next) {
-        replaceChartData(next);
-      }
-    },
-    [chartData, followDataPoint, replaceChartData]
-  );
-  const addSeries = useCallback(() => {
-    if (chartData) {
-      replaceChartData(addChartSeries(chartData));
-    }
-  }, [chartData, replaceChartData]);
-  const removeSeries = useCallback(
-    (seriesIndex) => {
-      const next = chartData && removeChartSeries(chartData, seriesIndex);
-      if (next) {
-        replaceChartData(next);
-      }
-    },
-    [chartData, replaceChartData]
-  );
   const hideSeries = useCallback(
     (seriesIndex) => {
       const next = chartData && hideChartSeries(chartData, seriesIndex);
@@ -18334,19 +18176,13 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
       }
     ),
     /* @__PURE__ */ jsx(
-      ChartDataGrid,
+      ChartDataSheet,
       {
-        categories,
-        series,
+        chartData,
         canEdit,
+        followDataPoint,
         highlightCell: canvasPart ? { seriesIndex: canvasPart.seriesIndex, pointIndex: canvasPart.pointIndex } : null,
-        onUpdateSeries: updateSeries,
-        onUpdateCategoryLabel: updateCategoryLabel,
-        onUpdateValue: updateValue,
-        onAddCategory: addCategory,
-        onRemoveCategory: removeCategory,
-        onAddSeries: addSeries,
-        onRemoveSeries: removeSeries
+        onChange: replaceChartData
       }
     )
   ] });
@@ -18714,7 +18550,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React107.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React108.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(
@@ -18867,36 +18703,21 @@ function TransformPanel({
 }) {
   return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
     /* @__PURE__ */ jsx("div", { className: HEADING2, children: "Transform" }),
-    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: [
-      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Rotation (\xB0)" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            disabled: !canEdit,
-            className: INPUT2,
-            value: Math.round(selectedElement.rotation || 0),
-            onChange: (e) => onUpdateElement({ rotation: Number(e.target.value) })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Opacity" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "range",
-            disabled: !canEdit,
-            min: 0,
-            max: 100,
-            value: Math.round((selectedElement.opacity ?? 1) * 100),
-            className: "accent-primary",
-            onChange: (e) => onUpdateElement({ opacity: Number(e.target.value) / 100 })
-          }
-        )
-      ] })
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Opacity" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "range",
+          disabled: !canEdit,
+          min: 0,
+          max: 100,
+          value: Math.round((selectedElement.opacity ?? 1) * 100),
+          className: "accent-primary",
+          onChange: (e) => onUpdateElement({ opacity: Number(e.target.value) / 100 })
+        }
+      )
+    ] }) })
   ] });
 }
 function LayerOrderButtons({
@@ -19534,6 +19355,130 @@ function ImagePropertiesPanel({
     ] })
   ] });
 }
+
+// src/viewer/components/inspector/FillStrokeHelpers.tsx
+var SEL = "bg-muted border border-border rounded px-2 py-1 max-md:min-h-[44px]!";
+var NUM = SEL;
+var RNG = "accent-primary";
+var SWATCH = "h-4 w-4 rounded border border-border";
+var DIS = "disabled:opacity-40 disabled:cursor-not-allowed";
+var LBL = "text-muted-foreground";
+var COL2 = "col-span-2";
+var isLineish = (el, st) => el.type === "connector" || st === "line";
+function InspectorFields({
+  sections,
+  target,
+  onPatch,
+  disabled = false
+}) {
+  const { t } = useTranslation();
+  const commitRecentColor = useRecentColorCommit();
+  const views = resolveInspectorSections(sections, target);
+  const change = (sectionId, fieldId, raw) => {
+    const patch = inspectorFieldPatch(sections, sectionId, fieldId, target, raw);
+    if (patch !== void 0) {
+      onPatch(patch);
+    }
+  };
+  const renderField = (sectionId, field) => {
+    const label = t(field.labelKey);
+    const cls = `flex flex-col gap-1 ${field.wide ? COL2 : ""}`;
+    const key = `${sectionId}.${field.id}`;
+    if (field.control === "checkbox") {
+      return /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 ${field.wide ? COL2 : ""}`, children: [
+        /* @__PURE__ */ jsx(
+          WebCheckbox,
+          {
+            "data-testid": field.testId,
+            checked: Boolean(field.value),
+            disabled,
+            onChange: (e) => change(sectionId, field.id, e.target.checked),
+            className: "h-4 w-4"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: LBL, children: label })
+      ] }, key);
+    }
+    if (field.control === "select") {
+      return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+        /* @__PURE__ */ jsx("span", { className: LBL, children: label }),
+        /* @__PURE__ */ jsx(
+          WebSelect,
+          {
+            "data-testid": field.testId,
+            "aria-label": label,
+            value: String(field.value),
+            disabled,
+            onChange: (e) => change(sectionId, field.id, e.target.value),
+            className: SEL,
+            children: field.options?.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: t(o.labelKey) }, o.value))
+          }
+        )
+      ] }, key);
+    }
+    if (field.control === "color") {
+      return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+        /* @__PURE__ */ jsx("span", { className: LBL, children: label }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "color",
+            "data-testid": field.testId,
+            "aria-label": label,
+            value: String(field.value),
+            disabled,
+            ref: commitRecentColor,
+            onChange: (e) => change(sectionId, field.id, e.target.value),
+            className: `h-8 ${SEL} px-1`
+          }
+        )
+      ] }, key);
+    }
+    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+      /* @__PURE__ */ jsx("span", { className: LBL, children: label }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: field.control,
+          "data-testid": field.testId,
+          "aria-label": label,
+          min: field.min,
+          max: field.max,
+          step: field.step,
+          value: Number(field.value),
+          disabled,
+          onChange: (e) => change(sectionId, field.id, e.target.value),
+          className: field.control === "range" ? RNG : NUM
+        }
+      )
+    ] }, key);
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: views.map((section) => /* @__PURE__ */ jsxs(React108.Fragment, { children: [
+    section.toggleable ? /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
+      /* @__PURE__ */ jsx(
+        WebCheckbox,
+        {
+          "data-testid": section.toggleTestId,
+          checked: section.on,
+          disabled,
+          onChange: (e) => {
+            const patch = inspectorTogglePatch(
+              sections,
+              section.id,
+              target,
+              e.target.checked
+            );
+            if (patch !== void 0) {
+              onPatch(patch);
+            }
+          }
+        }
+      ),
+      t(section.labelKey ?? "")
+    ] }) : section.labelKey ? /* @__PURE__ */ jsx("span", { className: `${LBL} ${COL2}`, children: t(section.labelKey) }) : null,
+    section.fields.map((field) => renderField(section.id, field))
+  ] }, section.id)) });
+}
 var HEADING3 = "text-[11px] uppercase tracking-wide text-muted-foreground";
 var CARD3 = "rounded border border-border bg-card p-2 space-y-2";
 var INPUT3 = "flex-1 bg-muted border border-border rounded px-1.5 py-0.5 w-full";
@@ -20398,9 +20343,6 @@ function AccessibilityTextSection({
     ] })
   ] });
 }
-var COMPOUND_LINE_OPTIONS = COMPOUND_LINE_OPTIONS$1;
-var LINE_JOIN_OPTIONS = LINE_JOIN_OPTIONS$1;
-var LINE_CAP_OPTIONS = LINE_CAP_OPTIONS$1;
 var PATTERN_PRESET_OPTIONS = PATTERN_PRESET_OPTIONS$1;
 var FILL_MODE_OPTIONS = [
   { value: "solid", label: "Solid", i18nKey: "pptx.fill.solid" },
@@ -20417,589 +20359,45 @@ var IMAGE_MODE_OPTIONS = [
   { value: "stretch", label: "Stretch", i18nKey: "pptx.image.stretch" },
   { value: "tile", label: "Tile", i18nKey: "pptx.image.tile" }
 ];
-function getCompoundLinePreviewStyle(type) {
-  const baseColor = "#6b7280";
-  switch (type) {
-    case "sng":
-      return {
-        borderTop: `2px solid ${baseColor}`,
-        width: "100%"
-      };
-    case "dbl": {
-      const lineWidth = 2;
-      const gap = 2;
-      return {
-        position: "relative",
-        height: `${lineWidth * 2 + gap}px`,
-        width: "100%",
-        boxShadow: `inset 0 ${lineWidth + gap}px 0 ${-lineWidth}px ${baseColor}, inset 0 ${ -4}px 0 ${-lineWidth}px ${baseColor}`
-      };
-    }
-    case "thickThin": {
-      const thickWidth = 3;
-      const thinWidth = 1;
-      const gap = 1;
-      return {
-        position: "relative",
-        height: `${thickWidth + thinWidth + gap}px`,
-        width: "100%",
-        boxShadow: `inset 0 ${thickWidth / 2 + gap}px 0 ${-thickWidth}px ${baseColor}, inset 0 ${ -3.5}px 0 ${-thinWidth}px ${baseColor}`
-      };
-    }
-    case "thinThick": {
-      const thinWidth = 1;
-      const thickWidth = 3;
-      const gap = 1;
-      return {
-        position: "relative",
-        height: `${thinWidth + thickWidth + gap}px`,
-        width: "100%",
-        boxShadow: `inset 0 ${thickWidth / 2 + gap}px 0 ${-thinWidth}px ${baseColor}, inset 0 ${ -3.5}px 0 ${-thickWidth}px ${baseColor}`
-      };
-    }
-    case "tri": {
-      const lineWidth = 1;
-      const gap = 1;
-      const offset1 = lineWidth + gap;
-      return {
-        position: "relative",
-        height: `${lineWidth * 3 + gap * 2}px`,
-        width: "100%",
-        boxShadow: `inset 0 0 0 ${-lineWidth}px ${baseColor}, inset 0 ${offset1}px 0 ${-lineWidth}px ${baseColor}, inset 0 ${ -4}px 0 ${-lineWidth}px ${baseColor}`
-      };
-    }
-    default:
-      return {};
-  }
-}
-
-// src/viewer/components/inspector/bevel-type-options.ts
-var BEVEL_TYPE_OPTIONS = [
-  { value: "circle", label: "Circle", i18nKey: "pptx.bevelTypes.circle" },
-  { value: "relaxedInset", label: "Relaxed Inset", i18nKey: "pptx.bevelTypes.relaxedInset" },
-  { value: "cross", label: "Cross", i18nKey: "pptx.bevelTypes.cross" },
-  { value: "slope", label: "Slope", i18nKey: "pptx.bevelTypes.slope" },
-  { value: "convex", label: "Convex", i18nKey: "pptx.bevelTypes.convex" },
-  { value: "coolSlant", label: "Cool Slant", i18nKey: "pptx.bevelTypes.coolSlant" },
-  { value: "angle", label: "Angle", i18nKey: "pptx.bevelTypes.angle" },
-  { value: "softRound", label: "Soft Round", i18nKey: "pptx.bevelTypes.softRound" },
-  { value: "riblet", label: "Riblet", i18nKey: "pptx.bevelTypes.riblet" },
-  { value: "hardEdge", label: "Hard Edge", i18nKey: "pptx.bevelTypes.hardEdge" },
-  { value: "artDeco", label: "Art Deco", i18nKey: "pptx.bevelTypes.artDeco" },
-  { value: "divot", label: "Divot", i18nKey: "pptx.bevelTypes.divot" }
-];
-
-// src/viewer/components/inspector/fill-stroke-effect-configs.ts
-var clamp = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
-var SHADOW_EFFECT_CONFIGS = [
-  /* Shadow */
-  {
-    label: "Shadow",
-    isOn: (s) => Boolean(s?.shadowColor) && s?.shadowColor !== "transparent",
-    onEnable: (s) => {
-      let angle = s?.shadowAngle ?? 315;
-      let distance = s?.shadowDistance ?? 5.66;
-      const offsetX = s?.shadowOffsetX ?? 4;
-      const offsetY = s?.shadowOffsetY ?? 4;
-      if (s?.shadowAngle === null && s?.shadowDistance === null && (offsetX !== 0 || offsetY !== 0)) {
-        distance = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
-        angle = (Math.atan2(offsetY, offsetX) * 180 / Math.PI + 360) % 360;
-      }
-      return {
-        shadowColor: normalizeHexColor(s?.shadowColor, "#000000"),
-        shadowOpacity: s?.shadowOpacity ?? 0.35,
-        shadowBlur: s?.shadowBlur ?? 6,
-        shadowAngle: angle,
-        shadowDistance: distance,
-        shadowOffsetX: offsetX,
-        shadowOffsetY: offsetY,
-        shadowRotateWithShape: s?.shadowRotateWithShape ?? true
-      };
-    },
-    onDisable: () => ({ shadowColor: "transparent" }),
-    fields: [
-      {
-        key: "sc",
-        label: "Shadow Color",
-        type: "color",
-        read: (s) => normalizeHexColor(s?.shadowColor, "#000000"),
-        write: (v) => ({ shadowColor: String(v) })
-      },
-      {
-        key: "so",
-        label: "Shadow Opacity",
-        type: "range",
-        min: 0,
-        max: 100,
-        isPercent: true,
-        read: (s) => Math.round((s?.shadowOpacity ?? 0.35) * 100),
-        write: (v) => ({ shadowOpacity: Number(v) / 100 })
-      },
-      {
-        key: "sb",
-        label: "Shadow Blur",
-        type: "number",
-        min: 0,
-        max: 96,
-        read: (s) => Math.round(s?.shadowBlur ?? 6),
-        write: (v) => ({ shadowBlur: clamp(Number(v), 0, 96) })
-      },
-      {
-        key: "sa",
-        label: "Shadow Angle",
-        type: "number",
-        min: 0,
-        max: 359,
-        read: (s) => {
-          if (typeof s?.shadowAngle === "number") {
-            return Math.round(s.shadowAngle) % 360;
-          }
-          const x = s?.shadowOffsetX ?? 4;
-          const y = s?.shadowOffsetY ?? 4;
-          return Math.round((Math.atan2(y, x) * 180 / Math.PI + 360) % 360);
-        },
-        write: (v) => {
-          const angle = Number(v) % 360;
-          return (s) => {
-            const dist = typeof s?.shadowDistance === "number" ? s.shadowDistance : 5.66;
-            const angleRad = angle * Math.PI / 180;
-            return {
-              shadowAngle: angle,
-              shadowDistance: dist,
-              shadowOffsetX: Math.cos(angleRad) * dist,
-              shadowOffsetY: Math.sin(angleRad) * dist
-            };
-          };
-        }
-      },
-      {
-        key: "sd",
-        label: "Shadow Distance",
-        type: "number",
-        min: 0,
-        max: 100,
-        read: (s) => {
-          if (typeof s?.shadowDistance === "number") {
-            return Math.round(s.shadowDistance * 10) / 10;
-          }
-          const x = s?.shadowOffsetX ?? 4;
-          const y = s?.shadowOffsetY ?? 4;
-          return Math.round(Math.sqrt(x * x + y * y) * 10) / 10;
-        },
-        write: (v) => {
-          return (s) => {
-            const distance = clamp(Number(v), 0, 100);
-            const angle = typeof s?.shadowAngle === "number" ? s.shadowAngle : 315;
-            const angleRad = angle * Math.PI / 180;
-            return {
-              shadowAngle: angle,
-              shadowDistance: distance,
-              shadowOffsetX: Math.cos(angleRad) * distance,
-              shadowOffsetY: Math.sin(angleRad) * distance
-            };
-          };
-        }
-      },
-      {
-        key: "sr",
-        label: "Rotate with Shape",
-        i18nKey: "pptx.effects.rotateWithShape",
-        type: "checkbox",
-        read: (s) => s?.shadowRotateWithShape ?? true,
-        write: (v) => ({ shadowRotateWithShape: Boolean(v) })
-      },
-      {
-        key: "sx",
-        label: "Shadow X",
-        type: "number",
-        min: -96,
-        max: 96,
-        read: (s) => Math.round(s?.shadowOffsetX ?? 4),
-        write: (v) => {
-          return (s) => {
-            const offsetX = clamp(Number(v), -96, 96);
-            const offsetY = s?.shadowOffsetY ?? 4;
-            const distance = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
-            const angle = (Math.atan2(offsetY, offsetX) * 180 / Math.PI + 360) % 360;
-            return {
-              shadowOffsetX: offsetX,
-              shadowAngle: angle,
-              shadowDistance: distance
-            };
-          };
-        }
-      },
-      {
-        key: "sy",
-        label: "Shadow Y",
-        type: "number",
-        min: -96,
-        max: 96,
-        span2: true,
-        read: (s) => Math.round(s?.shadowOffsetY ?? 4),
-        write: (v) => {
-          return (s) => {
-            const offsetY = clamp(Number(v), -96, 96);
-            const offsetX = s?.shadowOffsetX ?? 4;
-            const distance = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
-            const angle = (Math.atan2(offsetY, offsetX) * 180 / Math.PI + 360) % 360;
-            return {
-              shadowOffsetY: offsetY,
-              shadowAngle: angle,
-              shadowDistance: distance
-            };
-          };
-        }
-      }
-    ]
-  },
-  /* Inner Shadow */
-  {
-    label: "Inner Shadow",
-    isOn: (s) => Boolean(s?.innerShadowColor) && s?.innerShadowColor !== "transparent",
-    onEnable: (s) => ({
-      innerShadowColor: normalizeHexColor(s?.innerShadowColor, "#000000"),
-      innerShadowOpacity: s?.innerShadowOpacity ?? 0.5,
-      innerShadowBlur: s?.innerShadowBlur ?? 5,
-      innerShadowOffsetX: s?.innerShadowOffsetX ?? 0,
-      innerShadowOffsetY: s?.innerShadowOffsetY ?? 0
-    }),
-    onDisable: () => ({ innerShadowColor: "transparent" }),
-    fields: [
-      {
-        key: "isc",
-        label: "Color",
-        type: "color",
-        read: (s) => normalizeHexColor(s?.innerShadowColor, "#000000"),
-        write: (v) => ({ innerShadowColor: String(v) })
-      },
-      {
-        key: "iso",
-        label: "Opacity",
-        type: "range",
-        min: 0,
-        max: 100,
-        isPercent: true,
-        read: (s) => Math.round((s?.innerShadowOpacity ?? 0.5) * 100),
-        write: (v) => ({ innerShadowOpacity: Number(v) / 100 })
-      },
-      {
-        key: "isb",
-        label: "Blur",
-        type: "number",
-        min: 0,
-        max: 96,
-        read: (s) => Math.round(s?.innerShadowBlur ?? 5),
-        write: (v) => ({ innerShadowBlur: clamp(Number(v), 0, 96) })
-      },
-      {
-        key: "isx",
-        label: "Offset X",
-        type: "number",
-        min: -96,
-        max: 96,
-        read: (s) => Math.round(s?.innerShadowOffsetX ?? 0),
-        write: (v) => ({
-          innerShadowOffsetX: clamp(Number(v), -96, 96)
-        })
-      },
-      {
-        key: "isy",
-        label: "Offset Y",
-        type: "number",
-        min: -96,
-        max: 96,
-        span2: true,
-        read: (s) => Math.round(s?.innerShadowOffsetY ?? 0),
-        write: (v) => ({
-          innerShadowOffsetY: clamp(Number(v), -96, 96)
-        })
-      }
-    ]
-  }
-];
-
-// src/viewer/components/inspector/fill-stroke-visual-configs.ts
-var clamp2 = (v, lo, hi) => Math.max(lo, Math.min(hi, v));
-var VISUAL_EFFECT_CONFIGS = [
-  /* Glow */
-  {
-    label: "Glow",
-    isOn: (s) => Boolean(s?.glowColor) && s?.glowColor !== "transparent",
-    onEnable: (s) => ({
-      glowColor: s?.glowColor && s.glowColor !== "transparent" ? s.glowColor : "#ffff00",
-      glowOpacity: s?.glowOpacity ?? 0.75,
-      glowRadius: s?.glowRadius ?? 6
-    }),
-    onDisable: () => ({ glowColor: "transparent", glowRadius: 0 }),
-    fields: [
-      {
-        key: "gc",
-        label: "Glow Color",
-        type: "color",
-        read: (s) => s?.glowColor && s.glowColor !== "transparent" ? s.glowColor : "#ffff00",
-        write: (v) => ({ glowColor: String(v) })
-      },
-      {
-        key: "go",
-        label: "Glow Opacity",
-        type: "range",
-        min: 0,
-        max: 100,
-        isPercent: true,
-        read: (s) => Math.round((s?.glowOpacity ?? 0.75) * 100),
-        write: (v) => ({ glowOpacity: Number(v) / 100 })
-      },
-      {
-        key: "gr",
-        label: "Glow Radius",
-        type: "number",
-        min: 0,
-        max: 96,
-        span2: true,
-        read: (s) => Math.round(s?.glowRadius ?? 6),
-        write: (v) => ({ glowRadius: clamp2(Number(v), 0, 96) })
-      }
-    ]
-  },
-  /* Soft Edge */
-  {
-    label: "Soft Edge",
-    i18nKey: "pptx.inspector.softEdge",
-    isOn: (s) => typeof s?.softEdgeRadius === "number" && s.softEdgeRadius > 0,
-    onEnable: () => ({ softEdgeRadius: 6 }),
-    onDisable: () => ({ softEdgeRadius: 0 }),
-    fields: [
-      {
-        key: "se",
-        label: "Soft Edge Radius",
-        i18nKey: "pptx.inspector.softEdgeRadius",
-        type: "number",
-        min: 0,
-        max: 96,
-        span2: true,
-        read: (s) => Math.round(s?.softEdgeRadius ?? 6),
-        write: (v) => ({ softEdgeRadius: clamp2(Number(v), 0, 96) })
-      }
-    ]
-  },
-  /* Reflection */
-  {
-    label: "Reflection",
-    isOn: (s) => (s?.reflectionBlurRadius ?? 0) > 0 || (s?.reflectionStartOpacity ?? 0) > 0,
-    onEnable: () => ({
-      reflectionBlurRadius: 3,
-      reflectionStartOpacity: 50,
-      reflectionEndOpacity: 0,
-      reflectionEndPosition: 50,
-      reflectionDirection: 90,
-      reflectionDistance: 0
-    }),
-    onDisable: () => ({
-      reflectionBlurRadius: 0,
-      reflectionStartOpacity: 0,
-      reflectionEndOpacity: 0,
-      reflectionEndPosition: 0,
-      reflectionDirection: 0,
-      reflectionDistance: 0
-    }),
-    fields: [
-      {
-        key: "rb",
-        label: "Blur",
-        type: "number",
-        min: 0,
-        max: 20,
-        step: 0.5,
-        read: (s) => s?.reflectionBlurRadius ?? 3,
-        write: (v) => ({ reflectionBlurRadius: clamp2(Number(v), 0, 20) })
-      },
-      {
-        key: "rs",
-        label: "Start Opacity %",
-        type: "number",
-        min: 0,
-        max: 100,
-        read: (s) => s?.reflectionStartOpacity ?? 50,
-        write: (v) => ({ reflectionStartOpacity: clamp2(Number(v), 0, 100) })
-      },
-      {
-        key: "re",
-        label: "End Opacity %",
-        type: "number",
-        min: 0,
-        max: 100,
-        read: (s) => s?.reflectionEndOpacity ?? 0,
-        write: (v) => ({ reflectionEndOpacity: clamp2(Number(v), 0, 100) })
-      },
-      {
-        key: "rd",
-        label: "Distance",
-        type: "number",
-        min: 0,
-        max: 50,
-        read: (s) => s?.reflectionDistance ?? 0,
-        write: (v) => ({ reflectionDistance: clamp2(Number(v), 0, 50) })
-      },
-      {
-        key: "rdir",
-        label: "Direction",
-        type: "number",
-        min: 0,
-        max: 360,
-        read: (s) => s?.reflectionDirection ?? 90,
-        write: (v) => ({ reflectionDirection: clamp2(Number(v), 0, 360) })
-      },
-      {
-        key: "rrot",
-        label: "Rotation",
-        type: "number",
-        min: 0,
-        max: 360,
-        span2: true,
-        read: (s) => s?.reflectionRotation ?? 0,
-        write: (v) => ({ reflectionRotation: clamp2(Number(v), 0, 360) })
-      }
-    ]
-  },
-  /* Blur */
-  {
-    label: "Blur",
-    isOn: (s) => (s?.blurRadius ?? 0) > 0,
-    onEnable: () => ({ blurRadius: 4 }),
-    onDisable: () => ({ blurRadius: 0 }),
-    fields: [
-      {
-        key: "bl",
-        label: "Blur Radius",
-        type: "number",
-        min: 0,
-        max: 50,
-        span2: true,
-        read: (s) => Math.round(s?.blurRadius ?? 4),
-        write: (v) => ({ blurRadius: clamp2(Number(v), 0, 50) })
-      }
-    ]
-  },
-  /* Bevel / 3D */
-  {
-    label: "Bevel / 3D",
-    isOn: (s) => Boolean(s?.shape3d?.bevelTopType) && s?.shape3d?.bevelTopType !== "none",
-    onEnable: (s) => ({
-      shape3d: {
-        ...s?.shape3d,
-        bevelTopType: s?.shape3d?.bevelTopType || "circle",
-        bevelTopWidth: s?.shape3d?.bevelTopWidth ?? 76200,
-        bevelTopHeight: s?.shape3d?.bevelTopHeight ?? 76200
-      }
-    }),
-    onDisable: (s) => ({
-      shape3d: {
-        ...s?.shape3d,
-        bevelTopType: void 0,
-        bevelTopWidth: void 0,
-        bevelTopHeight: void 0
-      }
-    }),
-    fields: [
-      {
-        key: "btype",
-        label: "Bevel Type",
-        type: "select",
-        span2: true,
-        options: BEVEL_TYPE_OPTIONS,
-        read: (s) => s?.shape3d?.bevelTopType ?? "circle",
-        write: (v, s) => ({
-          shape3d: { ...s?.shape3d, bevelTopType: String(v) }
-        })
-      },
-      {
-        key: "bw",
-        label: "Bevel Width (EMU)",
-        type: "number",
-        min: 0,
-        max: 5e5,
-        step: 12700,
-        read: (s) => s?.shape3d?.bevelTopWidth ?? 76200,
-        write: (v, s) => ({
-          shape3d: {
-            ...s?.shape3d,
-            bevelTopWidth: clamp2(Number(v), 0, 5e5)
-          }
-        })
-      },
-      {
-        key: "bh",
-        label: "Bevel Height (EMU)",
-        type: "number",
-        min: 0,
-        max: 5e5,
-        step: 12700,
-        span2: true,
-        read: (s) => s?.shape3d?.bevelTopHeight ?? 76200,
-        write: (v, s) => ({
-          shape3d: {
-            ...s?.shape3d,
-            bevelTopHeight: clamp2(Number(v), 0, 5e5)
-          }
-        })
-      }
-    ]
-  }
-];
-
-// src/viewer/components/inspector/FillStrokeHelpers.tsx
-var EFFECT_CONFIGS = [...SHADOW_EFFECT_CONFIGS, ...VISUAL_EFFECT_CONFIGS];
-var SEL = "bg-muted border border-border rounded px-2 py-1 max-md:min-h-[44px]!";
-var NUM = SEL;
-var RNG = "accent-primary";
-var SWATCH = "h-4 w-4 rounded border border-border";
-var DIS = "disabled:opacity-40 disabled:cursor-not-allowed";
-var LBL = "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) {
+  const shown = recentColors.length > 0;
+  const ref = useRef(null);
+  useLayoutEffect(() => {
+    const grid = ref.current;
+    if (!grid) {
+      return;
+    }
+    const view = recentColorsGridView(recentColors, (key, params) => t(key, params));
+    grid.palette = view.palette;
+    grid.standardColors = view.standardColors;
+    grid.recentColors = view.recentColors;
+    grid.recentHeading = view.recentHeading;
+    grid.recentLabel = view.recentLabel;
+    grid.label = view.label;
+    grid.disabled = Boolean(disabled);
+  }, [recentColors, disabled, t]);
+  useEffect(() => {
+    const grid = ref.current;
+    if (!shown || !grid) {
+      return;
+    }
+    const pick = (event) => {
+      const { color } = event.detail;
+      onCommit(color);
+      pushColor(color);
+    };
+    grid.addEventListener("office-color-pick", pick);
+    return () => grid.removeEventListener("office-color-pick", pick);
+  }, [shown, onCommit, pushColor]);
+  if (!shown) {
     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}`
-        ))
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsx("pptx-ui-color-grid", { ref, "data-testid": "pptx-color-recent", className: "mt-1" });
 }
 function ThemeColorSwatchGrid({
   disabled,
@@ -21047,107 +20445,6 @@ function ThemeColorSwatchGrid({
   }
   return /* @__PURE__ */ jsx("pptx-ui-color-grid", { ref, className: "mt-1" });
 }
-function EffectField({
-  field,
-  style,
-  onUpdate
-}) {
-  const { t } = useTranslation();
-  const commitRecentColor = useRecentColorCommit();
-  const fieldLabel = field.i18nKey ? t(field.i18nKey) : field.label;
-  const val = field.read(style);
-  const cls = `flex flex-col gap-1 ${field.span2 ? COL2 : ""}`;
-  if (field.type === "select" && field.options) {
-    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL, children: fieldLabel }),
-      /* @__PURE__ */ jsx(
-        WebSelect,
-        {
-          "aria-label": fieldLabel,
-          value: String(val),
-          onChange: (e) => {
-            const result = field.write(e.target.value, style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: SEL,
-          children: field.options.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
-        }
-      )
-    ] });
-  }
-  if (field.type === "color") {
-    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL, children: fieldLabel }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "color",
-          value: String(val),
-          ref: commitRecentColor,
-          onChange: (e) => {
-            const result = field.write(e.target.value, style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: `h-8 ${SEL} px-1`
-        }
-      )
-    ] });
-  }
-  if (field.type === "checkbox") {
-    return /* @__PURE__ */ jsxs("label", { className: `flex items-center gap-2 ${field.span2 ? COL2 : ""}`, children: [
-      /* @__PURE__ */ jsx(
-        WebCheckbox,
-        {
-          checked: Boolean(val),
-          onChange: (e) => {
-            const result = field.write(e.target.checked, style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: "h-4 w-4"
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: LBL, children: fieldLabel })
-    ] });
-  }
-  if (field.type === "range") {
-    return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL, children: fieldLabel }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "range",
-          min: field.min ?? 0,
-          max: field.max ?? 100,
-          value: Number(val),
-          onChange: (e) => {
-            const result = field.write(Number(e.target.value), style);
-            onUpdate(typeof result === "function" ? result(style) : result);
-          },
-          className: RNG
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-    /* @__PURE__ */ jsx("span", { className: LBL, children: fieldLabel }),
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "number",
-        min: field.min,
-        max: field.max,
-        step: field.step,
-        value: Number(val),
-        onChange: (e) => {
-          const n = safeNum(e.target.value, Number(val));
-          const result = field.write(n, style);
-          onUpdate(typeof result === "function" ? result(style) : result);
-        },
-        className: NUM
-      }
-    )
-  ] });
-}
 function SelectRow({
   label,
   value,
@@ -21247,7 +20544,7 @@ function ColorPickerRow({
         `${prefix}-standard-${c.hex}`
       )) })
     ] }),
-    /* @__PURE__ */ jsx(RecentColorsRow, { prefix, disabled, onCommit: commit })
+    /* @__PURE__ */ jsx(RecentColorsRow, { disabled, onCommit: commit })
   ] });
 }
 function GradientStopRow({
@@ -21565,22 +20862,6 @@ function StrokeEffectsSection({
         onChange: onSetStrokeColor
       }
     ),
-    /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.strokeEffects.strokeWidth") }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "number",
-          min: 0,
-          value: Math.round(style?.strokeWidth || 0),
-          onChange: (e) => {
-            const v = safeNum(e.target.value, 0);
-            onUpdateShapeStyle({ strokeWidth: Math.max(0, v) });
-          },
-          className: NUM
-        }
-      )
-    ] }),
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
       /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.strokeEffects.fillOpacity") }),
       /* @__PURE__ */ jsx(
@@ -21596,94 +20877,13 @@ function StrokeEffectsSection({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
-      /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.strokeEffects.strokeOpacity") }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "range",
-          min: 0,
-          max: 100,
-          value: Math.round((style?.strokeOpacity ?? 1) * 100),
-          onChange: (e) => onUpdateShapeStyle({
-            strokeOpacity: Number(e.target.value) / 100
-          }),
-          className: RNG
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { className: `flex flex-col gap-1 ${COL2}`, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.strokeEffects.strokeDash") }),
-      /* @__PURE__ */ jsx(
-        WebSelect,
-        {
-          "aria-label": t("pptx.strokeEffects.strokeDash"),
-          value: style?.strokeDash || "solid",
-          onChange: (e) => onUpdateShapeStyle({
-            strokeDash: e.target.value
-          }),
-          className: SEL,
-          children: STROKE_DASH_OPTIONS.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: t(o.i18nKey) }, o.value))
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("label", { className: `flex flex-col gap-1 ${COL2}`, children: [
-      /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.strokeEffects.compoundLine") }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-5 gap-1", children: COMPOUND_LINE_OPTIONS.map((opt) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          title: t(opt.i18nKey),
-          "aria-label": t(opt.i18nKey),
-          className: `h-10 max-md:h-11 px-2 rounded border transition-all ${(style?.compoundLine || "sng") === opt.value ? "border-primary bg-accent" : "border-border hover:border-primary/50"}`,
-          onClick: () => onUpdateShapeStyle({
-            compoundLine: opt.value
-          }),
-          children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "w-full h-full flex items-center justify-center",
-              style: getCompoundLinePreviewStyle(opt.value)
-            }
-          )
-        },
-        opt.value
-      )) })
-    ] }),
-    EFFECT_CONFIGS.map((cfg) => {
-      const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React107.Fragment, { children: [
-        /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
-          /* @__PURE__ */ jsx(
-            WebCheckbox,
-            {
-              checked: on,
-              onChange: (e) => {
-                onUpdateShapeStyle(e.target.checked ? cfg.onEnable(style) : cfg.onDisable(style));
-              }
-            }
-          ),
-          cfg.i18nKey ? t(cfg.i18nKey) : cfg.label
-        ] }),
-        on && cfg.fields.map((f) => /* @__PURE__ */ jsx(EffectField, { field: f, style, onUpdate: onUpdateShapeStyle }, f.key))
-      ] }, cfg.label);
-    }),
+    /* @__PURE__ */ jsx(InspectorFields, { sections: SHAPE_LINE_SECTIONS, target: style, onPatch: onUpdateShapeStyle }),
     /* @__PURE__ */ jsx(
-      SelectRow,
+      InspectorFields,
       {
-        label: t("pptx.strokeEffects.lineJoin"),
-        value: style?.lineJoin || "round",
-        options: LINE_JOIN_OPTIONS,
-        onChange: (v) => onUpdateShapeStyle({ lineJoin: v })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      SelectRow,
-      {
-        label: t("pptx.strokeEffects.lineCap"),
-        value: style?.lineCap || "flat",
-        options: LINE_CAP_OPTIONS,
-        onChange: (v) => onUpdateShapeStyle({ lineCap: v })
+        sections: SHAPE_EFFECT_SECTIONS,
+        target: style,
+        onPatch: onUpdateShapeStyle
       }
     )
   ] });
@@ -22167,17 +21367,15 @@ function AdvancedTextFormatting({
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-2 text-foreground", children: [
-      /* @__PURE__ */ jsx(
-        WebCheckbox,
-        {
-          checked: Boolean(ts?.autoFit),
-          disabled: !canEdit,
-          onChange: (e) => onUpdateTextStyle({ autoFit: e.target.checked })
-        }
-      ),
-      t("pptx.textProperties.autoFitToShape")
-    ] })
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-2", children: /* @__PURE__ */ jsx(
+      InspectorFields,
+      {
+        sections: TEXT_BOX_SECTIONS,
+        target: ts,
+        onPatch: onUpdateTextStyle,
+        disabled: !canEdit
+      }
+    ) })
   ] });
 }
 function TextReflectionSection({
@@ -22495,7 +21693,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React107.useState(false);
+  const [expanded, setExpanded] = React108.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   const descriptor = useMemo(() => buildTextWarpGallery(ts?.textWarpPreset), [ts?.textWarpPreset]);
   const ref = useRef(null);
@@ -22651,7 +21849,6 @@ function ShapeTextPanels({
         /* @__PURE__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx(
           RecentColorsRow,
           {
-            prefix: "text-color",
             disabled: !canEdit,
             onCommit: (hex) => onUpdateTextStyle({ color: hex, colorRef: void 0 })
           }
@@ -22930,205 +22127,6 @@ function SmartArtLayoutSwitcher({
     }) })
   ] });
 }
-var DEFAULT_FILL = "#3b82f6";
-var DEFAULT_FONT = "#ffffff";
-var EMPHASIS_BTN = "px-1.5 py-0.5 text-[10px] rounded border transition-colors disabled:opacity-40 disabled:cursor-not-allowed";
-function SmartArtNodeStyleControls({
-  nodeId,
-  style,
-  label,
-  canEdit,
-  onChangeStyle
-}) {
-  const commitRecentColor = useRecentColorCommit();
-  const bold = Boolean(style?.bold);
-  const italic = Boolean(style?.italic);
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "flex items-center gap-1.5 mt-1 pl-4",
-      role: "group",
-      "aria-label": `Style for ${label}`,
-      children: [
-        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-0.5 text-[9px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("span", { children: "Fill" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "color",
-              disabled: !canEdit,
-              "aria-label": `Fill colour for ${label}`,
-              className: "h-4 w-5 cursor-pointer rounded border border-border bg-transparent p-0 disabled:cursor-not-allowed",
-              value: style?.fillColor ?? DEFAULT_FILL,
-              ref: commitRecentColor,
-              onChange: (e) => onChangeStyle(nodeId, { fillColor: e.target.value })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-0.5 text-[9px] text-muted-foreground", children: [
-          /* @__PURE__ */ jsx("span", { children: "Text" }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "color",
-              disabled: !canEdit,
-              "aria-label": `Font colour for ${label}`,
-              className: "h-4 w-5 cursor-pointer rounded border border-border bg-transparent p-0 disabled:cursor-not-allowed",
-              value: style?.fontColor ?? DEFAULT_FONT,
-              ref: commitRecentColor,
-              onChange: (e) => onChangeStyle(nodeId, { fontColor: e.target.value })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            "aria-label": `Bold ${label}`,
-            "aria-pressed": bold,
-            className: cn(
-              EMPHASIS_BTN,
-              "font-bold",
-              bold ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
-            ),
-            onClick: () => onChangeStyle(nodeId, { bold: !bold }),
-            children: "B"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            "aria-label": `Italic ${label}`,
-            "aria-pressed": italic,
-            className: cn(
-              EMPHASIS_BTN,
-              "italic",
-              italic ? "border-primary bg-primary/20 text-primary" : "border-border text-muted-foreground"
-            ),
-            onClick: () => onChangeStyle(nodeId, { italic: !italic }),
-            children: "I"
-          }
-        )
-      ]
-    }
-  );
-}
-var MINI_BTN = "text-[9px] text-muted-foreground hover:text-primary px-1 disabled:opacity-40 disabled:cursor-not-allowed";
-function SmartArtNodeRow({
-  nodeId,
-  text,
-  displayIndex,
-  isChild,
-  canEdit,
-  removeDisabled,
-  moveUpDisabled,
-  moveDownDisabled,
-  inputRef,
-  style,
-  onChangeText,
-  onKeyDown,
-  onAddSubItem,
-  onMoveUp,
-  onMoveDown,
-  onRemove,
-  onChangeStyle
-}) {
-  const { t } = useTranslation();
-  const label = isChild ? `Sub-item: ${text || "empty"}` : `Item ${displayIndex}: ${text || "empty"}`;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      role: "listitem",
-      className: cn(
-        "rounded border bg-background/60 p-1.5",
-        isChild ? "border-border/60 ml-4" : "border-border"
-      ),
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground w-3 shrink-0", "aria-hidden": "true", children: isChild ? "\u2022" : `${displayIndex}` }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: inputRef,
-              type: "text",
-              "data-testid": "smartart-node-text",
-              disabled: !canEdit,
-              "aria-label": label,
-              className: cn(INPUT2, "flex-1 text-[11px] py-0.5"),
-              value: text,
-              onChange: (e) => onChangeText(nodeId, e.target.value),
-              onKeyDown: (e) => onKeyDown(e, nodeId),
-              placeholder: t("pptx.smartArt.nodePlaceholder")
-            }
-          ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5 shrink-0", children: [
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                disabled: !canEdit || moveUpDisabled,
-                className: MINI_BTN,
-                onClick: () => onMoveUp(nodeId),
-                "aria-label": `Move ${label} up`,
-                title: t("pptx.smartArt.moveUp"),
-                children: "\u2191"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                disabled: !canEdit || moveDownDisabled,
-                className: MINI_BTN,
-                onClick: () => onMoveDown(nodeId),
-                "aria-label": `Move ${label} down`,
-                title: t("pptx.smartArt.moveDown"),
-                children: "\u2193"
-              }
-            ),
-            !isChild && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                disabled: !canEdit,
-                className: MINI_BTN,
-                onClick: () => onAddSubItem(nodeId),
-                "aria-label": `Add sub-item under ${label}`,
-                title: t("pptx.smartArt.addSubItem"),
-                children: "+Sub"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                disabled: !canEdit || removeDisabled,
-                className: cn(MINI_BTN, "hover:text-red-400"),
-                onClick: () => onRemove(nodeId),
-                "aria-label": `Remove ${label}`,
-                title: removeDisabled ? t("pptx.smartArt.layoutMinimum") : t("pptx.smartArt.remove"),
-                children: "x"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx(
-          SmartArtNodeStyleControls,
-          {
-            nodeId,
-            style,
-            label,
-            canEdit,
-            onChangeStyle
-          }
-        )
-      ]
-    }
-  );
-}
 function SmartArtStyleControls({
   colorSchemes,
   styleOptions,
@@ -23139,7 +22137,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React107.useCallback((key) => t(key), [t]);
+  const translate = React108.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") }),
@@ -23191,22 +22189,9 @@ function SmartArtPropertiesPanel({
   box
 }) {
   const { t } = useTranslation();
-  const nodes = smartArtData.nodes ?? [];
-  const layout = smartArtData.resolvedLayoutType;
-  const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React107.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React107.useRef(null);
-  React107.useEffect(() => {
-    const id = pendingFocusId.current;
-    if (id) {
-      inputRefs.current.get(id)?.focus();
-      pendingFocusId.current = null;
-    }
-  });
-  const applySmartArtData = (newData, focusId) => {
-    if (focusId) {
-      pendingFocusId.current = focusId;
-    }
+  const { pushColor } = useRecentColors();
+  const paneRef = React108.useRef(null);
+  const applySmartArtData = (newData) => {
     const reflowed = box ? rebuildDrawingShapesIfCleared(
       newData,
       newData.layout,
@@ -23217,87 +22202,35 @@ function SmartArtPropertiesPanel({
     ) : newData;
     onUpdateElement({ smartArtData: reflowed });
   };
+  const applyRef = React108.useRef(applySmartArtData);
+  applyRef.current = applySmartArtData;
   const updateSmartArt = (patch) => {
     applySmartArtData({ ...smartArtData, ...patch });
   };
-  const handleUpdateNodeText = (nodeId, text) => {
-    applySmartArtData(updateSmartArtNodeText(smartArtData, nodeId, text));
-  };
-  const handleChangeNodeStyle = (nodeId, patch) => {
-    const next = setSmartArtNodeStyle(smartArtData, nodeId, patch);
-    if (next !== smartArtData) {
-      applySmartArtData(next);
-    }
-  };
-  const addNode = () => {
-    if (!canAddTopLevelNode(layout, topLevelCount)) {
-      return;
+  React108.useLayoutEffect(() => {
+    if (paneRef.current) {
+      paneRef.current.state = {
+        smartArtData,
+        canEdit,
+        translate: (key, params) => t(key, params)
+      };
     }
-    applySmartArtData(addSmartArtNodeAsChild(smartArtData));
-  };
-  const addSubItem = (parentId) => {
-    applySmartArtData(addSmartArtNodeAsChild(smartArtData, parentId, "Sub-item"));
-  };
-  const removeNode = (nodeId) => {
-    const isTopLevel = !nodes.find((n) => n.id === nodeId)?.parentId;
-    if (isTopLevel && !canRemoveTopLevelNode(layout, topLevelCount)) {
+  }, [smartArtData, canEdit, t]);
+  React108.useEffect(() => {
+    const pane = paneRef.current;
+    if (!pane) {
       return;
     }
-    applySmartArtData(removeSmartArtNode(smartArtData, nodeId));
-  };
-  const moveNode = (nodeId, direction) => {
-    const next = reorder(smartArtData, nodeId, direction);
-    if (next) {
-      applySmartArtData(next, nodeId);
-    }
-  };
-  const handleKeyDown = (e, nodeId) => {
-    const node = nodes.find((n) => n.id === nodeId);
-    const isEmpty = !node?.text;
-    if (e.key === "Enter") {
-      e.preventDefault();
-      const result = addSiblingAfter(smartArtData, nodeId);
-      if (result) {
-        applySmartArtData(result.data, result.focusNodeId);
+    const commit = (event) => {
+      const { smartArtData: next, recentColor } = event.detail;
+      applyRef.current(next);
+      if (recentColor) {
+        pushColor(recentColor);
       }
-    } else if ((e.key === "Backspace" || e.key === "Delete") && isEmpty) {
-      const isTop = !node?.parentId;
-      if (isTop && !canRemoveTopLevelNode(layout, topLevelCount)) {
-        return;
-      }
-      e.preventDefault();
-      const result = removeEmptyNode(smartArtData, nodeId);
-      if (result) {
-        applySmartArtData(result.data, result.focusNodeId);
-      }
-    } else if (e.key === "Tab" && !e.shiftKey) {
-      e.preventDefault();
-      const next = demote(smartArtData, nodeId);
-      if (next) {
-        applySmartArtData(next, nodeId);
-      }
-    } else if (e.key === "Tab" && e.shiftKey) {
-      e.preventDefault();
-      const next = promote(smartArtData, nodeId);
-      if (next) {
-        applySmartArtData(next, nodeId);
-      }
-    }
-  };
-  const setInputRef = (nodeId) => (el) => {
-    if (el) {
-      inputRefs.current.set(nodeId, el);
-    } else {
-      inputRefs.current.delete(nodeId);
-    }
-  };
-  const boundsHint = describeSmartArtBounds(layout);
-  const addDisabled = !canEdit || !canAddTopLevelNode(layout, topLevelCount);
-  const extraConnections = classifyExtraConnections(smartArtData);
-  const extraConnectionSummary = Array.from(
-    new Set(extraConnections.map((c) => c.type ?? "unknown"))
-  ).join(", ");
-  let topDisplayIndex = 0;
+    };
+    pane.addEventListener("pptx-smartart-data-change", commit);
+    return () => pane.removeEventListener("pptx-smartart-data-change", commit);
+  }, [pushColor]);
   return /* @__PURE__ */ jsxs("div", { className: CARD2, role: "group", "aria-label": t("pptx.smartart.title"), children: [
     /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.smartart.title") }),
     /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
@@ -23321,76 +22254,12 @@ function SmartArtPropertiesPanel({
           onChangeStyle: (style) => updateSmartArt({ style })
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs("span", { className: "text-[11px] text-muted-foreground", children: [
-          t("pptx.smartart.textPane"),
-          " (",
-          nodes.length,
-          ")"
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: addDisabled,
-            className: BTN2,
-            onClick: addNode,
-            title: addDisabled ? boundsHint : void 0,
-            children: t("pptx.smartart.addItem")
-          }
-        )
-      ] }),
-      boundsHint && /* @__PURE__ */ jsx("div", { className: "text-[9px] text-muted-foreground", role: "note", children: boundsHint }),
-      /* @__PURE__ */ jsx("div", { className: "max-h-52 overflow-y-auto space-y-1 pr-1", role: "list", children: nodes.map((node) => {
-        const isChild = Boolean(node.parentId);
-        if (!isChild) {
-          topDisplayIndex += 1;
-        }
-        const sIdx = siblingIndex(smartArtData, node.id);
-        const sCount = siblingCount(smartArtData, node.id);
-        const removeDisabled = nodes.length <= 1 || !isChild && !canRemoveTopLevelNode(layout, topLevelCount);
-        return /* @__PURE__ */ jsx(
-          SmartArtNodeRow,
-          {
-            nodeId: node.id,
-            text: node.text,
-            displayIndex: topDisplayIndex,
-            isChild,
-            canEdit,
-            removeDisabled,
-            moveUpDisabled: sIdx <= 0,
-            moveDownDisabled: sIdx < 0 || sIdx >= sCount - 1,
-            inputRef: setInputRef(node.id),
-            style: node.style,
-            onChangeText: handleUpdateNodeText,
-            onKeyDown: handleKeyDown,
-            onAddSubItem: addSubItem,
-            onMoveUp: (id) => moveNode(id, -1),
-            onMoveDown: (id) => moveNode(id, 1),
-            onRemove: removeNode,
-            onChangeStyle: handleChangeNodeStyle
-          },
-          node.id
-        );
-      }) }),
-      extraConnections.length > 0 && /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "text-[9px] text-muted-foreground",
-          role: "note",
-          "aria-label": `${extraConnections.length} non-tree relationship connection(s): ${extraConnectionSummary}`,
-          children: [
-            t("pptx.smartart.extraConnections", { count: extraConnections.length }),
-            /* @__PURE__ */ jsx("span", { className: "block opacity-80", children: extraConnectionSummary })
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "text-[9px] text-muted-foreground mt-1", children: t("pptx.smartart.tabHint") })
+      /* @__PURE__ */ jsx("pptx-ui-smartart-text-pane", { ref: paneRef, "data-testid": "smartart-text-pane" })
     ] })
   ] });
 }
 var HEADER_CELL = "flex items-center justify-center gap-0.5 bg-muted text-muted-foreground border border-border -m-px px-1 py-0.5 whitespace-nowrap";
-var CELL_INPUT2 = "w-full box-border bg-muted px-1 py-0.5 text-[11px] border-0 outline-none focus:bg-accent disabled:opacity-60";
+var CELL_INPUT = "w-full box-border bg-muted px-1 py-0.5 text-[11px] border-0 outline-none focus:bg-accent disabled:opacity-60";
 var REMOVE_BTN = "px-0.5 leading-none text-destructive hover:opacity-80";
 function TableDataGrid({
   tableElement,
@@ -23534,7 +22403,7 @@ function TableDataGrid({
               "input",
               {
                 type: "text",
-                className: CELL_INPUT2,
+                className: CELL_INPUT,
                 disabled: !canEdit,
                 "aria-label": t("pptx.tableDataEditor.cellAriaLabel", {
                   row: cell.rowIndex + 1,
@@ -24537,21 +23406,15 @@ function ElementInspectorBody({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: POS_FIELDS.map(([label, key]) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx("span", { className: "w-4 text-muted-foreground", children: label }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            className: INPUT2,
-            disabled: !canEdit,
-            value: Math.round(selectedElement[key] ?? 0),
-            onChange: (e) => onUpdateElement({
-              [key]: Number(e.target.value)
-            })
-          }
-        )
-      ] }, key)) })
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1.5 text-[11px]", children: /* @__PURE__ */ jsx(
+        InspectorFields,
+        {
+          sections: ELEMENT_GEOMETRY_SECTIONS,
+          target: selectedElement,
+          onPatch: (patch) => onUpdateElement(patch),
+          disabled: !canEdit
+        }
+      ) })
     ] }),
     selectedElement.type === "table" && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -24790,7 +23653,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React107.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React108.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -26307,7 +25170,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React107.useCallback(
+  const handleTransitionChange = React108.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -29788,7 +28651,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React107.useMemo(
+  const scopedLayoutOptions = React108.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -30064,6 +28927,7 @@ function ViewerToolbarSection(props) {
         onAddShape: insertHandlers.handleAddShape,
         onAddTable: insertHandlers.handleAddTable,
         onAddChart: insertHandlers.handleAddChart,
+        onOpenChartDialog: () => dialogs.setIsChartDialogOpen(true),
         onAddSmartArt: () => dialogs.setIsSmartArtDialogOpen(true),
         onAddEquation: () => {
           dialogs.setEditingEquationOmml(null);
@@ -30456,183 +29320,67 @@ function EquationEditorDialog({
     }
   );
 }
-var PREVIEW_TILE_WIDTH2 = 64;
-function getPreviewForLayout(layout) {
-  const scale = PREVIEW_TILE_WIDTH2 / SMARTART_PREVIEW_ELEMENT_WIDTH;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "aria-hidden": true,
-      className: "overflow-hidden pointer-events-none",
-      style: {
-        width: PREVIEW_TILE_WIDTH2,
-        height: Math.round(SMARTART_PREVIEW_ELEMENT_HEIGHT * scale)
-      },
-      children: /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            width: SMARTART_PREVIEW_ELEMENT_WIDTH,
-            height: SMARTART_PREVIEW_ELEMENT_HEIGHT,
-            transform: `scale(${scale})`,
-            transformOrigin: "top left"
-          },
-          children: /* @__PURE__ */ jsx(SmartArtRenderer, { element: buildSmartArtPreviewElement(layout) })
-        }
-      )
+function useDialogEvents(ref, insertEvent, onInsert, onClose) {
+  useEffect(() => {
+    const host = ref.current;
+    if (!host) {
+      return;
     }
-  );
+    host.addEventListener(insertEvent, onInsert);
+    host.addEventListener("dialog-close", onClose);
+    return () => {
+      host.removeEventListener(insertEvent, onInsert);
+      host.removeEventListener("dialog-close", onClose);
+    };
+  }, [ref, insertEvent, onInsert, onClose]);
 }
 function InsertSmartArtDialog({
   isOpen,
   onClose,
   onInsert
 }) {
+  const ref = useRef(null);
   const { t } = useTranslation();
-  const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
-  const [activeCategory, setActiveCategory] = useState("list");
-  const [selectedLayout, setSelectedLayout] = useState(null);
-  const dialogRef = useRef(null);
-  useModalFocus(isOpen, dialogRef, onClose);
-  const filteredPresets = PRESETS.filter((p) => p.category === activeCategory);
-  const handleInsert = useCallback(() => {
-    if (!selectedLayout) {
-      return;
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.translateLabel = t;
+      ref.current.open = isOpen;
     }
-    const preset = PRESETS.find((p) => p.layout === selectedLayout);
-    if (!preset) {
-      return;
+  }, [isOpen, t]);
+  useDialogEvents(
+    ref,
+    "insert-smartart",
+    (event) => {
+      const { layout, items } = event.detail;
+      onInsert(layout, items);
+    },
+    onClose
+  );
+  return /* @__PURE__ */ jsx("pptx-ui-insert-smartart-dialog", { ref });
+}
+function InsertChartDialog({
+  isOpen,
+  onClose,
+  onInsert
+}) {
+  const ref = useRef(null);
+  const { t } = useTranslation();
+  useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.translateLabel = t;
+      ref.current.open = isOpen;
     }
-    onInsert(preset.layout, preset.defaultItems);
-    onClose();
-  }, [selectedLayout, onInsert, onClose]);
-  if (!isOpen) {
-    return null;
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        style: { zIndex: 1200 },
-        className: "fixed inset-0 bg-black/50",
-        onClick: onClose,
-        "aria-label": t("pptx.smartart.close")
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        style: { zIndex: 1201 },
-        className: "fixed inset-0 flex items-center justify-center pointer-events-none",
-        children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            ref: dialogRef,
-            style: panelStyle,
-            className: "pointer-events-auto w-[600px] max-w-[90vw] max-h-[80vh] rounded-lg border border-border bg-background shadow-2xl flex flex-col max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:w-full max-md:max-w-none max-md:max-h-[88dvh] max-md:rounded-t-2xl max-md:rounded-b-none max-md:border-x-0 max-md:border-b-0 max-md:pb-[max(env(safe-area-inset-bottom),0px)]",
-            role: "dialog",
-            "aria-modal": "true",
-            "aria-label": t("pptx.smartart.insertTitle"),
-            tabIndex: -1,
-            children: [
-              /* @__PURE__ */ jsxs(
-                "div",
-                {
-                  ...dragHandlers,
-                  className: "flex items-center justify-between px-4 py-3 border-b border-border touch-none",
-                  children: [
-                    /* @__PURE__ */ jsx("h2", { className: "text-sm font-medium text-foreground", children: t("pptx.smartart.insertTitle") }),
-                    /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: onClose,
-                        className: "p-1 rounded hover:bg-muted transition-colors",
-                        "aria-label": t("pptx.smartart.close"),
-                        children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
-                      }
-                    )
-                  ]
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
-                /* @__PURE__ */ jsx(
-                  "nav",
-                  {
-                    className: "w-40 border-r border-border py-2",
-                    "aria-label": t("pptx.insertSmartArt.categories"),
-                    children: CATEGORIES.map((cat) => /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => {
-                          setActiveCategory(cat.id);
-                          setSelectedLayout(null);
-                        },
-                        className: cn(
-                          "w-full text-left px-3 py-1.5 text-xs transition-colors",
-                          activeCategory === cat.id ? "bg-primary text-white" : "text-foreground hover:bg-muted"
-                        ),
-                        children: t(cat.label)
-                      },
-                      cat.id
-                    ))
-                  }
-                ),
-                /* @__PURE__ */ jsx("div", { className: "flex-1 p-3 overflow-y-auto", children: /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: "grid grid-cols-3 gap-2",
-                    role: "listbox",
-                    "aria-label": t("pptx.insertSmartArt.layouts"),
-                    children: filteredPresets.map((preset) => /* @__PURE__ */ jsxs(
-                      "button",
-                      {
-                        type: "button",
-                        role: "option",
-                        "aria-selected": selectedLayout === preset.layout,
-                        onClick: () => setSelectedLayout(preset.layout),
-                        onDoubleClick: () => {
-                          setSelectedLayout(preset.layout);
-                          onInsert(preset.layout, preset.defaultItems);
-                          onClose();
-                        },
-                        className: cn(
-                          "flex flex-col items-center gap-1 p-2 rounded border transition-colors",
-                          selectedLayout === preset.layout ? "border-primary bg-primary/20" : "border-border hover:border-border hover:bg-muted/50"
-                        ),
-                        children: [
-                          /* @__PURE__ */ jsx("div", { className: "w-16 h-12 flex items-center justify-center bg-muted rounded", children: getPreviewForLayout(preset.layout) }),
-                          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-foreground text-center leading-tight", children: t(preset.labelKey) })
-                        ]
-                      },
-                      preset.layout
-                    ))
-                  }
-                ) })
-              ] }),
-              /* @__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()
-                }
-              ) })
-            ]
-          }
-        )
-      }
-    )
-  ] });
+  }, [isOpen, t]);
+  useDialogEvents(
+    ref,
+    "insert-chart",
+    (event) => {
+      const { kind, title, grouping } = event.detail;
+      onInsert(kind, { title, grouping });
+    },
+    onClose
+  );
+  return /* @__PURE__ */ jsx("pptx-ui-insert-chart-dialog", { ref });
 }
 function ViewerDialogGroup(props) {
   const {
@@ -30758,6 +29506,14 @@ function ViewerDialogGroup(props) {
         onInsert: insertHandlers.handleInsertSmartArt
       }
     ),
+    /* @__PURE__ */ jsx(
+      InsertChartDialog,
+      {
+        isOpen: dialogs.isChartDialogOpen,
+        onClose: () => dialogs.setIsChartDialogOpen(false),
+        onInsert: insertHandlers.handleAddChart
+      }
+    ),
     /* @__PURE__ */ jsx(
       EquationEditorDialog,
       {
@@ -31742,7 +30498,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = /* @__PURE__ */ lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-NKTBHT5B.mjs')
+    import('./AiChatPanel-VJV5OEG2.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -34009,253 +32765,120 @@ function useAiBridge(input) {
   const ref = useRef(input);
   ref.current = input;
   return useMemo(() => {
-    const applySlidesUpdate = (updater, _label) => {
-      const live = ref.current;
-      live.setSlides((prev) => updater(structuredClone(prev)));
-      live.bumpHistory();
-      live.markDirty();
-    };
-    const readDeckData = (live) => ({
-      slides: live.slides,
-      width: live.canvasSize.width,
-      height: live.canvasSize.height,
-      theme: live.theme,
-      sections: live.sections,
-      presentationProperties: live.presentationProperties,
-      customProperties: live.customProperties,
-      coreProperties: live.coreProperties,
-      appProperties: live.appProperties,
-      viewProperties: live.viewProperties,
-      tableStyleMap: live.tableStyleMap,
-      tableStylesDefaultId: live.tableStylesDefaultId,
-      tags: live.tagCollections
-    });
-    const differs = deckDataFieldChanged;
-    return {
-      getDeckMeta() {
-        const live = ref.current;
-        const firstTitle = live.slides[0]?.elements.find(
-          (el) => "text" in el && typeof el.text === "string" && el.text.trim().length > 0
-        );
-        return {
-          slideCount: live.slides.length,
-          activeSlideIndex: live.activeSlideIndex,
-          title: live.fileName ?? (firstTitle && "text" in firstTitle ? String(firstTitle.text) : void 0),
-          width: live.canvasSize.width,
-          height: live.canvasSize.height
-        };
-      },
-      getSlides: () => ref.current.slides,
-      getActiveSlideIndex: () => ref.current.activeSlideIndex,
-      getTheme: () => ref.current.theme,
-      getHandler: () => ref.current.handlerRef.current ?? void 0,
-      goToSlide(index) {
-        ref.current.setActiveSlideIndex(index);
-      },
+    const live = () => ref.current;
+    return createPptxAiBridge({
+      getSlides: () => live().slides,
+      getActiveSlideIndex: () => live().activeSlideIndex,
+      getCanvasSize: () => live().canvasSize,
+      getTheme: () => live().theme,
+      getHandler: () => live().handlerRef.current,
+      getFileName: () => live().fileName,
+      getSections: () => live().sections,
+      getPresentationProperties: () => live().presentationProperties,
+      getCustomProperties: () => live().customProperties,
+      getCoreProperties: () => live().coreProperties,
+      getAppProperties: () => live().appProperties,
+      getViewProperties: () => live().viewProperties,
+      getTableStyleMap: () => live().tableStyleMap,
+      getTableStylesDefaultId: () => live().tableStylesDefaultId,
+      getTagCollections: () => live().tagCollections,
+      goToSlide: (index) => live().setActiveSlideIndex(index),
       selectElements(slideIndex, elementIds) {
-        const live = ref.current;
-        if (slideIndex !== live.activeSlideIndex) {
-          live.setActiveSlideIndex(slideIndex);
+        const current = live();
+        if (slideIndex !== current.activeSlideIndex) {
+          current.setActiveSlideIndex(slideIndex);
         }
-        live.applySelection(elementIds[0] ?? null, elementIds);
-      },
-      applySlidesUpdate,
-      updateElement(slideIndex, elementId2, updates) {
-        applySlidesUpdate((slides) => {
-          const el = slides[slideIndex]?.elements.find((e) => e.id === elementId2);
-          if (el) {
-            applyElementUpdate(el, updates);
-          }
-          return slides;
-        });
-      },
-      applyTheme(updates) {
-        ref.current.applyThemeUpdates(updates);
+        current.applySelection(elementIds[0] ?? null, elementIds);
       },
-      getDeckData() {
-        return readDeckData(ref.current);
+      updateSlides(update) {
+        const current = live();
+        current.setSlides((prev) => update(prev));
+        current.bumpHistory();
+        current.markDirty();
       },
-      applyDeckData(updater, _label) {
-        const live = ref.current;
-        const before = readDeckData(live);
-        const after = updater(structuredClone(before));
-        if (differs(before.slides, after.slides)) {
-          live.setSlides(() => after.slides);
-          live.bumpHistory();
-        }
-        if (before.width !== after.width || before.height !== after.height) {
-          live.setCanvasSize({ width: after.width, height: after.height });
-        }
-        const nextSections = after.sections ?? before.sections ?? [];
-        if (differs(before.sections, nextSections)) {
-          live.setSections(nextSections);
-        }
-        const nextPresProps = after.presentationProperties ?? live.presentationProperties;
-        if (differs(before.presentationProperties, nextPresProps)) {
-          live.setPresentationProperties(nextPresProps);
-        }
-        const nextCustomProps = after.customProperties ?? before.customProperties ?? [];
-        if (differs(before.customProperties, nextCustomProps)) {
-          live.setCustomProperties(nextCustomProps);
-        }
-        if (differs(before.coreProperties, after.coreProperties)) {
-          live.setCoreProperties(after.coreProperties);
-        }
-        if (differs(before.appProperties, after.appProperties)) {
-          live.setAppProperties(after.appProperties);
-        }
-        if (differs(before.viewProperties, after.viewProperties)) {
-          live.setViewProperties(after.viewProperties);
-        }
-        if (differs(before.tableStyleMap, after.tableStyleMap)) {
-          live.setTableStyleMap(after.tableStyleMap);
-        }
-        if (differs(before.tableStylesDefaultId, after.tableStylesDefaultId)) {
-          live.setTableStylesDefaultId(after.tableStylesDefaultId);
-        }
-        const nextTags = after.tags ?? before.tags ?? [];
-        if (differs(before.tags, nextTags)) {
-          live.setTagCollections(nextTags);
-        }
-        live.markDirty();
+      applyTheme: (updates) => live().applyThemeUpdates(updates),
+      setCanvasSize: (size) => live().setCanvasSize(size),
+      setSections: (sections) => live().setSections(sections),
+      setPresentationProperties: (props) => live().setPresentationProperties(props),
+      setDocumentProperties(core, app, custom) {
+        const current = live();
+        current.setCoreProperties(core);
+        current.setAppProperties(app);
+        current.setCustomProperties(custom);
       },
+      setViewProperties: (props) => live().setViewProperties(props),
+      setTableStyleMap: (map) => live().setTableStyleMap(map),
+      setTableStylesDefaultId: (id) => live().setTableStylesDefaultId(id),
+      setTagCollections: (tags) => live().setTagCollections(tags),
+      afterDeckUpdate: () => live().markDirty(),
       getFocusedTargets() {
-        const live = ref.current;
-        if (live.pickedFocus && live.pickedFocus.length > 0) {
-          return live.pickedFocus;
-        }
-        if (live.pinnedFocus && live.pinnedFocus.length > 0) {
-          return live.pinnedFocus;
-        }
-        return computeFocusTargets({
-          activeSlideIndex: live.activeSlideIndex,
-          selectedElementIds: live.selectedElementIds,
-          selectedElementId: live.selectedElementId
-        });
+        const current = live();
+        return resolveAiEffectiveTargets(
+          { pickTargets: current.pickedFocus ?? [], pinnedFocus: current.pinnedFocus },
+          computeFocusTargets({
+            activeSlideIndex: current.activeSlideIndex,
+            selectedElementIds: current.selectedElementIds,
+            selectedElementId: current.selectedElementId
+          })
+        );
       },
-      notify(message, level) {
-        ref.current.notify?.(message, level);
-      }
-    };
+      notify: (message, level) => live().notify?.(message, level)
+    });
   }, []);
 }
-var TOOL_FLASH_MS = 2600;
-function fixDirective(element, slideIndex) {
-  return `Review and fix any issues with this ${element.type} (id=${element.id}) on slide ${slideIndex + 1}.`;
-}
 function useAiPanelController(input) {
-  const { activeSlideIndex, selectedElementId, selectedElementIds, selectedElement } = input;
-  const [isOpen, setIsOpen] = useState(false);
-  const [pinnedFocus, setPinnedFocus] = useState(null);
-  const [prefill, setPrefill] = useState({ text: "", nonce: 0 });
-  const [pickMode, setPickMode] = useState(false);
-  const [pickTargets, setPickTargets] = useState([]);
-  const [toolFocus, setToolFocus] = useState(
-    null
+  const { activeSlideIndex, selectedElementId, selectedElementIds } = input;
+  const inputRef = useRef(input);
+  inputRef.current = input;
+  const [controller] = useState(
+    () => createPptxAiPanelController({
+      getSelection: () => ({
+        activeSlideIndex: inputRef.current.activeSlideIndex,
+        selectedElementIds: inputRef.current.selectedElementIds,
+        selectedElementId: inputRef.current.selectedElementId
+      }),
+      getSelectedElement: () => inputRef.current.selectedElement
+    })
   );
-  const [flashTick, setFlashTick] = useState(0);
-  const flashTimer = useRef(null);
-  const [changeBatch, setChangeBatch] = useState(null);
-  const showChangeBatch = useCallback((batch) => setChangeBatch(batch), []);
+  const state = useController(controller);
+  useEffect(() => () => controller.dispose(), [controller]);
   const liveFocusTargets = useMemo(
     () => computeFocusTargets({ activeSlideIndex, selectedElementIds, selectedElementId }),
     [activeSlideIndex, selectedElementIds, selectedElementId]
   );
-  const open = useCallback(() => setIsOpen(true), []);
-  const close = useCallback(() => setIsOpen(false), []);
-  const toggle = useCallback(() => setIsOpen((p) => !p), []);
-  const pinFocus = useCallback(() => setPinnedFocus(liveFocusTargets), [liveFocusTargets]);
-  const clearPinnedFocus = useCallback(() => setPinnedFocus(null), []);
-  const askAboutSelection = useCallback(() => {
-    setPinnedFocus(liveFocusTargets);
-    setPrefill((p) => ({ text: "", nonce: p.nonce + 1 }));
-    setIsOpen(true);
-  }, [liveFocusTargets]);
-  const fixSelection = useCallback(() => {
-    setPinnedFocus(liveFocusTargets);
-    const text = selectedElement ? fixDirective(selectedElement, activeSlideIndex) : "";
-    setPrefill((p) => ({ text, nonce: p.nonce + 1 }));
-    setIsOpen(true);
-  }, [liveFocusTargets, selectedElement, activeSlideIndex]);
-  const startPicking = useCallback(() => {
-    setPickMode(true);
-    setIsOpen(true);
-  }, []);
-  const stopPicking = useCallback(() => setPickMode(false), []);
-  const addPick = useCallback((slideIndex, elementId2) => {
-    setPickTargets((prev) => {
-      if (prev.some((t) => t.kind === "element" && t.elementId === elementId2)) {
-        return prev;
-      }
-      return [...prev, { kind: "element", slideIndex, elementId: elementId2 }];
-    });
-  }, []);
-  const clearPicks = useCallback(() => {
-    setPickTargets([]);
-    setPickMode(false);
-  }, []);
-  const flashToolTarget = useCallback((target) => {
-    if (target && target.slideIndex !== void 0 && target.elementIds.length > 0) {
-      setToolFocus({ slideIndex: target.slideIndex, elementIds: target.elementIds });
-    } else {
-      setToolFocus(null);
-    }
-    setFlashTick((n) => n + 1);
-    if (flashTimer.current) {
-      clearTimeout(flashTimer.current);
-    }
-    flashTimer.current = setTimeout(() => {
-      setToolFocus(null);
-      setFlashTick(0);
-    }, TOOL_FLASH_MS);
-  }, []);
-  useEffect(
-    () => () => {
-      if (flashTimer.current) {
-        clearTimeout(flashTimer.current);
-      }
-    },
-    []
+  const actions = useMemo(
+    () => ({
+      open: () => controller.open(),
+      close: () => controller.close(),
+      toggle: () => controller.toggle(),
+      pinFocus: () => controller.pinFocus(),
+      clearPinnedFocus: () => controller.clearPinnedFocus(),
+      askAboutSelection: () => controller.askAboutSelection(),
+      fixSelection: () => controller.fixSelection(),
+      startPicking: () => controller.startPicking(),
+      stopPicking: () => controller.stopPicking(),
+      addPick: (slideIndex, elementId2) => controller.addPick(slideIndex, elementId2),
+      clearPicks: () => controller.clearPicks(),
+      flashToolTarget: (target) => controller.flashToolTarget(target),
+      showChangeBatch: (batch) => controller.showChangeBatch(batch)
+    }),
+    [controller]
+  );
+  return useMemo(
+    () => ({
+      ...actions,
+      isOpen: state.isOpen,
+      liveFocusTargets,
+      pinnedFocus: state.pinnedFocus,
+      prefill: state.prefill,
+      pickMode: state.pickMode,
+      pickTargets: state.pickTargets,
+      canvasHighlights: state.canvasHighlights,
+      canvasAnimating: state.canvasAnimating,
+      changeBatch: state.changeBatch
+    }),
+    [actions, liveFocusTargets, state]
   );
-  const canvasHighlights = useMemo(() => {
-    const out = [];
-    for (const t of pickTargets) {
-      if (t.kind === "element") {
-        out.push({ slideIndex: t.slideIndex, elementId: t.elementId, variant: "pick" });
-      }
-    }
-    if (toolFocus) {
-      for (const elementId2 of toolFocus.elementIds) {
-        out.push({ slideIndex: toolFocus.slideIndex, elementId: elementId2, variant: "active" });
-      }
-    }
-    return out;
-  }, [pickTargets, toolFocus]);
-  const canvasAnimating = canvasHighlights.length > 0 || flashTick > 0;
-  return {
-    isOpen,
-    open,
-    close,
-    toggle,
-    liveFocusTargets,
-    pinnedFocus,
-    pinFocus,
-    clearPinnedFocus,
-    prefill,
-    askAboutSelection,
-    fixSelection,
-    pickMode,
-    startPicking,
-    stopPicking,
-    pickTargets,
-    addPick,
-    clearPicks,
-    canvasHighlights,
-    canvasAnimating,
-    flashToolTarget,
-    changeBatch,
-    showChangeBatch
-  };
 }
 function useCollaborationStateReport(collab, onChange) {
   const callback = useRef(onChange);