pptx-react-viewer 2.16.10 → 2.17.0

package/dist/{chunk-G3VAE7ZF.mjs → chunk-422DF424.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-EL2YF26P.mjs';
-import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useLayoutSwitching, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-J7EFC3GS.mjs';
-import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-VHME5BE6.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-5IUEPQTK.mjs';
-import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, isEditableTextElement, isElementRendered, isElementActionable, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getElementLabel, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, buildHollowHitOutline, strokeOutlineViewBox, getGroupChildParentFill, revealedSmartArtNodeCount, buildSmartArtA11y, buildSummaryZoomView, getImageColorWashStyle, isImageLikeElement, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, themeToCssVars, applyMotionPathPreset, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, 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, styleShadowFilter, resolveDrawingShapeNodeId, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, 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, buildTree, treeWidth, treeDepth, fitFontSize, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, groupIntoParagraphs, substituteFieldText, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, annotationOverlayZIndex, presentationInkPath, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptor, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, PRESET_THEMES, normalizeSegments, createPlainNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, escapeHtml2, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, 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, styleShadow, styleStroke, nodeOpacity, truncate, paletteColour, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, getConnectionSites, generateTicks, rulerDragToGuidePosition, getCommentMarkerPosition, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, buildSmartArtPresetData, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, mergeSlideTransition, buildSlideTemplateContent, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, chartDataChangeType, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, flattenTagCollections, formatCommentTimestamp, clearMotionPath, DIRECTIONAL_PRESETS, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-YWKUIUQX.mjs';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-FXJOTEPO.mjs';
+import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useLayoutSwitching, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-ZA5JONCW.mjs';
+import { MIN_ELEMENT_SIZE, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-MQHC5TXI.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-S64T7C4V.mjs';
+import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, getAriaRoleDescription, getAriaLabel, getAriaRole, resolveElementInteractivity, isEditableTextElement, isElementRendered, isElementActionable, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, inlineElementPointerEvents, isHollowShapeElement, LINK_TOOLTIP_HOST_CLASS, ACTION_BUTTON_PRESETS, mediaTransportVisible, isInkElement, getGroupChildParentFill, getElementLabel, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, resolveAutosaveIntervalSeconds, paintedStrokeWidth, buildCssGradientFromShapeStyle, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, buildHollowHitOutline, strokeOutlineViewBox, revealedSmartArtNodeCount, buildSmartArtA11y, computeSmartArtLayout, flattenNodes, buildSummaryZoomView, isImageTiled, getImageColorWashStyle, isImageLikeElement, placeCaretAtEnd, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, filterRenderedElements, resolveGroupChildFill, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, themeToCssVars, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, 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, styleShadowFilter, resolveDrawingShapeNodeId, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, 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, INSERT_CHART_TYPES, CHARACTER_SPACING_OPTIONS, RIBBON_SHAPE_SWATCHES, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, RIBBON_TRANSITION_PRESETS, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, SLIDE_VIRTUALIZATION_THRESHOLD, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, annotationOverlayZIndex, presentationInkPath, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptor, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, resolveSelectionPaneRename, PRESET_THEMES, normalizeSegments, createPlainNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, escapeHtml2, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, 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, buildFontCatalog, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, authorConnectorBetweenSites, generateTicks, rulerDragToGuidePosition, getCommentMarkerPosition, getConnectionSites, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, buildSmartArtPresetData, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, isCurrentLayout, SLIDE_TEMPLATES, isElementLocked, mergeSlideTransition, buildLayoutPreviewGeometry, buildSlideTemplateContent, elementLockTogglePatch, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, chartDataChangeType, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, flattenTagCollections, formatCommentTimestamp, clearMotionPath, DIRECTIONAL_PRESETS, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-K2QU73KB.mjs';
 import React14, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, Fragment as Fragment$1, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, 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, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuPackage, 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';
+import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, 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, LuPackage, 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';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1268,6 +1268,10 @@ var ConnectorElementRenderer = React14.memo(
       {
         "data-pptx-element": "true",
         "data-element-id": el.id,
+        role: getAriaRole(el, { actionable: false }),
+        "aria-label": getAriaLabel(el),
+        "aria-roledescription": getAriaRoleDescription(el),
+        "aria-selected": isSelected ? true : void 0,
         className: "absolute",
         style: {
           left: el.x,
@@ -1545,13 +1549,18 @@ function getContainerStyle({
     overflow: overflowValue,
     clipPath: isImg && !has3DExtrusion ? getCropShapeClipPath(el) : void 0,
     zIndex: isFullscreenMedia ? 20 : zIndex,
-    opacity,
     visibility: animationState?.visible === false ? "hidden" : "visible",
     animation: animationState?.cssAnimation,
     background: isFullscreenMedia ? "#000" : void 0,
     transition: isFullscreenMedia ? "left 0.3s ease, top 0.3s ease, width 0.3s ease, height 0.3s ease" : void 0,
     borderColor: isFullscreenMedia ? "transparent" : void 0,
     ...shapeVisualStyle,
+    // COMPOSE the effect alpha (`a:alphaModFix` on the effect DAG) with the
+    // element opacity instead of letting the spread clobber it. The other four
+    // bindings multiply the two; React spread the shape style over its own
+    // `opacity` key, so a half-transparent element carrying a DAG alpha
+    // rendered at the DAG's alpha alone.
+    opacity: typeof shapeVisualStyle.opacity === "number" ? (opacity ?? 1) * shapeVisualStyle.opacity : opacity,
     // Editable-template affordance: a distinct amber dashed ring + slight
     // transparency so inherited master/layout shapes read as "template" while
     // edit-template mode is on. Applied after the shape style so it wins; never
@@ -1748,6 +1757,7 @@ var ElementRenderer = React14.memo(
     isInlineEditing,
     inlineEditingText,
     canInteract,
+    presenting,
     spellCheckEnabled,
     mediaDataUrls,
     tableEditorState,
@@ -1799,8 +1809,8 @@ var ElementRenderer = React14.memo(
     });
     const chartUpdateHandler = smartArtUpdateHandler;
     const { hf, fc, sw, sc } = shapeParams(el);
-    const elementLocks = el.locks;
-    const isTxt = isEditableTextElement(el) && !elementLocks?.noTextEdit;
+    const allow = resolveElementInteractivity(el);
+    const isTxt = isEditableTextElement(el) && allow.textEditable;
     const txtSE = hasTextProperties(el) ? el.textStyle : void 0;
     const ss = getShapeVisualStyle(
       el,
@@ -1844,7 +1854,7 @@ var ElementRenderer = React14.memo(
           el,
           isSelected,
           canInteract,
-          showResizeHandles: showResizeHandles && !elementLocks?.noResize,
+          showResizeHandles: showResizeHandles && allow.resizable,
           showHoverBorder,
           selectionColorClass: selClr,
           opacity,
@@ -1856,10 +1866,10 @@ var ElementRenderer = React14.memo(
         }
       );
     }
-    const effectiveCanInteract = canInteract && !elementLocks?.noSelect;
-    const effectiveShowResizeHandles = showResizeHandles && !elementLocks?.noResize;
-    const effectiveIsInlineEditing = isInlineEditing && !elementLocks?.noTextEdit;
-    const canEditSmartArt = effectiveCanInteract && !elementLocks?.noTextEdit;
+    const effectiveCanInteract = canInteract && allow.selectable;
+    const effectiveShowResizeHandles = showResizeHandles && allow.resizable;
+    const effectiveIsInlineEditing = isInlineEditing && allow.textEditable;
+    const canEditSmartArt = effectiveCanInteract && allow.textEditable;
     const canEditChart = effectiveCanInteract;
     const hasAction = Boolean(el.actionClick && onActionClick);
     const isZoom = el.type === "zoom" && Boolean(onZoomClick);
@@ -1869,7 +1879,7 @@ var ElementRenderer = React14.memo(
       hasZoomHandler: Boolean(onZoomClick)
     });
     const selB = isSelected ? `outline-1 -outline-offset-1 outline-${selClr} ring-2 ring-${selClr}/50` : showHoverBorder ? "outline-1 -outline-offset-1 outline-transparent hover:outline-primary/40" : "";
-    const cur = effectiveIsInlineEditing ? "cursor-text" : effectiveCanInteract ? elementLocks?.noMove ? "cursor-default" : "cursor-move" : hasAction || isZoom ? "cursor-pointer" : "";
+    const cur = effectiveIsInlineEditing ? "cursor-text" : effectiveCanInteract ? !allow.movable ? "cursor-default" : "cursor-move" : hasAction || isZoom ? "cursor-pointer" : "";
     const isPresentationPassive = !effectiveCanInteract;
     const isFullscreenMedia = el.type === "media" && Boolean(el.fullScreen) && isPresentationPassive && isMediaPlaying;
     const ariaRole = getAriaRole(el, { actionable: isActionable });
@@ -1901,7 +1911,16 @@ var ElementRenderer = React14.memo(
           "absolute",
           "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-500",
           cur,
-          effectiveCanInteract || isActionable ? "" : "pointer-events-none",
+          // During a show this must stay EMPTY: `PRESENTATION_HIT_TEST_CSS`
+          // (injected by `PresentationStage`) owns hit-testing there, because
+          // it is the only form that can re-enable an action shape nested
+          // inside inert scenery - an inline `pointer-events: none` on the
+          // group could never do that, and React was the one binding that
+          // wrote it. Off the show stage the inline rule still applies.
+          inlineElementPointerEvents({
+            interactive: effectiveCanInteract || isActionable,
+            presenting: presenting === true
+          }) === "none" ? "pointer-events-none" : "",
           // An unfilled, textless shape is a FRAME: PowerPoint hit-tests it on its
           // outline only, so its interior must not swallow clicks meant for what it
           // is drawn over. ShapeEffectOverlay paints a transparent
@@ -2000,7 +2019,7 @@ var ElementRenderer = React14.memo(
               onAdjustmentPointerDown,
               rotation: el.rotation,
               nonRotationTransform: getElementTransformWithoutRotation(el),
-              onRotate: elementLocks?.noRotation ? void 0 : onRotate
+              onRotate: allow.rotatable ? onRotate : void 0
             }
           )
         ]
@@ -2112,7 +2131,11 @@ function renderGroup(children, parentGroupFill) {
         },
         children: [
           /* @__PURE__ */ jsx(ShapeEffectOverlay, { element: c }),
-          isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? isImageTiled(c) ? /* @__PURE__ */ jsx(
+          c.type === "group" ? (
+            // A nested group: recurse, chaining the inherited fill so a
+            // `grpFill` shape under a fill-less sub-group still paints.
+            renderGroup(c.children, getGroupChildParentFill(c, parentGroupFill))
+          ) : isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? isImageTiled(c) ? /* @__PURE__ */ jsx(
             "div",
             {
               className: "pointer-events-none select-none w-full h-full",
@@ -2563,7 +2586,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React14.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-YMIAGRPG.mjs');
+      return await import('./Model3DScene-I7FR74AD.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -2827,24 +2850,10 @@ function OleRenderer({ element: el }) {
   );
 }
 var SmartArt3DContext = createContext(false);
-var DEFAULT_PALETTE = DEFAULT_PALETTE2;
-function colour(index, palette = DEFAULT_PALETTE) {
-  return paletteColour(index, palette);
-}
-function nodeOpacity2(index, total, style) {
-  return nodeOpacity(index, total, style ?? "flat");
-}
-function styleShadow2(style) {
-  return styleShadow(style ?? "flat");
-}
-function styleStroke2(style) {
-  return styleStroke(style ?? "flat");
-}
-function truncate2(text, max) {
-  return truncate(text, max);
-}
+
+// src/viewer/utils/smartart-helpers.tsx
 function resolvePalette2(el) {
-  return el.type === "smartArt" ? resolvePalette(el.smartArtData) : DEFAULT_PALETTE;
+  return el.type === "smartArt" ? resolvePalette(el.smartArtData) : DEFAULT_PALETTE2;
 }
 function resolveStyle(el) {
   if (el.type !== "smartArt" || !el.smartArtData) {
@@ -2855,49 +2864,6 @@ function resolveStyle(el) {
 function resolveSmartArtDataPalette(data) {
   return resolvePalette(data);
 }
-function layoutToCategory(layout) {
-  if (!layout) {
-    return "list";
-  }
-  const map = {
-    basicBlockList: "list",
-    alternatingHexagons: "list",
-    basicChevronProcess: "process",
-    basicCycle: "cycle",
-    basicPie: "cycle",
-    basicRadial: "radial",
-    basicVenn: "venn",
-    continuousBlockProcess: "process",
-    convergingRadial: "radial",
-    hierarchy: "hierarchy",
-    horizontalBulletList: "list",
-    linearVenn: "venn",
-    segmentedProcess: "process",
-    stackedList: "list",
-    tableList: "list",
-    trapezoidList: "list",
-    upwardArrow: "process",
-    basicFunnel: "funnel",
-    basicTarget: "radial",
-    interlockingGears: "radial",
-    basicTimeline: "process",
-    basicMatrix: "matrix",
-    basicPyramid: "pyramid",
-    invertedPyramid: "pyramid",
-    bendingProcess: "process",
-    stepDownProcess: "stepdown",
-    alternatingFlow: "alternatingflow",
-    descendingProcess: "descending",
-    pictureAccentList: "pictureaccent",
-    verticalBlockList: "verticalblock",
-    groupedList: "grouped",
-    pyramidList: "pyramidlist",
-    horizontalPictureList: "horizontalpicture",
-    accentProcess: "accentprocess",
-    verticalChevronList: "verticalchevron"
-  };
-  return map[layout] ?? "list";
-}
 var LINE_HEIGHT_RATIO = 1.2;
 var DEFAULT_FONT_SIZE = 12;
 function SmartArtInlineNodeEditor({
@@ -3179,19 +3145,6 @@ function smartArtNodeGroupProps(nodeId, shadow, label) {
   }
   return props;
 }
-function gearPath(cx, cy, outerR, innerR, teeth) {
-  const segments = [];
-  const step = Math.PI * 2 / (teeth * 2);
-  for (let i = 0; i < teeth * 2; i++) {
-    const angle = i * step - Math.PI / 2;
-    const r = i % 2 === 0 ? outerR : innerR;
-    const x = cx + r * Math.cos(angle);
-    const y = cy + r * Math.sin(angle);
-    segments.push(i === 0 ? `M${x},${y}` : `L${x},${y}`);
-  }
-  segments.push("Z");
-  return segments.join(" ");
-}
 function SmartArtGradient({ gradient }) {
   const stops = gradient.stops.map((stop, i) => /* @__PURE__ */ jsx(
     "stop",
@@ -3224,6 +3177,7 @@ function SmartArtNodeText({
   fontWeight,
   fontStyle,
   className,
+  textAnchor = "middle",
   anchor = "middle",
   maxWidth
 }) {
@@ -3232,7 +3186,7 @@ function SmartArtNodeText({
       "text",
       {
         x,
-        textAnchor: "middle",
+        textAnchor,
         dominantBaseline: "central",
         fill,
         fontSize,
@@ -3265,7 +3219,7 @@ function SmartArtNodeText({
     "text",
     {
       x,
-      textAnchor: "middle",
+      textAnchor,
       dominantBaseline,
       fill,
       fontSize,
@@ -3295,795 +3249,6 @@ function wrapChrome(chrome, content, className, a11y) {
     }
   );
 }
-function renderStepDownProcess(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const usableW = w - pad * 2;
-  const usableH = h - pad * 2;
-  const stepW = usableW / nodes.length;
-  const stepH = usableH / nodes.length;
-  const boxW = stepW * 0.85;
-  const boxH = stepH * 0.6;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const x = pad + i * stepW;
-        const y = pad + i * stepH;
-        const fontSize = Math.max(7, Math.min(10, boxW * 0.1));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          i < nodes.length - 1 && /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: x + boxW,
-              y1: y + boxH / 2,
-              x2: x + stepW,
-              y2: y + stepH + boxH / 2,
-              stroke: "#94a3b8",
-              strokeWidth: 1.5,
-              opacity: 0.5
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x,
-              y,
-              width: boxW,
-              height: boxH,
-              rx: 5,
-              fill: colour(i, palette),
-              opacity: nodeOpacity2(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: x + boxW / 2,
-              y: y + boxH / 2,
-              text: truncate2(node.text, 20),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          )
-        ] }, `${element.id}-stepdown-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderAlternatingFlow(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const usableH = h - pad * 2;
-  const rowH = usableH / nodes.length;
-  const halfW = (w - pad * 2) / 2;
-  const boxW = halfW * 0.8;
-  const boxH = Math.min(rowH * 0.7, 40);
-  const centerX = w / 2;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: [
-        /* @__PURE__ */ jsx(
-          "line",
-          {
-            x1: centerX,
-            y1: pad,
-            x2: centerX,
-            y2: h - pad,
-            stroke: "#94a3b8",
-            strokeWidth: 2,
-            opacity: 0.3
-          }
-        ),
-        nodes.map((node, i) => {
-          const isLeft = i % 2 === 0;
-          const y = pad + i * rowH + (rowH - boxH) / 2;
-          const x = isLeft ? centerX - boxW - 12 : centerX + 12;
-          const fontSize = Math.max(7, Math.min(10, boxW * 0.1));
-          return /* @__PURE__ */ jsxs("g", { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: isLeft ? x + boxW : x,
-                y1: y + boxH / 2,
-                x2: centerX,
-                y2: y + boxH / 2,
-                stroke: colour(i, palette),
-                strokeWidth: 1.5,
-                opacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ jsx("circle", { cx: centerX, cy: y + boxH / 2, r: 3, fill: colour(i, palette), opacity: 0.8 }),
-            /* @__PURE__ */ jsx(
-              "rect",
-              {
-                x,
-                y,
-                width: boxW,
-                height: boxH,
-                rx: 5,
-                fill: colour(i, palette),
-                opacity: nodeOpacity2(i, nodes.length, style),
-                stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-                strokeWidth: sw
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              SmartArtNodeText,
-              {
-                x: x + boxW / 2,
-                y: y + boxH / 2,
-                text: truncate2(node.text, 20),
-                fill: "white",
-                fontSize,
-                className: "pointer-events-none"
-              }
-            )
-          ] }, `${element.id}-altflow-${node.id}-${i}`);
-        })
-      ]
-    }
-  );
-}
-function renderDescendingProcess(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const usableH = h - pad * 2;
-  const maxW = w - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const widthFraction = 1 - i / Math.max(nodes.length, 1) * 0.5;
-        const bw = maxW * widthFraction;
-        const x = (w - bw) / 2;
-        const y = pad + i * (itemH + gap);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.4));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          i < nodes.length - 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: w / 2,
-                y1: y + itemH,
-                x2: w / 2,
-                y2: y + itemH + gap,
-                stroke: "#94a3b8",
-                strokeWidth: 1.5,
-                opacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "polygon",
-              {
-                points: `${w / 2 - 3},${y + itemH + gap - 4} ${w / 2},${y + itemH + gap} ${w / 2 + 3},${y + itemH + gap - 4}`,
-                fill: "#94a3b8",
-                opacity: 0.5
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x,
-              y,
-              width: bw,
-              height: itemH,
-              rx: 5,
-              fill: colour(i, palette),
-              opacity: nodeOpacity2(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: w / 2,
-              y: y + itemH / 2,
-              text: truncate2(node.text, 30),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          )
-        ] }, `${element.id}-desc-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderPictureAccentList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 6;
-  const usableH = h - pad * 2;
-  const usableW = w - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const circleR = Math.min(itemH * 0.38, 18);
-  const textX = pad + circleR * 2 + 12;
-  const textW = usableW - circleR * 2 - 16;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const y = pad + i * (itemH + gap);
-        const cy = y + itemH / 2;
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.35));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: pad + circleR,
-              cy,
-              r: circleR,
-              fill: col,
-              opacity: nodeOpacity2(i, nodes.length, style)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: pad + circleR,
-              y: cy,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(7, circleR * 0.7),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: i + 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: textX,
-              y: y + 2,
-              width: textW,
-              height: itemH - 4,
-              rx: 4,
-              fill: col,
-              opacity: 0.12,
-              stroke: col,
-              strokeWidth: sw > 0 ? sw : 1,
-              strokeOpacity: 0.3
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: textX + 8,
-              y: cy,
-              textAnchor: "start",
-              dominantBaseline: "central",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate2(node.text, 40)
-            }
-          )
-        ] }, `${element.id}-picacc-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderVerticalBlockList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const usableH = h - pad * 2;
-  const usableW = w - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const headerW = usableW * 0.22;
-  const bodyW = usableW - headerW - 4;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const y = pad + i * (itemH + gap);
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.35));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: pad,
-              y,
-              width: headerW,
-              height: itemH,
-              rx: 3,
-              fill: col,
-              opacity: nodeOpacity2(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: pad + headerW / 2,
-              y: y + itemH / 2,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(8, itemH * 0.4),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: i + 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: pad + headerW + 4,
-              y,
-              width: bodyW,
-              height: itemH,
-              rx: 3,
-              fill: col,
-              opacity: 0.1,
-              stroke: col,
-              strokeWidth: 1,
-              strokeOpacity: 0.3
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: pad + headerW + 12,
-              y: y + itemH / 2,
-              textAnchor: "start",
-              dominantBaseline: "central",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate2(node.text, 40)
-            }
-          )
-        ] }, `${element.id}-vblk-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderGroupedList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 8;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  const groupSize = nodes.length <= 4 ? 2 : 3;
-  const groups = [];
-  for (let i = 0; i < nodes.length; i += groupSize) {
-    groups.push(nodes.slice(i, i + groupSize));
-  }
-  const usableW = w - pad * 2;
-  const groupW = (usableW - gap * (groups.length - 1)) / groups.length;
-  const usableH = h - pad * 2;
-  const headerH = usableH * 0.18;
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: groups.map((group, gi) => {
-        const gx = pad + gi * (groupW + gap);
-        const col = colour(gi, palette);
-        const subItemGap = 3;
-        const subItemH = (usableH - headerH - 4 - subItemGap * (group.length - 1)) / group.length;
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: gx,
-              y: pad,
-              width: groupW,
-              height: headerH,
-              rx: 4,
-              fill: col,
-              opacity: nodeOpacity2(gi, groups.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: gx + groupW / 2,
-              y: pad + headerH / 2,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(7, Math.min(10, groupW * 0.08)),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: `Group ${gi + 1}`
-            }
-          ),
-          group.map((node, si) => {
-            const sy = pad + headerH + 4 + si * (subItemH + subItemGap);
-            const fontSize = Math.max(7, Math.min(10, subItemH * 0.35));
-            return /* @__PURE__ */ jsxs("g", { children: [
-              /* @__PURE__ */ jsx(
-                "rect",
-                {
-                  x: gx + 4,
-                  y: sy,
-                  width: groupW - 8,
-                  height: subItemH,
-                  rx: 3,
-                  fill: col,
-                  opacity: 0.15,
-                  stroke: col,
-                  strokeWidth: 1,
-                  strokeOpacity: 0.3
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: gx + groupW / 2,
-                  y: sy + subItemH / 2,
-                  text: truncate2(node.text, 20),
-                  fill: col,
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ] }, `${element.id}-grp-${gi}-item-${node.id}-${si}`);
-          })
-        ] }, `${element.id}-grp-${gi}`);
-      })
-    }
-  );
-}
-function renderPyramidList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const usableH = h - pad * 2;
-  const pyramidW = w * 0.35;
-  const labelStartX = pyramidW + pad + 16;
-  const labelW = w - labelStartX - pad;
-  const bandH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const shadow = styleShadow2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const y = pad + i * (bandH + gap);
-        const col = colour(i, palette);
-        const topFrac = 0.3 + i / Math.max(nodes.length - 1, 1) * 0.7;
-        const segW = pyramidW * topFrac;
-        const segX = pad + (pyramidW - segW) / 2;
-        const fontSize = Math.max(7, Math.min(11, bandH * 0.35));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: segX,
-              y,
-              width: segW,
-              height: bandH,
-              rx: 2,
-              fill: col,
-              opacity: nodeOpacity2(i, nodes.length, style)
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "line",
-            {
-              x1: segX + segW,
-              y1: y + bandH / 2,
-              x2: labelStartX - 4,
-              y2: y + bandH / 2,
-              stroke: col,
-              strokeWidth: 1,
-              opacity: 0.5,
-              strokeDasharray: "3,2"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: labelStartX,
-              y: y + 2,
-              width: labelW,
-              height: bandH - 4,
-              rx: 3,
-              fill: col,
-              opacity: 0.1,
-              stroke: col,
-              strokeWidth: 1,
-              strokeOpacity: 0.25
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: labelStartX + 8,
-              y: y + bandH / 2,
-              textAnchor: "start",
-              dominantBaseline: "central",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate2(node.text, 30)
-            }
-          )
-        ] }, `${element.id}-pyrlist-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderHorizontalPictureList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 8;
-  const usableW = w - pad * 2;
-  const colW = (usableW - gap * (nodes.length - 1)) / nodes.length;
-  const usableH = h - pad * 2;
-  const circleR = Math.min(colW * 0.38, usableH * 0.28);
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const cx = pad + i * (colW + gap) + colW / 2;
-        const cy = pad + circleR + 4;
-        const col = colour(i, palette);
-        const labelY = cy + circleR + 10;
-        const fontSize = Math.max(7, Math.min(10, colW * 0.1));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx,
-              cy,
-              r: circleR,
-              fill: col,
-              opacity: nodeOpacity2(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: cx,
-              y: cy,
-              textAnchor: "middle",
-              dominantBaseline: "central",
-              fill: "white",
-              fontSize: Math.max(8, circleR * 0.5),
-              fontWeight: "bold",
-              className: "pointer-events-none",
-              children: i + 1
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: cx,
-              y: labelY,
-              textAnchor: "middle",
-              dominantBaseline: "hanging",
-              fill: col,
-              fontSize,
-              className: "pointer-events-none",
-              children: truncate2(node.text, 15)
-            }
-          )
-        ] }, `${element.id}-hpic-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderAccentProcess(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const arrowGap = 16;
-  const usableW = w - pad * 2;
-  const nodeW = (usableW - arrowGap * (nodes.length - 1)) / nodes.length;
-  const nodeH = h * 0.45;
-  const yMid = h / 2;
-  const circleR = Math.min(nodeW, nodeH) * 0.55;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const x = pad + i * (nodeW + arrowGap);
-        const cx = x + nodeW / 2;
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, nodeW * 0.1));
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx("circle", { cx, cy: yMid, r: circleR, fill: col, opacity: 0.15 }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x,
-              y: yMid - nodeH / 2,
-              width: nodeW,
-              height: nodeH,
-              rx: 5,
-              fill: col,
-              opacity: nodeOpacity2(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: cx,
-              y: yMid,
-              text: truncate2(node.text, 20),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          ),
-          i < nodes.length - 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              "line",
-              {
-                x1: x + nodeW + 2,
-                y1: yMid,
-                x2: x + nodeW + arrowGap - 2,
-                y2: yMid,
-                stroke: "#94a3b8",
-                strokeWidth: 1.5,
-                opacity: 0.5
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "polygon",
-              {
-                points: `${x + nodeW + arrowGap - 6},${yMid - 3} ${x + nodeW + arrowGap - 2},${yMid} ${x + nodeW + arrowGap - 6},${yMid + 3}`,
-                fill: "#94a3b8",
-                opacity: 0.5
-              }
-            )
-          ] })
-        ] }, `${element.id}-accproc-${node.id}-${i}`);
-      })
-    }
-  );
-}
-function renderVerticalChevronList(element, nodes, palette, style) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 2;
-  const usableW = w - pad * 2;
-  const usableH = h - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const chevDepth = Math.min(12, itemH * 0.3);
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      style: { filter: shadow },
-      children: nodes.map((node, i) => {
-        const x = pad;
-        const y = pad + i * (itemH + gap);
-        const col = colour(i, palette);
-        const fontSize = Math.max(7, Math.min(11, itemH * 0.4));
-        const isFirst = i === 0;
-        const isLast = i === nodes.length - 1;
-        const points = isFirst ? [
-          `${x},${y}`,
-          `${x + usableW},${y}`,
-          `${x + usableW},${y + itemH - chevDepth}`,
-          `${x + usableW / 2},${y + itemH}`,
-          `${x},${y + itemH - chevDepth}`
-        ].join(" ") : isLast ? [
-          `${x},${y + chevDepth}`,
-          `${x + usableW / 2},${y}`,
-          `${x + usableW},${y + chevDepth}`,
-          `${x + usableW},${y + itemH}`,
-          `${x},${y + itemH}`
-        ].join(" ") : [
-          `${x},${y + chevDepth}`,
-          `${x + usableW / 2},${y}`,
-          `${x + usableW},${y + chevDepth}`,
-          `${x + usableW},${y + itemH - chevDepth}`,
-          `${x + usableW / 2},${y + itemH}`,
-          `${x},${y + itemH - chevDepth}`
-        ].join(" ");
-        return /* @__PURE__ */ jsxs("g", { children: [
-          /* @__PURE__ */ jsx(
-            "polygon",
-            {
-              points,
-              fill: col,
-              opacity: nodeOpacity2(i, nodes.length, style),
-              stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-              strokeWidth: sw
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            SmartArtNodeText,
-            {
-              x: x + usableW / 2,
-              y: y + itemH / 2,
-              text: truncate2(node.text, 30),
-              fill: "white",
-              fontSize,
-              className: "pointer-events-none"
-            }
-          )
-        ] }, `${element.id}-vchev-${node.id}-${i}`);
-      })
-    }
-  );
-}
 function shapeBody(shape) {
   switch (shape.kind) {
     case "image":
@@ -4183,1056 +3348,126 @@ function DrawingShapeRenderer({
     }
   );
 }
-
-// src/viewer/components/elements/smartart-node-style.tsx
-function resolveNodeStyle(node, index, palette) {
-  const style = node.style;
-  return {
-    fill: style?.fillColor ?? colour(index, palette),
-    fontColor: style?.fontColor ?? "white",
-    fontWeight: style?.bold ? 700 : void 0,
-    fontStyle: style?.italic ? "italic" : void 0,
-    strokeColor: style?.lineColor
-  };
-}
-function ListRenderer({
-  element,
-  nodes,
-  palette,
-  style,
-  nodeLabels
-}) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const usableH = h - pad * 2;
-  const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const itemW = w - pad * 2;
-  const rx = Math.min(6, itemH * 0.15);
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-list",
-      children: nodes.map((node, i) => {
-        const y = pad + i * (itemH + gap);
-        const fontSize = fitFontSize(node.text, itemW * 0.9, itemH, 12);
-        const ns = resolveNodeStyle(node, i, palette);
-        const label = nodeLabels?.get(node.id);
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow, label),
-            children: [
-              label ? /* @__PURE__ */ jsx("title", { children: label }) : null,
-              /* @__PURE__ */ jsx(
-                "rect",
-                {
-                  x: pad,
-                  y,
-                  width: itemW,
-                  height: itemH,
-                  rx,
-                  fill: ns.fill,
-                  opacity: nodeOpacity2(i, nodes.length, style),
-                  stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
-                  strokeWidth: sw
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: pad + itemW / 2,
-                  y: y + itemH / 2,
-                  text: truncate2(node.text, 40),
-                  fill: ns.fontColor,
-                  fontWeight: ns.fontWeight,
-                  fontStyle: ns.fontStyle,
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ]
-          },
-          `${element.id}-list-${node.id}-${i}`
-        );
-      })
-    }
-  );
-}
-function ProcessRenderer({
-  element,
-  nodes,
-  palette,
-  style,
-  nodeLabels
-}) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 4;
-  const chevronDepth = Math.min(16, w * 0.04);
-  const usableW = w - pad * 2;
-  const itemW = (usableW - gap * (nodes.length - 1)) / nodes.length;
-  const itemH = Math.min(h - pad * 2, h * 0.6);
-  const yMid = h / 2;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-process",
-      children: nodes.map((node, i) => {
-        const x = pad + i * (itemW + gap);
-        const halfH = itemH / 2;
-        const isFirst = i === 0;
-        const isLast = i === nodes.length - 1;
-        const points = isFirst ? `${x},${yMid - halfH} ${x + itemW - chevronDepth},${yMid - halfH} ${x + itemW},${yMid} ${x + itemW - chevronDepth},${yMid + halfH} ${x},${yMid + halfH}` : isLast ? `${x},${yMid - halfH} ${x + itemW},${yMid - halfH} ${x + itemW},${yMid + halfH} ${x},${yMid + halfH} ${x + chevronDepth},${yMid}` : `${x},${yMid - halfH} ${x + itemW - chevronDepth},${yMid - halfH} ${x + itemW},${yMid} ${x + itemW - chevronDepth},${yMid + halfH} ${x},${yMid + halfH} ${x + chevronDepth},${yMid}`;
-        const fontSize = fitFontSize(node.text, itemW * 0.7, itemH, 12);
-        const ns = resolveNodeStyle(node, i, palette);
-        const label = nodeLabels?.get(node.id);
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow, label),
-            children: [
-              label ? /* @__PURE__ */ jsx("title", { children: label }) : null,
-              /* @__PURE__ */ jsx(
-                "polygon",
-                {
-                  points,
-                  fill: ns.fill,
-                  opacity: nodeOpacity2(i, nodes.length, style),
-                  stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
-                  strokeWidth: sw
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: x + itemW / 2,
-                  y: yMid,
-                  text: truncate2(node.text, 25),
-                  fill: ns.fontColor,
-                  fontWeight: ns.fontWeight,
-                  fontStyle: ns.fontStyle,
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ]
-          },
-          `${element.id}-process-${node.id}-${i}`
-        );
-      })
-    }
-  );
-}
-function CycleRenderer({
-  element,
-  nodes,
-  palette,
-  style,
-  nodeLabels
-}) {
-  const w = element.width;
-  const h = element.height;
-  const size = Math.min(w, h);
-  const cx = w / 2;
-  const cy = h / 2;
-  const radius = size * 0.35;
-  const nodeR = Math.max(size * 0.06, Math.min(size * 0.12, 200 / nodes.length));
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-cycle",
-      children: [
-        nodes.map((_node, i) => {
-          const angle = i / nodes.length * Math.PI * 2 - Math.PI / 2;
-          const nx = cx + radius * Math.cos(angle);
-          const ny = cy + radius * Math.sin(angle);
-          const nextI = (i + 1) % nodes.length;
-          const nextAngle = nextI / nodes.length * Math.PI * 2 - Math.PI / 2;
-          const nextX = cx + radius * Math.cos(nextAngle);
-          const nextY = cy + radius * Math.sin(nextAngle);
-          const midAngle = (angle + nextAngle) / 2;
-          const adjustedMidAngle = i === nodes.length - 1 ? (angle + nextAngle + Math.PI * 2) / 2 : midAngle;
-          const arcBulge = radius * 0.15;
-          const controlX = cx + (radius + arcBulge) * Math.cos(adjustedMidAngle);
-          const controlY = cy + (radius + arcBulge) * Math.sin(adjustedMidAngle);
-          return /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: `M${nx},${ny} Q${controlX},${controlY} ${nextX},${nextY}`,
-              fill: "none",
-              stroke: "#94a3b8",
-              strokeWidth: 1.5,
-              opacity: 0.5,
-              markerEnd: void 0
-            },
-            `${element.id}-cycle-conn-${i}`
-          );
-        }),
-        nodes.map((node, i) => {
-          const angle = i / nodes.length * Math.PI * 2 - Math.PI / 2;
-          const nx = cx + radius * Math.cos(angle);
-          const ny = cy + radius * Math.sin(angle);
-          const fontSize = fitFontSize(node.text, nodeR * 1.4, nodeR * 2, 11);
-          const ns = resolveNodeStyle(node, i, palette);
-          const label = nodeLabels?.get(node.id);
-          return /* @__PURE__ */ jsxs(
-            "g",
-            {
-              ...smartArtNodeGroupProps(node.id, shadow, label),
-              children: [
-                label ? /* @__PURE__ */ jsx("title", { children: label }) : null,
-                /* @__PURE__ */ jsx(
-                  "circle",
-                  {
-                    cx: nx,
-                    cy: ny,
-                    r: nodeR,
-                    fill: ns.fill,
-                    opacity: nodeOpacity2(i, nodes.length, style),
-                    stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
-                    strokeWidth: sw
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  SmartArtNodeText,
-                  {
-                    x: nx,
-                    y: ny,
-                    text: truncate2(node.text, 20),
-                    fill: ns.fontColor,
-                    fontWeight: ns.fontWeight,
-                    fontStyle: ns.fontStyle,
-                    fontSize,
-                    className: "pointer-events-none"
-                  }
-                )
-              ]
-            },
-            `${element.id}-cycle-${node.id}-${i}`
-          );
-        })
-      ]
-    }
-  );
-}
-function MatrixRenderer({
-  element,
-  nodes,
-  palette,
-  style,
-  nodeLabels
-}) {
-  const w = element.width;
-  const h = element.height;
-  const cols = Math.ceil(Math.sqrt(nodes.length));
-  const rows = Math.ceil(nodes.length / cols);
-  const pad = 8;
-  const gap = 6;
-  const usableW = w - pad * 2;
-  const usableH = h - pad * 2;
-  const cellW = (usableW - gap * (cols - 1)) / cols;
-  const cellH = (usableH - gap * (rows - 1)) / rows;
-  const rx = Math.min(6, Math.min(cellW, cellH) * 0.1);
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-matrix",
-      children: nodes.map((node, i) => {
-        const col = i % cols;
-        const row = Math.floor(i / cols);
-        const x = pad + col * (cellW + gap);
-        const y = pad + row * (cellH + gap);
-        const fontSize = fitFontSize(node.text, cellW * 0.85, cellH, 12);
-        const ns = resolveNodeStyle(node, i, palette);
-        const label = nodeLabels?.get(node.id);
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow, label),
-            children: [
-              label ? /* @__PURE__ */ jsx("title", { children: label }) : null,
-              /* @__PURE__ */ jsx(
-                "rect",
-                {
-                  x,
-                  y,
-                  width: cellW,
-                  height: cellH,
-                  rx,
-                  fill: ns.fill,
-                  opacity: nodeOpacity2(i, nodes.length, style),
-                  stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
-                  strokeWidth: sw
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: x + cellW / 2,
-                  y: y + cellH / 2,
-                  text: truncate2(node.text, 30),
-                  fill: ns.fontColor,
-                  fontWeight: ns.fontWeight ?? 500,
-                  fontStyle: ns.fontStyle,
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ]
-          },
-          `${element.id}-matrix-${node.id}-${i}`
-        );
-      })
-    }
-  );
-}
-function PyramidRenderer({
-  element,
-  nodes,
-  palette,
-  style
-}) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const gap = 3;
-  const usableH = h - pad * 2;
-  const bandH = (usableH - gap * (nodes.length - 1)) / nodes.length;
-  const maxW = w - pad * 2;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
+var CONNECTOR_STROKE = "#94a3b8";
+var CONNECTOR_WIDTH = 1.5;
+var CONNECTOR_OPACITY = 0.5;
+var DEFAULT_LABEL_COLOR = "white";
+function ConnectorPath({ connector }) {
   return /* @__PURE__ */ jsx(
-    "svg",
+    "path",
     {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-pyramid",
-      children: nodes.map((node, i) => {
-        const topWidthFrac = 0.3 + i / Math.max(nodes.length - 1, 1) * 0.7;
-        const bottomWidthFrac = i < nodes.length - 1 ? 0.3 + (i + 1) / Math.max(nodes.length - 1, 1) * 0.7 : 1;
-        const topW = maxW * topWidthFrac;
-        const bottomW = maxW * bottomWidthFrac;
-        const y = pad + i * (bandH + gap);
-        const topLeft = (w - topW) / 2;
-        const topRight = topLeft + topW;
-        const bottomLeft = (w - bottomW) / 2;
-        const bottomRight = bottomLeft + bottomW;
-        const points = [
-          `${topLeft},${y}`,
-          `${topRight},${y}`,
-          `${bottomRight},${y + bandH}`,
-          `${bottomLeft},${y + bandH}`
-        ].join(" ");
-        const fontSize = fitFontSize(node.text, topW * 0.85, bandH, 12);
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow),
-            children: [
-              /* @__PURE__ */ jsx(
-                "polygon",
-                {
-                  points,
-                  fill: colour(i, palette),
-                  opacity: nodeOpacity2(i, nodes.length, style),
-                  stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-                  strokeWidth: sw
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: w / 2,
-                  y: y + bandH / 2,
-                  text: truncate2(node.text, 30),
-                  fill: "white",
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ]
-          },
-          `${element.id}-pyramid-${node.id}-${i}`
-        );
-      })
+      d: connector.d,
+      fill: "none",
+      stroke: connector.stroke ?? CONNECTOR_STROKE,
+      strokeWidth: connector.strokeWidth ?? CONNECTOR_WIDTH,
+      opacity: connector.opacity ?? CONNECTOR_OPACITY,
+      strokeDasharray: connector.dash
     }
   );
 }
