pptx-react-viewer 3.7.0 → 3.9.0

package/dist/{chunk-TXY2E7VQ.mjs → chunk-76Z3X6JX.mjs}

@@ -1,9 +1,9 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-WKODF5ZU.mjs';
-import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, ViewerOptionsContext, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, safePrompt, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, syncSelectionHandleOverlay } from './chunk-PC62KGU3.mjs';
-import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getImageSurfaceStyle, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getImageSurfaceMaskStyle, getCropShapeClipPath, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, STROKE_DASH_OPTIONS } from './chunk-JANUSAEK.mjs';
-import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, connectorWrapperTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, isElementRendered, resolveElementAriaAttributes, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveExpiredAutosaveSnapshots, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, resolveElementHighlightClick, applyHighlightClickStyle, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, getComputedFillStyle, strokeOutlineViewBox, getElementTransform, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, buildSmartArtA11y, canDrillDown, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, readEditableText, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, resolveChartKind, ensureChartInteractionStyles, applyChartPartHighlight, resolveRevealedChartData, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleAriaLabel, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, placeholderPromptDescriptor, isWedgeCalloutPresetShape, isElementActionable, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, themeToCssVars, shouldClearAutosaveCacheOnClose, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, elementIdSelector, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, resolveRevealedDrawingShapeNodeIds, styleShadowFilter, buildChromeStyle, modelDataToBlobUrl, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, getInlineEditorSelection, findChartPartTarget, advanceChartValueDrag, beginChartValueDrag, buildSurfaceChart3DDataForElement, buildBarChart3DDataForElement, buildLineChart3DDataForElement, buildAreaChart3DDataForElement, buildPieChart3DDataForElement, withChartTitle, buildSmartArt3DModel, collectCoherent3DOffNodeIds, extractPathPoints, generatePressureCircles, generateNibMarks, isBrowserOpenableMime, formatBytes, getOleDisplayName, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, centeredSvgTextLines, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, groupIntoParagraphs, substituteFieldText, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, readSoundFileAsDataUrl, applyTransitionSoundFile, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, SLIDE_TRANSITION_KEYFRAMES, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, getElementTransformWithoutRotation, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, mergeSlideTransition, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, elementLockTogglePatch, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, resolveSlideSizeSelection, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, CHART_TYPE_OPTIONS, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeDescriptors, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRemoved, withChartUserShapeUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-NV55GU5V.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-FGTMS7LR.mjs';
-import React19, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, Fragment as Fragment$1, useDeferredValue } from 'react';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-3Y63XPIN.mjs';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, ViewerOptionsContext, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, safePrompt, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, syncSelectionHandleOverlay } from './chunk-PCCM7NVY.mjs';
+import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getImageSurfaceStyle, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getImageSurfaceMaskStyle, getCropShapeClipPath, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, STROKE_DASH_OPTIONS } from './chunk-NTWFXLZX.mjs';
+import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, connectorWrapperTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, buildTextStyleOverrideCss, isElementRendered, resolveElementAriaAttributes, getImageEffectsOpacity, getImageEffectsFilter, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveExpiredAutosaveSnapshots, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, resolveSlideSizeSelection, buildDeckSaveOptions, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, resolveElementHighlightClick, applyHighlightClickStyle, getComputedEffectStyle, getSoftEdgeSvgFilter, getEffectStyleSource, buildStrokeOutline, buildHollowHitOutline, buildSubpathFillOverlay, isImageLikeElement, strokeOutlineViewBox, getElementTransform, resolveRevealedSmartArtNodes, resolveRevealedDrawingShapes, buildSmartArtA11y, canDrillDown, computeSmartArtElementLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, readEditableText, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, resolveChartKind, subscribeBarFacePicturePixelSamples, getBarFacePicturePixelSampleVersion, ensureChartInteractionStyles, applyChartPartHighlight, resolveRevealedChartData, formatAxisValue, buildInkGroupStrokes, getInkReplayStyles, INK_REPLAY_KEYFRAMES, buildContentPartStrokes, getContentPartReplayStyles, resolveOleType, getOleAriaLabel, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getTextBodyRotationTransform, placeholderPromptDescriptor, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, themeToCssVars, shouldClearAutosaveCacheOnClose, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, elementIdSelector, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, DEFAULT_PALETTE2, resolvePalette, computeDrawingViewBox, projectDrawingShapes, resolveRevealedDrawingShapeNodeIds, styleShadowFilter, buildChromeStyle, modelDataToBlobUrl, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, getInlineEditorSelection, findChartPartTarget, buildSurfaceChart3DDataForElement, buildBarChart3DDataForElement, buildLineChart3DDataForElement, buildAreaChart3DDataForElement, buildPieChart3DDataForElement, withChartTitle, buildSmartArt3DModel, collectCoherent3DOffNodeIds, isBrowserOpenableMime, formatBytes, getOleDisplayName, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, hasGlyphEnvelope, buildGlyphEnvelope, getWarpPath, isWedgeCalloutPresetShape, isElementActionable, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, centeredSvgTextLines, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, advanceChartMarkDrag, advanceChartValueDrag, buildChartMarkDragGeometry, beginChartMarkDrag, beginChartValueDrag, groupIntoParagraphs, substituteFieldText, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, readSoundFileAsDataUrl, applyTransitionSoundFile, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, MORPH_CROSSFADE_GROUP_STYLE, MORPH_CROSSFADE_HALF_STYLE, SLIDE_TRANSITION_KEYFRAMES, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, withChartPointValue, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, getElementTransformWithoutRotation, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, computeAnchoredPopupPosition, buildLiveInkStrokeView, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, isElementLocked, mergeSlideTransition, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildLayoutPreviewGeometry, buildSlideTemplateContent, hasTiltData, elementLockTogglePatch, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, resolveDisplayedChartType, CHART_TYPE_OPTIONS, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-VQX7G75Z.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-JBSAKP4Z.mjs';
+import React20, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, useSyncExternalStore, useId, Fragment as Fragment$1, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { LuRotateCw, LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
@@ -511,16 +511,16 @@ function LoadingState({ className }) {
 function FailedToLoad() {
   return null;
 }
-var LazyArea3DChartScene = React19.lazy(
+var LazyArea3DChartScene = React20.lazy(
   async () => {
     try {
-      return await import('./Area3DChartScene-AE2XYKDW.mjs');
+      return await import('./Area3DChartScene-JM3CQ3WQ.mjs');
     } catch {
       return { default: FailedToLoad };
     }
   }
 );
-var SceneErrorBoundary = class extends React19.Component {
+var SceneErrorBoundary = class extends React20.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -532,7 +532,12 @@ var SceneErrorBoundary = class extends React19.Component {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 };
-function Area3DChartRenderer({ element }) {
+function Area3DChartRenderer({
+  element,
+  interaction,
+  selectedPart,
+  textStyle
+}) {
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
     let cancelled = false;
@@ -561,22 +566,30 @@ function Area3DChartRenderer({ element }) {
   if (threeAvailable === null) {
     return /* @__PURE__ */ jsx(LoadingState, {});
   }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(LazyArea3DChartScene, { options }) }) });
+  return /* @__PURE__ */ jsx(SceneErrorBoundary, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
+    LazyArea3DChartScene,
+    {
+      options,
+      interaction,
+      selectedPart,
+      textStyle
+    }
+  ) }) });
 }
 var BarChart3DContext = createContext(false);
 function FailedToLoad2() {
   return null;
 }
-var LazyBar3DChartScene = React19.lazy(
+var LazyBar3DChartScene = React20.lazy(
   async () => {
     try {
-      return await import('./Bar3DChartScene-FQV62XOI.mjs');
+      return await import('./Bar3DChartScene-VNFWI2QG.mjs');
     } catch {
       return { default: FailedToLoad2 };
     }
   }
 );
-var SceneErrorBoundary2 = class extends React19.Component {
+var SceneErrorBoundary2 = class extends React20.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -588,7 +601,12 @@ var SceneErrorBoundary2 = class extends React19.Component {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 };
-function Bar3DChartRenderer({ element }) {
+function Bar3DChartRenderer({
+  element,
+  interaction,
+  selectedPart,
+  textStyle
+}) {
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
     let cancelled = false;
@@ -617,22 +635,64 @@ function Bar3DChartRenderer({ element }) {
   if (threeAvailable === null) {
     return /* @__PURE__ */ jsx(LoadingState, {});
   }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary2, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(LazyBar3DChartScene, { options }) }) });
+  return /* @__PURE__ */ jsx(SceneErrorBoundary2, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
+    LazyBar3DChartScene,
+    {
+      options,
+      interaction,
+      selectedPart,
+      textStyle
+    }
+  ) }) });
+}
+
+// src/viewer/components/elements/build-chart3d-part-interaction.ts
+function buildChart3DPartInteraction({
+  element,
+  canEdit,
+  onUpdateElement,
+  selection,
+  setSelection,
+  setDragValue
+}) {
+  if (!canEdit) {
+    return void 0;
+  }
+  const onSelect = (part) => {
+    if (part) {
+      setSelection({ elementId: element.id, part });
+    } else if (selection?.elementId === element.id) {
+      setSelection(null);
+    }
+  };
+  const onValueDragPreview = (_part, value) => {
+    setDragValue(value);
+  };
+  const onValueDragCommit = (part, value) => {
+    setDragValue(null);
+    if (!onUpdateElement || !element.chartData || part.pointIndex === void 0) {
+      return;
+    }
+    onUpdateElement({
+      chartData: withChartPointValue(element.chartData, part.seriesIndex, part.pointIndex, value)
+    });
+  };
+  return { onSelect, onValueDragPreview, onValueDragCommit };
 }
 var LineChart3DContext = createContext(false);
 function FailedToLoad3() {
   return null;
 }
-var LazyLine3DChartScene = React19.lazy(
+var LazyLine3DChartScene = React20.lazy(
   async () => {
     try {
-      return await import('./Line3DChartScene-FEUY3PCE.mjs');
+      return await import('./Line3DChartScene-GXOWGIFJ.mjs');
     } catch {
       return { default: FailedToLoad3 };
     }
   }
 );
-var SceneErrorBoundary3 = class extends React19.Component {
+var SceneErrorBoundary3 = class extends React20.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -644,7 +704,12 @@ var SceneErrorBoundary3 = class extends React19.Component {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 };
-function Line3DChartRenderer({ element }) {
+function Line3DChartRenderer({
+  element,
+  interaction,
+  selectedPart,
+  textStyle
+}) {
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
     let cancelled = false;
@@ -673,22 +738,30 @@ function Line3DChartRenderer({ element }) {
   if (threeAvailable === null) {
     return /* @__PURE__ */ jsx(LoadingState, {});
   }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary3, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(LazyLine3DChartScene, { options }) }) });
+  return /* @__PURE__ */ jsx(SceneErrorBoundary3, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
+    LazyLine3DChartScene,
+    {
+      options,
+      interaction,
+      selectedPart,
+      textStyle
+    }
+  ) }) });
 }
 var PieChart3DContext = createContext(false);
 function FailedToLoad4() {
   return null;
 }
-var LazyPieChart3DScene = React19.lazy(
+var LazyPieChart3DScene = React20.lazy(
   async () => {
     try {
-      return await import('./PieChart3DScene-VZI2VARG.mjs');
+      return await import('./PieChart3DScene-WXJEDYMK.mjs');
     } catch {
       return { default: FailedToLoad4 };
     }
   }
 );
-var SceneErrorBoundary4 = class extends React19.Component {
+var SceneErrorBoundary4 = class extends React20.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -700,7 +773,11 @@ var SceneErrorBoundary4 = class extends React19.Component {
     return this.state.hasError ? this.props.fallback : this.props.children;
   }
 };
-function PieChart3DRenderer({ element }) {
+function PieChart3DRenderer({
+  element,
+  interaction,
+  selectedPart
+}) {
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
     let cancelled = false;
@@ -729,22 +806,29 @@ function PieChart3DRenderer({ element }) {
   if (threeAvailable === null) {
     return /* @__PURE__ */ jsx(LoadingState, {});
   }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary4, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(LazyPieChart3DScene, { options }) }) });
+  return /* @__PURE__ */ jsx(SceneErrorBoundary4, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
+    LazyPieChart3DScene,
+    {
+      options,
+      interaction,
+      selectedPart
+    }
+  ) }) });
 }
 var SurfaceChart3DContext = createContext(false);
 function FailedToLoad5() {
   return null;
 }
-var LazySurfaceChart3DScene = React19.lazy(
+var LazySurfaceChart3DScene = React20.lazy(
   async () => {
     try {
-      return await import('./SurfaceChart3DScene-T36E2HBA.mjs');
+      return await import('./SurfaceChart3DScene-IKPE2SVE.mjs');
     } catch {
       return { default: FailedToLoad5 };
     }
   }
 );
-var SceneErrorBoundary5 = class extends React19.Component {
+var SceneErrorBoundary5 = class extends React20.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -757,7 +841,10 @@ var SceneErrorBoundary5 = class extends React19.Component {
   }
 };
 function SurfaceChart3DRenderer({
-  element
+  element,
+  interaction,
+  selectedPart,
+  textStyle
 }) {
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
@@ -787,55 +874,42 @@ function SurfaceChart3DRenderer({
   if (threeAvailable === null) {
     return /* @__PURE__ */ jsx(LoadingState, {});
   }
-  return /* @__PURE__ */ jsx(SceneErrorBoundary5, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(LazySurfaceChart3DScene, { options }) }) });
+  return /* @__PURE__ */ jsx(SceneErrorBoundary5, { fallback: svgFallback, children: /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingState, {}), children: /* @__PURE__ */ jsx(
+    LazySurfaceChart3DScene,
+    {
+      options,
+      interaction,
+      selectedPart,
+      textStyle
+    }
+  ) }) });
 }
