pptx-react-viewer 2.16.5 → 2.16.7

package/dist/{chunk-EFZ4K6V5.mjs → chunk-J56KVWI5.mjs}

@@ -1,8 +1,8 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-MZN2UIYT.mjs';
-import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-Y6W5LGTR.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, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-5YGTUHNO.mjs';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-QNKJUUKD.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-KVNZGR3L.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-J5V7UCD2.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, 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, 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, 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, isUrlSafe, 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, 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-247XH4EN.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-D5TAZ5NL.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';
@@ -2563,7 +2563,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React14.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-NKYNKUPP.mjs');
+      return await import('./Model3DScene-NVFP3JBJ.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -2827,6 +2827,77 @@ 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);
+}
+function resolvePalette2(el) {
+  return el.type === "smartArt" ? resolvePalette(el.smartArtData) : DEFAULT_PALETTE;
+}
+function resolveStyle(el) {
+  if (el.type !== "smartArt" || !el.smartArtData) {
+    return "flat";
+  }
+  return el.smartArtData.style ?? "flat";
+}
+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({
@@ -3096,44 +3167,979 @@ function SmartArtEditableLayer({
     }
   );
 }
-function drawingShapeGradientDef(id, shape) {
-  const stops = shape.fillGradientStops;
-  if (!stops || stops.length === 0) {
-    return null;
+var LABEL_WIDTH_FRACTION = 0.82;
+function smartArtNodeGroupProps(nodeId, shadow, label) {
+  const props = {
+    "data-smartart-node-id": nodeId,
+    style: { filter: shadow, pointerEvents: "auto" }
+  };
+  if (label) {
+    props.role = "img";
+    props["aria-label"] = label;
   }
-  const stopEls = stops.map((s, i) => /* @__PURE__ */ jsx(
+  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",
     {
-      offset: `${Math.max(0, Math.min(100, s.position))}%`,
-      stopColor: s.color,
-      ...s.opacity !== void 0 ? { stopOpacity: s.opacity } : {}
+      offset: stop.offset,
+      stopColor: stop.color,
+      ...stop.opacity !== void 0 ? { stopOpacity: stop.opacity } : {}
     },
-    `${id}-s${i}`
+    `${gradient.id}-s${i}`
   ));
-  if (shape.fillGradientType === "radial") {
-    return {
-      ref: `url(#${id})`,
-      def: /* @__PURE__ */ jsx("radialGradient", { id, cx: "50%", cy: "50%", r: "50%", children: stopEls }, id)
-    };
+  return gradient.kind === "radial" ? /* @__PURE__ */ jsx("radialGradient", { id: gradient.id, cx: gradient.cx, cy: gradient.cy, r: gradient.r, children: stops }) : /* @__PURE__ */ jsx(
+    "linearGradient",
+    {
+      id: gradient.id,
+      x1: gradient.x1,
+      y1: gradient.y1,
+      x2: gradient.x2,
+      y2: gradient.y2,
+      children: stops
+    }
+  );
+}
+function SmartArtNodeText({
+  text,
+  lines: positionedLines,
+  x,
+  y,
+  fill,
+  fontSize,
+  fontWeight,
+  fontStyle,
+  className,
+  anchor = "middle",
+  maxWidth
+}) {
+  if (positionedLines) {
+    return /* @__PURE__ */ jsx(
+      "text",
+      {
+        x,
+        textAnchor: "middle",
+        dominantBaseline: "central",
+        fill,
+        fontSize,
+        fontWeight,
+        fontStyle,
+        className,
+        children: positionedLines.map((line, i) => /* @__PURE__ */ jsx("tspan", { x, y: line.y, children: line.text }, i))
+      }
+    );
+  }
+  const source = text ?? "";
+  const lines = maxWidth !== void 0 ? centeredSvgTextLines(source, fontSize, { maxWidth: maxWidth * LABEL_WIDTH_FRACTION }).map(
+    (line) => line.text
+  ) : source.split("\n").filter((l) => l.length > 0);
+  const lineHeight = fontSize * 1.2;
+  let startY;
+  let dominantBaseline;
+  if (anchor === "bottom") {
+    startY = lines.length > 0 ? y - (lines.length - 1) * lineHeight : y;
+    dominantBaseline = "auto";
+  } else if (anchor === "top") {
+    startY = y;
+    dominantBaseline = "hanging";
+  } else {
+    const totalHeight = lines.length * lineHeight;
+    startY = lines.length > 0 ? y - totalHeight / 2 + lineHeight / 2 : y;
+    dominantBaseline = "central";
+  }
+  return /* @__PURE__ */ jsx(
+    "text",
+    {
+      x,
+      textAnchor: "middle",
+      dominantBaseline,
+      fill,
+      fontSize,
+      fontWeight,
+      fontStyle,
+      className,
+      children: lines.map((line, i) => /* @__PURE__ */ jsx("tspan", { x, y: startY + i * lineHeight, children: line }, i))
+    }
+  );
+}
+function wrapChrome(chrome, content, className, a11y) {
+  const wrapperStyle = {};
+  if (chrome?.backgroundColor) {
+    wrapperStyle.backgroundColor = chrome.backgroundColor;
+  }
+  if (chrome?.outlineColor) {
+    wrapperStyle.border = `${chrome.outlineWidth ?? 1}px solid ${chrome.outlineColor}`;
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `w-full h-full ${className}`,
+      style: wrapperStyle,
+      role: a11y?.role,
+      "aria-label": a11y?.label,
+      children: content
+    }
+  );
+}
+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":
+      return /* @__PURE__ */ jsx(
+        "image",
+        {
+          x: shape.x,
+          y: shape.y,
+          width: shape.width,
+          height: shape.height,
+          href: shape.imageUrl,
+          preserveAspectRatio: "xMidYMid meet",
+          transform: shape.transform
+        }
+      );
+    case "ellipse":
+      return /* @__PURE__ */ jsx(
+        "ellipse",
+        {
+          cx: shape.cx,
+          cy: shape.cy,
+          rx: shape.width / 2,
+          ry: shape.height / 2,
+          fill: shape.fill,
+          stroke: shape.stroke,
+          strokeWidth: shape.strokeWidth,
+          transform: shape.transform
+        }
+      );
+    case "polygon":
+      return /* @__PURE__ */ jsx(
+        "polygon",
+        {
+          points: shape.points,
+          fill: shape.fill,
+          stroke: shape.stroke,
+          strokeWidth: shape.strokeWidth,
+          transform: shape.transform
+        }
+      );
+    default:
+      return /* @__PURE__ */ jsx(
+        "rect",
+        {
+          x: shape.x,
+          y: shape.y,
+          width: shape.width,
+          height: shape.height,
+          rx: shape.rx,
+          fill: shape.fill,
+          stroke: shape.stroke,
+          strokeWidth: shape.strokeWidth,
+          transform: shape.transform
+        }
+      );
   }
-  const rad = (shape.fillGradientAngle ?? 0) * Math.PI / 180;
-  const dx = Math.cos(rad) / 2;
-  const dy = Math.sin(rad) / 2;
-  return {
-    ref: `url(#${id})`,
-    def: /* @__PURE__ */ jsx(
-      "linearGradient",
-      {
-        id,
-        x1: `${(0.5 - dx) * 100}%`,
-        y1: `${(0.5 - dy) * 100}%`,
-        x2: `${(0.5 + dx) * 100}%`,
-        y2: `${(0.5 + dy) * 100}%`,
-        children: stopEls
-      },
-      id
-    )
-  };
 }
 function DrawingShapeRenderer({
   elementId,
@@ -3143,100 +4149,36 @@ function DrawingShapeRenderer({
   nodes,
   nodeLabels
 }) {
-  let minX = Infinity;
-  let minY = Infinity;
-  let maxX = -Infinity;
-  let maxY = -Infinity;
-  for (const s of shapes) {
-    if (s.x < minX) {
-      minX = s.x;
-    }
-    if (s.y < minY) {
-      minY = s.y;
-    }
-    if (s.x + s.width > maxX) {
-      maxX = s.x + s.width;
-    }
-    if (s.y + s.height > maxY) {
-      maxY = s.y + s.height;
-    }
-  }
-  const drawingW = maxX - minX || 1;
-  const drawingH = maxY - minY || 1;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
+  const viewBox = computeDrawingViewBox(shapes);
+  const rendered = projectDrawingShapes(elementId, shapes, viewBox, palette, style);
+  const shadow = styleShadowFilter(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
-      viewBox: `0 0 ${drawingW} ${drawingH}`,
+      viewBox: `0 0 ${viewBox.width} ${viewBox.height}`,
       className: "w-full h-full pointer-events-none",
       preserveAspectRatio: "xMidYMid meet",
       "data-testid": "smartart-drawing-shapes",
-      children: shapes.map((shape, i) => {
-        const gradient = drawingShapeGradientDef(`${elementId}-dspgrad-${shape.id}-${i}`, shape);
-        const fill = gradient?.ref ?? shape.fillPatternForegroundColor ?? shape.fillColor ?? colour(i, palette);
-        const relX = shape.x - minX;
-        const relY = shape.y - minY;
-        const rx = shape.shapeType === "roundRect" ? Math.min(shape.width, shape.height) * 0.1 : 0;
-        const isEllipse = shape.shapeType === "ellipse";
-        const isChevron = shape.shapeType === "chevron" || shape.shapeType === "homePlate";
-        const rotation = shape.rotation ? `rotate(${shape.rotation} ${relX + shape.width / 2} ${relY + shape.height / 2})` : void 0;
-        const strokeCol = shape.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none");
-        const strokeW = shape.strokeWidth ?? sw;
-        const fontSize = shape.fontSize ?? fitFontSize(shape.text ?? "", shape.width * 0.85, shape.height, 14);
-        const nodeId = nodes ? resolveDrawingShapeNodeId(shape, i, shapes, nodes) : void 0;
+      children: rendered.map((shape, i) => {
+        const nodeId = nodes ? resolveDrawingShapeNodeId(shapes[i], i, shapes, nodes) : void 0;
         const nodeLabel = nodeId ? nodeLabels?.get(nodeId) : void 0;
         const groupProps = nodeId ? smartArtNodeGroupProps(nodeId, shadow, nodeLabel) : { style: { filter: shadow } };
         return /* @__PURE__ */ jsxs("g", { ...groupProps, children: [
           nodeLabel ? /* @__PURE__ */ jsx("title", { children: nodeLabel }) : null,
-          gradient ? /* @__PURE__ */ jsx("defs", { children: gradient.def }) : null,
-          isEllipse ? /* @__PURE__ */ jsx(
-            "ellipse",
-            {
-              cx: relX + shape.width / 2,
-              cy: relY + shape.height / 2,
-              rx: shape.width / 2,
-              ry: shape.height / 2,
-              fill,
-              stroke: strokeCol,
-              strokeWidth: strokeW,
-              transform: rotation
-            }
-          ) : isChevron ? /* @__PURE__ */ jsx(
-            "polygon",
-            {
-              points: chevronPoints(relX, relY, shape.width, shape.height),
-              fill,
-              stroke: strokeCol,
-              strokeWidth: strokeW,
-              transform: rotation
-            }
-          ) : /* @__PURE__ */ jsx(
-            "rect",
-            {
-              x: relX,
-              y: relY,
-              width: shape.width,
-              height: shape.height,
-              rx,
-              fill,
-              stroke: strokeCol,
-              strokeWidth: strokeW,
-              transform: rotation
-            }
-          ),
-          shape.text ? /* @__PURE__ */ jsx(
+          shape.gradient ? /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(SmartArtGradient, { gradient: shape.gradient }) }) : null,
+          shapeBody(shape),
+          shape.textLines.length > 0 ? /* @__PURE__ */ jsx(
             SmartArtNodeText,
             {
-              x: relX + shape.width / 2,
-              y: relY + shape.height / 2,
-              text: truncate(shape.text, 40),
-              fill: shape.fontColor ?? "white",
-              fontSize,
+              x: shape.textX,
+              y: shape.textY,
+              lines: shape.textLines,
+              fill: shape.fontColor,
+              fontSize: shape.fontSize,
               className: "pointer-events-none"
             }
           ) : null
-        ] }, `${elementId}-dsp-${shape.id}-${i}`);
+        ] }, shape.key);
       })
     }
   );
@@ -3268,8 +4210,8 @@ function ListRenderer({
   const itemH = (usableH - gap * (nodes.length - 1)) / nodes.length;
   const itemW = w - pad * 2;
   const rx = Math.min(6, itemH * 0.15);
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
+  const shadow = styleShadow2(style);
+  const sw = styleStroke2(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -3297,7 +4239,7 @@ function ListRenderer({
                   height: itemH,
                   rx,
                   fill: ns.fill,
-                  opacity: nodeOpacity(i, nodes.length, style),
+                  opacity: nodeOpacity2(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
@@ -3307,7 +4249,7 @@ function ListRenderer({
                 {
                   x: pad + itemW / 2,
                   y: y + itemH / 2,
-                  text: truncate(node.text, 40),
+                  text: truncate2(node.text, 40),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight,
                   fontStyle: ns.fontStyle,
@@ -3339,8 +4281,8 @@ function ProcessRenderer({
   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 = styleShadow(style);
-  const sw = styleStroke(style);
+  const shadow = styleShadow2(style);
+  const sw = styleStroke2(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -3368,7 +4310,7 @@ function ProcessRenderer({
                 {
                   points,
                   fill: ns.fill,
-                  opacity: nodeOpacity(i, nodes.length, style),
+                  opacity: nodeOpacity2(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
@@ -3378,7 +4320,7 @@ function ProcessRenderer({
                 {
                   x: x + itemW / 2,
                   y: yMid,
-                  text: truncate(node.text, 25),
+                  text: truncate2(node.text, 25),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight,
                   fontStyle: ns.fontStyle,
@@ -3408,8 +4350,8 @@ function CycleRenderer({
   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 = styleShadow(style);
-  const sw = styleStroke(style);
+  const shadow = styleShadow2(style);
+  const sw = styleStroke2(style);
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -3464,7 +4406,7 @@ function CycleRenderer({
                     cy: ny,
                     r: nodeR,
                     fill: ns.fill,
-                    opacity: nodeOpacity(i, nodes.length, style),
+                    opacity: nodeOpacity2(i, nodes.length, style),
                     stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                     strokeWidth: sw
                   }
@@ -3474,7 +4416,7 @@ function CycleRenderer({
                   {
                     x: nx,
                     y: ny,
-                    text: truncate(node.text, 20),
+                    text: truncate2(node.text, 20),
                     fill: ns.fontColor,
                     fontWeight: ns.fontWeight,
                     fontStyle: ns.fontStyle,
@@ -3509,8 +4451,8 @@ function MatrixRenderer({
   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 = styleShadow(style);
-  const sw = styleStroke(style);
+  const shadow = styleShadow2(style);
+  const sw = styleStroke2(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -3541,7 +4483,7 @@ function MatrixRenderer({
                   height: cellH,
                   rx,
                   fill: ns.fill,
-                  opacity: nodeOpacity(i, nodes.length, style),
+                  opacity: nodeOpacity2(i, nodes.length, style),
                   stroke: ns.strokeColor ?? (sw > 0 ? "rgba(255,255,255,0.3)" : "none"),
                   strokeWidth: sw
                 }
@@ -3551,7 +4493,7 @@ function MatrixRenderer({
                 {
                   x: x + cellW / 2,
                   y: y + cellH / 2,
-                  text: truncate(node.text, 30),
+                  text: truncate2(node.text, 30),
                   fill: ns.fontColor,
                   fontWeight: ns.fontWeight ?? 500,
                   fontStyle: ns.fontStyle,
@@ -3580,8 +4522,8 @@ function PyramidRenderer({
   const usableH = h - pad * 2;
   const bandH = (usableH - gap * (nodes.length - 1)) / nodes.length;
   const maxW = w - pad * 2;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
+  const shadow = styleShadow2(style);
+  const sw = styleStroke2(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -3616,7 +4558,7 @@ function PyramidRenderer({
                 {
                   points,
                   fill: colour(i, palette),
-                  opacity: nodeOpacity(i, nodes.length, style),
+                  opacity: nodeOpacity2(i, nodes.length, style),
                   stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                   strokeWidth: sw
                 }
@@ -3626,7 +4568,7 @@ function PyramidRenderer({
                 {
                   x: w / 2,
                   y: y + bandH / 2,
-                  text: truncate(node.text, 30),
+                  text: truncate2(node.text, 30),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -3648,7 +4590,7 @@ function VennRenderer({
 }) {
   const w = element.width;
   const h = element.height;
-  const shadow = styleShadow(style);
+  const shadow = styleShadow2(style);
   if (nodes.length <= 4) {
     const cx = w / 2;
     const cy2 = h / 2;
@@ -3677,7 +4619,7 @@ function VennRenderer({
                   {
                     x: nx,
                     y: ny,
-                    text: truncate(node.text, 20),
+                    text: truncate2(node.text, 20),
                     fill: "white",
                     fontSize,
                     fontWeight: "bold",
@@ -3718,7 +4660,7 @@ function VennRenderer({
                 {
                   x: nx,
                   y: cy,
-                  text: truncate(node.text, 20),
+                  text: truncate2(node.text, 20),
                   fill: "white",
                   fontSize,
                   fontWeight: "bold",
@@ -3744,7 +4686,7 @@ function FunnelRenderer({
   const pad = 8;
   const usableW = w - pad * 2;
   const stageH = (h - pad * 2) / nodes.length;
-  const shadow = styleShadow(style);
+  const shadow = styleShadow2(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -3777,7 +4719,7 @@ function FunnelRenderer({
                 {
                   points,
                   fill: colour(i, palette),
-                  opacity: nodeOpacity(i, nodes.length, style)
+                  opacity: nodeOpacity2(i, nodes.length, style)
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -3785,7 +4727,7 @@ function FunnelRenderer({
                 {
                   x: w / 2,
                   y: y + stageH / 2,
-                  text: truncate(node.text, 30),
+                  text: truncate2(node.text, 30),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -3812,7 +4754,7 @@ function TargetRenderer({
   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 = styleShadow(style);
+  const shadow = styleShadow2(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -3834,7 +4776,7 @@ function TargetRenderer({
                   cy,
                   r: Math.max(r, 4),
                   fill: colour(i, palette),
-                  opacity: nodeOpacity(i, nodes.length, style)
+                  opacity: nodeOpacity2(i, nodes.length, style)
                 }
               ),
               /* @__PURE__ */ jsx(
@@ -3859,7 +4801,7 @@ function TargetRenderer({
                   fill: colour(i, palette),
                   fontSize,
                   className: "pointer-events-none",
-                  children: truncate(node.text, 30)
+                  children: truncate2(node.text, 30)
                 }
               )
             ]
@@ -3889,8 +4831,8 @@ function HierarchyRenderer({
   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 = styleShadow(style);
-  const sw = styleStroke(style);
+  const shadow = styleShadow2(style);
+  const sw = styleStroke2(style);
   const elements = [];
   let colourIdx = 0;
   function renderTreeNode(t, xOffset, level) {
@@ -3940,7 +4882,7 @@ function HierarchyRenderer({
                 height: boxH,
                 rx,
                 fill: colour(ci, palette),
-                opacity: nodeOpacity(ci, nodes.length, style),
+                opacity: nodeOpacity2(ci, nodes.length, style),
                 stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                 strokeWidth: sw
               }
@@ -3950,7 +4892,7 @@ function HierarchyRenderer({
               {
                 x: nodeCx,
                 y: nodeCy,
-                text: truncate(t.node.text, 40),
+                text: truncate2(t.node.text, 40),
                 fill: "white",
                 fontSize,
                 className: "pointer-events-none"
@@ -3999,7 +4941,7 @@ function GearRenderer({
   const gearR = Math.min(spacing * 0.4, h * 0.35);
   const innerR = gearR * 0.7;
   const teethCount = 8;
-  const shadow = styleShadow(style);
+  const shadow = styleShadow2(style);
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -4022,7 +4964,7 @@ function GearRenderer({
                   {
                     d: gearPath(gx, gy, gearR, innerR, teethCount),
                     fill: colour(i, palette),
-                    opacity: nodeOpacity(i, nodes.length, style)
+                    opacity: nodeOpacity2(i, nodes.length, style)
                   }
                 ),
                 /* @__PURE__ */ jsx("circle", { cx: gx, cy: gy, r: innerR * 0.5, fill: "white", opacity: 0.25 }),
@@ -4031,7 +4973,7 @@ function GearRenderer({
                   {
                     x: gx,
                     y: gy,
-                    text: truncate(node.text, 20),
+                    text: truncate2(node.text, 20),
                     fill: "white",
                     fontSize,
                     fontWeight: "bold",
@@ -4054,7 +4996,7 @@ function GearRenderer({
                 cy: ly,
                 r: 3,
                 fill: colour(gearCount + i, palette),
-                opacity: nodeOpacity(gearCount + i, nodes.length, style)
+                opacity: nodeOpacity2(gearCount + i, nodes.length, style)
               }
             ),
             /* @__PURE__ */ jsx(
@@ -4067,7 +5009,7 @@ function GearRenderer({
                 fill: colour(gearCount + i, palette),
                 fontSize: 10,
                 className: "pointer-events-none",
-                children: truncate(node.text, 30)
+                children: truncate2(node.text, 30)
               }
             )
           ] }, `${element.id}-gear-extra-${node.id}-${i}`);
@@ -4091,7 +5033,7 @@ function TimelineRenderer({
   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 = styleShadow(style);
+  const shadow = styleShadow2(style);
   return /* @__PURE__ */ jsxs(
     "svg",
     {
@@ -4138,13 +5080,13 @@ function TimelineRenderer({
                     cy: lineY,
                     r: dotR,
                     fill: colour(i, palette),
-                    opacity: nodeOpacity(i, nodes.length, style)
+                    opacity: nodeOpacity2(i, nodes.length, style)
                   }
                 ),
                 /* @__PURE__ */ jsx(
                   SmartArtNodeText,
                   {
-                    text: truncate(node.text, 20) ?? "",
+                    text: truncate2(node.text, 20) ?? "",
                     x,
                     y: textY,
                     fill: colour(i, palette),
@@ -4180,8 +5122,8 @@ function BendingProcessRenderer({
   const boxH = Math.min(cellH * 0.6, 32);
   const rx = Math.min(5, boxH * 0.15);
   const arrowSize = 6;
-  const shadow = styleShadow(style);
-  const sw = styleStroke(style);
+  const shadow = styleShadow2(style);
+  const sw = styleStroke2(style);
   return /* @__PURE__ */ jsx(
     "svg",
     {
@@ -4267,7 +5209,7 @@ function BendingProcessRenderer({
                   height: boxH,
                   rx,
                   fill: colour(i, palette),
-                  opacity: nodeOpacity(i, nodes.length, style),
+                  opacity: nodeOpacity2(i, nodes.length, style),
                   stroke: sw > 0 ? "rgba(255,255,255,0.3)" : "none",
                   strokeWidth: sw
                 }
@@ -4277,7 +5219,7 @@ function BendingProcessRenderer({
                 {
                   x: nodeCx,
                   y: nodeCy,
-                  text: truncate(node.text, 20),
+                  text: truncate2(node.text, 20),
                   fill: "white",
                   fontSize,
                   className: "pointer-events-none"
@@ -4327,7 +5269,7 @@ function SmartArtRendererImpl({
       }
     );
   }
-  const palette = resolvePalette(element);
+  const palette = resolvePalette2(element);
   const style = resolveStyle(element);
   const a11y = buildSmartArtA11y(smartArtData);
   const nodeLabels = new Map(a11y.nodes.map((n) => [n.id, n.label]));
@@ -4590,7 +5532,7 @@ function SmartArt3DRenderer({
     if (nodes.length === 0) {
       return null;
     }
-    const palette = resolvePalette(element);
+    const palette = resolvePalette2(element);
     const style = resolveStyle(element);
     const layoutResult = computeSmartArtLayout(
       nodes,
@@ -6667,7 +7609,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.16.4" ;
+  const version = "2.16.6" ;
   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: [
@@ -10730,6 +11672,7 @@ function Toolbar(p) {
                   onToggleFormatPainter: p.onToggleFormatPainter,
                   layoutOptions: p.layoutOptions,
                   onInsertSlideFromLayout: p.onInsertSlideFromLayout,
+                  onApplyLayout: p.onApplyLayout,
                   onInsertSlideFromTemplate: p.onInsertSlideFromTemplate,
                   templateScheme: p.templateScheme,
                   selectedElement: p.selectedElement,
@@ -15838,7 +16781,7 @@ function useOutlineView(input) {
   }, [rows]);
   return { rows, containerRef, run, onRowKeyDown };
 }
-var INDENT_PX = 22;
+var INDENT_PX2 = 22;
 function OutlineViewOverlay({
   slides,
   canvasSize,
@@ -15884,7 +16827,7 @@ function OutlineViewOverlay({
           "div",
           {
             className: "flex items-center gap-2 py-0.5",
-            style: { paddingLeft: row.level * INDENT_PX },
+            style: { paddingLeft: row.level * INDENT_PX2 },
             children: [
               /* @__PURE__ */ jsx("span", { className: "w-6 shrink-0 text-right text-[10px] tabular-nums text-white/40", children: row.kind === "title" ? row.slideIndex + 1 : "" }),
               /* @__PURE__ */ jsx(
@@ -16116,349 +17059,6 @@ function ReadingViewOverlay({
     }
   );
 }
-
-// src/viewer/components/notes/notes-utils.ts
-var DEBOUNCE_MS = 600;
-var EXPANDED_MAX_HEIGHT = 200;
-var PX_TO_PT = 0.75;
-var MAX_INDENT_LEVEL = 4;
-var INDENT_PX2 = 24;
-function escapeHtml(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
-}
-function createPlainNotesSegments(text) {
-  const lines = text.split("\n");
-  const segments = [];
-  lines.forEach((line, index) => {
-    segments.push({ text: line, style: {} });
-    if (index < lines.length - 1) {
-      segments.push({ text: "", style: {}, isParagraphBreak: true });
-    }
-  });
-  if (segments.length === 0) {
-    segments.push({ text: "", style: {} });
-  }
-  return segments;
-}
-function segmentsToPlainText(segments) {
-  return segments.map((segment) => segment.isParagraphBreak ? "\n" : segment.text).join("");
-}
-function normalizeSegments(segments) {
-  const cleaned = segments.filter((segment) => segment.isParagraphBreak || segment.text.length > 0);
-  while (cleaned.length > 0 && cleaned[cleaned.length - 1].isParagraphBreak) {
-    cleaned.pop();
-  }
-  return cleaned.length > 0 ? cleaned : [{ text: "", style: {} }];
-}
-function parsePt(value) {
-  if (!value) {
-    return void 0;
-  }
-  const numeric = Number.parseFloat(value);
-  if (Number.isNaN(numeric) || !Number.isFinite(numeric)) {
-    return void 0;
-  }
-  if (value.endsWith("px")) {
-    return numeric * PX_TO_PT;
-  }
-  return numeric;
-}
-function buildParagraph(segments) {
-  const first = segments[0];
-  let bulletType = "none";
-  let indentLevel = 0;
-  if (first?.bulletInfo) {
-    if (first.bulletInfo.char) {
-      bulletType = "bullet";
-    } else if (first.bulletInfo.autoNumType) {
-      bulletType = "numbered";
-    }
-  }
-  if (first?.style.paragraphMarginLeft) {
-    indentLevel = Math.min(
-      MAX_INDENT_LEVEL,
-      Math.max(0, Math.round(first.style.paragraphMarginLeft / INDENT_PX2))
-    );
-  }
-  return {
-    segments: segments.length > 0 ? segments : [{ text: "", style: {} }],
-    bulletType,
-    indentLevel
-  };
-}
-function segmentsToParagraphs(segments) {
-  const normalized = normalizeSegments(segments);
-  const paragraphs = [];
-  let current = [];
-  for (const seg of normalized) {
-    if (seg.isParagraphBreak) {
-      paragraphs.push(buildParagraph(current));
-      current = [];
-    } else {
-      current.push(seg);
-    }
-  }
-  if (current.length > 0) {
-    paragraphs.push(buildParagraph(current));
-  }
-  if (paragraphs.length === 0) {
-    paragraphs.push({
-      segments: [{ text: "", style: {} }],
-      bulletType: "none",
-      indentLevel: 0
-    });
-  }
-  return paragraphs;
-}
-function paragraphsToSegments(paragraphs) {
-  const result = [];
-  let numberedCounter = 0;
-  paragraphs.forEach((para, pIdx) => {
-    if (para.bulletType === "numbered") {
-      numberedCounter++;
-    } else {
-      numberedCounter = 0;
-    }
-    para.segments.forEach((seg, sIdx) => {
-      const updated = { ...seg, style: { ...seg.style } };
-      if (para.indentLevel > 0) {
-        updated.style.paragraphMarginLeft = para.indentLevel * INDENT_PX2;
-      } else {
-        delete updated.style.paragraphMarginLeft;
-      }
-      if (sIdx === 0) {
-        if (para.bulletType === "bullet") {
-          updated.bulletInfo = { char: "\u2022" };
-        } else if (para.bulletType === "numbered") {
-          updated.bulletInfo = {
-            autoNumType: "arabicPeriod",
-            paragraphIndex: numberedCounter - 1
-          };
-        } else {
-          delete updated.bulletInfo;
-        }
-      }
-      result.push(updated);
-    });
-    if (pIdx < paragraphs.length - 1) {
-      result.push({ text: "", style: {}, isParagraphBreak: true });
-    }
-  });
-  return result;
-}
-function getCurrentParagraphIndex(editorEl, segments) {
-  const sel = window.getSelection();
-  if (!sel || sel.rangeCount === 0) {
-    return 0;
-  }
-  const range = sel.getRangeAt(0);
-  let charOffset = 0;
-  const walker = document.createTreeWalker(editorEl, NodeFilter.SHOW_TEXT);
-  let node = walker.nextNode();
-  while (node) {
-    if (range.startContainer === node) {
-      charOffset += range.startOffset;
-      break;
-    }
-    charOffset += (node.textContent ?? "").length;
-    node = walker.nextNode();
-  }
-  let paraIdx = 0;
-  let pos = 0;
-  for (const seg of segments) {
-    if (seg.isParagraphBreak) {
-      paraIdx++;
-      pos++;
-      continue;
-    }
-    const segLen = seg.text.length;
-    if (pos + segLen > charOffset) {
-      return paraIdx;
-    }
-    pos += segLen;
-  }
-  return paraIdx;
-}
-var CSS_VALUE_SAFE = /^[a-zA-Z0-9 _,.\-+#'%/]{1,100}$/u;
-function isCssValueSafe(value) {
-  if (value === void 0 || value === null) {
-    return false;
-  }
-  const str = String(value);
-  return str.length > 0 && CSS_VALUE_SAFE.test(str);
-}
-function deriveStyleFromElement(element, inheritedStyle) {
-  const style = { ...inheritedStyle };
-  const tagName = element.tagName.toLowerCase();
-  if (tagName === "b" || tagName === "strong") {
-    style.bold = true;
-  }
-  if (tagName === "i" || tagName === "em") {
-    style.italic = true;
-  }
-  if (tagName === "u") {
-    style.underline = true;
-  }
-  if (tagName === "s" || tagName === "strike") {
-    style.strikethrough = true;
-  }
-  if (tagName === "a") {
-    const href = element.getAttribute("href");
-    if (href) {
-      style.hyperlink = href;
-    }
-    style.underline = true;
-    style.color = "#4a9eff";
-  }
-  const inlineStyle = element.style;
-  if (inlineStyle.fontWeight === "bold" || Number(inlineStyle.fontWeight) >= 600) {
-    style.bold = true;
-  }
-  if (inlineStyle.fontStyle === "italic") {
-    style.italic = true;
-  }
-  if (inlineStyle.textDecoration.includes("underline") || inlineStyle.textDecorationLine.includes("underline")) {
-    style.underline = true;
-  }
-  if (inlineStyle.textDecoration.includes("line-through") || inlineStyle.textDecorationLine.includes("line-through")) {
-    style.strikethrough = true;
-  }
-  if (inlineStyle.color) {
-    style.color = inlineStyle.color;
-  }
-  const fontSizePt = parsePt(inlineStyle.fontSize);
-  if (fontSizePt !== void 0) {
-    style.fontSize = fontSizePt;
-  }
-  if (inlineStyle.fontFamily) {
-    style.fontFamily = inlineStyle.fontFamily;
-  }
-  return style;
-}
-function parseSegmentsFromRichEditor(root) {
-  const segments = [];
-  const walk = (node, inheritedStyle) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      const value = node.textContent ?? "";
-      if (value.length > 0) {
-        segments.push({ text: value, style: { ...inheritedStyle } });
-      }
-      return;
-    }
-    if (!(node instanceof HTMLElement)) {
-      return;
-    }
-    if (node.tagName.toLowerCase() === "br") {
-      segments.push({ text: "", style: {}, isParagraphBreak: true });
-      return;
-    }
-    const nextStyle = deriveStyleFromElement(node, inheritedStyle);
-    const tag = node.tagName.toLowerCase();
-    const isBlock = ["div", "p", "li"].includes(tag);
-    let bulletInfo;
-    let paraIndent = 0;
-    if (isBlock && node.dataset.bulletType) {
-      const bt = node.dataset.bulletType;
-      if (bt === "bullet") {
-        bulletInfo = { char: "\u2022" };
-      } else if (bt === "numbered") {
-        bulletInfo = { autoNumType: "arabicPeriod" };
-      }
-    }
-    if (isBlock && node.dataset.indentLevel) {
-      paraIndent = Number.parseInt(node.dataset.indentLevel, 10) || 0;
-    }
-    const segStartIdx = segments.length;
-    node.childNodes.forEach((child) => walk(child, nextStyle));
-    if (isBlock && (bulletInfo || paraIndent > 0)) {
-      for (let i = segStartIdx; i < segments.length; i++) {
-        if (!segments[i].isParagraphBreak) {
-          if (bulletInfo) {
-            segments[i].bulletInfo = bulletInfo;
-          }
-          if (paraIndent > 0) {
-            segments[i].style = {
-              ...segments[i].style,
-              paragraphMarginLeft: paraIndent * INDENT_PX2
-            };
-          }
-          break;
-        }
-      }
-    }
-    if (isBlock) {
-      segments.push({ text: "", style: {}, isParagraphBreak: true });
-    }
-  };
-  root.childNodes.forEach((child) => walk(child, {}));
-  return normalizeSegments(segments);
-}
-function segmentsToEditorHtml(segments) {
-  const paragraphs = segmentsToParagraphs(segments);
-  let numberedCounter = 0;
-  return paragraphs.map((para) => {
-    if (para.bulletType === "numbered") {
-      numberedCounter++;
-    } else {
-      numberedCounter = 0;
-    }
-    const runsHtml = para.segments.map((segment) => {
-      if (segment.isParagraphBreak) {
-        return "";
-      }
-      const inlineStyles = [];
-      if (segment.style.bold) {
-        inlineStyles.push("font-weight:700");
-      }
-      if (segment.style.italic) {
-        inlineStyles.push("font-style:italic");
-      }
-      if (segment.style.underline) {
-        inlineStyles.push("text-decoration:underline");
-      }
-      if (segment.style.strikethrough) {
-        inlineStyles.push("text-decoration:line-through");
-      }
-      if (segment.style.color && isCssValueSafe(segment.style.color)) {
-        inlineStyles.push(`color:${segment.style.color}`);
-      }
-      if (segment.style.fontSize && Number.isFinite(Number(segment.style.fontSize))) {
-        inlineStyles.push(`font-size:${Number(segment.style.fontSize)}pt`);
-      }
-      if (segment.style.fontFamily && isCssValueSafe(segment.style.fontFamily)) {
-        inlineStyles.push(`font-family:${segment.style.fontFamily}`);
-      }
-      const text = escapeHtml(segment.text);
-      if (segment.style.hyperlink && isUrlSafe(segment.style.hyperlink)) {
-        const href = escapeHtml(segment.style.hyperlink);
-        return `<a href="${href}" style="color:#4a9eff;text-decoration:underline;cursor:pointer" data-hyperlink="${href}">${text}</a>`;
-      }
-      const styleAttr = inlineStyles.length > 0 ? ` style="${inlineStyles.join(";")}"` : "";
-      return `<span${styleAttr}>${text}</span>`;
-    }).join("");
-    const attrs = [];
-    if (para.bulletType !== "none") {
-      attrs.push(`data-bullet-type="${para.bulletType}"`);
-    }
-    if (para.indentLevel > 0) {
-      attrs.push(`data-indent-level="${para.indentLevel}"`);
-    }
-    const indent = para.indentLevel * INDENT_PX2;
-    const divStyles = [];
-    if (indent > 0) {
-      divStyles.push(`padding-left:${indent}px`);
-    }
-    let prefix = "";
-    if (para.bulletType === "bullet") {
-      prefix = `<span style="margin-right:6px;color:#9ca3af" contenteditable="false">\u2022</span>`;
-    } else if (para.bulletType === "numbered") {
-      prefix = `<span style="margin-right:6px;color:#9ca3af" contenteditable="false">${numberedCounter}.</span>`;
-    }
-    const styleStr = divStyles.length > 0 ? ` style="${divStyles.join(";")}"` : "";
-    const attrStr = attrs.length > 0 ? ` ${attrs.join(" ")}` : "";
-    return `<div${attrStr}${styleStr}>${prefix}${runsHtml || "<br />"}</div>`;
-  }).join("");
-}
 function renderRichNotesSegments(segments) {
   const paragraphs = segmentsToParagraphs(segments);
   const nodes = [];
@@ -16471,7 +17071,7 @@ function renderRichNotesSegments(segments) {
     }
     const divStyle = {};
     if (para.indentLevel > 0) {
-      divStyle.paddingLeft = para.indentLevel * INDENT_PX2;
+      divStyle.paddingLeft = para.indentLevel * INDENT_PX;
     }
     const children = [];
     if (para.bulletType === "bullet") {
@@ -16575,10 +17175,10 @@ function NotesPrintDialog({
       const paras = segmentsToParagraphs(segs);
       doc.write(`<div class="slide-page">`);
       doc.write(
-        `<div class="slide-header">${escapeHtml(t("pptx.notes.slideN", { n: slide.slideNumber }))}</div>`
+        `<div class="slide-header">${escapeHtml2(t("pptx.notes.slideN", { n: slide.slideNumber }))}</div>`
       );
       doc.write(
-        `<div class="slide-thumb">${escapeHtml(t("pptx.notes.slideN", { n: slide.slideNumber }))}</div>`
+        `<div class="slide-thumb">${escapeHtml2(t("pptx.notes.slideN", { n: slide.slideNumber }))}</div>`
       );
       doc.write(`<div class="notes-text">`);
       let numCounter = 0;
@@ -16595,9 +17195,9 @@ function NotesPrintDialog({
         } else if (para.bulletType === "numbered") {
           prefix = `${numCounter}. `;
         }
-        const text = para.segments.filter((s) => !s.isParagraphBreak).map((s) => escapeHtml(s.text)).join("");
+        const text = para.segments.filter((s) => !s.isParagraphBreak).map((s) => escapeHtml2(s.text)).join("");
         doc.write(
-          `<div class="para" style="padding-left:${indent}px">${escapeHtml(prefix)}${text}</div>`
+          `<div class="para" style="padding-left:${indent}px">${escapeHtml2(prefix)}${text}</div>`
         );
       }
       doc.write(`</div></div>`);
@@ -33552,6 +34152,7 @@ function ViewerToolbarSection(props) {
     propertyHandlers,
     dialogs,
     slideOps,
+    onApplyLayout,
     ops,
     onSetMode,
     onEnterPresenterView,
@@ -33928,6 +34529,7 @@ function ViewerToolbarSection(props) {
         onSetOverflowMenuOpen: s.setIsOverflowMenuOpen,
         layoutOptions: scopedLayoutOptions,
         onInsertSlideFromLayout: slideOps.handleInsertSlideFromLayout,
+        onApplyLayout,
         onInsertSlideFromTemplate: slideOps.handleInsertSlideFromTemplate,
         templateScheme: templateSchemeFromTheme(s.theme?.colorScheme),
         customShows: s.customShows,
@@ -35396,7 +35998,7 @@ ${url}`)) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-6B26AZGA.mjs')
+    import('./AiChatPanel-2YYL6AKX.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -38691,6 +39293,20 @@ var PowerPointViewer = forwardRef(
       onSelectionChange,
       onSlideCountChange
     });
+    const handleTemplateElementsChanged = useCallback(
+      (slideId, elements) => {
+        state.setTemplateElementsBySlideId((prev) => ({ ...prev, [slideId]: elements }));
+      },
+      [state]
+    );
+    const layoutSwitching = useLayoutSwitching({
+      handler: handlerRef.current,
+      slides,
+      activeSlideIndex,
+      ops: editorOps.ops,
+      history,
+      onTemplateElementsChanged: handleTemplateElementsChanged
+    });
     const applyAiTheme = useCallback(
       (updates) => {
         if (updates.colorScheme) {
@@ -38776,6 +39392,7 @@ var PowerPointViewer = forwardRef(
                     propertyHandlers,
                     dialogs,
                     slideOps: editorOps.slideOps,
+                    onApplyLayout: (path) => void layoutSwitching.applyLayout(path),
                     ops: editorOps.ops,
                     onSetMode: handleSetMode,
                     onEnterPresenterView: handleEnterPresenterView,