-function VennRenderer({
-  element,
-  nodes,
-  palette,
-  style
-}) {
-  const w = element.width;
-  const h = element.height;
-  const shadow = styleShadow2(style);
-  if (nodes.length <= 4) {
-    const cx = w / 2;
-    const cy2 = h / 2;
-    const r2 = Math.min(w, h) * 0.28;
-    const spread = r2 * 0.55;
+function NodeShape({ node }) {
+  if (node.kind === "circle") {
     return /* @__PURE__ */ jsx(
-      "svg",
+      "circle",
       {
-        className: "w-full h-full pointer-events-none",
-        viewBox: `0 0 ${w} ${h}`,
-        preserveAspectRatio: "xMidYMid meet",
-        "data-testid": "smartart-venn",
-        children: nodes.map((node, i) => {
-          const angle = i / nodes.length * Math.PI * 2 - Math.PI / 2;
-          const nx = cx + spread * Math.cos(angle);
-          const ny = cy2 + spread * Math.sin(angle);
-          const fontSize = fitFontSize(node.text, r2 * 1.2, r2 * 2, 11);
-          return /* @__PURE__ */ jsxs(
-            "g",
-            {
-              ...smartArtNodeGroupProps(node.id, shadow),
-              children: [
-                /* @__PURE__ */ jsx("circle", { cx: nx, cy: ny, r: r2, fill: colour(i, palette), opacity: 0.35 }),
-                /* @__PURE__ */ jsx(
-                  SmartArtNodeText,
-                  {
-                    x: nx,
-                    y: ny,
-                    text: truncate2(node.text, 20),
-                    fill: "white",
-                    fontSize,
-                    fontWeight: "bold",
-                    className: "pointer-events-none"
-                  }
-                )
-              ]
-            },
-            `${element.id}-venn-${node.id}-${i}`
-          );
-        })
+        cx: node.cx,
+        cy: node.cy,
+        r: node.r,
+        fill: node.fill,
+        stroke: node.stroke,
+        strokeWidth: node.strokeWidth,
+        opacity: node.opacity
       }
     );
   }
-  const r = Math.min(h * 0.38, w / (nodes.length * 0.9));
-  const overlap = r * 0.5;
-  const totalW = nodes.length * (r * 2 - overlap) + overlap;
-  const offsetX = (w - totalW) / 2 + r;
-  const cy = h / 2;
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-venn",
-      children: nodes.map((node, i) => {
-        const nx = offsetX + i * (r * 2 - overlap);
-        const fontSize = fitFontSize(node.text, r * 1.2, r * 2, 10);
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow),
-            children: [
-              /* @__PURE__ */ jsx("circle", { cx: nx, cy, r, fill: colour(i, palette), opacity: 0.35 }),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: nx,
-                  y: cy,
-                  text: truncate2(node.text, 20),
-                  fill: "white",
-                  fontSize,
-                  fontWeight: "bold",
-                  className: "pointer-events-none"
-                }
-              )
-            ]
-          },
-          `${element.id}-venn-${node.id}-${i}`
-        );
-      })
-    }
-  );
-}
-function FunnelRenderer({
-  element,
-  nodes,
-  palette,
-  style
-}) {
-  const w = element.width;
-  const h = element.height;
-  const pad = 8;
-  const usableW = w - pad * 2;
-  const stageH = (h - pad * 2) / nodes.length;
-  const shadow = styleShadow2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-funnel",
-      children: nodes.map((node, i) => {
-        const topWidth = usableW * (1 - i / nodes.length);
-        const bottomWidth = usableW * (1 - (i + 1) / nodes.length);
-        const y = pad + i * stageH;
-        const topLeft = (w - topWidth) / 2;
-        const topRight = topLeft + topWidth;
-        const bottomLeft = (w - bottomWidth) / 2;
-        const bottomRight = bottomLeft + bottomWidth;
-        const points = [
-          `${topLeft},${y}`,
-          `${topRight},${y}`,
-          `${bottomRight},${y + stageH}`,
-          `${bottomLeft},${y + stageH}`
-        ].join(" ");
-        const fontSize = fitFontSize(node.text, topWidth * 0.85, stageH, 11);
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow),
-            children: [
-              /* @__PURE__ */ jsx(
-                "polygon",
-                {
-                  points,
-                  fill: colour(i, palette),
-                  opacity: nodeOpacity2(i, nodes.length, style)
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: w / 2,
-                  y: y + stageH / 2,
-                  text: truncate2(node.text, 30),
-                  fill: "white",
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ]
-          },
-          `${element.id}-funnel-${node.id}-${i}`
-        );
-      })
-    }
-  );
-}
-function TargetRenderer({
-  element,
-  nodes,
-  palette,
-  style
-}) {
-  const w = element.width;
-  const h = element.height;
-  const cx = w * 0.4;
-  const cy = h / 2;
-  const maxR = Math.min(cx - 8, cy - 8);
-  const fontSize = Math.max(7, Math.min(10, maxR / (nodes.length + 1)));
-  const labelX = cx + maxR + 8;
-  const shadow = styleShadow2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-target",
-      children: nodes.map((node, i) => {
-        const r = maxR * ((nodes.length - i) / nodes.length);
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow),
-            children: [
-              /* @__PURE__ */ jsx(
-                "circle",
-                {
-                  cx,
-                  cy,
-                  r: Math.max(r, 4),
-                  fill: colour(i, palette),
-                  opacity: nodeOpacity2(i, nodes.length, style)
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "line",
-                {
-                  x1: cx + Math.max(r, 4),
-                  y1: cy,
-                  x2: labelX - 2,
-                  y2: 8 + i * (fontSize + 6),
-                  stroke: colour(i, palette),
-                  strokeWidth: 1,
-                  opacity: 0.6
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "text",
-                {
-                  x: labelX,
-                  y: 8 + i * (fontSize + 6) + fontSize / 2,
-                  textAnchor: "start",
-                  dominantBaseline: "central",
-                  fill: colour(i, palette),
-                  fontSize,
-                  className: "pointer-events-none",
-                  children: truncate2(node.text, 30)
-                }
-              )
-            ]
-          },
-          `${element.id}-target-${node.id}-${i}`
-        );
-      })
-    }
-  );
-}
-function HierarchyRenderer({
-  element,
-  nodes,
-  palette,
-  style
-}) {
-  const roots = buildTree(nodes);
-  if (roots.length === 0) {
-    return /* @__PURE__ */ jsx(ListRenderer, { element, nodes, palette, style });
-  }
-  const totalLeaves = roots.reduce((s, r) => s + treeWidth(r), 0);
-  const depth = Math.max(...roots.map(treeDepth));
-  const svgW = element.width;
-  const svgH = element.height;
-  const cellW = svgW / totalLeaves;
-  const cellH = svgH / Math.max(depth, 1);
-  const boxW = Math.min(cellW * 0.8, 140);
-  const boxH = Math.min(cellH * 0.4, 36);
-  const rx = Math.min(6, boxH * 0.15);
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  const elements = [];
-  let colourIdx = 0;
-  function renderTreeNode(t, xOffset, level) {
-    const w = treeWidth(t);
-    const nodeCx = (xOffset + w / 2) * cellW;
-    const nodeCy = level * cellH + cellH / 2;
-    const ci = colourIdx++;
-    const fontSize = fitFontSize(t.node.text, boxW * 0.9, boxH, 11);
-    for (const child of t.children) {
-      const childW = treeWidth(child);
-      let childOffset2 = xOffset;
-      for (const c of t.children) {
-        if (c === child) {
-          break;
-        }
-        childOffset2 += treeWidth(c);
+  if (node.kind === "polygon") {
+    return /* @__PURE__ */ jsx(
+      "polygon",
+      {
+        points: node.points,
+        fill: node.fill,
+        stroke: node.stroke,
+        strokeWidth: node.strokeWidth,
+        opacity: node.opacity
       }
-      const childCx = (childOffset2 + childW / 2) * cellW;
-      const childCy = (level + 1) * cellH + cellH / 2;
-      const midY = nodeCy + boxH / 2 + (childCy - boxH / 2 - (nodeCy + boxH / 2)) / 2;
-      elements.push(
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: `M${nodeCx},${nodeCy + boxH / 2} L${nodeCx},${midY} L${childCx},${midY} L${childCx},${childCy - boxH / 2}`,
-            fill: "none",
-            stroke: "#94a3b8",
-            strokeWidth: 1.5,
-            opacity: 0.5
-          },
-          `${element.id}-hier-conn-${t.node.id}-${child.node.id}`
-        )
-      );
-    }
-    elements.push(
-      /* @__PURE__ */ jsxs(
-        "g",
-        {
-          ...smartArtNodeGroupProps(t.node.id, shadow),
-          children: [
-            /* @__PURE__ */ jsx(
-              "rect",
-              {
-                x: nodeCx - boxW / 2,
-                y: nodeCy - boxH / 2,
-                width: boxW,
-                height: boxH,
-                rx,
-                fill: colour(ci, palette),
-                opacity: nodeOpacity2(ci, nodes.length, style),
-                stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-                strokeWidth: sw
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              SmartArtNodeText,
-              {
-                x: nodeCx,
-                y: nodeCy,
-                text: truncate2(t.node.text, 40),
-                fill: "white",
-                fontSize,
-                className: "pointer-events-none"
-              }
-            )
-          ]
-        },
-        `${element.id}-hier-group-${t.node.id}`
-      )
     );
-    let childOffset = xOffset;
-    for (const child of t.children) {
-      renderTreeNode(child, childOffset, level + 1);
-      childOffset += treeWidth(child);
-    }
-    return w;
-  }
-  let offset = 0;
-  for (const root of roots) {
-    offset += renderTreeNode(root, offset, 0);
   }
   return /* @__PURE__ */ jsx(
-    "svg",
+    "rect",
     {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${svgW} ${svgH}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-hierarchy",
-      children: elements
+      x: node.x,
+      y: node.y,
+      width: node.width,
+      height: node.height,
+      rx: node.rx,
+      fill: node.fill,
+      stroke: node.stroke,
+      strokeWidth: node.strokeWidth,
+      opacity: node.opacity
     }
   );
 }
-function GearRenderer({
-  element,
-  nodes,
-  palette,
-  style
-}) {
-  const w = element.width;
-  const h = element.height;
-  const gearNodes = nodes.slice(0, 3);
-  const extraNodes = nodes.slice(3);
-  const gearCount = gearNodes.length;
-  const gearAreaW = extraNodes.length > 0 ? w * 0.7 : w;
-  const spacing = gearAreaW / (gearCount + 1);
-  const gearR = Math.min(spacing * 0.4, h * 0.35);
-  const innerR = gearR * 0.7;
-  const teethCount = 8;
-  const shadow = styleShadow2(style);
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-gear",
-      children: [
-        gearNodes.map((node, i) => {
-          const gx = spacing * (i + 1);
-          const gy = h / 2 + (i % 2 === 0 ? 0 : gearR * 0.35);
-          const fontSize = fitFontSize(node.text, innerR * 1.2, innerR * 2, 11);
-          return /* @__PURE__ */ jsxs(
-            "g",
-            {
-              ...smartArtNodeGroupProps(node.id, shadow),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "path",
-                  {
-                    d: gearPath(gx, gy, gearR, innerR, teethCount),
-                    fill: colour(i, palette),
-                    opacity: nodeOpacity2(i, nodes.length, style)
-                  }
-                ),
-                /* @__PURE__ */ jsx("circle", { cx: gx, cy: gy, r: innerR * 0.5, fill: "white", opacity: 0.25 }),
-                /* @__PURE__ */ jsx(
-                  SmartArtNodeText,
-                  {
-                    x: gx,
-                    y: gy,
-                    text: truncate2(node.text, 20),
-                    fill: "white",
-                    fontSize,
-                    fontWeight: "bold",
-                    className: "pointer-events-none"
-                  }
-                )
-              ]
-            },
-            `${element.id}-gear-${node.id}-${i}`
-          );
-        }),
-        extraNodes.map((node, i) => {
-          const lx = gearAreaW + 10;
-          const ly = 14 + i * 18;
-          return /* @__PURE__ */ jsxs("g", { children: [
-            /* @__PURE__ */ jsx(
-              "circle",
-              {
-                cx: lx,
-                cy: ly,
-                r: 3,
-                fill: colour(gearCount + i, palette),
-                opacity: nodeOpacity2(gearCount + i, nodes.length, style)
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "text",
-              {
-                x: lx + 8,
-                y: ly,
-                textAnchor: "start",
-                dominantBaseline: "central",
-                fill: colour(gearCount + i, palette),
-                fontSize: 10,
-                className: "pointer-events-none",
-                children: truncate2(node.text, 30)
-              }
-            )
-          ] }, `${element.id}-gear-extra-${node.id}-${i}`);
-        })
-      ]
-    }
-  );
+function labelAnchor(node) {
+  if (node.kind === "circle") {
+    return {
+      x: node.textX ?? node.cx,
+      y: node.textY ?? node.cy,
+      textAnchor: node.textAnchor ?? "middle",
+      baseline: node.textBaseline ?? "middle"
+    };
+  }
+  return { x: node.textX, y: node.textY, textAnchor: "middle", baseline: "middle" };
 }