-function ChartElementView({
+function useChartMarkInteraction({
   element,
-  editable,
+  canEdit,
   onUpdateElement,
-  animationState
+  viewModel,
+  wrapperRef,
+  setSelection
 }) {
-  const wrapperRef = useRef(null);
   const dragRef = useRef(null);
-  const { selection, setSelection } = useChartPartSelection();
+  const markDragRef = useRef(null);
   const [previewData, setPreviewData] = useState(null);
   const [dragValue, setDragValue] = useState(null);
-  const [titleDraft, setTitleDraft] = useState(null);
-  const selectedPart = selection?.elementId === element.id ? selection.part : null;
-  const canEdit = editable && Boolean(onUpdateElement);
-  const use3D = useContext(SurfaceChart3DContext);
-  const isSurfaceKind = resolveChartKind(element.chartData?.chartType ?? "bar") === "surface";
-  const use3DBar = useContext(BarChart3DContext);
-  const isBar3DKind = element.chartData?.chartType === "bar3D";
-  const use3DLine = useContext(LineChart3DContext);
-  const isLine3DKind = element.chartData?.chartType === "line3D";
-  const use3DArea = useContext(AreaChart3DContext);
-  const isArea3DKind = element.chartData?.chartType === "area3D";
-  const use3DPie = useContext(PieChart3DContext);
-  const isPie3DKind = element.chartData?.chartType === "pie3D";
-  const viewModel = useMemo(
-    () => canEdit ? buildReactChartViewModel(element) : null,
-    [canEdit, element]
-  );
-  useEffect(ensureChartInteractionStyles, []);
-  useEffect(() => {
-    if (!onUpdateElement) {
-      return;
-    }
-    if (!canEdit && selection?.elementId === element.id) {
-      setSelection(null);
-    }
-  }, [canEdit, selection, element.id, setSelection, onUpdateElement]);
-  useEffect(() => {
-    applyChartPartHighlight(wrapperRef.current, selectedPart);
-  });
   const endDrag = (commit) => {
     const active = dragRef.current;
+    const markActive = markDragRef.current;
     dragRef.current = null;
+    markDragRef.current = null;
     setPreviewData(null);
     setDragValue(null);
-    if (commit && active?.moved && active.lastData && onUpdateElement) {
+    if (!commit || !onUpdateElement) {
+      return;
+    }
+    if (active?.moved && active.lastData) {
       onUpdateElement({ chartData: active.lastData });
+    } else if (markActive?.moved && markActive.lastData) {
+      onUpdateElement({ chartData: markActive.lastData });
     }
   };
   useEffect(() => {
@@ -863,13 +937,44 @@ function ChartElementView({
     if (!viewModel || !element.chartData) {
       return;
     }
-    const started = beginChartValueDrag({
-      part,
-      viewModel,
-      chartData: element.chartData,
-      clientY: e.clientY
-    });
-    if (!started) {
+    let captured = false;
+    const chartKind = resolveChartKind(element.chartData.chartType ?? "bar");
+    if (part.pointIndex !== void 0 && chartKind !== "unsupported") {
+      const markGeometry = buildChartMarkDragGeometry({
+        kind: chartKind,
+        element,
+        chartData: element.chartData,
+        categoryLabels: element.chartData.categories,
+        seriesIndex: part.seriesIndex,
+        pointIndex: part.pointIndex
+      });
+      const startedMark = beginChartMarkDrag({
+        part,
+        geometry: markGeometry,
+        chartData: element.chartData,
+        svgWidth: viewModel.svgWidth,
+        svgHeight: viewModel.svgHeight,
+        clientX: e.clientX,
+        clientY: e.clientY
+      });
+      if (startedMark) {
+        markDragRef.current = startedMark;
+        captured = true;
+      }
+    }
+    if (!captured) {
+      const started = beginChartValueDrag({
+        part,
+        viewModel,
+        chartData: element.chartData,
+        clientY: e.clientY
+      });
+      if (started) {
+        dragRef.current = started;
+        captured = true;
+      }
+    }
+    if (!captured) {
       return;
     }
     e.preventDefault();
@@ -877,9 +982,22 @@ function ChartElementView({
       e.currentTarget.setPointerCapture?.(e.pointerId);
     } catch {
     }
-    dragRef.current = started;
   };
   const handlePointerMove = (e) => {
+    const markActive = markDragRef.current;
+    if (markActive) {
+      const rect = wrapperRef.current?.querySelector("svg")?.getBoundingClientRect();
+      if (!rect) {
+        return;
+      }
+      const step2 = advanceChartMarkDrag(markActive, e.clientX, e.clientY, rect);
+      if (!step2) {
+        return;
+      }
+      setPreviewData(step2.chartData);
+      setDragValue(step2.value);
+      return;
+    }
     const active = dragRef.current;
     if (!active) {
       return;
@@ -893,10 +1011,83 @@ function ChartElementView({
     setDragValue(step.value);
   };
   const handlePointerUp = () => {
-    if (dragRef.current) {
+    if (dragRef.current || markDragRef.current) {
       endDrag(true);
     }
   };
+  return {
+    previewData,
+    dragValue,
+    setDragValue,
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp
+  };
+}
+function ChartElementView({
+  element,
+  editable,
+  onUpdateElement,
+  animationState
+}) {
+  const wrapperRef = useRef(null);
+  const { selection, setSelection } = useChartPartSelection();
+  const [titleDraft, setTitleDraft] = useState(null);
+  const selectedPart = selection?.elementId === element.id ? selection.part : null;
+  const canEdit = editable && Boolean(onUpdateElement);
+  const use3D = useContext(SurfaceChart3DContext);
+  const isSurfaceKind = resolveChartKind(element.chartData?.chartType ?? "bar") === "surface";
+  const use3DBar = useContext(BarChart3DContext);
+  const isBar3DKind = element.chartData?.chartType === "bar3D";
+  const use3DLine = useContext(LineChart3DContext);
+  const isLine3DKind = element.chartData?.chartType === "line3D";
+  const use3DArea = useContext(AreaChart3DContext);
+  const isArea3DKind = element.chartData?.chartType === "area3D";
+  const use3DPie = useContext(PieChart3DContext);
+  const isPie3DKind = element.chartData?.chartType === "pie3D";
+  const barFacePictureSampleVersion = useSyncExternalStore(
+    subscribeBarFacePicturePixelSamples,
+    getBarFacePicturePixelSampleVersion,
+    getBarFacePicturePixelSampleVersion
+  );
+  const viewModel = useMemo(() => {
+    return canEdit ? buildReactChartViewModel(element) : null;
+  }, [canEdit, element, barFacePictureSampleVersion]);
+  useEffect(ensureChartInteractionStyles, []);
+  useEffect(() => {
+    if (!onUpdateElement) {
+      return;
+    }
+    if (!canEdit && selection?.elementId === element.id) {
+      setSelection(null);
+    }
+  }, [canEdit, selection, element.id, setSelection, onUpdateElement]);
+  useEffect(() => {
+    applyChartPartHighlight(wrapperRef.current, selectedPart);
+  });
+  const {
+    previewData,
+    dragValue,
+    setDragValue,
+    handlePointerDown,
+    handlePointerMove,
+    handlePointerUp
+  } = useChartMarkInteraction({
+    element,
+    canEdit,
+    onUpdateElement,
+    viewModel,
+    wrapperRef,
+    setSelection
+  });
+  const chart3DInteraction = buildChart3DPartInteraction({
+    element,
+    canEdit,
+    onUpdateElement,
+    selection,
+    setSelection,
+    setDragValue
+  });
   const handleDoubleClick = (e) => {
     if (!canEdit || !canDrillDown(element)) {
       return;
@@ -935,7 +1126,46 @@ function ChartElementView({
       onPointerUp: handlePointerUp,
       onDoubleClick: handleDoubleClick,
       children: [
-        use3D && isSurfaceKind ? /* @__PURE__ */ jsx(SurfaceChart3DRenderer, { element: renderedElement }) : use3DBar && isBar3DKind ? /* @__PURE__ */ jsx(Bar3DChartRenderer, { element: renderedElement }) : use3DLine && isLine3DKind ? /* @__PURE__ */ jsx(Line3DChartRenderer, { element: renderedElement }) : use3DArea && isArea3DKind ? /* @__PURE__ */ jsx(Area3DChartRenderer, { element: renderedElement }) : use3DPie && isPie3DKind ? /* @__PURE__ */ jsx(PieChart3DRenderer, { element: renderedElement }) : renderChartElement(renderedElement),
+        use3D && isSurfaceKind ? /* @__PURE__ */ jsx(
+          SurfaceChart3DRenderer,
+          {
+            element: renderedElement,
+            interaction: chart3DInteraction,
+            selectedPart,
+            textStyle: animationState?.textStyle
+          }
+        ) : use3DBar && isBar3DKind ? /* @__PURE__ */ jsx(
+          Bar3DChartRenderer,
+          {
+            element: renderedElement,
+            interaction: chart3DInteraction,
+            selectedPart,
+            textStyle: animationState?.textStyle
+          }
+        ) : use3DLine && isLine3DKind ? /* @__PURE__ */ jsx(
+          Line3DChartRenderer,
+          {
+            element: renderedElement,
+            interaction: chart3DInteraction,
+            selectedPart,
+            textStyle: animationState?.textStyle
+          }
+        ) : use3DArea && isArea3DKind ? /* @__PURE__ */ jsx(
+          Area3DChartRenderer,
+          {
+            element: renderedElement,
+            interaction: chart3DInteraction,
+            selectedPart,
+            textStyle: animationState?.textStyle
+          }
+        ) : use3DPie && isPie3DKind ? /* @__PURE__ */ jsx(
+          PieChart3DRenderer,
+          {
+            element: renderedElement,
+            interaction: chart3DInteraction,
+            selectedPart
+          }
+        ) : renderChartElement(renderedElement),
         dragValue !== null && /* @__PURE__ */ jsx("div", { className: "absolute top-1 right-1 z-10 rounded bg-primary/90 px-1.5 py-0.5 text-[10px] font-medium text-white pointer-events-none", children: formatAxisValue(dragValue) }),
         titleDraft !== null && /* @__PURE__ */ jsx(
           "input",
@@ -1488,7 +1718,7 @@ function ResizeHandles({
     ))
   ] });
 }
-var ConnectorElementRenderer = React19.memo(
+var ConnectorElementRenderer = React20.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ConnectorElementRendererInner({
     el,
@@ -1502,7 +1732,8 @@ var ConnectorElementRenderer = React19.memo(
     adjustmentHandles: adjH,
     onResizePointerDown,
     onAdjustmentPointerDown,
-    animationState
+    animationState,
+    textStyleOverrideCss
   }) {
     const shapeEl = hasShapeProperties(el) ? el : void 0;
     const boxWidth = Math.max(el.width, MIN_ELEMENT_SIZE);
@@ -1570,6 +1801,7 @@ var ConnectorElementRenderer = React19.memo(
           ...lineGlow ? { filter: lineGlow } : {}
         },
         children: [
+          textStyleOverrideCss && /* @__PURE__ */ jsx("style", { children: textStyleOverrideCss }),
           /* @__PURE__ */ jsxs(
             "svg",
             {
@@ -1867,7 +2099,7 @@ function shapeParams(element) {
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   return { hf: hasFill, fc: fillColor, sw: strokeWidth, sc: strokeColor };
 }
-var Extrusion3DOverlay = React19.memo(
+var Extrusion3DOverlay = React20.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function Extrusion3DOverlayInner({ data }) {
     if (!data.hasExtrusion || data.panels.length === 0) {
@@ -1952,23 +2184,19 @@ function renderOutlinePaint(paint) {
 function ShapeEffectOverlay({
   element,
   animatesFill = false,
-  animatesStroke = false
+  animatesStroke = false,
+  suppressReflection = false
 }) {
-  if (!hasShapeProperties(element)) {
-    return null;
-  }
   const fx = getComputedEffectStyle(element);
   const overlay = fx.fillOverlay;
-  const reflection = fx.reflection;
-  const softEdge = getSoftEdgeSvgFilter(element.shapeStyle, element.id);
+  const reflection = suppressReflection ? void 0 : fx.reflection;
+  const softEdge = getSoftEdgeSvgFilter(getEffectStyleSource(element), element.id);
   const strokeOutline = buildStrokeOutline(element);
   const hollowHit = buildHollowHitOutline(element);
   const subpathFill = buildSubpathFillOverlay(element);
   if (!overlay && !softEdge && !strokeOutline && !hollowHit && !subpathFill && !reflection) {
     return null;
   }
-  const reflectionFill = reflection && !isImageLikeElement(element) ? getComputedFillStyle(element) : void 0;
-  const reflectionImgSrc = reflection && isImageLikeElement(element) ? imgSrc(element) : void 0;
   const fillOverlayStyle = overlay ? {
     position: "absolute",
     inset: 0,
@@ -2084,44 +2312,12 @@ function ShapeEffectOverlay({
         className: "pptx-react-reflection",
         "aria-hidden": "true",
         style: reflection,
-        children: reflectionImgSrc ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "pptx-react-reflection-picture-surface",
-            style: getImageSurfaceStyle(element),
-            children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: reflectionImgSrc,
-                alt: "",
-                draggable: false,
-                style: {
-                  width: "100%",
-                  height: "100%",
-                  ...getImageRenderStyle(element)
-                }
-              }
-            )
-          }
-        ) : reflectionFill ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            style: {
-              width: "100%",
-              height: "100%",
-              backgroundColor: reflectionFill.backgroundColor,
-              backgroundImage: reflectionFill.backgroundImage,
-              backgroundSize: reflectionFill.backgroundSize,
-              backgroundPosition: reflectionFill.backgroundPosition,
-              backgroundRepeat: reflectionFill.backgroundRepeat
-            }
-          }
-        ) : null
+        children: /* @__PURE__ */ jsx(StaticElementRenderer, { element, positioned: false, suppressReflection: true })
       }
     ) : null
   ] });
 }
-var ElementRenderer = React19.memo(
+var ElementRenderer = React20.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ElementRendererInner({
     element: el,
@@ -2186,6 +2382,7 @@ var ElementRenderer = React19.memo(
     const visualAnimationState = backgroundAnimationState ?? animationState;
     const isTxt = isEditableTextElement(el) && allow.textEditable;
     const txtSE = hasTextProperties(el) ? el.textStyle : void 0;
+    const textStyleOverrideCss = buildTextStyleOverrideCss(el.id, visualAnimationState?.textStyle);
     const ss = getShapeVisualStyle(
       el,
       hf,
@@ -2236,7 +2433,8 @@ var ElementRenderer = React19.memo(
           adjustmentHandles: adjH,
           onResizePointerDown,
           onAdjustmentPointerDown,
-          animationState
+          animationState,
+          textStyleOverrideCss
         }
       );
     }
@@ -2319,6 +2517,7 @@ var ElementRenderer = React19.memo(
         ...interactionProps,
         children: [
           renderDagDuotoneFilterForElement(el),
+          textStyleOverrideCss && /* @__PURE__ */ jsx("style", { children: textStyleOverrideCss }),
           backgroundAnimationState ? /* @__PURE__ */ jsxs(
             "div",
             {
@@ -2425,22 +2624,10 @@ var ElementRenderer = React19.memo(
     );
   }
 );
-function renderPressureStroke(pathD, widths, baseWidth, color, opacity, keyPrefix) {
-  const points = extractPathPoints(pathD);
-  const circles = generatePressureCircles(points, widths, {
-    baseWidth,
-    minRadius: 0.5,
-    maxRadius: baseWidth * 1.5
-  });
+function renderPressureStroke(circles, color, opacity, keyPrefix) {
   return /* @__PURE__ */ jsx("g", { opacity, children: circles.map((c, j) => /* @__PURE__ */ jsx("circle", { cx: c.cx, cy: c.cy, r: c.r, fill: color }, `${keyPrefix}-pc-${j}`)) });
 }
-function renderNibMarkStroke(pathD, widths, tiltAngles, tiltMagnitudes, baseWidth, color, opacity, keyPrefix) {
-  const points = extractPathPoints(pathD);
-  const marks = generateNibMarks(points, widths, tiltAngles, tiltMagnitudes, {
-    baseWidth,
-    minRadius: 0.5,
-    maxRadius: baseWidth * 1.5
-  });
+function renderNibMarkStroke(marks, color, opacity, keyPrefix) {
   return /* @__PURE__ */ jsx("g", { opacity, children: marks.map((m, j) => /* @__PURE__ */ jsx(
     "ellipse",
     {
@@ -2454,10 +2641,41 @@ function renderNibMarkStroke(pathD, widths, tiltAngles, tiltMagnitudes, baseWidt
     `${keyPrefix}-nib-${j}`
   )) });
 }
+function renderStrokeView(view, pressureSensitive, replayStyle, key) {
+  if (view.nibMarks) {
+    return /* @__PURE__ */ jsx("g", { children: renderNibMarkStroke(view.nibMarks, view.color, view.opacity, key) }, key);
+  }
+  if (pressureSensitive && view.circles) {
+    return /* @__PURE__ */ jsx("g", { children: renderPressureStroke(view.circles, view.color, view.opacity, key) }, key);
+  }
+  return /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: view.d,
+      fill: "none",
+      stroke: view.color,
+      strokeWidth: view.width,
+      strokeOpacity: view.opacity,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      vectorEffect: "non-scaling-stroke",
+      ...replayStyle ? {
+        strokeDasharray: replayStyle.strokeDasharray,
+        strokeDashoffset: replayStyle.strokeDashoffset,
+        style: {
+          animation: replayStyle.animation,
+          "--ink-path-length": replayStyle.pathLength
+        }
+      } : {}
+    },
+    key
+  );
+}
 function renderInk(el, options) {
   const replay = options?.replay ?? false;
-  Boolean(el.inkPointPressures) && el.inkPointPressures.length > 0;
-  Boolean(el.inkWidths) && el.inkWidths.length > 1 && hasPressureVariation(el.inkWidths);
+  const strokes = buildInkGroupStrokes(el, { color: "#000", width: 3 });
+  strokes.some((s) => s.circles || s.nibMarks);
+  const pressureSensitive = options?.pressureSensitive;
   const replayStyles = replay ? getInkReplayStyles(el, options?.replayConfig) : null;
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -2467,44 +2685,9 @@ function renderInk(el, options) {
       preserveAspectRatio: "none",
       children: [
         replay && /* @__PURE__ */ jsx("style", { children: INK_REPLAY_KEYFRAMES }),
-        el.inkPaths.map((d, i) => {
-          const color = resolveInkColor(el.inkColors, i);
-          const width = resolveInkWidth(el.inkWidths, i);
-          const opacity = resolveInkOpacity(el.inkOpacities, i);
-          {
-            const pointPressures = el.inkPointPressures?.[i];
-            if (pointPressures && pointPressures.length > 1 && hasPressureVariation(pointPressures)) {
-              const pointWidths = pressuresToWidths(pointPressures, width);
-              return /* @__PURE__ */ jsx("g", { children: renderPressureStroke(d, pointWidths, width, color, opacity, `${el.id}-ink-${i}`) }, `${el.id}-ink-${i}`);
-            }
-            if (el.inkWidths && el.inkWidths.length > 1 && hasPressureVariation(el.inkWidths)) {
-              return /* @__PURE__ */ jsx("g", { children: renderPressureStroke(d, el.inkWidths, width, color, opacity, `${el.id}-ink-${i}`) }, `${el.id}-ink-${i}`);
-            }
-          }
-          const replayStyle = replayStyles?.[i];
-          return /* @__PURE__ */ jsx(
-            "path",
-            {
-              d,
-              fill: "none",
-              stroke: color,
-              strokeWidth: width,
-              strokeOpacity: opacity,
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              vectorEffect: "non-scaling-stroke",
-              ...replayStyle ? {
-                strokeDasharray: replayStyle.strokeDasharray,
-                strokeDashoffset: replayStyle.strokeDashoffset,
-                style: {
-                  animation: replayStyle.animation,
-                  "--ink-path-length": replayStyle.pathLength
-                }
-              } : {}
-            },
-            `${el.id}-ink-${i}`
-          );
-        })
+        strokes.map(
+          (s, i) => renderStrokeView(s, pressureSensitive, replayStyles?.[i], `${el.id}-ink-${i}`)
+        )
       ]
     }
   );
@@ -2600,6 +2783,7 @@ function renderContentPart(el, options) {
   if (el.inkStrokes && el.inkStrokes.length > 0) {
     const replay = options?.replay ?? false;
     const pressureSensitive = options?.pressureSensitive ?? true;
+    const strokes = buildContentPartStrokes(el);
     const replayStyles = replay ? getContentPartReplayStyles(el.inkStrokes, options?.replayConfig) : null;
     return /* @__PURE__ */ jsxs(
       "svg",
@@ -2609,56 +2793,9 @@ function renderContentPart(el, options) {
         preserveAspectRatio: "none",
         children: [
           replay && /* @__PURE__ */ jsx("style", { children: INK_REPLAY_KEYFRAMES }),
-          el.inkStrokes.map((stroke, i) => {
-            if (stroke.tiltAngles && stroke.tiltAngles.length > 0) {
-              const magnitudes = stroke.tiltMagnitudes ?? stroke.tiltAngles.map(() => 0.5);
-              const widths = stroke.pressures && stroke.pressures.length > 1 && hasPressureVariation(stroke.pressures) ? pressuresToWidths(stroke.pressures, stroke.width) : [stroke.width];
-              return /* @__PURE__ */ jsx("g", { children: renderNibMarkStroke(
-                stroke.path,
-                widths,
-                stroke.tiltAngles,
-                magnitudes,
-                stroke.width,
-                stroke.color,
-                stroke.opacity,
-                `${el.id}-cp-ink-${i}`
-              ) }, `${el.id}-cp-ink-${i}`);
-            }
-            if (pressureSensitive && stroke.pressures && stroke.pressures.length > 1 && hasPressureVariation(stroke.pressures)) {
-              const pointWidths = pressuresToWidths(stroke.pressures, stroke.width);
-              return /* @__PURE__ */ jsx("g", { children: renderPressureStroke(
-                stroke.path,
-                pointWidths,
-                stroke.width,
-                stroke.color,
-                stroke.opacity,
-                `${el.id}-cp-ink-${i}`
-              ) }, `${el.id}-cp-ink-${i}`);
-            }
-            const replayStyle = replayStyles?.[i];
-            return /* @__PURE__ */ jsx(
-              "path",
-              {
-                d: stroke.path,
-                fill: "none",
-                stroke: stroke.color,
-                strokeWidth: stroke.width,
-                strokeOpacity: stroke.opacity,
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                vectorEffect: "non-scaling-stroke",
-                ...replayStyle ? {
-                  strokeDasharray: replayStyle.strokeDasharray,
-                  strokeDashoffset: replayStyle.strokeDashoffset,
-                  style: {
-                    animation: replayStyle.animation,
-                    "--ink-path-length": replayStyle.pathLength
-                  }
-                } : {}
-              },
-              `${el.id}-cp-ink-${i}`
-            );
-          })
+          strokes.map(
+            (s, i) => renderStrokeView(s, pressureSensitive, replayStyles?.[i], `${el.id}-cp-ink-${i}`)
+          )
         ]
       }
     );
@@ -3025,10 +3162,10 @@ function InlineTextEditor({
 function FailedToLoad6() {
   return null;
 }
-var LazyModel3DScene = React19.lazy(
+var LazyModel3DScene = React20.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-V3DHIISV.mjs');
+      return await import('./Model3DScene-WJ3MMIZH.mjs');
     } catch {
       return { default: FailedToLoad6 };
     }
@@ -3090,7 +3227,7 @@ function PosterFallback({
     }
   );
 }
-var Model3DErrorBoundary = class extends React19.Component {
+var Model3DErrorBoundary = class extends React20.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -3299,10 +3436,10 @@ function SmartArtInlineNodeEditor({
   onCancel
 }) {
   const { t } = useTranslation();
-  const ref = React19.useRef(null);
-  const [value, setValue] = React19.useState(initialText);
-  const settled = React19.useRef(false);
-  React19.useEffect(() => {
+  const ref = React20.useRef(null);
+  const [value, setValue] = React20.useState(initialText);
+  const settled = React20.useRef(false);
+  React20.useEffect(() => {
     const el = ref.current;
     if (el) {
       el.focus();
@@ -3394,16 +3531,16 @@ function findNodeIdFromEvent(target) {
   return null;
 }
 function useSmartArtHoverState(containerRef) {
-  const [hoveredNodeId, setHoveredNodeId] = React19.useState(null);
-  const [hoveredNodeRect, setHoveredNodeRect] = React19.useState(null);
-  const hideTimeoutRef = React19.useRef(null);
-  const cancelPendingHide = React19.useCallback(() => {
+  const [hoveredNodeId, setHoveredNodeId] = React20.useState(null);
+  const [hoveredNodeRect, setHoveredNodeRect] = React20.useState(null);
+  const hideTimeoutRef = React20.useRef(null);
+  const cancelPendingHide = React20.useCallback(() => {
     if (hideTimeoutRef.current !== null) {
       window.clearTimeout(hideTimeoutRef.current);
       hideTimeoutRef.current = null;
     }
   }, []);
-  const handleMouseMove = React19.useCallback(
+  const handleMouseMove = React20.useCallback(
     (e, ignoreRef) => {
       const nodeEl = findNodeIdFromEvent(e.target);
       const container = containerRef.current;
@@ -3431,12 +3568,12 @@ function useSmartArtHoverState(containerRef) {
     },
     [containerRef, cancelPendingHide]
   );
-  const clearHover = React19.useCallback(() => {
+  const clearHover = React20.useCallback(() => {
     cancelPendingHide();
     setHoveredNodeId(null);
     setHoveredNodeRect(null);
   }, [cancelPendingHide]);
-  React19.useEffect(() => cancelPendingHide, [cancelPendingHide]);
+  React20.useEffect(() => cancelPendingHide, [cancelPendingHide]);
   return { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover };
 }
 var EDITOR_PADDING = 4;
@@ -3451,11 +3588,11 @@ function SmartArtEditableLayer({
   onChangeNodeStyle,
   children
 }) {
-  const containerRef = React19.useRef(null);
-  const styleBarRef = React19.useRef(null);
-  const [edit, setEdit] = React19.useState(null);
+  const containerRef = React20.useRef(null);
+  const styleBarRef = React20.useRef(null);
+  const [edit, setEdit] = React20.useState(null);
   const { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover } = useSmartArtHoverState(containerRef);
-  const openEditor = React19.useCallback(
+  const openEditor = React20.useCallback(
     (target) => {
       const nodeEl = findNodeIdFromEvent(target);
       const container = containerRef.current;
@@ -4067,20 +4204,20 @@ function sameDiagramReveal(prev, next) {
   }
   return true;
 }
-var SmartArtRenderer = React19.memo(SmartArtRendererImpl, arePropsEqual);
+var SmartArtRenderer = React20.memo(SmartArtRendererImpl, arePropsEqual);
 function FailedToLoad7() {
   return null;
 }
-var LazySmartArt3DScene = React19.lazy(
+var LazySmartArt3DScene = React20.lazy(
   async () => {
     try {
-      return await import('./SmartArt3DScene-XCFVGCXE.mjs');
+      return await import('./SmartArt3DScene-ODKCGJBO.mjs');
     } catch {
       return { default: FailedToLoad7 };
     }
   }
 );
-var SceneErrorBoundary6 = class extends React19.Component {
+var SceneErrorBoundary6 = class extends React20.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -4097,7 +4234,8 @@ function SmartArt3DRenderer({
   className,
   interactive = false,
   canEdit,
-  onUpdateElement
+  onUpdateElement,
+  animationState
 }) {
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
@@ -4153,7 +4291,8 @@ function SmartArt3DRenderer({
       model,
       width: element.width,
       height: element.height,
-      interactive
+      interactive,
+      textStyle: animationState?.textStyle
     }
   ) }) });
   const editEnabled = canEdit && Boolean(onUpdateElement);
@@ -4197,7 +4336,8 @@ function SmartArtElement({
         element,
         className,
         canEdit,
-        onUpdateElement
+        onUpdateElement,
+        animationState
       }
     );
   }
@@ -4257,6 +4397,67 @@ function getSegmentTspanProps(segment, element, fallbackColor) {
     textDecoration: decos.length > 0 ? decos.join(" ") : void 0
   };
 }
+function resolveSegmentFont(segment, element) {
+  const s = segment.style || {};
+  const family = s.fontFamily || element.textStyle?.fontFamily;
+  return {
+    fontFamily: family ? getSubstituteFontFamily(family) : DEFAULT_FONT_FAMILY,
+    fontSizePx: s.fontSize ?? element.textStyle?.fontSize ?? DEFAULT_TEXT_FONT_SIZE,
+    bold: s.bold ?? element.textStyle?.bold,
+    italic: s.italic ?? element.textStyle?.italic
+  };
+}
+function EnvelopeGlyph({
+  glyphKey,
+  glyph,
+  tspanProps
+}) {
+  if (!glyph.slices || glyph.slices.length <= 1) {
+    return /* @__PURE__ */ jsx("text", { x: glyph.x, y: glyph.y, transform: glyph.transform, ...tspanProps, children: glyph.char });
+  }
+  return /* @__PURE__ */ jsx("g", { "data-glyph-slices": glyph.slices.length, children: glyph.slices.map((slice, si) => {
+    const clipId = `${glyphKey}-s${si}`;
+    return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
+      /* @__PURE__ */ jsx("clipPath", { id: clipId, clipPathUnits: "userSpaceOnUse", children: /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: slice.clipX0,
+          y: -1e5,
+          width: Math.max(0, slice.clipX1 - slice.clipX0),
+          height: 2e5
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        "text",
+        {
+          x: glyph.x,
+          y: glyph.y,
+          transform: slice.transform,
+          clipPath: `url(#${clipId})`,
+          ...tspanProps,
+          children: glyph.char
+        }
+      )
+    ] }, clipId);
+  }) });
+}
+function EnvelopeLine({
+  paraSegments,
+  glyphs,
+  element,
+  fallbackColor,
+  lineIdPrefix
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: glyphs.map((g, i) => /* @__PURE__ */ jsx(
+    EnvelopeGlyph,
+    {
+      glyphKey: `${lineIdPrefix}-g${i}`,
+      glyph: g,
+      tspanProps: getSegmentTspanProps(paraSegments[g.segmentIndex], element, fallbackColor)
+    },
+    i
+  )) });
+}
 function WarpedText({
   element,
   width,
@@ -4285,6 +4486,48 @@ function WarpedText({
   const baseFontSize = textEl.textStyle?.fontSize ?? DEFAULT_TEXT_FONT_SIZE;
   const baseFontFamily = textEl.textStyle?.fontFamily ? getSubstituteFontFamily(textEl.textStyle.fontFamily) : DEFAULT_FONT_FAMILY;
   const baseFill = normalizeHexColor(textEl.textStyle?.color, fallbackColor);
+  if (hasGlyphEnvelope(preset)) {
+    return /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width,
+        height,
+        viewBox: `0 0 ${width} ${height}`,
+        xmlns: "http://www.w3.org/2000/svg",
+        style: { overflow: "visible", position: "absolute", inset: 0, pointerEvents: "none" },
+        "aria-hidden": "true",
+        children: paragraphs.map((para, paraIdx) => {
+          const segsInput = para.segments.map((seg, i) => ({
+            text: seg.text,
+            font: resolveSegmentFont(seg, textEl),
+            segmentIndex: i
+          }));
+          const glyphs = buildGlyphEnvelope(
+            preset,
+            segsInput,
+            width,
+            height,
+            align,
+            warpAdj,
+            warpAdj2,
+            paraIdx,
+            lineCount
+          );
+          return /* @__PURE__ */ jsx(
+            EnvelopeLine,
+            {
+              paraSegments: para.segments,
+              glyphs,
+              element: textEl,
+              fallbackColor,
+              lineIdPrefix: `warp-${element.id}-l${paraIdx}`
+            },
+            `envelope-line-${paraIdx}`
+          );
+        })
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -4413,13 +4656,26 @@ function renderTextElementBody(options) {
   const useSvgWarp = shouldUseSvgWarp(
     hasTextProperties(el) ? el.textStyle?.textWarpPreset : void 0
   );
-  const scene3dStyle = hasTextProperties(el) ? buildTextBody3DSceneStyle(el.textStyle) : void 0;
+  const scene3dStyle = hasTextProperties(el) ? buildTextBody3DSceneStyle(el.textStyle, { width: el.width, height: el.height }) : void 0;
   const rotationTransform = getTextBodyRotationTransform(el);
   const composedTransform = [rotationTransform, getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
   const transformStyle = {
     transform: composedTransform,
-    transformOrigin: "center",
+    // A COM-measured homography (`scene3dStyle.transformOrigin === '0 0'`)
+    // MUST win over the default centred origin, or the matrix3d's baked-in
+    // translation (relative to the element's own top-left) is applied from
+    // the wrong pivot and the projection is wrong (see
+    // `visual-3d-camera-homography`'s module doc comment). This used to be
+    // hardcoded to `'center'` unconditionally, silently clobbering
+    // `scene3dStyle.transformOrigin` the same way Svelte's `ElementRenderer`
+    // once re-clobbered `pointerEvents` from its own interactive flag.
+    transformOrigin: scene3dStyle?.transformOrigin ?? "center",
     ...scene3dStyle?.perspective ? { perspective: scene3dStyle.perspective } : {},
+    // COM-calibrated off-axis correction for a handful of camera presets
+    // (see `visual-3d-camera`'s module doc comment); only reachable when an
+    // explicit `a:camera/a:rot`/`@fov`/`@zoom` override sits alongside one of
+    // those presets, since the homography path above never sets it.
+    ...scene3dStyle?.perspectiveOrigin ? { perspectiveOrigin: scene3dStyle.perspectiveOrigin } : {},
     ...scene3dStyle?.transformStyle ? { transformStyle: scene3dStyle.transformStyle } : {},
     ...isLinkedTextBox2 ? { overflow: "hidden" } : {}
   };
@@ -4846,7 +5102,9 @@ function renderBody(options) {
   }
   if (doInk && isInkElement(el)) {
     return renderInk(el, {
-      replay: isPresentationPassive});
+      replay: isPresentationPassive,
+      pressureSensitive: true
+    });
   }
   if (el.type === "contentPart") {
     return renderContentPart(el, {
@@ -4867,9 +5125,8 @@ function renderBody(options) {
   }
   return renderTextElementBody(options);
 }
-var noop = () => {
-};
-var EMPTY_MEDIA_DATA_URLS = /* @__PURE__ */ new Map();
+
+// src/viewer/components/static-element-renderer-utils.ts
 function defaultTextColorForFill(fillColor) {
   const hex = String(fillColor ?? "").replace(/^#/u, "");
   if (!/^[0-9a-f]{6}$/iu.test(hex)) {
@@ -4879,26 +5136,7 @@ function defaultTextColorForFill(fillColor) {
   const luminance = channels[0] * 0.2126 + channels[1] * 0.7152 + channels[2] * 0.0722;
   return luminance > 0.179 ? DEFAULT_TEXT_COLOR : "#ffffff";
 }
-function StaticElementRendererImpl({
-  element,
-  activeSlide,
-  allSlides,
-  mediaDataUrls = EMPTY_MEDIA_DATA_URLS,
-  sourceSlideIndex,
-  zIndex,
-  positioned = true,
-  fieldContext,
-  tableStyleContext,
-  parentGroupFill,
-  onActionClick,
-  actionRequiresModifier = false,
-  animation,
-  imageAnimation,
-  exposeElementId = false
-}) {
-  if (!isElementRendered(element)) {
-    return null;
-  }
+function getStaticElementVisualState(element, parentGroupFill) {
   const style = hasShapeProperties(element) ? element.shapeStyle : void 0;
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   const fill = normalizeHexColor(style?.fillColor, DEFAULT_FILL_COLOR);
@@ -4922,9 +5160,69 @@ function StaticElementRendererImpl({
   const letsTextOverflow = hasTextProperties(element) && element.textStyle?.autoFitMode === "shrink" && (element.type === "text" || element.locks?.txBox === true);
   const shapeType = hasShapeProperties(element) ? element.shapeType : void 0;
   const isCallout = isWedgeCalloutPresetShape(shapeType) || String(shapeType ?? "").toLowerCase().includes("callout");
+  return {
+    hasFill,
+    fill,
+    strokeWidth,
+    stroke,
+    visualStyle,
+    textStyle,
+    isImage,
+    letsTextOverflow,
+    isCallout
+  };
+}
+function getStaticElementInteractionState(element, hasActionHandler, exposeElementId) {
   const action = element.actionClick;
-  const isActionable = Boolean(action && onActionClick);
+  const isActionable = Boolean(action && hasActionHandler);
   const contractRole = exposeElementId ? getAriaRole(element, { actionable: isElementActionable(element) }) : isActionable ? "button" : void 0;
+  return { action, isActionable, contractRole };
+}
+function getStaticElementWrapperClassName(element, visual, positioned, isActionable) {
+  const overflowClass = visual.isImage || element.type === "group" || isConnectorOrLineElement(element) || visual.isCallout || visual.letsTextOverflow ? "" : "overflow-hidden";
+  const pointerClass = isActionable ? "pointer-events-auto cursor-pointer" : "pointer-events-none";
+  return `${positioned ? "absolute" : "relative"} ${overflowClass} ${pointerClass}`;
+}
+var noop = () => {
+};
+var EMPTY_MEDIA_DATA_URLS = /* @__PURE__ */ new Map();
+function StaticElementRendererImpl({
+  element,
+  activeSlide,
+  allSlides,
+  mediaDataUrls = EMPTY_MEDIA_DATA_URLS,
+  sourceSlideIndex,
+  zIndex,
+  positioned = true,
+  fieldContext,
+  tableStyleContext,
+  parentGroupFill,
+  onActionClick,
+  actionRequiresModifier = false,
+  animation,
+  imageAnimation,
+  exposeElementId = false,
+  suppressReflection = false
+}) {
+  if (!isElementRendered(element)) {
+    return null;
+  }
+  const {
+    hasFill,
+    fill,
+    strokeWidth,
+    stroke,
+    visualStyle,
+    textStyle,
+    isImage,
+    letsTextOverflow,
+    isCallout
+  } = getStaticElementVisualState(element, parentGroupFill);
+  const { action, isActionable, contractRole } = getStaticElementInteractionState(
+    element,
+    Boolean(onActionClick),
+    exposeElementId
+  );
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -4932,7 +5230,12 @@ function StaticElementRendererImpl({
       "data-element-id": exposeElementId ? element.id : void 0,
       "data-pptx-element": exposeElementId ? "true" : void 0,
       "data-pptx-action": isActionable ? "click" : void 0,
-      className: `${positioned ? "absolute" : "relative"} ${isImage || element.type === "group" || isConnectorOrLineElement(element) || isCallout || letsTextOverflow ? "" : "overflow-hidden"} ${isActionable ? "pointer-events-auto cursor-pointer" : "pointer-events-none"}`,
+      className: getStaticElementWrapperClassName(
+        element,
+        { isImage, letsTextOverflow, isCallout },
+        positioned,
+        isActionable
+      ),
       role: contractRole,
       "aria-label": exposeElementId ? getAriaLabel(element) : void 0,
       "aria-roledescription": exposeElementId ? getAriaRoleDescription(element) : void 0,
@@ -4976,7 +5279,7 @@ function StaticElementRendererImpl({
         animation
       },
       children: [
-        /* @__PURE__ */ jsx(ShapeEffectOverlay, { element }),
+        /* @__PURE__ */ jsx(ShapeEffectOverlay, { element, suppressReflection }),
         element.type === "group" ? /* @__PURE__ */ jsx("div", { className: "relative w-full h-full", children: (element.children ?? []).map((child, index) => /* @__PURE__ */ jsx(
           StaticElementRenderer,
           {
@@ -5041,7 +5344,7 @@ function StaticElementRendererImpl({
     }
   );
 }
-var StaticElementRenderer = React19.memo(StaticElementRendererImpl);
+var StaticElementRenderer = React20.memo(StaticElementRendererImpl);
 StaticElementRenderer.displayName = "StaticElementRenderer";
 var PREVIEW_CANVAS_WIDTH = 1280;
 var PREVIEW_CANVAS_HEIGHT = 720;
@@ -5958,17 +6261,17 @@ function ArrangeSection(p) {
 function TransitionsSection(p) {
   const { t } = useTranslation();
   const canEdit = p.canEdit !== false;
-  const draft = React19.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
-  const [durationBuffer, setDurationBuffer] = React19.useState(null);
-  const [advanceBuffer, setAdvanceBuffer] = React19.useState(null);
-  const commit = React19.useCallback(
+  const draft = React20.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
+  const [durationBuffer, setDurationBuffer] = React20.useState(null);
+  const [advanceBuffer, setAdvanceBuffer] = React20.useState(null);
+  const commit = React20.useCallback(
     (changes) => {
       p.onTransitionChange(ribbonTransitionUpdates({ ...draft, ...changes }));
     },
     [draft, p]
   );
-  const soundFileInputRef = React19.useRef(null);
-  const handleSoundFilePicked = React19.useCallback(
+  const soundFileInputRef = React20.useRef(null);
+  const handleSoundFilePicked = React20.useCallback(
     (file) => {
       void readSoundFileAsDataUrl(file).then((dataUrl) => {
         if (dataUrl) {
@@ -6333,7 +6636,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "3.6.0" ;
+  const version = "3.8.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: [
@@ -6769,7 +7072,7 @@ function FontFamilyMenu(p) {
     embeddedFonts: p.embeddedFonts,
     customFonts: p.customFonts
   });
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React19.Fragment, { children: [
+  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React20.Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -10963,8 +11266,8 @@ function Toolbar(p) {
 }
 
 // src/viewer/utils/slide-background-style.ts
-function getReactSlideBackgroundStyle(slide) {
-  const style = getSlideBackgroundStyle(slide);
+function getReactSlideBackgroundStyle(slide, slideSize) {
+  const style = getSlideBackgroundStyle(slide, slideSize);
   return {
     backgroundColor: style["background-color"],
     backgroundImage: slide?.backgroundImage ? void 0 : style["background-image"],
@@ -11306,6 +11609,7 @@ function DrawingOverlaySvg({
   drawingWidth,
   isStrokeActive,
   liveStrokeD,
+  liveStrokeView,
   onPointerDown,
   onPointerMove,
   onPointerUp
@@ -11324,7 +11628,7 @@ function DrawingOverlaySvg({
       onPointerDown,
       onPointerMove,
       onPointerUp,
-      children: isStrokeActive && liveStrokeD && /* @__PURE__ */ jsx(
+      children: isStrokeActive && liveStrokeView ? renderStrokeView(liveStrokeView, true, void 0, "ink-live-preview") : isStrokeActive && liveStrokeD && /* @__PURE__ */ jsx(
         "path",
         {
           d: liveStrokeD,
@@ -11543,7 +11847,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React19.memo(HorizontalRulerView);
+var HorizontalRuler = React20.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -11615,7 +11919,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React19.memo(VerticalRulerView);
+var VerticalRuler = React20.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -12088,6 +12392,140 @@ function useConnectorCreation({
     handleConnectorDragEnd
   };
 }
+
+// src/viewer/components/canvas/canvas-path.ts
+function buildCanvasPathD(points) {
+  if (points.length === 0) {
+    return "";
+  }
+  const parts = [`M ${points[0].x} ${points[0].y}`];
+  for (let i = 1; i < points.length; i++) {
+    parts.push(`L ${points[i].x} ${points[i].y}`);
+  }
+  return parts.join(" ");
+}
+
+// src/viewer/components/canvas/finishDrawStroke.ts
+function finishDrawStroke(input) {
+  const { tool, points, pressures, tiltX, tiltY, color, width } = input;
+  if (points.length < 2) {
+    return null;
+  }
+  let minX = Infinity;
+  let minY = Infinity;
+  let maxX = -Infinity;
+  let maxY = -Infinity;
+  for (const pt of points) {
+    if (pt.x < minX) {
+      minX = pt.x;
+    }
+    if (pt.y < minY) {
+      minY = pt.y;
+    }
+    if (pt.x > maxX) {
+      maxX = pt.x;
+    }
+    if (pt.y > maxY) {
+      maxY = pt.y;
+    }
+  }
+  const pad = width;
+  minX -= pad;
+  minY -= pad;
+  maxX += pad;
+  maxY += pad;
+  const w = Math.max(maxX - minX, 1);
+  const h = Math.max(maxY - minY, 1);
+  const relPoints = points.map((pt) => ({ x: pt.x - minX, y: pt.y - minY }));
+  if (tool === "freeform") {
+    return {
+      kind: "freeform",
+      element: buildFreeformShape(relPoints, { x: minX, y: minY, w, h }, color, width)
+    };
+  }
+  return {
+    kind: "ink",
+    element: buildInkElement(
+      relPoints,
+      { x: minX, y: minY, w, h },
+      tool,
+      { pressures, tiltX, tiltY },
+      color,
+      width
+    )
+  };
+}
+function buildFreeformShape(relPoints, box, color, width) {
+  const COORD_SCALE = 100;
+  const segments = [];
+  for (let i = 0; i < relPoints.length; i++) {
+    const scaledPt = {
+      x: Math.round(relPoints[i].x * COORD_SCALE),
+      y: Math.round(relPoints[i].y * COORD_SCALE)
+    };
+    segments.push(i === 0 ? { type: "moveTo", pt: scaledPt } : { type: "lineTo", pt: scaledPt });
+  }
+  if (segments.length > 2) {
+    segments.push({ type: "close" });
+  }
+  return {
+    id: `shape-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+    type: "shape",
+    x: box.x,
+    y: box.y,
+    width: box.w,
+    height: box.h,
+    shapeType: "custom",
+    shapeStyle: { fillColor: "transparent", strokeColor: color, strokeWidth: width },
+    customGeometryPaths: [
+      { width: Math.round(box.w * COORD_SCALE), height: Math.round(box.h * COORD_SCALE), segments }
+    ]
+  };
+}
+function buildInkElement(relPoints, box, tool, channels, color, width) {
+  const pathD = buildCanvasPathD(relPoints);
+  const isHighlighter = tool === "highlighter";
+  const { pressures, tiltX, tiltY } = channels;
+  const hasPressure = pressures.length >= 2 && pressures.some((p) => Math.abs(p - pressures[0]) > 0.01);
+  const hasTilt = hasTiltData(tiltX, tiltY);
+  return {
+    id: `ink-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+    type: "ink",
+    x: box.x,
+    y: box.y,
+    width: box.w,
+    height: box.h,
+    inkPaths: [pathD],
+    inkColors: [color],
+    inkWidths: [width],
+    inkOpacities: [isHighlighter ? 0.4 : 1],
+    inkTool: isHighlighter ? "highlighter" : "pen",
+    ...hasPressure ? { inkPointPressures: [pressures] } : {},
+    ...hasTilt ? { inkPointTiltX: [tiltX], inkPointTiltY: [tiltY] } : {}
+  };
+}
+function useLiveInkPreview(isStrokeActive, activeTool, points, pressures, tiltX, tiltY, color, width) {
+  const liveStrokeD = useMemo(
+    () => isStrokeActive ? buildCanvasPathD(points) : "",
+    [isStrokeActive, points]
+  );
+  const liveStrokeView = useMemo(() => {
+    if (!isStrokeActive || activeTool === "select" || activeTool === "eraser") {
+      return null;
+    }
+    const inkPoints = points.map((pt, i) => ({
+      x: pt.x,
+      y: pt.y,
+      pressure: pressures[i],
+      tiltX: tiltX[i],
+      tiltY: tiltY[i]
+    }));
+    return buildLiveInkStrokeView({ points: inkPoints, color, width, tool: activeTool });
+  }, [isStrokeActive, activeTool, points, pressures, tiltX, tiltY, color, width]);
+  return { liveStrokeD, liveStrokeView };
+}
+
+// src/viewer/components/canvas/useDrawingOverlay.ts
 function useDrawingOverlay({
   activeTool,
   activeSlide,
@@ -12104,6 +12542,8 @@ function useDrawingOverlay({
     []
   );
   const [currentStrokePressures, setCurrentStrokePressures] = useState([]);
+  const [currentStrokeTiltX, setCurrentStrokeTiltX] = useState([]);
+  const [currentStrokeTiltY, setCurrentStrokeTiltY] = useState([]);
   const [isStrokeActive, setIsStrokeActive] = useState(false);
   const pointerToCanvasCoords = useCallback(
     (e) => {
@@ -12120,16 +12560,6 @@ function useDrawingOverlay({
     },
     [zoom.canvasStageRef, zoom.editorScale]
   );
-  const buildPathD = useCallback((pts) => {
-    if (pts.length === 0) {
-      return "";
-    }
-    const parts = [`M ${pts[0].x} ${pts[0].y}`];
-    for (let i = 1; i < pts.length; i++) {
-      parts.push(`L ${pts[i].x} ${pts[i].y}`);
-    }
-    return parts.join(" ");
-  }, []);
   const handleDrawPointerDown = useCallback(
     (e) => {
       if (activeTool === "select") {
@@ -12154,6 +12584,8 @@ function useDrawingOverlay({
       e.target.setPointerCapture(e.pointerId);
       setCurrentStrokePoints([pt]);
       setCurrentStrokePressures([e.pressure]);
+      setCurrentStrokeTiltX([e.tiltX ?? 0]);
+      setCurrentStrokeTiltY([e.tiltY ?? 0]);
       setIsStrokeActive(true);
       if (isDrawingRef) {
         isDrawingRef.current = true;
@@ -12172,6 +12604,8 @@ function useDrawingOverlay({
       }
       setCurrentStrokePoints((prev) => [...prev, pt]);
       setCurrentStrokePressures((prev) => [...prev, e.pressure]);
+      setCurrentStrokeTiltX((prev) => [...prev, e.tiltX ?? 0]);
+      setCurrentStrokeTiltY((prev) => [...prev, e.tiltY ?? 0]);
     },
     [isStrokeActive, activeTool, pointerToCanvasCoords]
   );
@@ -12185,113 +12619,54 @@ function useDrawingOverlay({
       if (isDrawingRef) {
         isDrawingRef.current = false;
       }
-      if (currentStrokePoints.length < 2) {
-        setCurrentStrokePoints([]);
-        return;
-      }
-      let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
-      for (const pt of currentStrokePoints) {
-        if (pt.x < minX) {
-          minX = pt.x;
-        }
-        if (pt.y < minY) {
-          minY = pt.y;
-        }
-        if (pt.x > maxX) {
-          maxX = pt.x;
-        }
-        if (pt.y > maxY) {
-          maxY = pt.y;
-        }
-      }
-      const PAD = drawingWidth;
-      minX -= PAD;
-      minY -= PAD;
-      maxX += PAD;
-      maxY += PAD;
-      const w = Math.max(maxX - minX, 1);
-      const h = Math.max(maxY - minY, 1);
-      const relPoints = currentStrokePoints.map((pt) => ({
-        x: pt.x - minX,
-        y: pt.y - minY
-      }));
-      if (activeTool === "freeform") {
-        const COORD_SCALE = 100;
-        const pathW = Math.round(w * COORD_SCALE);
-        const pathH = Math.round(h * COORD_SCALE);
-        const segments = [];
-        for (let i = 0; i < relPoints.length; i++) {
-          const scaledPt = {
-            x: Math.round(relPoints[i].x * COORD_SCALE),
-            y: Math.round(relPoints[i].y * COORD_SCALE)
-          };
-          segments.push(
-            i === 0 ? { type: "moveTo", pt: scaledPt } : { type: "lineTo", pt: scaledPt }
-          );
-        }
-        if (segments.length > 2) {
-          segments.push({ type: "close" });
-        }
-        const freeformShape = {
-          id: `shape-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-          type: "shape",
-          x: minX,
-          y: minY,
-          width: w,
-          height: h,
-          shapeType: "custom",
-          shapeStyle: {
-            fillColor: "transparent",
-            strokeColor: drawingColor,
-            strokeWidth: drawingWidth
-          },
-          customGeometryPaths: [{ width: pathW, height: pathH, segments }]
-        };
-        onAddFreeformShape?.(freeformShape);
-      } else {
-        const pathD = buildPathD(relPoints);
-        const isHighlighter = activeTool === "highlighter";
-        const hasPressure = currentStrokePressures.length >= 2 && currentStrokePressures.some((p) => Math.abs(p - currentStrokePressures[0]) > 0.01);
-        const ink = {
-          id: `ink-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-          type: "ink",
-          x: minX,
-          y: minY,
-          width: w,
-          height: h,
-          inkPaths: [pathD],
-          inkColors: [drawingColor],
-          inkWidths: [drawingWidth],
-          inkOpacities: [isHighlighter ? 0.4 : 1],
-          inkTool: isHighlighter ? "highlighter" : "pen",
-          ...hasPressure ? { inkPointPressures: [currentStrokePressures] } : {}
-        };
-        onAddInkElement?.(ink);
+      const finished = finishDrawStroke({
+        tool: activeTool,
+        points: currentStrokePoints,
+        pressures: currentStrokePressures,
+        tiltX: currentStrokeTiltX,
+        tiltY: currentStrokeTiltY,
+        color: drawingColor,
+        width: drawingWidth
+      });
+      if (finished?.kind === "freeform") {
+        onAddFreeformShape?.(finished.element);
+      } else if (finished?.kind === "ink") {
+        onAddInkElement?.(finished.element);
       }
       setCurrentStrokePoints([]);
       setCurrentStrokePressures([]);
+      setCurrentStrokeTiltX([]);
+      setCurrentStrokeTiltY([]);
     },
     [
       isStrokeActive,
       activeTool,
       currentStrokePoints,
+      currentStrokeTiltX,
+      currentStrokeTiltY,
       drawingColor,
       drawingWidth,
       isDrawingRef,
       onAddInkElement,
       onAddFreeformShape,
-      buildPathD,
       currentStrokePressures
     ]
   );
-  const liveStrokeD = useMemo(
-    () => isStrokeActive ? buildPathD(currentStrokePoints) : "",
-    [isStrokeActive, currentStrokePoints, buildPathD]
+  const { liveStrokeD, liveStrokeView } = useLiveInkPreview(
+    isStrokeActive,
+    activeTool,
+    currentStrokePoints,
+    currentStrokePressures,
+    currentStrokeTiltX,
+    currentStrokeTiltY,
+    drawingColor,
+    drawingWidth
   );
   return {
     isDrawing,
     isStrokeActive,
     liveStrokeD,
+    liveStrokeView,
     currentStrokePoints,
     handleDrawPointerDown,
     handleDrawPointerMove,
@@ -12609,6 +12984,7 @@ function SlideCanvas({
     isDrawing,
     isStrokeActive,
     liveStrokeD,
+    liveStrokeView,
     handleDrawPointerDown,
     handleDrawPointerMove,
     handleDrawPointerUp
@@ -12678,7 +13054,10 @@ function SlideCanvas({
                   // pinch-zoom. View/present mode keeps the default so the slide can
                   // still be scrolled and swipe-navigated.
                   touchAction: isEditableCanvas ? "none" : void 0,
-                  ...getReactSlideBackgroundStyle(activeSlide)
+                  ...getReactSlideBackgroundStyle(activeSlide, {
+                    widthPx: canvasSize.width,
+                    heightPx: canvasSize.height
+                  })
                 },
                 onClick: handleStageClick,
                 onDoubleClick: handleStageDblClick,
@@ -12859,6 +13238,7 @@ function SlideCanvas({
                       drawingWidth,
                       isStrokeActive,
                       liveStrokeD,
+                      liveStrokeView,
                       onPointerDown: handleDrawPointerDown,
                       onPointerMove: handleDrawPointerMove,
                       onPointerUp: handleDrawPointerUp
@@ -13320,7 +13700,13 @@ function SlideThumbnailImpl({
     "div",
     {
       className: "relative w-full overflow-hidden rounded border border-border bg-white",
-      style: { height: previewHeight, ...getReactSlideBackgroundStyle(slide) },
+      style: {
+        height: previewHeight,
+        ...getReactSlideBackgroundStyle(slide, {
+          widthPx: safeCanvasWidth,
+          heightPx: safeCanvasHeight
+        })
+      },
       children: /* @__PURE__ */ jsxs(
         "div",
         {
@@ -13398,7 +13784,7 @@ function arePropsEqual2(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React19.memo(SlideThumbnailImpl, arePropsEqual2);
+var SlideThumbnail = React20.memo(SlideThumbnailImpl, arePropsEqual2);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -13948,7 +14334,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React19.memo(LazyThumbnailInner);
+var LazyThumbnail = React20.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function formatTimingMs(ms) {
@@ -14102,7 +14488,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React19.memo(SlideItemInner);
+var SlideItem = React20.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -15423,7 +15809,7 @@ function arePropsEqual3(prev, next) {
   }
   return true;
 }
-var SlideCard = React19.memo(SlideCardImpl, arePropsEqual3);
+var SlideCard = React20.memo(SlideCardImpl, arePropsEqual3);
 function SorterContextMenu({
   x,
   y,
@@ -18867,9 +19253,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React19.createElement("br", { key: span.key });
+      return React20.createElement("br", { key: span.key });
     }
-    return React19.createElement(
+    return React20.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -19098,7 +19484,7 @@ function arePropsEqual4(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React19.memo(ScaledSlidePreviewImpl, arePropsEqual4);
+var ScaledSlidePreview = React20.memo(ScaledSlidePreviewImpl, arePropsEqual4);
 function PresenterNotesRail({
   slides,
   current,
@@ -20287,7 +20673,7 @@ function EffectSoundRow({
   onPick
 }) {
   const { t } = useTranslation();
-  const fileInputRef = React19.useRef(null);
+  const fileInputRef = React20.useRef(null);
   const handleSelectChange = (event) => {
     if (event.target.value === "custom") {
       fileInputRef.current?.click();
@@ -22626,14 +23012,17 @@ function ChartTrendlineOptions({
 function ChartTypeSelector({
   title,
   chartType,
+  chartData,
   grouping,
   seriesCount,
   categoryCount,
   canEdit,
-  onUpdateChartData
+  onUpdateChartData,
+  onTitleChange
 }) {
   const { t } = useTranslation();
   const supportsGrouping = GROUPING_SUPPORTED_TYPES.has(chartType);
+  const displayedType = resolveDisplayedChartType(chartData);
   return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
     /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.heading") }),
     /* @__PURE__ */ jsxs("div", { className: "text-[11px] text-muted-foreground mb-1", children: [
@@ -22654,7 +23043,7 @@ function ChartTypeSelector({
           disabled: !canEdit,
           className: INPUT2,
           value: title ?? "",
-          onChange: (e) => onUpdateChartData({ title: e.target.value })
+          onChange: (e) => onTitleChange(e.target.value)
         }
       )
     ] }),
@@ -22666,7 +23055,7 @@ function ChartTypeSelector({
           "aria-label": t("pptx.chart.type"),
           disabled: !canEdit,
           className: INPUT2,
-          value: chartType,
+          value: displayedType,
           onChange: (e) => onUpdateChartData({
             chartType: e.target.value
           }),
@@ -22692,6 +23081,208 @@ function ChartTypeSelector({
     ] })
   ] });
 }
+function NumberField({ value, canEdit, fraction, nonNegative, onChange }) {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "number",
+      step: fraction ? "0.01" : void 0,
+      min: fraction || nonNegative ? 0 : void 0,
+      max: fraction ? 1 : void 0,
+      disabled: !canEdit,
+      className: INPUT2,
+      value,
+      onChange: (e) => onChange(Number(e.target.value))
+    }
+  );
+}
+function RotationField({
+  row,
+  canEdit,
+  onRotationPatch
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeRotation") }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        step: "1",
+        "aria-label": t("pptx.chart.userShapeRotation"),
+        disabled: !canEdit,
+        className: INPUT2,
+        value: row.rotation ?? 0,
+        onChange: (e) => onRotationPatch(row.path, Number(e.target.value) || void 0)
+      }
+    )
+  ] });
+}
+function FlipFields({
+  row,
+  canEdit,
+  onFlipPatch
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 cursor-pointer", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          "aria-label": t("pptx.arrange.flipHorizontally"),
+          disabled: !canEdit,
+          className: "accent-primary",
+          checked: row.flipH ?? false,
+          onChange: (e) => onFlipPatch(row.path, { flipH: e.target.checked })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.arrange.flipHorizontally") })
+    ] }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 cursor-pointer", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          "aria-label": t("pptx.arrange.flipVertically"),
+          disabled: !canEdit,
+          className: "accent-primary",
+          checked: row.flipV ?? false,
+          onChange: (e) => onFlipPatch(row.path, { flipV: e.target.checked })
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.arrange.flipVertically") })
+    ] })
+  ] });
+}
+function ChartUserShapePositionFields({
+  row,
+  userShapes,
+  canEdit,
+  onPatch,
+  onBoxPatch,
+  onRotationPatch,
+  onFlipPatch
+}) {
+  const { t } = useTranslation();
+  const update = (patch) => onPatch(row.path, patch);
+  if (row.depth === 0) {
+    const from = row.from;
+    return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1 text-[11px]", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeFrom") }),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          fraction: true,
+          canEdit,
+          value: from.x,
+          onChange: (x) => update({ from: { ...from, x } })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        NumberField,
+        {
+          fraction: true,
+          canEdit,
+          value: from.y,
+          onChange: (y) => update({ from: { ...from, y } })
+        }
+      ),
+      row.anchor === "rel" && row.to ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeTo") }),
+        /* @__PURE__ */ jsx(
+          NumberField,
+          {
+            fraction: true,
+            canEdit,
+            value: row.to.x,
+            onChange: (x) => update({ to: { ...row.to, x } })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          NumberField,
+          {
+            fraction: true,
+            canEdit,
+            value: row.to.y,
+            onChange: (y) => update({ to: { ...row.to, y } })
+          }
+        )
+      ] }) : null,
+      row.anchor === "abs" && row.ext ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeSize") }),
+        /* @__PURE__ */ jsx(
+          NumberField,
+          {
+            nonNegative: true,
+            canEdit,
+            value: row.ext.cx,
+            onChange: (cx) => update({ ext: { ...row.ext, cx } })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          NumberField,
+          {
+            nonNegative: true,
+            canEdit,
+            value: row.ext.cy,
+            onChange: (cy) => update({ ext: { ...row.ext, cy } })
+          }
+        )
+      ] }) : null,
+      /* @__PURE__ */ jsx(RotationField, { row, canEdit, onRotationPatch }),
+      /* @__PURE__ */ jsx(FlipFields, { row, canEdit, onFlipPatch })
+    ] });
+  }
+  const box = getChartUserShapeRowChartBox(userShapes, row.path);
+  if (!box) {
+    return null;
+  }
+  const patchBox = (next) => onBoxPatch(row.path, { from: box.from, to: box.to, ...next });
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1 text-[11px]", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeFrom") }),
+    /* @__PURE__ */ jsx(
+      NumberField,
+      {
+        fraction: true,
+        canEdit,
+        value: box.from.x,
+        onChange: (x) => patchBox({ from: { ...box.from, x } })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NumberField,
+      {
+        fraction: true,
+        canEdit,
+        value: box.from.y,
+        onChange: (y) => patchBox({ from: { ...box.from, y } })
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeTo") }),
+    /* @__PURE__ */ jsx(
+      NumberField,
+      {
+        fraction: true,
+        canEdit,
+        value: box.to.x,
+        onChange: (x) => patchBox({ to: { ...box.to, x } })
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NumberField,
+      {
+        fraction: true,
+        canEdit,
+        value: box.to.y,
+        onChange: (y) => patchBox({ to: { ...box.to, y } })
+      }
+    ),
+    /* @__PURE__ */ jsx(RotationField, { row, canEdit, onRotationPatch }),
+    /* @__PURE__ */ jsx(FlipFields, { row, canEdit, onFlipPatch })
+  ] });
+}
+var PATH_KEY = (path) => path.join(",");
 function ChartUserShapeOptions({
   chartData,
   canEdit,
@@ -22699,11 +23290,28 @@ function ChartUserShapeOptions({
 }) {
   const { t } = useTranslation();
   const shapes = chartData.userShapes;
-  const descriptors = listChartUserShapeDescriptors(shapes);
+  const rows = listChartUserShapeRows(shapes);
   const kindLabel = (kind) => {
     const key = `pptx.chart.userShapeKind${kind.charAt(0).toUpperCase()}${kind.slice(1)}`;
     return t(key);
   };
+  const update = (path, patch) => onUpdateChartData({ userShapes: withChartUserShapeRowUpdated(shapes, path, patch) });
+  const updateBox = (path, box) => onUpdateChartData({ userShapes: withChartUserShapeRowChartBoxUpdated(shapes, path, box) });
+  const updateRotation = (path, rotation) => onUpdateChartData({ userShapes: withChartUserShapeRowRotationUpdated(shapes, path, rotation) });
+  const updateFlip = (path, flip) => onUpdateChartData({ userShapes: withChartUserShapeRowFlipUpdated(shapes, path, flip) });
+  const addIntoGroup = (path) => {
+    const transform = getChartUserShapeGroupTransform(shapes, path);
+    if (!transform) {
+      return;
+    }
+    onUpdateChartData({
+      userShapes: withChartUserShapeGroupChildAdded(
+        shapes,
+        path,
+        createDefaultChartUserShapeGroupChild(transform)
+      )
+    });
+  };
   return /* @__PURE__ */ jsxs("div", { className: CARD2, children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsx("div", { className: HEADING2, children: t("pptx.chart.userShapes") }),
@@ -22720,99 +23328,120 @@ function ChartUserShapeOptions({
         }
       )
     ] }),
-    descriptors.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: t("pptx.chart.userShapesEmpty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: descriptors.map((d) => /* @__PURE__ */ jsxs("div", { className: "space-y-1 rounded border border-border p-1.5", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
-        /* @__PURE__ */ jsxs("span", { className: "flex-1 truncate", children: [
-          kindLabel(d.kind),
-          d.text ? ` - ${d.text}` : ""
-        ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            disabled: !canEdit,
-            "aria-label": t("pptx.chart.userShapeDelete"),
-            className: BTN2,
-            onClick: () => onUpdateChartData({ userShapes: withChartUserShapeRemoved(shapes, d.index) }),
-            children: "\u2715"
-          }
-        )
-      ] }),
-      d.editable ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-[11px]", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeFrom") }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            step: "0.01",
-            min: 0,
-            max: 1,
-            disabled: !canEdit,
-            className: INPUT2,
-            value: d.from.x,
-            onChange: (e) => onUpdateChartData({
-              userShapes: withChartUserShapeUpdated(shapes, d.index, {
-                from: { ...d.from, x: Number(e.target.value) }
-              })
-            })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "number",
-            step: "0.01",
-            min: 0,
-            max: 1,
-            disabled: !canEdit,
-            className: INPUT2,
-            value: d.from.y,
-            onChange: (e) => onUpdateChartData({
-              userShapes: withChartUserShapeUpdated(shapes, d.index, {
-                from: { ...d.from, y: Number(e.target.value) }
-              })
-            })
-          }
-        ),
-        d.anchor === "rel" && d.to ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeTo") }),
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "number",
-              step: "0.01",
-              min: 0,
-              max: 1,
-              disabled: !canEdit,
-              className: INPUT2,
-              value: d.to.x,
-              onChange: (e) => onUpdateChartData({
-                userShapes: withChartUserShapeUpdated(shapes, d.index, {
-                  to: { ...d.to, x: Number(e.target.value) }
+    rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: t("pptx.chart.userShapesEmpty") }) : /* @__PURE__ */ jsx("div", { className: "space-y-2", children: rows.map((row) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-chart-user-shape-path": PATH_KEY(row.path),
+        style: { marginLeft: row.depth * 12 },
+        className: "space-y-1 rounded border border-border p-1.5",
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex-1 truncate", children: [
+              kindLabel(row.kind),
+              row.text ? ` - ${row.text}` : ""
+            ] }),
+            row.isGroup ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canEdit,
+                className: BTN2,
+                onClick: () => addIntoGroup(row.path),
+                children: t("pptx.chart.userShapeAddIntoGroup")
+              }
+            ) : null,
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canEdit,
+                "aria-label": t("pptx.chart.userShapeDelete"),
+                className: BTN2,
+                onClick: () => onUpdateChartData({
+                  userShapes: withChartUserShapeRowRemoved(shapes, row.path)
+                }),
+                children: "\u2715"
+              }
+            )
+          ] }),
+          row.editableVisuals ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-[11px]", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeText") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                "aria-label": t("pptx.chart.userShapeText"),
+                disabled: !canEdit,
+                className: INPUT2,
+                value: row.text ?? "",
+                onChange: (e) => onUpdateChartData({
+                  userShapes: withChartUserShapeRowTextUpdated(
+                    shapes,
+                    row.path,
+                    e.target.value
+                  )
                 })
-              })
-            }
-          ),
+              }
+            )
+          ] }) : null,
+          row.editableVisuals ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px]", children: [
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeFill") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "color",
+                  "aria-label": t("pptx.chart.userShapeFill"),
+                  disabled: !canEdit,
+                  value: row.fill ?? "#ffffff",
+                  onChange: (e) => update(row.path, { fill: e.target.value })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeStroke") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "color",
+                  "aria-label": t("pptx.chart.userShapeStroke"),
+                  disabled: !canEdit,
+                  value: row.stroke ?? "#000000",
+                  onChange: (e) => update(row.path, { stroke: e.target.value })
+                }
+              )
+            ] })
+          ] }) : null,
+          row.editableAltText ? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-[11px]", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.chart.userShapeAltText") }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                "aria-label": t("pptx.chart.userShapeAltText"),
+                disabled: !canEdit,
+                className: INPUT2,
+                value: row.altText ?? "",
+                onChange: (e) => update(row.path, { altText: e.target.value })
+              }
+            )
+          ] }) : null,
           /* @__PURE__ */ jsx(
-            "input",
+            ChartUserShapePositionFields,
             {
-              type: "number",
-              step: "0.01",
-              min: 0,
-              max: 1,
-              disabled: !canEdit,
-              className: INPUT2,
-              value: d.to.y,
-              onChange: (e) => onUpdateChartData({
-                userShapes: withChartUserShapeUpdated(shapes, d.index, {
-                  to: { ...d.to, y: Number(e.target.value) }
-                })
-              })
+              row,
+              userShapes: shapes,
+              canEdit,
+              onPatch: update,
+              onBoxPatch: updateBox,
+              onRotationPatch: updateRotation,
+              onFlipPatch: updateFlip
             }
           )
-        ] }) : null
-      ] }) : /* @__PURE__ */ jsx("div", { className: "text-[10px] italic text-muted-foreground", children: t("pptx.chart.userShapeNotEditable") })
-    ] }, d.index)) })
+        ]
+      },
+      PATH_KEY(row.path)
+    )) })
   ] });
 }
 function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
@@ -22843,6 +23472,15 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
     },
     [chartData, replaceChartData]
   );
+  const updateTitle = useCallback(
+    (text) => {
+      if (!chartData) {
+        return;
+      }
+      updateChartData(collapseChartTitleRunsForEdit(chartData, text));
+    },
+    [chartData, updateChartData]
+  );
   const updateStyle = useCallback(
     (patch) => {
       if (!chartData) {
@@ -23039,11 +23677,13 @@ function ChartDataPanel({ selectedElement, canEdit, onUpdateElement }) {
       {
         title,
         chartType,
+        chartData,
         grouping,
         seriesCount: series.length,
         categoryCount: categories.length,
         canEdit,
-        onUpdateChartData: updateChartData
+        onUpdateChartData: updateChartData,
+        onTitleChange: updateTitle
       }
     ),
     /* @__PURE__ */ jsx(
@@ -23218,7 +23858,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React19.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React20.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(
@@ -24873,6 +25513,48 @@ function MediaPropertiesPanel({
     )
   ] });
 }
+function AccessibilityTextSection({
+  selectedElement,
+  canEdit,
+  onUpdateElement
+}) {
+  const { t } = useTranslation();
+  const fields = getNonVisualDescriptionFields(selectedElement);
+  if (!fields.showAltText && !fields.showTitle) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs("div", { className: CARD, "data-pptx-accessibility-text": true, children: [
+    /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.accessibility.heading", "Accessibility") }),
+    fields.showAltText && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.elementAccessibility.altText") }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          rows: 2,
+          disabled: !canEdit,
+          placeholder: t("pptx.elementAccessibility.altTextPlaceholder"),
+          className: cn(INPUT, "resize-none text-[11px]"),
+          value: fields.altText,
+          onChange: (e) => onUpdateElement({ altText: e.target.value })
+        }
+      )
+    ] }),
+    fields.showTitle && /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.elementAccessibility.title") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "text",
+          disabled: !canEdit,
+          placeholder: t("pptx.elementAccessibility.titlePlaceholder"),
+          className: cn(INPUT, "text-[11px]"),
+          value: fields.title,
+          onChange: (e) => onUpdateElement({ title: e.target.value })
+        }
+      )
+    ] })
+  ] });
+}
 
 // src/viewer/components/inspector/fill-stroke-options.ts
 var COMPOUND_LINE_OPTIONS2 = COMPOUND_LINE_OPTIONS;
@@ -26034,7 +26716,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React19.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React20.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -26902,7 +27584,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React19.useState(false);
+  const [expanded, setExpanded] = React20.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxs(
@@ -27104,6 +27786,14 @@ function ShapeTextPanels({
         canEdit,
         onUpdateTextStyle
       }
+    ),
+    shouldShowAccessibilitySection(selectedElement) && /* @__PURE__ */ jsx(
+      AccessibilityTextSection,
+      {
+        selectedElement,
+        canEdit,
+        onUpdateElement
+      }
     )
   ] });
 }
@@ -27545,7 +28235,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React19.useCallback((key) => t(key), [t]);
+  const translate = React20.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") }),
@@ -27600,9 +28290,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React19.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React19.useRef(null);
-  React19.useEffect(() => {
+  const inputRefs = React20.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React20.useRef(null);
+  React20.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -28438,13 +29128,252 @@ function TableCellFormattingPanel({
     ] })
   ] });
 }
+function TableStyleEditorFields({
+  descriptor,
+  canEdit,
+  onEdit
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.fillSection") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[11px]", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "color",
+            disabled: !canEdit,
+            value: descriptor.fill.color.hex,
+            onChange: (e) => onEdit({ kind: "fillColor", hex: e.target.value, ref: void 0 }),
+            className: "h-6 w-8 rounded border border-border bg-transparent cursor-pointer"
+          }
+        ),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              disabled: !canEdit,
+              checked: descriptor.fill.noFill,
+              onChange: (e) => onEdit({ kind: "fillNone", noFill: e.target.checked })
+            }
+          ),
+          t("pptx.tableStyleEditor.noFill")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        ThemeColorSwatchGrid,
+        {
+          prefix: "table-style-fill",
+          disabled: !canEdit,
+          selectedRef: descriptor.fill.color.ref,
+          selectedHex: descriptor.fill.color.hex,
+          onPick: (c) => onEdit({ kind: "fillColor", hex: c.hex, ref: c.ref })
+        }
+      )
+    ] }),
+    descriptor.hasTextAndBorders && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.textSection") }),
+        /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: ["bold", "italic", "underline"].map((flag) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !canEdit,
+            className: `${BTN} ${descriptor.text[flag] ? "bg-accent" : ""}`,
+            onClick: () => onEdit(textFlagEdit(flag, !descriptor.text[flag])),
+            children: t(`pptx.format.${flag}`)
+          },
+          flag
+        )) }),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-[11px]", children: [
+          /* @__PURE__ */ jsx("span", { children: t("pptx.tableStyleEditor.textColor") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "color",
+              disabled: !canEdit,
+              value: descriptor.text.color.hex,
+              onChange: (e) => onEdit({ kind: "textColor", hex: e.target.value, ref: void 0 }),
+              className: "h-6 w-8 rounded border border-border bg-transparent cursor-pointer"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ThemeColorSwatchGrid,
+          {
+            prefix: "table-style-text",
+            disabled: !canEdit,
+            selectedRef: descriptor.text.color.ref,
+            selectedHex: descriptor.text.color.hex,
+            onPick: (c) => onEdit({ kind: "textColor", hex: c.hex, ref: c.ref })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.bordersSection") }),
+        TABLE_STYLE_BORDER_SIDES.map((side) => /* @__PURE__ */ jsx(
+          BorderSideRow,
+          {
+            side,
+            state: descriptor.borders[side],
+            canEdit,
+            onEdit
+          },
+          side
+        ))
+      ] })
+    ] })
+  ] });
+}
+function textFlagEdit(flag, value) {
+  if (flag === "bold") {
+    return { kind: "textBold", value };
+  }
+  if (flag === "italic") {
+    return { kind: "textItalic", value };
+  }
+  return { kind: "textUnderline", value };
+}
+function BorderSideRow({
+  side,
+  state,
+  canEdit,
+  onEdit
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-[11px]", children: [
+    /* @__PURE__ */ jsx("span", { className: "w-28 shrink-0 text-muted-foreground", children: t(TABLE_STYLE_BORDER_SIDE_LABEL_KEYS[side]) }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "color",
+        disabled: !canEdit,
+        value: state.color.hex,
+        onChange: (e) => onEdit({ kind: "borderColor", side, hex: e.target.value, ref: void 0 }),
+        className: "h-6 w-7 rounded border border-border bg-transparent cursor-pointer"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "number",
+        min: 0,
+        max: 20,
+        disabled: !canEdit,
+        value: state.width,
+        onChange: (e) => onEdit({ kind: "borderWidth", side, width: Number(e.target.value) }),
+        className: `${INPUT} w-12`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        disabled: !canEdit,
+        value: state.dash,
+        onChange: (e) => onEdit({ kind: "borderDash", side, dash: e.target.value }),
+        className: INPUT,
+        children: TABLE_STYLE_DASH_PRESETS.map((dash) => /* @__PURE__ */ jsx("option", { value: dash, children: dash }, dash))
+      }
+    ),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-1 shrink-0", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          disabled: !canEdit,
+          checked: state.noFill,
+          onChange: (e) => onEdit({ kind: "borderNone", side, noFill: e.target.checked })
+        }
+      ),
+      t("pptx.tableStyleEditor.noBorder")
+    ] })
+  ] });
+}
+function TableStyleEditor({
+  styleMap,
+  styleId,
+  canEdit,
+  onStyleMapChange,
+  onDeleteStyle,
+  onAssignStyle,
+  onClose
+}) {
+  const { t } = useTranslation();
+  const themeColorMap = useThemeColorMap();
+  const [activeStyleId, setActiveStyleId] = useState(
+    styleId ? normalizeTableStyleGuid(styleId) : ""
+  );
+  const [selectedPart, setSelectedPart] = useState("wholeTbl");
+  const entry = activeStyleId ? styleMap?.[activeStyleId] : void 0;
+  const descriptor = describeTableStyleEditor(entry, selectedPart, themeColorMap);
+  function edit(fieldEdit) {
+    if (!entry || !styleMap) {
+      return;
+    }
+    const { entry: nextEntry } = applyTableStyleFieldEdit(entry, selectedPart, fieldEdit);
+    onStyleMapChange({ ...styleMap, [nextEntry.styleId]: nextEntry });
+  }
+  function createFromCurrent() {
+    const name = window.prompt(
+      t("pptx.tableStyleEditor.newStyleNamePrompt"),
+      entry ? `${entry.styleName ?? ""} Copy`.trim() : ""
+    );
+    if (!name) {
+      return;
+    }
+    const nextMap = { ...styleMap ?? {} };
+    const created = createTableStyleEntry(nextMap, { styleName: name, basedOn: entry });
+    addTableStyleToMap(nextMap, created);
+    onStyleMapChange(nextMap);
+    setActiveStyleId(created.styleId);
+    onAssignStyle?.(created.styleId);
+  }
+  function handleDelete() {
+    if (!entry || !styleMap || !window.confirm(t("pptx.tableStyleEditor.deleteConfirm"))) {
+      return;
+    }
+    const nextMap = { ...styleMap };
+    deleteTableStyleFromMap(nextMap, entry.styleId);
+    onStyleMapChange(nextMap);
+    onDeleteStyle(entry.styleId);
+    onClose();
+  }
+  return /* @__PURE__ */ jsxs("div", { className: CARD, "data-testid": "table-style-editor", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.tableStyleEditor.title") }),
+      /* @__PURE__ */ jsx("button", { type: "button", className: BTN, onClick: onClose, children: t("pptx.tableStyleEditor.close") })
+    ] }),
+    !entry && /* @__PURE__ */ jsx("div", { className: "text-[11px] text-muted-foreground", children: t("pptx.tableStyleEditor.noStyleSelected") }),
+    entry && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: TABLE_STYLE_EDITOR_PARTS.map((part) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        disabled: !canEdit,
+        className: `${BTN} ${selectedPart === part.id ? "bg-accent" : ""}`,
+        onClick: () => setSelectedPart(part.id),
+        children: t(part.labelKey)
+      },
+      part.id
+    )) }),
+    descriptor && /* @__PURE__ */ jsx(TableStyleEditorFields, { descriptor, canEdit, onEdit: edit }),
+    /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5 pt-1 border-t border-border", children: [
+      /* @__PURE__ */ jsx("button", { type: "button", className: BTN, disabled: !canEdit, onClick: createFromCurrent, children: entry ? t("pptx.tableStyleEditor.newFromCurrent") : t("pptx.tableStyleEditor.newStyle") }),
+      entry && /* @__PURE__ */ jsx("button", { type: "button", className: BTN, disabled: !canEdit, onClick: handleDelete, children: t("pptx.tableStyleEditor.deleteStyle") })
+    ] })
+  ] });
+}
 function TablePropertiesPanel({
   tableElement,
   canEdit,
   onUpdateElement,
-  tableEditorState
+  tableEditorState,
+  tableStyleMap,
+  onTableStyleMapChange,
+  onDeleteTableStyle
 }) {
   const { t } = useTranslation();
+  const [showStyleEditor, setShowStyleEditor] = useState(false);
   const td = tableElement.tableData;
   if (!td) {
     return null;
@@ -28535,8 +29464,30 @@ function TablePropertiesPanel({
           ] })
         },
         preset.id