-function TimelineRenderer({
-  element,
-  nodes,
-  palette,
-  style
+function SmartArtLayoutSvg({
+  layout,
+  nodeIds,
+  nodeLabels
 }) {
-  const w = element.width;
-  const h = element.height;
-  const padX = 24;
-  const lineY = h / 2;
-  const lineStartX = padX;
-  const lineEndX = w - padX;
-  const lineLen = lineEndX - lineStartX;
-  const dotR = Math.max(4, Math.min(8, lineLen / (nodes.length * 4)));
-  const labelOffset = Math.min(h * 0.28, 40);
-  const shadow = styleShadow2(style);
   return /* @__PURE__ */ jsxs(
     "svg",
     {
       className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
+      viewBox: layout.viewBox,
       preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-timeline",
+      "data-testid": `smartart-${layout.family}`,
+      "data-layout-family": layout.family,
       children: [
-        /* @__PURE__ */ jsx("line", { x1: lineStartX, y1: lineY, x2: lineEndX, y2: lineY, stroke: "#94a3b8", strokeWidth: 2 }),
-        /* @__PURE__ */ jsx(
-          "polygon",
-          {
-            points: `${lineEndX - 6},${lineY - 4} ${lineEndX},${lineY} ${lineEndX - 6},${lineY + 4}`,
-            fill: "#94a3b8"
-          }
-        ),
-        nodes.map((node, i) => {
-          const x = nodes.length === 1 ? (lineStartX + lineEndX) / 2 : lineStartX + i / (nodes.length - 1) * lineLen;
-          const above = i % 2 === 0;
-          const textY = above ? lineY - labelOffset : lineY + labelOffset;
-          const stemEndY = above ? lineY - dotR - 2 : lineY + dotR + 2;
-          const fontSize = fitFontSize(node.text, lineLen / nodes.length * 0.9, labelOffset, 10);
+        layout.connectors.map((connector) => /* @__PURE__ */ jsx(ConnectorPath, { connector }, connector.key)),
+        layout.nodes.map((node, i) => {
+          const nodeId = nodeIds[i];
+          const label = nodeId ? nodeLabels?.get(nodeId) : void 0;
+          const anchor = labelAnchor(node);
           return /* @__PURE__ */ jsxs(
             "g",
             {
-              ...smartArtNodeGroupProps(node.id, shadow),
+              ...smartArtNodeGroupProps(nodeId ?? node.key, layout.shadowFilter, label),
               children: [
-                /* @__PURE__ */ jsx(
-                  "line",
-                  {
-                    x1: x,
-                    y1: stemEndY,
-                    x2: x,
-                    y2: textY + (above ? fontSize : -fontSize),
-                    stroke: colour(i, palette),
-                    strokeWidth: 1,
-                    opacity: 0.5
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "circle",
-                  {
-                    cx: x,
-                    cy: lineY,
-                    r: dotR,
-                    fill: colour(i, palette),
-                    opacity: nodeOpacity2(i, nodes.length, style)
-                  }
-                ),
-                /* @__PURE__ */ jsx(
+                label ? /* @__PURE__ */ jsx("title", { children: label }) : null,
+                /* @__PURE__ */ jsx(NodeShape, { node }),
+                node.text.length > 0 ? /* @__PURE__ */ jsx(
                   SmartArtNodeText,
                   {
-                    text: truncate2(node.text, 20) ?? "",
-                    x,
-                    y: textY,
-                    fill: colour(i, palette),
-                    fontSize,
-                    anchor: above ? "bottom" : "top",
+                    x: anchor.x,
+                    y: anchor.y,
+                    text: node.text,
+                    fill: node.fontColor ?? DEFAULT_LABEL_COLOR,
+                    fontSize: node.fontSize,
+                    fontWeight: node.fontWeight,
+                    fontStyle: node.fontStyle,
+                    textAnchor: anchor.textAnchor,
+                    anchor: anchor.baseline,
                     className: "pointer-events-none"
                   }
-                )
+                ) : null
               ]
             },
-            `${element.id}-timeline-${node.id}-${i}`
+            node.key
           );
         })
       ]
     }
   );
 }
-function BendingProcessRenderer({
-  element,
-  nodes,
-  palette,
-  style
-}) {
-  const COLS = 4;
-  const w = element.width;
-  const h = element.height;
-  const rowsCount = Math.ceil(nodes.length / COLS);
-  const padX = 8;
-  const padY = 8;
-  const cellW = (w - padX * 2) / COLS;
-  const cellH = (h - padY * 2) / Math.max(rowsCount, 1);
-  const boxW = cellW * 0.8;
-  const boxH = Math.min(cellH * 0.6, 32);
-  const rx = Math.min(5, boxH * 0.15);
-  const arrowSize = 6;
-  const shadow = styleShadow2(style);
-  const sw = styleStroke2(style);
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className: "w-full h-full pointer-events-none",
-      viewBox: `0 0 ${w} ${h}`,
-      preserveAspectRatio: "xMidYMid meet",
-      "data-testid": "smartart-bending",
-      children: nodes.map((node, i) => {
-        const row = Math.floor(i / COLS);
-        const colInRow = i % COLS;
-        const col = row % 2 === 0 ? colInRow : COLS - 1 - colInRow;
-        const nodeCx = padX + col * cellW + cellW / 2;
-        const nodeCy = padY + row * cellH + cellH / 2;
-        const fontSize = fitFontSize(node.text, boxW * 0.85, boxH, 10);
-        let arrow = null;
-        if (i < nodes.length - 1) {
-          const nextRow = Math.floor((i + 1) / COLS);
-          const nextColInRow = (i + 1) % COLS;
-          const nextCol = nextRow % 2 === 0 ? nextColInRow : COLS - 1 - nextColInRow;
-          const nextCx = padX + nextCol * cellW + cellW / 2;
-          const nextCy = padY + nextRow * cellH + cellH / 2;
-          if (nextRow === row) {
-            const dir = nextCx > nodeCx ? 1 : -1;
-            const startX = nodeCx + dir * (boxW / 2 + 2);
-            const endX = nextCx - dir * (boxW / 2 + 2);
-            arrow = /* @__PURE__ */ jsxs("g", { children: [
-              /* @__PURE__ */ jsx(
-                "line",
-                {
-                  x1: startX,
-                  y1: nodeCy,
-                  x2: endX,
-                  y2: nodeCy,
-                  stroke: "#94a3b8",
-                  strokeWidth: 1.5
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "polygon",
-                {
-                  points: `${endX},${nodeCy - arrowSize / 2} ${endX + dir * arrowSize},${nodeCy} ${endX},${nodeCy + arrowSize / 2}`,
-                  fill: "#94a3b8"
-                }
-              )
-            ] }, `${element.id}-snake-arrow-${i}`);
-          } else {
-            const startY = nodeCy + boxH / 2 + 2;
-            const endY = nextCy - boxH / 2 - 2;
-            arrow = /* @__PURE__ */ jsxs("g", { children: [
-              /* @__PURE__ */ jsx(
-                "line",
-                {
-                  x1: nodeCx,
-                  y1: startY,
-                  x2: nextCx,
-                  y2: endY,
-                  stroke: "#94a3b8",
-                  strokeWidth: 1.5
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "polygon",
-                {
-                  points: `${nextCx - arrowSize / 2},${endY} ${nextCx},${endY + arrowSize} ${nextCx + arrowSize / 2},${endY}`,
-                  fill: "#94a3b8"
-                }
-              )
-            ] }, `${element.id}-snake-arrow-${i}`);
-          }
-        }
-        return /* @__PURE__ */ jsxs(
-          "g",
-          {
-            ...smartArtNodeGroupProps(node.id, shadow),
-            children: [
-              arrow,
-              /* @__PURE__ */ jsx(
-                "rect",
-                {
-                  x: nodeCx - boxW / 2,
-                  y: nodeCy - boxH / 2,
-                  width: boxW,
-                  height: boxH,
-                  rx,
-                  fill: colour(i, palette),
-                  opacity: nodeOpacity2(i, nodes.length, style),
-                  stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
-                  strokeWidth: sw
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                SmartArtNodeText,
-                {
-                  x: nodeCx,
-                  y: nodeCy,
-                  text: truncate2(node.text, 20),
-                  fill: "white",
-                  fontSize,
-                  className: "pointer-events-none"
-                }
-              )
-            ]
-          },
-          `${element.id}-snake-${node.id}-${i}`
-        );
-      })
-    }
-  );
-}
 function SmartArtRendererImpl({
   element,
   className = "",
@@ -5322,9 +3557,20 @@ function SmartArtRendererImpl({
       }
     );
   } else {
-    const namedLayout = smartArtData.layout;
-    const layoutType = namedLayout ? layoutToCategory(namedLayout) : (smartArtData.resolvedLayoutType ?? smartArtData.layoutType ?? "list").toLowerCase();
-    content = renderLayout(layoutType, element, revealedNodes, palette, style, nodeLabels);
+    const layout = computeSmartArtLayout(
+      revealedNodes,
+      { width: element.width, height: element.height },
+      palette,
+      style,
+      element.id,
+      smartArtData.resolvedLayoutType,
+      smartArtData.layout,
+      void 0,
+      smartArtData.layoutDefinition,
+      smartArtData.presLayoutVars
+    );
+    const nodeIds = flattenNodes(revealedNodes).map((n) => n.id);
+    content = /* @__PURE__ */ jsx(SmartArtLayoutSvg, { layout, nodeIds, nodeLabels });
   }
   const body = editable ? /* @__PURE__ */ jsx(
     SmartArtEditableLayer,
@@ -5339,108 +3585,6 @@ function SmartArtRendererImpl({
   ) : content;
   return wrapChrome(chrome, body, className, { role: a11y.role, label: a11y.label });
 }
-function renderLayout(layoutType, element, nodes, palette, style, nodeLabels) {
-  if (layoutType.includes("hierarchy") || layoutType.includes("org")) {
-    return /* @__PURE__ */ jsx(HierarchyRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("process") || layoutType.includes("chevron") || layoutType.includes("arrow")) {
-    return /* @__PURE__ */ jsx(
-      ProcessRenderer,
-      {
-        element,
-        nodes,
-        palette,
-        style,
-        nodeLabels
-      }
-    );
-  }
-  if (layoutType.includes("cycle") || layoutType.includes("radial")) {
-    return /* @__PURE__ */ jsx(
-      CycleRenderer,
-      {
-        element,
-        nodes,
-        palette,
-        style,
-        nodeLabels
-      }
-    );
-  }
-  if (layoutType.includes("matrix")) {
-    return /* @__PURE__ */ jsx(
-      MatrixRenderer,
-      {
-        element,
-        nodes,
-        palette,
-        style,
-        nodeLabels
-      }
-    );
-  }
-  if (layoutType.includes("pyramid")) {
-    return /* @__PURE__ */ jsx(PyramidRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("venn")) {
-    return /* @__PURE__ */ jsx(VennRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("funnel")) {
-    return /* @__PURE__ */ jsx(FunnelRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("target") || layoutType.includes("bullseye")) {
-    return /* @__PURE__ */ jsx(TargetRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("gear")) {
-    return /* @__PURE__ */ jsx(GearRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("timeline") || layoutType.includes("linear")) {
-    return /* @__PURE__ */ jsx(TimelineRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("bending") || layoutType.includes("snake")) {
-    return /* @__PURE__ */ jsx(BendingProcessRenderer, { element, nodes, palette, style });
-  }
-  if (layoutType.includes("stepdown")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderStepDownProcess(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("alternatingflow") || layoutType.includes("alternating")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderAlternatingFlow(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("descending")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderDescendingProcess(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("pictureaccent")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderPictureAccentList(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("verticalblock")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderVerticalBlockList(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("grouped")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderGroupedList(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("pyramidlist")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderPyramidList(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("horizontalpicture")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderHorizontalPictureList(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("accentprocess")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderAccentProcess(element, nodes, palette, style) });
-  }
-  if (layoutType.includes("verticalchevron")) {
-    return /* @__PURE__ */ jsx(Fragment, { children: renderVerticalChevronList(element, nodes, palette, style) });
-  }
-  return /* @__PURE__ */ jsx(
-    ListRenderer,
-    {
-      element,
-      nodes,
-      palette,
-      style,
-      nodeLabels
-    }
-  );
-}
 function arePropsEqual(prev, next) {
   if (prev.className !== next.className) {
     return false;
@@ -6257,7 +4401,7 @@ function renderBody(options) {
     if (renderGroupChild) {
       return /* @__PURE__ */ jsx("div", { className: "relative w-full h-full pointer-events-none", children: el.children.map(renderGroupChild) });
     }
-    return renderGroup(el.children, el.groupFill);
+    return renderGroup(el.children, getGroupChildParentFill(el));
   }
   if (shouldRenderFallbackLabel(el, isTxtEl)) {
     return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: getElementLabel(el) });
@@ -6363,7 +4507,7 @@ function StaticElementRendererImpl({
             zIndex: index,
             fieldContext,
             tableStyleContext,
-            parentGroupFill: getGroupChildParentFill(element),
+            parentGroupFill: getGroupChildParentFill(element, parentGroupFill),
             onActionClick,
             actionRequiresModifier,
             exposeElementId
@@ -7328,105 +5472,51 @@ function ArrangeSection(p) {
     /* @__PURE__ */ jsx("span", { className: "text-[9px] text-muted-foreground leading-none", children: t("pptx.arrange.groupLabel") })
   ] });
 }
-function DesignSection(p) {
+function TransitionsSection(p) {
   const { t } = useTranslation();
+  const canEdit = p.canEdit !== false;
+  const draft = React14.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
+  const [durationBuffer, setDurationBuffer] = React14.useState(null);
+  const [advanceBuffer, setAdvanceBuffer] = React14.useState(null);
+  const commit = React14.useCallback(
+    (changes) => {
+      p.onTransitionChange(ribbonTransitionUpdates({ ...draft, ...changes }));
+    },
+    [draft, p]
+  );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
-        onClick: p.onToggleThemeGallery,
-        disabled: !p.canEdit,
-        className: cn(
-          pill,
-          p.isThemeGalleryOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-        ),
-        title: t("pptx.ribbon.browseThemesTitle"),
-        children: [
-          /* @__PURE__ */ jsx(LuPalette, { className: ics }),
-          t("pptx.ribbon.browseThemes")
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: p.onToggleThemeEditor,
-        disabled: !p.canEdit,
-        className: cn(pill, p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""),
-        title: t("pptx.ribbon.editThemeTitle"),
-        children: [
-          /* @__PURE__ */ jsx(LuPencil, { className: ics }),
-          t("pptx.ribbon.editTheme")
-        ]
-      }
-    ),
-    sep,
-    p.onOpenDocumentProperties && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: p.onOpenDocumentProperties,
+        type: "button",
         className: pill,
-        title: t("pptx.ribbon.slideSizeTitle"),
+        title: t("pptx.ribbon.previewTransition"),
+        onClick: () => {
+          if (p.activeSlide?.transition) {
+            commit({});
+          }
+        },
         children: [
-          /* @__PURE__ */ jsx(LuMonitor, { className: ics }),
-          t("pptx.ribbon.slideSize")
+          /* @__PURE__ */ jsx(LuPlay, { className: ics }),
+          t("pptx.ribbon.preview")
         ]
       }
     ),
-    p.onToggleInspector && /* @__PURE__ */ jsxs(
-      "button",
-      {
-        onClick: p.onToggleInspector,
-        className: cn(
-          pill,
-          p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
-        ),
-        title: t("pptx.ribbon.formatBackgroundTitle"),
-        children: [
-          /* @__PURE__ */ jsx(LuPaintBucket, { className: ics }),
-          t("pptx.ribbon.formatBackground")
-        ]
-      }
-    )
-  ] });
-}
-var TRANSITION_PRESETS = [
-  { value: "none", labelKey: "pptx.ribbon.transition.none" },
-  { value: "fade", labelKey: "pptx.ribbon.transition.fade" },
-  { value: "push", labelKey: "pptx.ribbon.transition.push" },
-  { value: "wipe", labelKey: "pptx.ribbon.transition.wipe" },
-  { value: "split", labelKey: "pptx.ribbon.transition.split" },
-  { value: "reveal", labelKey: "pptx.ribbon.transition.reveal" },
-  { value: "cut", labelKey: "pptx.ribbon.transition.cut" },
-  { value: "cover", labelKey: "pptx.ribbon.transition.cover" },
-  { value: "uncover", labelKey: "pptx.ribbon.transition.uncover" }
-];
-function TransitionsSection(p) {
-  const { t } = useTranslation();
-  const [selected, setSelected] = React14.useState("none");
-  const [duration, setDuration] = React14.useState("00.50");
-  const [advanceOnClick, setAdvanceOnClick] = React14.useState(true);
-  const [advanceAfter, setAdvanceAfter] = React14.useState(false);
-  const [advanceAfterSeconds, setAdvanceAfterSeconds] = React14.useState("00:00.00");
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs("button", { type: "button", className: pill, title: t("pptx.ribbon.previewTransition"), children: [
-      /* @__PURE__ */ jsx(LuPlay, { className: ics }),
-      t("pptx.ribbon.preview")
-    ] }),
     sep,
-    /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-0.5 overflow-x-auto max-w-[420px]", children: TRANSITION_PRESETS.map((preset) => /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: "inline-flex items-center gap-0.5 overflow-x-auto max-w-[420px]", children: RIBBON_TRANSITION_PRESETS.map((preset) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        onClick: () => setSelected(preset.value),
+        disabled: !canEdit,
+        onClick: () => commit({ type: preset.type }),
         className: cn(
           "flex-shrink-0 px-2 py-1 max-md:min-h-[44px] rounded border text-[11px] leading-tight transition-colors",
-          selected === preset.value ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-muted hover:bg-accent text-foreground"
+          draft.type === preset.type ? "border-primary bg-primary/10 text-primary font-medium" : "border-border bg-muted hover:bg-accent text-foreground"
         ),
         title: t("pptx.ribbon.transitionTitle", { name: t(preset.labelKey) }),
         children: t(preset.labelKey)
       },
-      preset.value
+      preset.type
     )) }),
     sep,
     /* @__PURE__ */ jsxs("label", { className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground", children: [
@@ -7434,10 +5524,21 @@ function TransitionsSection(p) {
       /* @__PURE__ */ jsx(
         "input",
         {
-          type: "text",
-          value: duration,
-          onChange: (e) => setDuration(e.target.value),
-          className: "w-14 px-1.5 py-1 rounded border border-border bg-muted text-xs text-foreground text-center",
+          type: "number",
+          min: 0,
+          max: 20,
+          step: 0.25,
+          disabled: !canEdit,
+          value: durationBuffer ?? String(draft.durationSec),
+          onChange: (e) => {
+            setDurationBuffer(e.target.value);
+            const seconds = Number(e.target.value);
+            if (Number.isFinite(seconds) && e.target.value !== "") {
+              commit({ durationSec: seconds });
+            }
+          },
+          onBlur: () => setDurationBuffer(null),
+          className: "w-16 px-1.5 py-1 rounded border border-border bg-muted text-xs text-foreground text-center",
           title: t("pptx.ribbon.transitionDurationTitle")
         }
       )
@@ -7448,17 +5549,28 @@ function TransitionsSection(p) {
       /* @__PURE__ */ jsx(
         "select",
         {
-          className: "w-24 px-1.5 py-1 rounded border border-border bg-muted text-xs text-foreground",
+          className: "w-24 px-1.5 py-1 rounded border border-border bg-muted text-xs text-foreground disabled:opacity-50",
           defaultValue: "none",
+          disabled: true,
           children: /* @__PURE__ */ jsx("option", { value: "none", children: t("pptx.ribbon.soundNone") })
         }
       )
     ] }),
     sep,
-    /* @__PURE__ */ jsxs("button", { type: "button", className: pill, title: t("pptx.ribbon.applyTransitionToAll"), children: [
-      /* @__PURE__ */ jsx(LuCopy, { className: ics }),
-      t("pptx.headerFooter.applyToAll")
-    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: !canEdit,
+        className: pill,
+        title: t("pptx.ribbon.applyTransitionToAll"),
+        onClick: p.onApplyTransitionToAll,
+        children: [
+          /* @__PURE__ */ jsx(LuCopy, { className: ics }),
+          t("pptx.headerFooter.applyToAll")
+        ]
+      }
+    ),
     sep,
     /* @__PURE__ */ jsxs("div", { className: "inline-flex flex-col gap-1 text-xs text-muted-foreground", children: [
       /* @__PURE__ */ jsx("span", { className: "text-[10px] font-medium text-foreground", children: t("pptx.ribbon.advanceSlide") }),
@@ -7467,8 +5579,9 @@ function TransitionsSection(p) {
           "input",
           {
             type: "checkbox",
-            checked: advanceOnClick,
-            onChange: (e) => setAdvanceOnClick(e.target.checked),
+            disabled: !canEdit,
+            checked: draft.advanceOnClick,
+            onChange: (e) => commit({ advanceOnClick: e.target.checked }),
             className: "accent-primary h-3 w-3"
           }
         ),
@@ -7479,8 +5592,9 @@ function TransitionsSection(p) {
           "input",
           {
             type: "checkbox",
-            checked: advanceAfter,
-            onChange: (e) => setAdvanceAfter(e.target.checked),
+            disabled: !canEdit,
+            checked: draft.advanceAfter,
+            onChange: (e) => commit({ advanceAfter: e.target.checked }),
             className: "accent-primary h-3 w-3"
           }
         ),
@@ -7489,9 +5603,13 @@ function TransitionsSection(p) {
           "input",
           {
             type: "text",
-            value: advanceAfterSeconds,
-            onChange: (e) => setAdvanceAfterSeconds(e.target.value),
-            disabled: !advanceAfter,
+            value: advanceBuffer ?? draft.advanceAfterText,
+            onChange: (e) => {
+              setAdvanceBuffer(e.target.value);
+              commit({ advanceAfter: true, advanceAfterText: e.target.value });
+            },
+            onBlur: () => setAdvanceBuffer(null),
+            disabled: !canEdit || !draft.advanceAfter,
             className: "w-16 px-1 py-0.5 rounded border border-border bg-muted text-xs text-foreground text-center disabled:opacity-50",
             title: t("pptx.ribbon.advanceAfterSeconds")
           }
@@ -7517,6 +5635,68 @@ function TransitionsSection(p) {
     )
   ] });
 }
+function DesignSection(p) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: p.onToggleThemeGallery,
+        disabled: !p.canEdit,
+        className: cn(
+          pill,
+          p.isThemeGalleryOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
+        ),
+        title: t("pptx.ribbon.browseThemesTitle"),
+        children: [
+          /* @__PURE__ */ jsx(LuPalette, { className: ics }),
+          t("pptx.ribbon.browseThemes")
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: p.onToggleThemeEditor,
+        disabled: !p.canEdit,
+        className: cn(pill, p.isThemeEditorOpen ? "bg-primary hover:bg-primary/80 text-white" : ""),
+        title: t("pptx.ribbon.editThemeTitle"),
+        children: [
+          /* @__PURE__ */ jsx(LuPencil, { className: ics }),
+          t("pptx.ribbon.editTheme")
+        ]
+      }
+    ),
+    sep,
+    p.onOpenDocumentProperties && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: p.onOpenDocumentProperties,
+        className: pill,
+        title: t("pptx.ribbon.slideSizeTitle"),
+        children: [
+          /* @__PURE__ */ jsx(LuMonitor, { className: ics }),
+          t("pptx.ribbon.slideSize")
+        ]
+      }
+    ),
+    p.onToggleInspector && /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: p.onToggleInspector,
+        className: cn(
+          pill,
+          p.isInspectorPaneOpen ? "bg-primary hover:bg-primary/80 text-white" : ""
+        ),
+        title: t("pptx.ribbon.formatBackgroundTitle"),
+        children: [
+          /* @__PURE__ */ jsx(LuPaintBucket, { className: ics }),
+          t("pptx.ribbon.formatBackground")
+        ]
+      }
+    )
+  ] });
+}
 function DrawSection(p) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -7609,7 +5789,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.16.9" ;
+  const version = "2.16.10" ;
   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: [
@@ -8042,6 +6222,160 @@ function RibbonMenu({
     }
   );
 }
+function FontFamilyMenu(p) {
+  const { t } = useTranslation();
+  const groups = buildFontCatalog({
+    themeFonts: p.themeFonts,
+    embeddedFonts: p.embeddedFonts,
+    customFonts: p.customFonts
+  });
+  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React14.Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `px-3 pb-1 pt-2 text-[10px] font-semibold uppercase tracking-wide text-muted-foreground${groupIndex > 0 ? " border-t border-border/60 mt-1" : ""}`,
+        children: t(group.labelKey)
+      }
+    ),
+    group.entries.map((entry) => /* @__PURE__ */ jsx(FontRow, { entry, onSelect: p.onSelect }, `${group.id}-${entry.family}`))
+  ] }, group.id)) }) });
+}
+function FontRow({
+  entry,
+  onSelect
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      className: "flex w-full items-center justify-between gap-3 px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
+      style: { fontFamily: entry.family },
+      onClick: () => onSelect(entry.family),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: entry.family }),
+        entry.themeRole && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: t(`pptx.font.role.${entry.themeRole}`) })
+      ]
+    }
+  );
+}
+function useLayoutPreviews(loadPreviews, enabled) {
+  const [previews, setPreviews] = useState(/* @__PURE__ */ new Map());
+  useEffect(() => {
+    if (!enabled || !loadPreviews) {
+      return;
+    }
+    let cancelled = false;
+    void loadPreviews().then((loaded) => {
+      if (!cancelled) {
+        setPreviews(new Map(loaded.map((preview) => [preview.path, preview])));
+      }
+      return void 0;
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [enabled, loadPreviews]);
+  return previews;
+}
+var THUMB_WIDTH = 128;
+var THUMB_HEIGHT = 72;
+var MAX_PREVIEW_ELEMENTS = 100;
+function LayoutGalleryMenu(p) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-[620px] pt-1", children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-testid": "layout-gallery-menu",
+      className: "grid grid-cols-4 gap-2 rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-3 max-h-[520px] overflow-y-auto",
+      children: [
+        p.layoutOptions.length === 0 && /* @__PURE__ */ jsx("p", { className: "col-span-4 px-2 py-3 text-xs text-muted-foreground", children: t("pptx.layoutGallery.empty") }),
+        p.layoutOptions.map((layout) => {
+          const isCurrent = isCurrentLayout(layout, p.currentLayoutPath);
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              "aria-current": isCurrent ? "true" : void 0,
+              title: isCurrent ? `${layout.name} (${t("pptx.layoutGallery.current")})` : layout.name,
+              className: cn(
+                "relative flex min-w-0 flex-col items-center gap-1 rounded border-2 p-1 text-xs text-foreground transition-colors hover:bg-muted",
+                isCurrent ? "border-primary bg-primary/10" : "border-transparent"
+              ),
+              onClick: () => p.onSelect(layout),
+              children: [
+                /* @__PURE__ */ jsx(LayoutThumbnail, { preview: p.previews.get(layout.path), name: layout.name }),
+                /* @__PURE__ */ jsx("span", { className: "w-full truncate text-center", children: layout.name })
+              ]
+            },
+            layout.path
+          );
+        })
+      ]
+    }
+  ) });
+}
+function LayoutThumbnail({ preview, name }) {
+  const geometry = buildLayoutPreviewGeometry(preview, THUMB_WIDTH, THUMB_HEIGHT);
+  const slide = {
+    id: `layout-preview-${preview?.path ?? name}`,
+    rId: "",
+    slideNumber: 0,
+    elements: preview?.elements ?? [],
+    backgroundColor: geometry.backgroundColor
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "relative shrink-0 overflow-hidden rounded-sm border border-border/70 shadow-sm",
+      style: {
+        width: geometry.boxWidth,
+        height: geometry.boxHeight,
+        backgroundColor: geometry.backgroundColor
+      },
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "absolute left-0 top-0 origin-top-left overflow-hidden",
+          style: {
+            width: geometry.surfaceWidth,
+            height: geometry.surfaceHeight,
+            transform: `scale(${geometry.scale})`,
+            backgroundColor: geometry.backgroundColor
+          },
+          children: [
+            (preview?.elements ?? []).slice(0, MAX_PREVIEW_ELEMENTS).map((element, index) => /* @__PURE__ */ jsx(
+              StaticElementRenderer,
+              {
+                element,
+                activeSlide: slide,
+                allSlides: [slide],
+                zIndex: index
+              },
+              element.id
+            )),
+            geometry.frames.map((frame) => /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "absolute border-dashed border-muted-foreground/70 bg-background/20",
+                style: {
+                  left: frame.left,
+                  top: frame.top,
+                  width: frame.width,
+                  height: frame.height,
+                  borderWidth: geometry.frameBorderWidth,
+                  borderStyle: "dashed"
+                }
+              },
+              frame.key
+            ))
+          ]
+        }
+      )
+    }
+  );
+}
 function SlidesGroup(p) {
   const { t } = useTranslation();
   const [newSlideMenuOpen, setNewSlideMenuOpen] = useState(false);
@@ -8049,6 +6383,7 @@ function SlidesGroup(p) {
   const [templateGalleryOpen, setTemplateGalleryOpen] = useState(false);
   const newSlideMenuRef = useRef(null);
   const layoutMenuRef = useRef(null);
+  const previews = useLayoutPreviews(p.loadLayoutPreviews, newSlideMenuOpen || layoutMenuOpen);
   const handleNewSlide = useCallback(() => {
     if (p.layoutOptions.length > 0) {
       const first = p.layoutOptions[0];
@@ -8112,19 +6447,18 @@ function SlidesGroup(p) {
               children: /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3" })
             }
           ),
-          newSlideMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: newSlideMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: p.layoutOptions.map((lo) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-              onClick: () => {
-                p.onInsertSlideFromLayout(lo.path, lo.name);
+          newSlideMenuOpen && /* @__PURE__ */ jsx(
+            LayoutGalleryMenu,
+            {
+              anchorRef: newSlideMenuRef,
+              layoutOptions: p.layoutOptions,
+              previews,
+              onSelect: (layout) => {
+                p.onInsertSlideFromLayout(layout.path, layout.name);
                 setNewSlideMenuOpen(false);
-              },
-              children: lo.name
-            },
-            lo.path
-          )) }) })
+              }
+            }
+          )
         ] }),
         p.onInsertSlideFromTemplate && /* @__PURE__ */ jsxs(
           "button",
@@ -8155,19 +6489,19 @@ function SlidesGroup(p) {
               ]
             }
           ),