-      )) })
+      )) }),
+      onTableStyleMapChange && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `${BTN} mt-1.5`,
+          disabled: !canEdit,
+          onClick: () => setShowStyleEditor((v) => !v),
+          children: t("pptx.tableStyleEditor.editButton")
+        }
+      )
     ] }),
+    showStyleEditor && onTableStyleMapChange && /* @__PURE__ */ jsx(
+      TableStyleEditor,
+      {
+        styleMap: tableStyleMap,
+        styleId: td.tableStyleId,
+        canEdit,
+        onStyleMapChange: onTableStyleMapChange,
+        onDeleteStyle: (styleId) => onDeleteTableStyle?.(styleId),
+        onAssignStyle: (styleId) => updateTableData(tableStyleAssignmentUpdate(styleId)),
+        onClose: () => setShowStyleEditor(false)
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: CARD, children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1", children: [
         /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.table.columnWidths") }),
@@ -28634,6 +29585,9 @@ function ElementInspectorBody({
   customShows,
   tableEditorState,
   mediaDataUrls,
+  tableStyleMap,
+  onTableStyleMapChange,
+  onDeleteTableStyle,
   onUpdateElement,
   onUpdateElementStyle,
   onUpdateTextStyle,
@@ -28695,7 +29649,10 @@ function ElementInspectorBody({
           tableElement: selectedElement,
           canEdit,
           onUpdateElement,
-          tableEditorState
+          tableEditorState,
+          tableStyleMap,
+          onTableStyleMapChange,
+          onDeleteTableStyle
         }
       )
     ] }),
@@ -28914,7 +29871,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React19.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React20.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -30043,9 +31000,17 @@ function TransitionPreview({
       durationMs,
       transition.direction,
       transition.orient,
-      transition.spokes
+      transition.spokes,
+      transition.pattern
     ),
-    [transition.type, transition.direction, transition.orient, transition.spokes, durationMs]
+    [
+      transition.type,
+      transition.direction,
+      transition.orient,
+      transition.spokes,
+      transition.pattern,
+      durationMs
+    ]
   );
   const handlePlay = useCallback(() => {
     setPlaying(true);
@@ -30375,7 +31340,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React19.useCallback(
+  const handleTransitionChange = React20.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -30734,6 +31699,9 @@ function InspectorPane(props) {
     onGetTemplateBackgroundColor,
     mediaDataUrls,
     theme,
+    tableStyleMap,
+    onTableStyleMapChange,
+    onDeleteTableStyle,
     panelWidth
   } = props;
   const hasSelection = selectedElement !== null;
@@ -30816,6 +31784,9 @@ function InspectorPane(props) {
                 customShows,
                 tableEditorState,
                 mediaDataUrls,
+                tableStyleMap,
+                onTableStyleMapChange,
+                onDeleteTableStyle,
                 onUpdateElement,
                 onUpdateElementStyle,
                 onUpdateTextStyle,
@@ -31549,9 +32520,17 @@ function PresentationTransitionOverlay({
       durationMs,
       transition.direction,
       transition.orient,
-      transition.spokes
+      transition.spokes,
+      transition.pattern
     ),
-    [transition.type, transition.direction, transition.orient, transition.spokes, durationMs]
+    [
+      transition.type,
+      transition.direction,
+      transition.orient,
+      transition.spokes,
+      transition.pattern,
+      durationMs
+    ]
   );
   const scale = useMemo(() => {
     if (resolvedStageScale !== null) {
@@ -34007,6 +34986,9 @@ function ViewerInspector({
   onGetTemplateBackgroundColor,
   mediaDataUrls,
   theme,
+  tableStyleMap,
+  onTableStyleMapChange,
+  onDeleteTableStyle,
   panelWidth
 }) {
   const { t } = useTranslation();
@@ -34096,6 +35078,9 @@ function ViewerInspector({
           onGetTemplateBackgroundColor,
           mediaDataUrls,
           theme,
+          tableStyleMap,
+          onTableStyleMapChange,
+          onDeleteTableStyle,
           panelWidth
         }
       )
@@ -34405,7 +35390,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React19.useMemo(
+  const scopedLayoutOptions = React20.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -35608,7 +36593,10 @@ function PresentationStage({
                       // the stage publishes its own size for those calc() offsets.
                       "--pptx-slide-w": `${safeWidth}px`,
                       "--pptx-slide-h": `${safeHeight}px`,
-                      ...getReactSlideBackgroundStyle(activeSlide)
+                      ...getReactSlideBackgroundStyle(activeSlide, {
+                        widthPx: canvasSize.width,
+                        heightPx: canvasSize.height
+                      })
                     },
                     children: [
                       /* @__PURE__ */ jsx(SlideBackgroundImageLayer, { slide: activeSlide }),
@@ -36238,10 +37226,26 @@ ${url}`)) {
     )
   );
 }
+
+// src/viewer/hooks/useTableStyleMapHandlers.ts
+function useTableStyleMapHandlers(input) {
+  const { tableStyleMap, setTableStyleMap, tableStylesToDelete, setTableStylesToDelete } = input;
+  const handleTableStyleMapChange = (nextMap) => {
+    const result = applyTableStyleMapChange({ tableStyleMap, tableStylesToDelete }, nextMap);
+    setTableStyleMap(result.tableStyleMap);
+    setTableStylesToDelete(result.tableStylesToDelete);
+  };
+  const handleDeleteTableStyle = (styleId) => {
+    const result = applyTableStyleDelete({ tableStyleMap, tableStylesToDelete }, styleId);
+    setTableStyleMap(result.tableStyleMap);
+    setTableStylesToDelete(result.tableStylesToDelete);
+  };
+  return { handleTableStyleMapChange, handleDeleteTableStyle };
+}
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-L5QGWVZK.mjs')
+    import('./AiChatPanel-II6VOOAL.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -37156,6 +38160,12 @@ function ViewerSidePanels(props) {
     s.setCanvasSize(slideSizeToCanvasPx(size));
     history.markDirty();
   };
+  const { handleTableStyleMapChange, handleDeleteTableStyle } = useTableStyleMapHandlers({
+    tableStyleMap: s.tableStyleMap,
+    setTableStyleMap: s.setTableStyleMap,
+    tableStylesToDelete: s.tableStylesToDelete,
+    setTableStylesToDelete: s.setTableStylesToDelete
+  });
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const currentBuiltInTheme = BUILT_IN_THEMES.find(
     (candidate) => themeColorSchemesEqual(s.theme?.colorScheme, candidate.colorScheme)
@@ -37213,6 +38223,9 @@ function ViewerSidePanels(props) {
         onGetTemplateBackgroundColor: themeHandlers.handleGetTemplateBackgroundColor,
         mediaDataUrls: s.mediaDataUrls,
         theme: s.theme,
+        tableStyleMap: s.tableStyleMap,
+        onTableStyleMapChange: handleTableStyleMapChange,
+        onDeleteTableStyle: handleDeleteTableStyle,
         panelWidth
       }
     ),
@@ -38027,8 +39040,24 @@ function MobileChromeOverlay(props) {
     )
   ] });
 }
-function ReadOnlyBanner({ recommendation, onEditAnyway, onDismiss }) {
+function ReadOnlyBanner({
+  recommendation,
+  onEditAnyway,
+  onDismiss,
+  passwordPromptOpen = false,
+  passwordError = null,
+  checkingPassword = false,
+  onSubmitPassword,
+  onCancelPassword
+}) {
   const { t } = useTranslation();
+  const [password, setPassword] = useState("");
+  const inputId = useId();
+  const errorId = useId();
+  const handleSubmit = (event) => {
+    event.preventDefault();
+    onSubmitPassword?.(password);
+  };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -38037,27 +39066,87 @@ function ReadOnlyBanner({ recommendation, onEditAnyway, onDismiss }) {
       className: "flex items-center gap-3 px-3 py-1.5 bg-amber-600/10 border-b border-amber-600/30 text-[12px] text-amber-900 dark:text-amber-200",
       children: [
         /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0", children: t(recommendation.messageKey) }),
-        /* @__PURE__ */ jsx(
-          "button",
+        passwordPromptOpen ? /* @__PURE__ */ jsxs(
+          "form",
           {
-            type: "button",
-            "data-testid": "pptx-readonly-edit-anyway",
-            onClick: onEditAnyway,
-            className: "shrink-0 rounded-sm bg-amber-600/90 px-2 py-0.5 text-[11px] text-amber-50 transition-colors hover:bg-amber-600",
-            children: t("pptx.readOnly.editAnyway")
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-testid": "pptx-readonly-dismiss",
-            onClick: onDismiss,
-            "aria-label": t("pptx.readOnly.dismiss"),
-            className: "shrink-0 rounded-sm px-1.5 py-0.5 text-[11px] text-amber-900/80 transition-colors hover:bg-amber-600/20 dark:text-amber-200/80",
-            children: t("pptx.readOnly.dismiss")
+            "data-testid": "pptx-readonly-password-form",
+            onSubmit: handleSubmit,
+            className: "flex shrink-0 items-center gap-2",
+            children: [
+              /* @__PURE__ */ jsx("label", { htmlFor: inputId, className: "sr-only", children: t("pptx.readOnly.passwordLabel") }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: inputId,
+                  "data-testid": "pptx-readonly-password-input",
+                  type: "password",
+                  autoFocus: true,
+                  value: password,
+                  disabled: checkingPassword,
+                  onChange: (event) => setPassword(event.target.value),
+                  placeholder: t("pptx.readOnly.passwordPlaceholder"),
+                  "aria-invalid": passwordError !== null,
+                  "aria-describedby": passwordError !== null ? errorId : void 0,
+                  className: "rounded-sm border border-amber-600/40 bg-white/80 px-1.5 py-0.5 text-[11px] text-amber-950 dark:bg-black/20 dark:text-amber-100"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "submit",
+                  "data-testid": "pptx-readonly-unlock",
+                  disabled: checkingPassword,
+                  className: "shrink-0 rounded-sm bg-amber-600/90 px-2 py-0.5 text-[11px] text-amber-50 transition-colors hover:bg-amber-600 disabled:opacity-60",
+                  children: t("pptx.readOnly.unlock")
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  "data-testid": "pptx-readonly-password-cancel",
+                  onClick: onCancelPassword,
+                  className: "shrink-0 rounded-sm px-1.5 py-0.5 text-[11px] text-amber-900/80 transition-colors hover:bg-amber-600/20 dark:text-amber-200/80",
+                  children: t("pptx.common.cancel")
+                }
+              ),
+              passwordError !== null && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  id: errorId,
+                  role: "alert",
+                  "data-testid": "pptx-readonly-password-error",
+                  className: "shrink-0 text-[11px] text-red-700 dark:text-red-300",
+                  children: t(
+                    passwordError === "wrong-password" ? "pptx.readOnly.wrongPassword" : "pptx.readOnly.unsupportedAlgorithm"
+                  )
+                }
+              )
+            ]
           }
-        )
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-testid": "pptx-readonly-edit-anyway",
+              onClick: onEditAnyway,
+              className: "shrink-0 rounded-sm bg-amber-600/90 px-2 py-0.5 text-[11px] text-amber-50 transition-colors hover:bg-amber-600",
+              children: t("pptx.readOnly.editAnyway")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "data-testid": "pptx-readonly-dismiss",
+              onClick: onDismiss,
+              "aria-label": t("pptx.readOnly.dismiss"),
+              className: "shrink-0 rounded-sm px-1.5 py-0.5 text-[11px] text-amber-900/80 transition-colors hover:bg-amber-600/20 dark:text-amber-200/80",
+              children: t("pptx.readOnly.dismiss")
+            }
+          )
+        ] })
       ]
     }
   );
@@ -38991,9 +40080,13 @@ function useAiBridge(input) {
       presentationProperties: live.presentationProperties,
       customProperties: live.customProperties,
       coreProperties: live.coreProperties,
-      appProperties: live.appProperties
+      appProperties: live.appProperties,
+      viewProperties: live.viewProperties,
+      tableStyleMap: live.tableStyleMap,
+      tableStylesDefaultId: live.tableStylesDefaultId,
+      tags: live.tagCollections
     });
-    const differs = (a, b) => JSON.stringify(a) !== JSON.stringify(b);
+    const differs = deckDataFieldChanged;
     return {
       getDeckMeta() {
         const live = ref.current;
@@ -39067,6 +40160,19 @@ function useAiBridge(input) {
         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();
       },
       getFocusedTargets() {
@@ -39835,6 +40941,7 @@ var PowerPointViewer = forwardRef(
       // http(s) image sources actually load.
       allowExternalImages: viewerOptions.trust.allowExternalContent,
       setReadOnlyRecommendation: readOnlyRec.setRecommendation,
+      setModifyVerifier: readOnlyRec.setModifyVerifier,
       setCompatToasts: compatToastsState.setToasts,
       canEdit,
       promptKeepInkAnnotations: viewerOptions.advanced.slideShowPromptKeepInkAnnotations,
@@ -39960,12 +41067,20 @@ var PowerPointViewer = forwardRef(
       customProperties: state.customProperties,
       coreProperties: state.coreProperties,
       appProperties: state.appProperties,
+      viewProperties: state.viewProperties,
+      tableStyleMap: state.tableStyleMap,
+      tableStylesDefaultId: state.tableStylesDefaultId,
+      tagCollections: state.tagCollections,
       setCanvasSize: state.setCanvasSize,
       setSections: state.setSections,
       setPresentationProperties: state.setPresentationProperties,
       setCustomProperties: state.setCustomProperties,
       setCoreProperties: state.setCoreProperties,
       setAppProperties: state.setAppProperties,
+      setViewProperties: state.setViewProperties,
+      setTableStyleMap: state.setTableStyleMap,
+      setTableStylesDefaultId: state.setTableStylesDefaultId,
+      setTagCollections: state.setTagCollections,
       setSlides: state.setSlides,
       setActiveSlideIndex: state.setActiveSlideIndex,
       applySelection: editorOps.ops.applySelection,
@@ -40056,7 +41171,12 @@ var PowerPointViewer = forwardRef(
                   {
                     recommendation: readOnlyRec.recommendation,
                     onEditAnyway: readOnlyRec.editAnyway,
-                    onDismiss: readOnlyRec.dismiss
+                    onDismiss: readOnlyRec.dismiss,
+                    passwordPromptOpen: readOnlyRec.passwordPromptOpen,
+                    passwordError: readOnlyRec.passwordError,
+                    checkingPassword: readOnlyRec.checkingPassword,
+                    onSubmitPassword: readOnlyRec.submitPassword,
+                    onCancelPassword: readOnlyRec.cancelPasswordPrompt
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -40343,7 +41463,29 @@ var PowerPointViewer = forwardRef(
                 content,
                 loadVersion,
                 loadOrigin,
-                livePatcher: state.livePatcher
+                livePatcher: state.livePatcher,
+                deckSaveState: {
+                  headerFooter: state.headerFooter,
+                  presentationProperties: state.presentationProperties,
+                  viewProperties: state.viewProperties,
+                  customShows: state.customShows,
+                  sections: state.sections,
+                  coreProperties: state.coreProperties,
+                  appProperties: state.appProperties,
+                  customProperties: state.customProperties,
+                  tagCollections: state.tagCollections,
+                  slideMasters: state.slideMasters,
+                  notesMaster: state.notesMaster,
+                  handoutMaster: state.handoutMaster,
+                  slideSize: resolveSlideSizeSelection({
+                    current: state.slideSizeEmu,
+                    canvas: canvasSize
+                  }).size,
+                  tableStyleMap: state.tableStyleMap,
+                  tableStylesDefaultId: state.tableStylesDefaultId,
+                  tableStylesToDelete: state.tableStylesToDelete,
+                  embedFonts: dialogs.embedFontsEnabled
+                }
               }
             ),
             /* @__PURE__ */ jsx(
@@ -40384,7 +41526,8 @@ function CollaborationDocumentSync({
   content,
   loadVersion,
   loadOrigin,
-  livePatcher
+  livePatcher,
+  deckSaveState
 }) {
   const collab = useCollaboration();
   const contentRef = useRef(content);
@@ -40396,6 +41539,9 @@ function CollaborationDocumentSync({
     }
     return bytes instanceof Uint8Array ? bytes : new Uint8Array(bytes);
   }, []);
+  const deckSaveStateRef = useRef(deckSaveState);
+  deckSaveStateRef.current = deckSaveState;
+  const getSaveOptions = useCallback(() => buildDeckSaveOptions(deckSaveStateRef.current), []);
   useYjsDocumentSync({
     doc: collab?.doc ?? null,
     slides,
@@ -40405,6 +41551,7 @@ function CollaborationDocumentSync({
     isSynced: collab?.synced ?? true,
     config,
     getSourceBytes,
+    getSaveOptions,
     loadVersion,
     loadOrigin
   });