-          layoutMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: layoutMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: p.layoutOptions.map((lo) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-              onClick: () => {
-                p.onApplyLayout?.(lo.path);
+          layoutMenuOpen && /* @__PURE__ */ jsx(
+            LayoutGalleryMenu,
+            {
+              anchorRef: layoutMenuRef,
+              layoutOptions: p.layoutOptions,
+              previews,
+              currentLayoutPath: p.currentLayoutPath,
+              onSelect: (layout) => {
+                p.onApplyLayout?.(layout.path);
                 setLayoutMenuOpen(false);
-              },
-              children: lo.name
-            },
-            lo.path
-          )) }) })
+              }
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxs(
           "button",
@@ -8212,12 +6546,13 @@ function SlidesGroup(p) {
     )
   ] });
 }
-function extractFontInfo(element) {
-  const defaults = { fontFamily: "Segoe UI", fontSize: "24" };
-  if (!element) {
-    return defaults;
-  }
-  if (!hasTextProperties(element)) {
+function extractFontInfo(element, themeFonts) {
+  const placeholderType = element?.placeholderType;
+  const defaults = {
+    fontFamily: resolveDefaultFontFamily(placeholderType, themeFonts),
+    fontSize: "24"
+  };
+  if (!element || !hasTextProperties(element)) {
     return defaults;
   }
   const segStyle = element.textSegments?.[0]?.style;
@@ -8229,21 +6564,6 @@ function extractFontInfo(element) {
     fontSize: fontSize !== void 0 && fontSize !== null ? String(fontSize) : defaults.fontSize
   };
 }
-var COMMON_FONTS2 = [
-  "Arial",
-  "Calibri",
-  "Cambria",
-  "Comic Sans MS",
-  "Courier New",
-  "Georgia",
-  "Helvetica",
-  "Impact",
-  "Segoe UI",
-  "Tahoma",
-  "Times New Roman",
-  "Trebuchet MS",
-  "Verdana"
-];
 var COMMON_SIZES = [8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 28, 32, 36, 40, 44, 48, 54, 60, 72, 96];
 function HomeSection(p) {
   const { t } = useTranslation();
@@ -8253,7 +6573,7 @@ function HomeSection(p) {
   const [cutFeedback, setCutFeedback] = useState(false);
   const fontMenuRef = useRef(null);
   const sizeMenuRef = useRef(null);
-  const { fontFamily, fontSize } = extractFontInfo(p.selectedElement);
+  const { fontFamily, fontSize } = extractFontInfo(p.selectedElement, p.themeFonts);
   const hasSelection = Boolean(p.selectedElement);
   useEffect(() => {
     if (!fontMenuOpen) {
@@ -8348,6 +6668,8 @@ function HomeSection(p) {
       {
         canEdit: p.canEdit,
         layoutOptions: p.layoutOptions,
+        currentLayoutPath: p.currentLayoutPath,
+        loadLayoutPreviews: p.loadLayoutPreviews,
         onInsertSlideFromLayout: p.onInsertSlideFromLayout,
         onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
         templateScheme: p.templateScheme,
@@ -8372,20 +6694,19 @@ function HomeSection(p) {
               ]
             }
           ),
-          fontMenuOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fontMenuRef, className: "flex flex-col w-48 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-60 overflow-y-auto", children: COMMON_FONTS2.map((f) => /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              className: "flex items-center gap-2 w-full px-3 py-1.5 text-xs text-foreground hover:bg-muted transition-colors",
-              style: { fontFamily: f },
-              onClick: () => {
-                p.onUpdateTextStyle?.({ fontFamily: f });
+          fontMenuOpen && /* @__PURE__ */ jsx(
+            FontFamilyMenu,
+            {
+              anchorRef: fontMenuRef,
+              themeFonts: p.themeFonts,
+              embeddedFonts: p.embeddedFontFamilies,
+              customFonts: p.customFontFamilies,
+              onSelect: (family) => {
+                p.onUpdateTextStyle?.({ fontFamily: family });
                 setFontMenuOpen(false);
-              },
-              children: f
-            },
-            f
-          )) }) })
+              }
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "relative", ref: sizeMenuRef, children: [
           /* @__PURE__ */ jsxs(
@@ -9267,36 +7588,28 @@ function SlideShowSection(p) {
       )
     ] }),
     /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.slideShow.options", { defaultValue: "Options" }), children: [
-      /* @__PURE__ */ jsxs(RibbonCommandStack, { children: [
-        /* @__PURE__ */ jsx(
-          RibbonToggle,
-          {
-            label: t("pptx.slideShow.keepUpdated", { defaultValue: "Keep Slides Updated" }),
-            checked: false,
-            disabled: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RibbonToggle,
-          {
-            label: t("pptx.slideShow.useTimings", { defaultValue: "Use Timings" }),
-            checked: true
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          RibbonToggle,
-          {
-            label: t("pptx.slideShow.playNarrations", { defaultValue: "Play Narrations" }),
-            checked: true
+      /* @__PURE__ */ jsx(RibbonCommandStack, { children: SLIDE_SHOW_OPTIONS.slice(0, 3).map((option) => /* @__PURE__ */ jsx(
+        RibbonToggle,
+        {
+          label: t(option.labelKey),
+          checked: readSlideShowOption(p.presentationProperties, option.id),
+          disabled: option.unsupported,
+          onChange: option.unsupported ? void 0 : (next) => {
+            const change = slideShowOptionChange(option.id, next);
+            if (change) {
+              p.onPresentationPropertiesChange?.(change);
+            }
           }
-        )
-      ] }),
+        },
+        option.id
+      )) }),
       /* @__PURE__ */ jsxs(RibbonCommandStack, { children: [
         /* @__PURE__ */ jsx(
           RibbonToggle,
           {
-            label: t("pptx.slideShow.mediaControls", { defaultValue: "Show Media Controls" }),
-            checked: true
+            label: t(SLIDE_SHOW_OPTIONS[3].labelKey),
+            checked: readSlideShowOption(p.presentationProperties, SLIDE_SHOW_OPTIONS[3].id),
+            disabled: SLIDE_SHOW_OPTIONS[3].unsupported
           }
         ),
         /* @__PURE__ */ jsx(
@@ -10519,7 +8832,11 @@ function MobileSectionBody({
         TransitionsSection,
         {
           isInspectorPaneOpen: p.isInspectorPaneOpen,
-          onToggleInspector: p.onToggleInspector
+          onToggleInspector: p.onToggleInspector,
+          canEdit: p.canEdit,
+          activeSlide: p.activeSlide,
+          onTransitionChange: p.onTransitionChange,
+          onApplyTransitionToAll: p.onApplyTransitionToAll
         }
       ) });
     case "animations":
@@ -10738,20 +9055,6 @@ function MobileToolbar(props) {
     }
   );
 }
-var FILL_COLORS = [
-  "#ffffff",
-  "#000000",
-  "#ff0000",
-  "#00ff00",
-  "#0000ff",
-  "#ffff00",
-  "#ff00ff",
-  "#00ffff",
-  "#ff8800",
-  "#8800ff",
-  "#008888",
-  "#888888"
-];
 var TOP_SHAPES = SHAPE_PRESETS.slice(0, 12);
 function DrawingGroup(p) {
   const { t } = useTranslation();
@@ -10928,7 +9231,7 @@ function DrawingGroup(p) {
               children: /* @__PURE__ */ jsx(LuPaintBucket, { className: ic })
             }
           ),
-          fillOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fillRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: FILL_COLORS.map((c) => /* @__PURE__ */ jsx(
+          fillOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: fillRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: RIBBON_SHAPE_SWATCHES.map((c) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -10938,7 +9241,7 @@ function DrawingGroup(p) {
               style: { backgroundColor: c },
               title: c,
               onClick: () => {
-                p.onUpdateElementStyle?.({ fill: c });
+                p.onUpdateElementStyle?.(shapeFillChange(c));
                 setFillOpen(false);
               }
             },
@@ -10957,7 +9260,7 @@ function DrawingGroup(p) {
               children: /* @__PURE__ */ jsx(LuPenLine, { className: ic })
             }
           ),
-          outlineOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: outlineRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: FILL_COLORS.map((c) => /* @__PURE__ */ jsx(
+          outlineOpen && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: outlineRef, className: "pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl p-2 grid grid-cols-6 gap-1", children: RIBBON_SHAPE_SWATCHES.map((c) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -10967,7 +9270,7 @@ function DrawingGroup(p) {
               style: { backgroundColor: c },
               title: c,
               onClick: () => {
-                p.onUpdateElementStyle?.({ outlineColor: c });
+                p.onUpdateElementStyle?.(shapeOutlineChange(c));
                 setOutlineOpen(false);
               }
             },
@@ -11671,12 +9974,19 @@ function Toolbar(p) {
                   onPaste: p.onPaste,
                   onToggleFormatPainter: p.onToggleFormatPainter,
                   layoutOptions: p.layoutOptions,
+                  currentLayoutPath: p.currentLayoutPath,
+                  loadLayoutPreviews: p.loadLayoutPreviews,
+                  themeFonts: p.themeFonts,
+                  embeddedFontFamilies: p.embeddedFontFamilies,
+                  customFontFamilies: p.customFontFamilies,
                   onInsertSlideFromLayout: p.onInsertSlideFromLayout,
                   onApplyLayout: p.onApplyLayout,
                   onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
                   templateScheme: p.templateScheme,
                   selectedElement: p.selectedElement,
-                  onUpdateTextStyle: p.onUpdateTextStyle
+                  onUpdateTextStyle: p.onUpdateTextStyle,
+                  onResetSlide: p.onResetSlide,
+                  onAddSection: p.onAddSection
                 }
               ),
               sIns && /* @__PURE__ */ jsx(
@@ -11710,7 +10020,13 @@ function Toolbar(p) {
                   onTransformTextCase: p.onTransformTextCase
                 }
               ),
-              sHome && /* @__PURE__ */ jsx(EditingSection, { onToggleFindReplace: p.onToggleFindReplace }),
+              sHome && /* @__PURE__ */ jsx(
+                EditingSection,
+                {
+                  onToggleFindReplace: p.onToggleFindReplace,
+                  onSelectAll: p.onSelectAll
+                }
+              ),
               sHome && /* @__PURE__ */ jsx(
                 DrawingGroup,
                 {
@@ -11720,7 +10036,8 @@ function Toolbar(p) {
                   onSetNewShapeType: p.onSetNewShapeType,
                   onAddShape: p.onAddShape,
                   onMoveLayer: p.onMoveLayer,
-                  onMoveLayerToEdge: p.onMoveLayerToEdge
+                  onMoveLayerToEdge: p.onMoveLayerToEdge,
+                  onUpdateElementStyle: p.onUpdateElementStyle
                 }
               ),
               sDrw && /* @__PURE__ */ jsx(
@@ -11773,7 +10090,11 @@ function Toolbar(p) {
                 TransitionsSection,
                 {
                   isInspectorPaneOpen: p.isInspectorPaneOpen,
-                  onToggleInspector: p.onToggleInspector
+                  onToggleInspector: p.onToggleInspector,
+                  canEdit: p.canEdit,
+                  activeSlide: p.activeSlide,
+                  onTransitionChange: p.onTransitionChange,
+                  onApplyTransitionToAll: p.onApplyTransitionToAll
                 }
               ),
               sAni && /* @__PURE__ */ jsx(
@@ -11808,7 +10129,9 @@ function Toolbar(p) {
                   showSubtitles: p.showSubtitles ?? false,
                   onSetMode: p.onSetMode,
                   customShowControls: p,
-                  hiddenActions: p.hiddenActions
+                  hiddenActions: p.hiddenActions,
+                  presentationProperties: p.presentationProperties,
+                  onPresentationPropertiesChange: p.onPresentationPropertiesChange
                 }
               ),
               sRec && /* @__PURE__ */ jsx(
@@ -12786,10 +11109,6 @@ function useConnectorCreation({
       if (!connectorDragState || !onCreateConnector) {
         return;
       }
-      if (connectorDragState.startElementId === targetElementId) {
-        setConnectorDragState(null);
-        return;
-      }
       const startEl = activeSlide?.elements.find(
         (el) => el.id === connectorDragState.startElementId
       );
@@ -12798,37 +11117,27 @@ function useConnectorCreation({
         setConnectorDragState(null);
         return;
       }
-      const startSites = getConnectionSites(startEl.width, startEl.height);
-      const endSites = getConnectionSites(endEl.width, endEl.height);
-      const startSite = startSites[connectorDragState.startSiteIndex] ?? startSites[0];
-      const endSite = endSites[targetSiteIndex] ?? endSites[0];
-      const sx = startEl.x + startSite.x;
-      const sy = startEl.y + startSite.y;
-      const ex = endEl.x + endSite.x;
-      const ey = endEl.y + endSite.y;
-      const dx = Math.abs(ex - sx);
-      const dy = Math.abs(ey - sy);
-      const dist = Math.sqrt(dx * dx + dy * dy);
-      const shapeType = dist < 100 ? "straightConnector1" : dist < 300 ? "bentConnector3" : "curvedConnector3";
+      const authored = authorConnectorBetweenSites(
+        { element: startEl, siteIndex: connectorDragState.startSiteIndex },
+        { element: endEl, siteIndex: targetSiteIndex }
+      );
+      if (!authored) {
+        setConnectorDragState(null);
+        return;
+      }
       const newConnector = {
         id: `conn-new-${Date.now()}`,
         type: "connector",
-        x: Math.min(sx, ex),
-        y: Math.min(sy, ey),
-        width: Math.abs(ex - sx) || 1,
-        height: Math.abs(ey - sy) || 1,
-        shapeType,
+        x: authored.x,
+        y: authored.y,
+        width: authored.width,
+        height: authored.height,
+        shapeType: authored.shapeType,
         shapeStyle: {
           strokeColor: "#4472C4",
           strokeWidth: 2,
-          connectorStartConnection: {
-            shapeId: connectorDragState.startElementId,
-            connectionSiteIndex: connectorDragState.startSiteIndex
-          },
-          connectorEndConnection: {
-            shapeId: targetElementId,
-            connectionSiteIndex: targetSiteIndex
-          }
+          connectorStartConnection: authored.startConnection,
+          connectorEndConnection: authored.endConnection
         }
       };
       onCreateConnector(newConnector);
@@ -15323,26 +13632,13 @@ function NotesMasterPanel({
     ] })
   ] });
 }
-function masterToSlide(master) {
-  return {
-    id: master.path,
-    rId: "",
-    slideNumber: 0,
-    elements: master.elements ?? [],
-    backgroundColor: master.backgroundColor,
-    backgroundImage: master.backgroundImage
-  };
-}
-function layoutToSlide(layout) {
-  return {
-    id: layout.path,
-    rId: "",
-    slideNumber: 0,
-    elements: layout.elements ?? [],
-    backgroundColor: layout.backgroundColor,
-    backgroundImage: layout.backgroundImage
-  };
+function partToSlide(master, layoutIndex) {
+  return masterViewPseudoSlide(
+    { slideMasters: [master] },
+    { tab: "slides", masterIndex: 0, layoutIndex }
+  );
 }
+var EMPTY_SLIDE = { id: "", rId: "", slideNumber: 0, elements: [] };
 function SlideMastersList({
   slideMasters,
   activeMasterIndex,
@@ -15374,7 +13670,7 @@ function SlideMastersList({
               /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden rounded bg-white", children: /* @__PURE__ */ jsx(
                 SlideThumbnail,
                 {
-                  slide: masterToSlide(master),
+                  slide: partToSlide(master, null) ?? EMPTY_SLIDE,
                   templateElements: [],
                   canvasSize
                 }
@@ -15407,8 +13703,8 @@ function SlideMastersList({
                 /* @__PURE__ */ jsx("div", { className: "relative overflow-hidden rounded bg-white", children: /* @__PURE__ */ jsx(
                   SlideThumbnail,
                   {
-                    slide: layoutToSlide(layout),
-                    templateElements: master.elements ?? [],
+                    slide: partToSlide(master, layoutIdx) ?? EMPTY_SLIDE,
+                    templateElements: [],
                     canvasSize
                   }
                 ) }),
@@ -19030,6 +17326,8 @@ function FontEmbeddingPanel({
   embedFontsEnabled,
   usedFontFamilies,
   embeddedFonts,
+  canEmbedFonts = true,
+  embedUnavailableKey,
   onClose,
   onToggleEmbedFonts
 }) {
@@ -19092,32 +17390,40 @@ function FontEmbeddingPanel({
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 space-y-4 overflow-y-auto flex-1", children: [
             /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("pptx.fonts.embedDescription") }),
-            /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 cursor-pointer", children: [
-              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "checkbox",
-                    className: "sr-only",
-                    checked: embedFontsEnabled,
-                    onChange: (e) => onToggleEmbedFonts(e.target.checked)
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: `w-9 h-5 rounded-full transition-colors ${embedFontsEnabled ? "bg-primary" : "bg-muted-foreground"}`
-                  }
-                ),
-                /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    className: `absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white transition-transform ${embedFontsEnabled ? "translate-x-4" : ""}`
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground", children: t("pptx.fonts.enableEmbedding") })
-            ] }),
+            /* @__PURE__ */ jsxs(
+              "label",
+              {
+                className: `flex items-center gap-3 ${canEmbedFonts ? "cursor-pointer" : "cursor-not-allowed opacity-60"}`,
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        type: "checkbox",
+                        className: "sr-only",
+                        checked: embedFontsEnabled,
+                        disabled: !canEmbedFonts,
+                        onChange: (e) => onToggleEmbedFonts(e.target.checked)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: `w-9 h-5 rounded-full transition-colors ${embedFontsEnabled ? "bg-primary" : "bg-muted-foreground"}`
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: `absolute top-0.5 left-0.5 w-4 h-4 rounded-full bg-white transition-transform ${embedFontsEnabled ? "translate-x-4" : ""}`
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground", children: t("pptx.fonts.enableEmbedding") })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: canEmbedFonts ? t("pptx.fonts.embedKeepsExisting") : t(embedUnavailableKey ?? "pptx.fonts.embedUnavailable") }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
               /* @__PURE__ */ jsxs("h3", { className: "text-xs font-medium text-foreground", children: [
                 t("pptx.fonts.usedFonts"),
@@ -20560,8 +18866,8 @@ function SelectionPane({
     if (elementId === null) {
       return;
     }
-    const trimmed = editingName.trim();
-    if (trimmed === editSeedRef.current.trim()) {
+    const commit = resolveSelectionPaneRename(editSeedRef.current, editingName);
+    if (!commit) {
       return;
     }
     setSlides((prevSlides) => {
@@ -20577,7 +18883,7 @@ function SelectionPane({
       }
       nextElements[idx] = {
         ...nextElements[idx],
-        name: trimmed.length > 0 ? trimmed : void 0
+        name: commit.name
       };
       nextSlides[activeSlideIndex] = { ...slide, elements: nextElements };
       return nextSlides;
@@ -28834,17 +27140,12 @@ function ElementInspectorBody({
   onMoveLayer
 }) {
   const { t } = useTranslation();
-  const isLocked = Boolean(selectedElement.locks?.noMove || selectedElement.locks?.noSelect);
+  const isLocked = isElementLocked(selectedElement);
   const handleToggleLock = () => {
     if (!canEdit) {
       return;
     }
-    if (isLocked) {
-      onUpdateElement({ locks: void 0 });
-    } else {
-      const locks = { noMove: true, noResize: true, noSelect: true };
-      onUpdateElement({ locks });
-    }
+    onUpdateElement({ locks: elementLockTogglePatch(!isLocked) });
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: CARD, children: [
@@ -34165,7 +32466,10 @@ function ViewerToolbarSection(props) {
     propertyHandlers,
     dialogs,
     slideOps,
+    sectionOps,
     onApplyLayout,
+    loadLayoutPreviews,
+    customFontFamilies,
     ops,
     onSetMode,
     onEnterPresenterView,
@@ -34185,6 +32489,7 @@ function ViewerToolbarSection(props) {
     isAiPanelOpen,
     onToggleAiPanel
   } = props;
+  const { t } = useTranslation();
   const handleAddAnimation = useCallback(
     (preset, group) => {
       if (!selectedElement || !activeSlide) {
@@ -34239,6 +32544,28 @@ function ViewerToolbarSection(props) {
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
+  const handleResetSlide = useCallback(() => {
+    const path = resetSlideLayoutPath(activeSlide);
+    if (path) {
+      onApplyLayout?.(path);
+    }
+  }, [activeSlide, onApplyLayout]);
+  const handleAddSection = useCallback(() => {
+    sectionOps?.addSection(t("pptx.sections.defaultName"), activeSlideIndex);
+  }, [sectionOps, activeSlideIndex, t]);
+  const handleSelectAll = useCallback(() => {
+    const allIds = activeSlide?.elements.map((element) => element.id) ?? [];
+    if (allIds.length > 0) {
+      ops.applySelection(allIds[0], allIds);
+    }
+  }, [activeSlide, ops]);
+  const handlePresentationPropertiesChange = useCallback(
+    (updates) => {
+      s.setPresentationProperties((prev) => ({ ...prev, ...updates }));
+      history.markDirty();
+    },
+    [s, history]
+  );
   const handleApplyTransitionToAll = useCallback(() => {
     const transition = activeSlide?.transition;
     if (!transition) {
@@ -34541,6 +32868,14 @@ function ViewerToolbarSection(props) {
         isOverflowMenuOpen: s.isOverflowMenuOpen,
         onSetOverflowMenuOpen: s.setIsOverflowMenuOpen,
         layoutOptions: scopedLayoutOptions,
+        currentLayoutPath: activeSlide?.layoutPath,
+        loadLayoutPreviews,
+        themeFonts: {
+          heading: s.theme?.fontScheme?.majorFont?.latin,
+          body: s.theme?.fontScheme?.minorFont?.latin
+        },
+        embeddedFontFamilies: s.embeddedFonts.map((font) => font.name),
+        customFontFamilies,
         onInsertSlideFromLayout: slideOps.handleInsertSlideFromLayout,
         onApplyLayout,
         onInsertSlideFromTemplate: slideOps.handleInsertSlideFromTemplate,
@@ -34591,6 +32926,11 @@ function ViewerToolbarSection(props) {
         activeSlide,
         onTransitionChange: handleTransitionChange,
         onApplyTransitionToAll: handleApplyTransitionToAll,
+        onResetSlide: handleResetSlide,
+        onAddSection: sectionOps ? handleAddSection : void 0,
+        onSelectAll: handleSelectAll,
+        presentationProperties: s.presentationProperties,
+        onPresentationPropertiesChange: handlePresentationPropertiesChange,
         aiEnabled,
         isAiPanelOpen,
         onToggleAiPanel
@@ -35116,6 +33456,8 @@ function ViewerDialogGroup(props) {
         embedFontsEnabled: dialogs.embedFontsEnabled,
         usedFontFamilies: propertyHandlers.usedFontFamilies,
         embeddedFonts: embeddedFonts.map((f) => f.name),
+        canEmbedFonts: dialogs.fontEmbedding.interactive,
+        embedUnavailableKey: dialogs.fontEmbedding.disabledReasonKey,
         onClose: () => dialogs.setIsFontEmbeddingOpen(false),
         onToggleEmbedFonts: dialogs.setEmbedFontsEnabled
       }
@@ -35390,6 +33732,7 @@ function PresentationStage({
                       ...getReactSlideBackgroundStyle(activeSlide)
                     },
                     children: [
+                      /* @__PURE__ */ jsx("style", { children: PRESENTATION_HIT_TEST_CSS }),
                       presentationKeyframesCss && /* @__PURE__ */ jsx("style", { children: presentationKeyframesCss }),
                       templateElements.map((element, index) => /* @__PURE__ */ jsx(
                         ElementRenderer,
@@ -35400,6 +33743,7 @@ function PresentationStage({
                           isInlineEditing: false,
                           inlineEditingText: "",
                           canInteract: false,
+                          presenting: true,
                           spellCheckEnabled: false,
                           mediaDataUrls,
                           selectionColorClass: "blue-400",
@@ -35436,6 +33780,7 @@ function PresentationStage({
                           isInlineEditing: false,
                           inlineEditingText: "",
                           canInteract: false,
+                          presenting: true,
                           spellCheckEnabled: false,
                           mediaDataUrls,
                           selectionColorClass: "blue-500",
@@ -35578,7 +33923,7 @@ function ViewerCanvasArea(props) {
   const { isHidden } = useToolbarVisibility(hiddenActions);
   const viewerOptions = useViewerOptionsContext();
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
-  const effectiveTemplateElements = mode === "master" ? s.activeLayout ? s.activeMaster?.elements ?? [] : [] : templateElements;
+  const effectiveTemplateElements = mode === "master" ? [] : templateElements;
   const fieldContext = useMemo(
     () => buildFieldSubstitutionContext({
       headerFooter: s.headerFooter,
@@ -36011,7 +34356,7 @@ ${url}`)) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-XHKYPYPH.mjs')
+    import('./AiChatPanel-RZ4A7P4H.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -38263,6 +36608,63 @@ function SettingsAppearanceTab({
     );
   }) });
 }
+function SettingsCustomFontsSection({
+  enabled,
+  families,
+  onRegistered
+}) {
+  const { t } = useTranslation();
+  const inputRef = useRef(null);
+  const [error, setError] = useState(false);
+  const handleFile = async (file) => {
+    setError(false);
+    try {
+      const registration = await registerCustomFont(file);
+      if (registration) {
+        onRegistered(registration.family);
+      } else {
+        setError(true);
+      }
+    } catch {
+      setError(true);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: !enabled,
+        onClick: () => inputRef.current?.click(),
+        className: "inline-flex items-center gap-2 rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+        children: [
+          /* @__PURE__ */ jsx(LuUpload, { className: "h-3.5 w-3.5" }),
+          t("pptx.options.general.addFontFile")
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "file",
+        accept: CUSTOM_FONT_ACCEPT,
+        className: "hidden",
+        onChange: (event) => {
+          const file = event.currentTarget.files?.[0];
+          event.currentTarget.value = "";
+          if (file) {
+            void handleFile(file);
+          }
+        }
+      }
+    ),
+    !enabled && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-muted-foreground", children: t("pptx.options.general.customFontsDisabled") }),
+    error && /* @__PURE__ */ jsx("p", { role: "alert", className: "mt-2 text-xs text-destructive", children: t("pptx.options.general.customFontError") }),
+    /* @__PURE__ */ jsx("p", { className: "mt-3 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.options.general.customFontsAdded") }),
+    families.length === 0 ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("pptx.options.general.customFontsEmpty") }) : /* @__PURE__ */ jsx("ul", { className: "mt-1 flex flex-col gap-0.5", children: families.map((family) => /* @__PURE__ */ jsx("li", { className: "text-xs text-foreground", style: { fontFamily: family }, children: family }, family)) })
+  ] });
+}
 function SettingsLanguageTab({
   activeLocale,
   locales,
@@ -38290,6 +36692,7 @@ function SettingsLanguageTab({
   }) });
 }
 var AI_TAB_ID = "ai";
+var NO_CUSTOM_FONT_FAMILIES = [];
 function SettingsDialog({
   isOpen,
   onClose,
@@ -38308,7 +36711,9 @@ function SettingsDialog({
   availableLocales,
   onSelectLocale,
   aiEnabled,
-  chatStore
+  chatStore,
+  customFontFamilies = NO_CUSTOM_FONT_FAMILIES,
+  onCustomFontRegistered
 }) {
   const [activeTabId, setActiveTabId] = useState("general");
   const { t } = useTranslation();
@@ -38480,6 +36885,16 @@ function SettingsDialog({
                           }
                         ) });
                       }
+                      if (section.special === "customFonts") {
+                        return /* @__PURE__ */ jsx(
+                          SettingsCustomFontsSection,
+                          {
+                            enabled: options.general.enableCustomFontUpload,
+                            families: customFontFamilies,
+                            onRegistered: (family) => onCustomFontRegistered?.(family)
+                          }
+                        );
+                      }
                       if (section.special === "clearCache") {
                         return /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
                           /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.save.clearCacheDescription") }),
@@ -38942,6 +37357,12 @@ var PowerPointViewer = forwardRef(
       [onThemeChange]
     );
     const themeStyle = useThemeStyle(effectiveTheme);
+    const [customFontFamilies, setCustomFontFamilies] = useState([]);
+    const handleCustomFontRegistered = useCallback((family) => {
+      setCustomFontFamilies(
+        (current) => current.includes(family) ? current : [...current, family]
+      );
+    }, []);
     const { i18n } = useTranslation();
     const [localeCode, setLocaleCode] = useState(
       () => defaultLocale ?? readStoredViewerPrefs().localeCode ?? "en"
@@ -39139,6 +37560,10 @@ var PowerPointViewer = forwardRef(
       canvasSize,
       selectedElements: state.selectedElements
     });
+    const { setIsDirty } = state;
+    const markDocumentDirty = useCallback(() => {
+      setIsDirty(true);
+    }, [setIsDirty]);
     const history = useEditorHistory({
       slides,
       canvasSize,
@@ -39152,6 +37577,7 @@ var PowerPointViewer = forwardRef(
       error,
       hasActivePointerInteraction,
       pointerCommitNonce: state.pointerCommitNonce,
+      onDirty: markDocumentDirty,
       setSlides: state.setSlides,
       setCanvasSize: state.setCanvasSize,
       setActiveSlideIndex: state.setActiveSlideIndex,
@@ -39224,7 +37650,8 @@ var PowerPointViewer = forwardRef(
       preMasterMode: state.preMasterMode,
       hasDigitalSignatures: state.hasDigitalSignatures,
       isDirty: state.isDirty,
-      history
+      history,
+      embeddedFontFamilies: state.embeddedFonts.map((font) => font.name)
     });
     useEffect(() => {
       state.setSelectedElementId(null);
@@ -39288,6 +37715,9 @@ var PowerPointViewer = forwardRef(
       content,
       filePath,
       autosaveEnabled,
+      // File > Options > Save > "Save AutoRecover information every N
+      // minutes". React alone ignored it and stayed on the 120s default.
+      autosaveIntervalSeconds: resolveAutosaveIntervalSeconds(viewerOptions),
       canEdit,
       mode,
       slides,
@@ -39405,7 +37835,10 @@ var PowerPointViewer = forwardRef(
                     propertyHandlers,
                     dialogs,
                     slideOps: editorOps.slideOps,
+                    sectionOps: editorOps.sectionOps,
                     onApplyLayout: (path) => void layoutSwitching.applyLayout(path),
+                    loadLayoutPreviews: layoutSwitching.loadLayoutPreviews,
+                    customFontFamilies,
                     ops: editorOps.ops,
                     onSetMode: handleSetMode,
                     onEnterPresenterView: handleEnterPresenterView,
@@ -39554,7 +37987,9 @@ var PowerPointViewer = forwardRef(
               localeCode,
               availableLocales: resolvedLocales,
               onSelectLocale: handleLocaleChange,
-              aiEnabled: Boolean(ai)
+              aiEnabled: Boolean(ai),
+              customFontFamilies,
+              onCustomFontRegistered: handleCustomFontRegistered
             }
           ),
           isHeaderFooterOpen && /* @__PURE__ */ jsx(