pptx-react-viewer 4.6.0 → 4.7.0

package/dist/{chunk-ZAQFTO4P.mjs → chunk-UBYFLXAU.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-VCAQSSGD.mjs';
-import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, ViewerOptionsContext, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-INX3E37P.mjs';
-import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-K6QHGABT.mjs';
-import { EMPTY_RESOLVED_CUSTOMIZATION, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, customizeContextMenuEntries, buildContextMenuEntries, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, hasShapeProperties, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSlidePaneContextMenuEntries, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, clampFlyoutPosition, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, 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, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, playAnimationRibbonPreview, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, hasMultipleSelectedTableCells, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, TRIGGER_OPTIONS, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildSlideTemplateContent, buildFreeformShapeElement, buildLiveInkStrokeView, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, hasTiltData, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-ICEZL4TM.mjs';
-import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-OOO4JL2N.mjs';
-import React4, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, Fragment as Fragment$1, useDeferredValue, Suspense } from 'react';
+import { computeFocusTargets, deckDataFieldChanged, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, collectStoredChats, exportAiChatLogs, applyElementUpdate } from './chunk-E5OIDWHO.mjs';
+import { useViewerOptions, useReadOnlyRecommendationState, useCompatibilityToastsState, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useViewPreferencesSync, useLayoutSwitching, ViewerOptionsContext, Rendering3DFlagsContext, CollaborationProvider, useCollaboration, useCollaborationDocumentSync, useFollowMode, useBroadcastFollower, SlideBackgroundImageLayer, StaticElementRenderer, safePrompt, scopeLayoutOptionsToActiveSlide, ChartPartSelectionProvider, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useViewerOptionsContext, useVirtualizedSlides, useSwipeNavigation, PresentationTransitionOverlay, RemoteSelectionOverlay, CollaborationCursorOverlay, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, ElementRenderer, InlineCollaborationContext, SmartArtRenderer, playAnimationSound, ResizeHandles, imgSrc, renderStrokeView, useChartPartSelection, resolveSmartArtDataPalette } from './chunk-OECUSL2B.mjs';
+import { SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, cn, SLIDE_NAV_THUMBNAIL_WIDTH, TOOLBAR_SECTIONS, DEFAULT_SECTION_GROUP_ID, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, isConnectorOrLineElement, GRID_SIZE, MIN_ELEMENT_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, DEFAULT_FILL_COLOR, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, DEFAULT_STROKE_COLOR, STROKE_DASH_OPTIONS } from './chunk-5J6NW3YS.mjs';
+import { EMPTY_RESOLVED_CUSTOMIZATION, SWITCHABLE_LAYOUT_TYPES, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, isFeatureEnabled, isDialogAvailable, resolveAutosaveActivation, buildThemeColorMap, viewerOptionsToPreferences, applyPreferenceToOptions, resolveHistoryDepth, applyAutoCorrect, resolveImageResolutionScale, resolveAutosaveIntervalMs, resolveAutosaveIntervalSeconds, isPanelVisible, shouldShowAutosaveRecoveryPrompt, resolveOptionRootClasses, resolve3DRenderingFlags, resolveSlideSizeSelection, RULER_THICKNESS, RULER_FONT_SIZE, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, visibleTemplateElements, normalizeHexColor, themeToCssVars, createCustomizationController, resolveEffectiveHiddenActions, listAutosaveSnapshots, resolveExpiredAutosaveSnapshots, deleteAutosaveSnapshot, masterViewCrudActions, applyMasterViewCrudAction, masterViewCrudFailureKey, applyMotionPathPreset, resetSlideLayoutPath, DEFAULT_INSERT_CHART_KIND, hasCopyableFormat, templateSchemeFromTheme, createBackstagePresentation, playFeedbackSound, shouldDiscardAutosaveOnSuccessfulSave, setMasterViewBackgroundColor, resolveEditPointsAvailability, canUseClipboard, runProgramNoticeStackStyle, compatToastStackStyle, printPropertiesFrameSlides, printPropertiesSlidesPerPage, PASTE_SPECIAL_OPTIONS, getDensePanelTouchTargetPx, shouldStickyActionRow, customizeOptionsTabs, VIEWER_OPTIONS_TABS, isOptionsPageVisible, DEFAULT_QUICK_ACCESS_COMMAND_IDS, isHeaderFooterDateTextVisible, isHeaderFooterHeaderTextVisible, isHeaderFooterFooterTextVisible, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, getSlideBackgroundStyle, pushRecentColor, mruColorsPatch, shouldClearAutosaveCacheOnClose, canCropElement, cropSessionChanged, cancelCropUpdate, startCropSession, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, resolveScreenTip, masterViewBackgroundColor, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, resolvePresentationAction, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, toggleBlackboard, PRESENT_TOOLBAR_CLASSES, customizeContextMenuEntries, buildContextMenuEntries, customizeCanvasContextMenuEntries, buildCanvasContextMenuEntries, isCurrentLayout, themeColorSchemesEqual, observeElementHeight, EXPANDED_MAX_HEIGHT, STATUS_BAR_CLASSES, buildBarActions, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent2, resolveDefaultPrintSettings, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, CUSTOM_FONT_ACCEPT, activateModalFocus, buildCollaborationShareUrl, buildActiveSessionUsers, SORTER_MIN_ZOOM, SORTER_ZOOM_STEP, SORTER_MAX_ZOOM, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, cropModeKeyAction, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, customizeBackstageNav, BACKSTAGE_NAV, listBackstageRecentFiles, BACKSTAGE_BACK_CLASSES, BACKSTAGE_NAV_CLASSES, hasTextProperties, COMMON_FONT_SIZES, textFontSizePtToPx, INSERT_CHART_TYPES, ACTION_BUTTON_PRESETS, CHARACTER_SPACING_OPTIONS, OFFICE_COLOR_SWATCHES, hasShapeProperties, shapeFillChange, shapeOutlineChange, readRibbonTransitionDraft, ribbonTransitionUpdates, playSlideTransitionPreview, RIBBON_TRANSITION_PRESETS, transitionSoundOptions, transitionSoundSelectedValue, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_SHOW_OPTIONS, slideShowOptionChange, readSlideShowOption, resolveSlidePaneClick, SLIDE_VIRTUALIZATION_THRESHOLD, buildSlidePaneContextMenuEntries, isEditPointsEnabled, PRESENTATION_HIT_TEST_CSS, PRESENTATION_STAGE_ATTRIBUTE, buildStrokePathD, cursorForTool, annotationOverlayZIndex, presentationInkPath, resolveNotesSchematicBodyFontSizePx, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, isBlackboardActive, clampFlyoutPosition, buildLayoutPreviewGeometry, scaleSlidesForSizeChange, slideSizeToCanvasPx, resolveSelectionPaneRename, PRESET_THEMES, resolveNotesSegments, segmentsToEditorHtml, DEBOUNCE_MS, createPlainNotesSegments, parseSegmentsFromRichEditor, segmentsToPlainText, getCurrentParagraphIndex, segmentsToParagraphs, paragraphsToSegments, MAX_INDENT_LEVEL, INDENT_PX, isUrlSafe, buildNotesPrintHtml, MIN_TOUCH_TARGET_PX, toggleSheet, SMARTART_PREVIEW_ELEMENT_HEIGHT, SMARTART_PREVIEW_ELEMENT_WIDTH, buildSmartArtPreviewElement, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, downloadBlob, clampOptionNumber, QUICK_ACCESS_COMMAND_CATALOG, registerCustomFont, 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, customizeBackstageCards, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, resolveDefaultFontFamily, textFontSizePxToPt, buildFontCatalog, FREEFORM_TOOL_IDS, isDrawingToolVisible, FREEFORM_TOOL_LABEL_KEYS, getSelectionTextStyleFlags, getInlineEditorSelectionResult, selectedParagraphBulletKind, elementBulletKind, selectionBulletKind, TEXT_DECORATION_FLAGS, nextToggleValue, buildThemeColorSwatchGrid, themeColorSwatchRows, findSelectedThemeSwatch, themeSwatchCommit, RIBBON_SHAPE_SWATCHES, canGroupSelection, canUngroupSelection, canSetStrokeWidth, strokeWidthOf, readSoundFileAsDataUrl, applyTransitionSoundFile, TRANSITION_SOUND_OTHER_VALUE, TRANSITION_SOUND_NONE_VALUE, clearTransitionSound, applyTransitionStockSound, transitionStockSoundId, getEffectSoundAsset, playAnimationRibbonPreview, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, masterViewPseudoSlide, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptors, shouldShowElementHandles, MERGE_SHAPES_MENU_ITEMS, hasMultipleSelectedTableCells, computeAnchoredPopupPosition, applyTableStyleDelete, applyTableStyleMapChange, themeColorLabel, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, COMMON_FONTS, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, SLIDE_TEMPLATES, MERGE_SHAPES_LABEL_KEY, MERGE_SHAPES_HINT_KEY, CROP_LABEL_KEY, CROP_ASPECT_LABEL_KEY, CROP_ASPECT_GROUP_LABEL_KEYS, CROP_ASPECT_PRESETS, CROP_FILL_LABEL_KEY, CROP_FIT_LABEL_KEY, attachEditorImagePaste, authorConnectorBetweenSites, findEraserHitElementId, generateTicks, rulerDragToGuidePosition, resolveElementInteractivity, getElementTransformWithoutRotation, getElementTransform, buildChartQuickActionsDescriptor, applyChartElementToggle, CHART_QUICK_ACTION_BUTTON_SIZE, applyChartStylePreset, hideChartSeries, restoreFilteredSeries, buildCropOverlay, CROP_HANDLE_ARIA_KEY, getActiveXControlOverlayView, buildCommentMarkers, COMMENT_MARKER_SIZE, collectConnectorSiteCandidates, getConnectorEndpointHandles, findConnectorSiteNear, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, canEditElementPoints, isElementLocked, isImageLikeElement, mergeSlideTransition, getElementLabel, TRIGGER_OPTIONS, mapSlideSorterKey, isEditorTextInputTarget, clampSorterZoom, buildSlideTemplateContent, buildFreeformShapeElement, buildLiveInkStrokeView, beginCropDrag, CONNECTOR_SITE_SNAP_PX, resolveConnectorEndpointUpdate, withConnectorEndpointUpdate, getShapeConnectionSites, FreeformToolSession, attachOverlayKeyboard, EditPointsSession, EDIT_POINTS_STYLE, elementLockTogglePatch, buildTableDataGrid, getDenseGridLayoutPlan, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, applyTableStylePreset, tableStyleAssignmentUpdate, evenColumnWidths, redistributeColumnWidth, evenRowHeights, patchChartData, collapseChartTitleRunsForEdit, chartGridlinesState, chartGridlinesPatch, seriesSecondaryAxisPatch, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setDataLabelsRangeCache, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, describeSmartArtBounds, canAddTopLevelNode, classifyExtraConnections, siblingIndex, siblingCount, canRemoveTopLevelNode, canInteractWithElement, buildOleObjectNamePatch, getOleObjectTypeLabel, sanitizeGradientStops, shouldShowAccessibilitySection, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, SLIDE_SIZE_PRESETS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, TRANSITION_PATTERN_OPTIONS, TRANSITION_THRUBLK_TYPES, clampTransitionNumber, TRANSITION_SPEED_OPTIONS, TRANSITION_MORPH_OPTIONS, flattenTagCollections, resolveTemplateBackgroundRows, formatCommentTimestamp, commentMentionQuery, matchCommentMentionAuthors, buildAnimationTimelineRows, clearMotionPath, setTrigger, setTriggerBookmark, getEffectSoundState, setEffectSound, setEffectStockSound, setAfterAnimation, setAfterAnimationColor, DIRECTIONAL_PRESETS, buildAnimationTimelineBars, motionPathPresetIdForPath, EFFECT_SOUND_CATALOGUE, listMediaBookmarkOptions, selectedBookmarkOptionValue, hasTiltData, toElementAxes, dragCropHandle, panCropImage, clientToSlidePoint, EDIT_POINTS_TARGET_ATTR, normalizeTableStyleGuid, describeTableStyleEditor, TABLE_STYLE_EDITOR_PARTS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, updateMergeAttrsInRawXml, resolveDisplayedChartType, CHART_TYPE_OPTIONS, chartDataLabelsTogglePatch, BAR3D_SHAPE_OPTIONS, bar3DShapePatch, RADAR_STYLE_OPTIONS, radarStylePatch, SURFACE_WIREFRAME_OPTIONS, surfaceWireframePatch, isSeriesUsingSecondaryAxis, listChartUserShapeRows, withChartUserShapeAdded, createDefaultChartUserShape, withChartUserShapeRowRemoved, withChartUserShapeRowTextUpdated, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, setSmartArtNodeStyle, removeSmartArtNode, addSiblingAfter, removeEmptyNode, demote, promote, updateSmartArtNodeText, reorder, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, mediaTrimEndSeconds, trimmedMediaDurationMs, mediaTrimEndAbsoluteMs, mediaTrimEndMsFromAbsoluteMs, buildOleEditDialogDescriptor, buildOleContentUpdatePatch, applyOleSheetCellEdit, getOleSheetGrid, applyOleDocumentParagraphEdit, getOleDocumentParagraphs, applyOleNestedDeckElementTextEdit, getOleNestedDeckDetail, replaceOleFile, getNonVisualDescriptionFields, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, elementActionToPptxAction, canCommitActionType, slideSizeFromPreset, withSlideSizeOrientation, TRANSITION_DIR_ARROWS, buildDirectionGrid, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, updateTagInCollections, deleteTagFromCollections, addTagToCollections, commentTextSegments, COMMENT_MENTION_CLASS, COMMENT_MENTION_ATTRIBUTE, insertCommentMention, reorderAnimationTimelineRows, applyAnimationTimelineOrder, animationEffectLabel, overlayPointerInput, TABLE_STYLE_BORDER_SIDES, applyTableStyleFieldEdit, createTableStyleEntry, addTableStyleToMap, deleteTableStyleFromMap, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, getChartUserShapeGroupTransform, withChartUserShapeGroupChildAdded, createDefaultChartUserShapeGroupChild, withChartUserShapeRowUpdated, getChartUserShapeRowChartBox, withChartUserShapeRowFlipUpdated, withChartUserShapeRowRotationUpdated, withChartUserShapeRowChartBoxUpdated, switchSmartArtLayout, rebuildDrawingShapesIfCleared, mediaTrimEndMsFromSeconds, validateMediaTrimRange, SHAPE_QUICK_STYLES, quickStyleSwatchCss, PATTERN_PRESET_OPTIONS, getPatternSvg, COMPOUND_LINE_OPTIONS, LINE_JOIN_OPTIONS, LINE_CAP_OPTIONS, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, toSlideIndex, TABLE_STYLE_BORDER_SIDE_LABEL_KEYS, TABLE_STYLE_DASH_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS, cropFit, cropFill, cropToAspectRatio } from './chunk-QLDHUKH2.mjs';
+import { LOCALE_CATALOG, ALIGNMENT_LABEL_KEYS } from './chunk-WIEBQGQI.mjs';
+import React5, { createContext, lazy, forwardRef, useEffect, useState, useCallback, useMemo, useRef, useLayoutEffect, useSyncExternalStore, useId, useContext, Fragment as Fragment$1, useDeferredValue, Suspense, useReducer } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuFilter, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
+import { LuMessageSquare, LuEyeOff, LuHistory, LuTrash2, LuSettings, LuX, LuCalendarDays, LuClock, LuHash, LuFileText, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuSettings2, LuLayers, LuDownload, LuCheck, LuLock, LuEye, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuUpload, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuFileJson, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuLayoutTemplate, LuFolderPlus, LuSpline, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuCombine, LuCrop, LuFilter, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuRotateCw, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -806,6 +806,46 @@ function AnimationsSection(p) {
     ] }) })
   ] });
 }
+var ShapeFormatContext = createContext(null);
+function useShapeFormatContext() {
+  return useContext(ShapeFormatContext);
+}
+function RibbonMenu({
+  anchorRef,
+  className,
+  children
+}) {
+  const [pos, setPos] = useState(null);
+  useEffect(() => {
+    const anchor = anchorRef.current;
+    if (!anchor) {
+      return;
+    }
+    const update = () => {
+      const { left, top } = computeAnchoredPopupPosition(anchor.getBoundingClientRect());
+      setPos(
+        (prev) => prev && prev.left === left && prev.top === top ? prev : { left: left ?? 0, top }
+      );
+    };
+    update();
+    anchor.addEventListener("mouseenter", update);
+    window.addEventListener("resize", update);
+    document.addEventListener("scroll", update, true);
+    return () => {
+      anchor.removeEventListener("mouseenter", update);
+      window.removeEventListener("resize", update);
+      document.removeEventListener("scroll", update, true);
+    };
+  }, [anchorRef]);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("fixed z-50", className),
+      style: pos ? { left: pos.left, top: pos.top } : { visibility: "hidden" },
+      children
+    }
+  );
+}
 var _b = "inline-flex items-center justify-center px-2.5 py-1.5 max-md:min-h-[44px] max-md:min-w-[44px] active:scale-95 active:opacity-80";
 var gB = `${_b} border-r border-border hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed`;
 var gL = `${_b} hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed`;
@@ -965,12 +1005,184 @@ var ATXT = [
   { id: "right", i: /* @__PURE__ */ jsx(LuAlignRight, { className: ic }), labelKey: "pptx.ribbon.alignRight" },
   { id: "justify", i: /* @__PURE__ */ jsx(LuAlignJustify, { className: ic }), labelKey: "pptx.ribbon.justify" }
 ];
+function useRibbonDropdown() {
+  const [open, setOpen] = useState(false);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!open) {
+      return;
+    }
+    const onMouseDown = (event) => {
+      if (ref.current && !ref.current.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", onMouseDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onMouseDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [open]);
+  return { open, setOpen, ref };
+}
+var RIBBON_MENU_ITEM_CLASS = "flex items-center w-full px-3 py-1.5 text-xs text-left hover:bg-muted transition-colors";
+var RIBBON_MENU_SURFACE_CLASS = "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 min-w-36";
+var GROUPS = ["square", "portrait", "landscape"];
+function CropRibbonControls({ canEdit }) {
+  const { t } = useTranslation();
+  const crop = useShapeFormatContext()?.crop;
+  const { open, setOpen, ref } = useRibbonDropdown();
+  const enabled = canEdit && Boolean(crop?.canCrop);
+  const active = Boolean(crop?.element);
+  const label = t(CROP_LABEL_KEY);
+  const hint = t("pptx.image.cropHint");
+  const run = (action) => {
+    setOpen(false);
+    action();
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, children: [
+    /* @__PURE__ */ jsxs("div", { className: grp, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-pptx-ribbon-control": "crop",
+          "aria-label": label,
+          "aria-pressed": active,
+          title: enabled ? label : hint,
+          disabled: !enabled,
+          className: cn(gB, active && "bg-accent text-accent-foreground"),
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => crop?.toggle(),
+          children: /* @__PURE__ */ jsx(LuCrop, { className: ic })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "data-pptx-ribbon-control": "crop-menu",
+          "aria-label": t(CROP_ASPECT_LABEL_KEY),
+          "aria-haspopup": "menu",
+          "aria-expanded": open && enabled,
+          title: enabled ? t(CROP_ASPECT_LABEL_KEY) : hint,
+          disabled: !enabled,
+          className: gL,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => setOpen((v) => !v),
+          children: /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3" })
+        }
+      )
+    ] }),
+    open && enabled && crop && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsxs("div", { role: "menu", "aria-label": label, className: RIBBON_MENU_SURFACE_CLASS, children: [
+      GROUPS.map((group) => /* @__PURE__ */ jsxs("div", { role: "group", "aria-label": t(CROP_ASPECT_GROUP_LABEL_KEYS[group]), children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: "px-3 pt-1.5 pb-0.5 text-[10px] font-semibold text-muted-foreground",
+            children: t(CROP_ASPECT_GROUP_LABEL_KEYS[group])
+          }
+        ),
+        CROP_ASPECT_PRESETS.filter((preset) => preset.group === group).map((preset) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            "data-pptx-crop-aspect": preset.id,
+            className: RIBBON_MENU_ITEM_CLASS,
+            onMouseDown: (e) => e.preventDefault(),
+            onClick: () => run(() => crop.cropToAspect(preset.ratioWidth, preset.ratioHeight)),
+            children: preset.id
+          },
+          preset.id
+        ))
+      ] }, group)),
+      /* @__PURE__ */ jsx("hr", { className: "my-1 border-0 h-px bg-border" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          "data-pptx-crop-action": "fill",
+          className: RIBBON_MENU_ITEM_CLASS,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => run(crop.fill),
+          children: t(CROP_FILL_LABEL_KEY)
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          role: "menuitem",
+          "data-pptx-crop-action": "fit",
+          className: RIBBON_MENU_ITEM_CLASS,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: () => run(crop.fit),
+          children: t(CROP_FIT_LABEL_KEY)
+        }
+      )
+    ] }) })
+  ] });
+}
+function MergeShapesMenu({ canEdit }) {
+  const { t } = useTranslation();
+  const commands = useShapeFormatContext();
+  const { open, setOpen, ref } = useRibbonDropdown();
+  const enabled = canEdit && Boolean(commands?.canMergeShapes);
+  const label = t(MERGE_SHAPES_LABEL_KEY);
+  return /* @__PURE__ */ jsxs("div", { className: "relative", ref, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "data-pptx-ribbon-control": "merge-shapes",
+        "aria-label": label,
+        "aria-haspopup": "menu",
+        "aria-expanded": open && enabled,
+        title: enabled ? label : t(MERGE_SHAPES_HINT_KEY),
+        disabled: !enabled,
+        className: pill,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => setOpen((v) => !v),
+        children: [
+          /* @__PURE__ */ jsx(LuCombine, { className: ic }),
+          /* @__PURE__ */ jsx(LuChevronDown, { className: "w-3 h-3" })
+        ]
+      }
+    ),
+    open && enabled && /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: ref, className: "pt-1", children: /* @__PURE__ */ jsx("div", { role: "menu", "aria-label": label, className: RIBBON_MENU_SURFACE_CLASS, children: MERGE_SHAPES_MENU_ITEMS.map((item) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "menuitem",
+        "data-pptx-merge-op": item.operation,
+        className: RIBBON_MENU_ITEM_CLASS,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: () => {
+          setOpen(false);
+          commands?.mergeShapes(item.operation);
+        },
+        children: t(item.labelKey)
+      },
+      item.operation
+    )) }) })
+  ] });
+}
 function ShapeArrangeExtras(p) {
   const { t } = useTranslation();
   const canGroup = canGroupSelection(p.canEdit, p.selectedCount, p.selectionGroupable);
   const canUngroup = canUngroupSelection(p.canEdit, p.selectedElement);
   const canStrokeWidth = canSetStrokeWidth(p.canEdit, p.selectedElement);
   const strokeWidth = strokeWidthOf(p.selectedElement);
+  const { isHidden } = useToolbarVisibility(p.hiddenActions);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: grp, children: [
       /* @__PURE__ */ jsx(
@@ -998,6 +1210,8 @@ function ShapeArrangeExtras(p) {
         }
       )
     ] }),
+    !isHidden("mergeShapes") && /* @__PURE__ */ jsx(MergeShapesMenu, { canEdit: p.canEdit }),
+    !isHidden("crop") && /* @__PURE__ */ jsx(CropRibbonControls, { canEdit: p.canEdit }),
     /* @__PURE__ */ jsx(
       "input",
       {
@@ -1102,7 +1316,8 @@ function ArrangeSection(p) {
           selectionGroupable: p.selectionGroupable,
           onGroupElements: p.onGroupElements,
           onUngroupElement: p.onUngroupElement,
-          onUpdateElementStyle: p.onUpdateElementStyle
+          onUpdateElementStyle: p.onUpdateElementStyle,
+          hiddenActions: p.hiddenActions
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: grp, children: [
@@ -1178,8 +1393,8 @@ function ArrangeSection(p) {
   ] });
 }
 function useTransitionSoundPicker(activeSlide, onTransitionChange) {
-  const soundFileInputRef = React4.useRef(null);
-  const handleSoundFilePicked = React4.useCallback(
+  const soundFileInputRef = React5.useRef(null);
+  const handleSoundFilePicked = React5.useCallback(
     (file) => {
       void readSoundFileAsDataUrl(file).then((dataUrl) => {
         if (dataUrl) {
@@ -1190,7 +1405,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     },
     [onTransitionChange]
   );
-  const handleSoundSelectChange = React4.useCallback(
+  const handleSoundSelectChange = React5.useCallback(
     (event) => {
       const value = event.target.value;
       if (value === TRANSITION_SOUND_OTHER_VALUE) {
@@ -1209,7 +1424,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     },
     [activeSlide, onTransitionChange]
   );
-  const handleSoundFileChange = React4.useCallback(
+  const handleSoundFileChange = React5.useCallback(
     (event) => {
       const file = event.target.files?.[0];
       if (file) {
@@ -1220,7 +1435,7 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
     [handleSoundFilePicked]
   );
   const stockSoundId = transitionStockSoundId(activeSlide?.transition);
-  const handleSoundPreview = React4.useCallback(() => {
+  const handleSoundPreview = React5.useCallback(() => {
     if (!stockSoundId) {
       return;
     }
@@ -1240,10 +1455,10 @@ function useTransitionSoundPicker(activeSlide, onTransitionChange) {
 function TransitionsSection(p) {
   const { t } = useTranslation();
   const canEdit = p.canEdit !== false;
-  const draft = React4.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
-  const [durationBuffer, setDurationBuffer] = React4.useState(null);
-  const [advanceBuffer, setAdvanceBuffer] = React4.useState(null);
-  const commit = React4.useCallback(
+  const draft = React5.useMemo(() => readRibbonTransitionDraft(p.activeSlide), [p.activeSlide]);
+  const [durationBuffer, setDurationBuffer] = React5.useState(null);
+  const [advanceBuffer, setAdvanceBuffer] = React5.useState(null);
+  const commit = React5.useCallback(
     (changes) => {
       p.onTransitionChange(ribbonTransitionUpdates({ ...draft, ...changes }));
     },
@@ -1694,7 +1909,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "4.5.0" ;
+  const version = "4.6.0" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -2096,42 +2311,6 @@ function FileSection(p) {
     }
   );
 }
-function RibbonMenu({
-  anchorRef,
-  className,
-  children
-}) {
-  const [pos, setPos] = useState(null);
-  useEffect(() => {
-    const anchor = anchorRef.current;
-    if (!anchor) {
-      return;
-    }
-    const update = () => {
-      const { left, top } = computeAnchoredPopupPosition(anchor.getBoundingClientRect());
-      setPos(
-        (prev) => prev && prev.left === left && prev.top === top ? prev : { left: left ?? 0, top }
-      );
-    };
-    update();
-    anchor.addEventListener("mouseenter", update);
-    window.addEventListener("resize", update);
-    document.addEventListener("scroll", update, true);
-    return () => {
-      anchor.removeEventListener("mouseenter", update);
-      window.removeEventListener("resize", update);
-      document.removeEventListener("scroll", update, true);
-    };
-  }, [anchorRef]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("fixed z-50", className),
-      style: pos ? { left: pos.left, top: pos.top } : { visibility: "hidden" },
-      children
-    }
-  );
-}
 function FontFamilyMenu(p) {
   const { t } = useTranslation();
   const groups = buildFontCatalog({
@@ -2139,7 +2318,7 @@ function FontFamilyMenu(p) {
     embeddedFonts: p.embeddedFonts,
     customFonts: p.customFonts
   });
-  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+  return /* @__PURE__ */ jsx(RibbonMenu, { anchorRef: p.anchorRef, className: "flex flex-col w-64 pt-1", children: /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border bg-popover backdrop-blur-lg shadow-2xl py-1 max-h-80 overflow-y-auto", children: groups.map((group, groupIndex) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -2664,6 +2843,43 @@ function HomeSection(p) {
     sep
   ] });
 }
+var ICONS3 = {
+  freeformShape: LuPenTool,
+  curve: LuSpline
+};
+function FreeformToolButtons({
+  canEdit,
+  activeTool,
+  onArm
+}) {
+  const { t } = useTranslation();
+  const customization = useViewerCustomizationContext();
+  const tools = FREEFORM_TOOL_IDS.filter((tool) => isDrawingToolVisible(customization, tool));
+  if (tools.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children: tools.map((tool) => {
+    const Icon = ICONS3[tool];
+    const active = activeTool === tool;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled: !canEdit,
+        "aria-pressed": active,
+        "data-pptx-drawing-tool": tool,
+        className: cn(pill, active && "bg-primary/15 text-primary"),
+        title: t(FREEFORM_TOOL_LABEL_KEYS[tool]),
+        onClick: () => onArm(active ? null : tool),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: ic }),
+          t(FREEFORM_TOOL_LABEL_KEYS[tool])
+        ]
+      },
+      tool
+    );
+  }) });
+}
 function InsertHyperlinkButton(p) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs(
@@ -2789,6 +3005,14 @@ function InsertSection(p) {
         }
       )
     ] }),
+    p.onArmFreeformTool && /* @__PURE__ */ jsx(
+      FreeformToolButtons,
+      {
+        canEdit,
+        activeTool: p.activeFreeformTool,
+        onArm: p.onArmFreeformTool
+      }
+    ),
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -4890,7 +5114,8 @@ function MobileSectionBody({
           onDelete: p.onDelete,
           formatPainterActive: p.formatPainterActive,
           onToggleFormatPainter: p.onToggleFormatPainter,
-          canActivateFormatPainter: p.canActivateFormatPainter
+          canActivateFormatPainter: p.canActivateFormatPainter,
+          hiddenActions: p.hiddenActions
         }
       ) });
     case "design":
@@ -6222,6 +6447,8 @@ function Toolbar(p) {
                   canEdit: p.canEdit,
                   newShapeType: p.newShapeType,
                   onSetNewShapeType: p.onSetNewShapeType,
+                  activeFreeformTool: p.activeFreeformTool,
+                  onArmFreeformTool: p.onArmFreeformTool,
                   onAddTextBox: p.onAddTextBox,
                   onAddShape: p.onAddShape,
                   onAddTable: p.onAddTable,
@@ -6299,7 +6526,8 @@ function Toolbar(p) {
                   onDelete: p.onDelete,
                   formatPainterActive: p.formatPainterActive,
                   onToggleFormatPainter: p.onToggleFormatPainter,
-                  canActivateFormatPainter: p.canActivateFormatPainter
+                  canActivateFormatPainter: p.canActivateFormatPainter,
+                  hiddenActions: p.hiddenActions
                 }
               ),
               sDes && /* @__PURE__ */ jsx(
@@ -6651,7 +6879,7 @@ var EXPLOSION_SUPPORTED_TYPES = /* @__PURE__ */ new Set([
   "doughnut",
   "ofPie"
 ]);
-var ICONS3 = {
+var ICONS4 = {
   elements: LuPlus,
   styles: LuPaintbrush,
   filters: LuFilter
@@ -6694,7 +6922,7 @@ function ChartQuickActionsOverlay({
       "data-export-ignore": "true",
       style: { position: "absolute", left: 0, top: 0, zIndex: 59 },
       onMouseDown: (e) => e.stopPropagation(),
-      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+      children: descriptor.buttons.map((button) => /* @__PURE__ */ jsxs(React5.Fragment, { children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -6714,7 +6942,7 @@ function ChartQuickActionsOverlay({
               transformOrigin: "top left"
             },
             className: "flex items-center justify-center rounded bg-white border border-gray-300 shadow-sm hover:bg-gray-100 text-gray-700",
-            children: React4.createElement(ICONS3[button.id], { className: "size-3.5" })
+            children: React5.createElement(ICONS4[button.id], { className: "size-3.5" })
           }
         ),
         open === button.id && button.id === "elements" && /* @__PURE__ */ jsxs(
@@ -7265,6 +7493,542 @@ function MotionPathOverlay({
     }
   );
 }
+var ITEM_CLASS = "w-full px-3 py-1.5 text-left hover:bg-muted";
+var DANGER_ITEM_CLASS = "w-full px-3 py-1.5 text-left text-red-300 hover:bg-red-900/40";
+var DISABLED_CLASS = " opacity-40 pointer-events-none";
+function ContextMenuItem({
+  onSelect,
+  danger,
+  disabled,
+  checked,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      role: checked === void 0 ? "menuitem" : "menuitemcheckbox",
+      "aria-checked": checked === void 0 ? void 0 : checked,
+      disabled,
+      className: `${danger ? DANGER_ITEM_CLASS : ITEM_CLASS}${disabled ? DISABLED_CLASS : ""}`,
+      onClick: onSelect,
+      children: [
+        checked !== void 0 && /* @__PURE__ */ jsx("span", { className: "mr-1.5 inline-block w-3", "aria-hidden": "true", children: checked ? "\u2713" : "" }),
+        children
+      ]
+    }
+  );
+}
+function ContextMenuSeparator() {
+  return /* @__PURE__ */ jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "my-1 border-t border-border" });
+}
+function EditPointsMenu({ menu, onRun }) {
+  const { t } = useTranslation();
+  const stop2 = (event) => event.stopPropagation();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "menu",
+      tabIndex: -1,
+      "aria-label": t("pptx.editPoints.menu"),
+      "data-pptx-edit-points-menu": "true",
+      className: "absolute z-[61] min-w-[180px] rounded border border-border bg-popover shadow-2xl py-1.5 text-xs text-foreground",
+      style: {
+        left: menu.x,
+        top: menu.y,
+        transform: `scale(${menu.inverseScale})`,
+        transformOrigin: "0 0"
+      },
+      onPointerDown: stop2,
+      onMouseDown: stop2,
+      onClick: stop2,
+      onContextMenu: (event) => {
+        event.preventDefault();
+        event.stopPropagation();
+      },
+      children: menu.entries.map((entry) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
+        entry.separatorBefore && /* @__PURE__ */ jsx(ContextMenuSeparator, {}),
+        /* @__PURE__ */ jsx("div", { role: "none", "data-pptx-edit-points-command": entry.id, children: /* @__PURE__ */ jsx(
+          ContextMenuItem,
+          {
+            disabled: entry.disabled,
+            checked: entry.checked,
+            onSelect: () => onRun(entry.id),
+            children: t(entry.labelKey)
+          }
+        ) })
+      ] }, entry.id))
+    }
+  );
+}
+function EditPointsOverlay({
+  element,
+  canvasSize,
+  scale,
+  hiddenCommands,
+  onCommit,
+  onExit
+}) {
+  const { t } = useTranslation();
+  const [, rerender] = useReducer((n) => n + 1, 0);
+  const svgRef = useRef(null);
+  const latest = useRef({ onCommit, onExit });
+  latest.current = { onCommit, onExit };
+  const elementId = element.id;
+  const sessionRef = useRef(null);
+  if (sessionRef.current?.id !== elementId) {
+    sessionRef.current = {
+      id: elementId,
+      session: new EditPointsSession(element, {
+        onCommit: (patch) => latest.current.onCommit(elementId, patch),
+        onExit: () => latest.current.onExit(),
+        onChange: rerender,
+        hiddenCommands
+      })
+    };
+  }
+  const session = sessionRef.current.session;
+  useEffect(() => {
+    session.reconcile(element);
+  }, [element, session]);
+  useEffect(() => attachOverlayKeyboard(session), [session]);
+  const view = session.view(scale);
+  const input = (event) => overlayPointerInput(
+    event.nativeEvent,
+    svgRef.current ?? event.currentTarget,
+    canvasSize.width,
+    canvasSize.height
+  );
+  const onPointerDown = (event) => {
+    event.stopPropagation();
+    if (event.button !== 0) {
+      return;
+    }
+    event.preventDefault();
+    event.currentTarget.setPointerCapture?.(event.pointerId);
+    session.pointerDown(input(event));
+  };
+  const onPointerMove = (event) => {
+    session.pointerMove(input(event));
+  };
+  const onPointerUp = (event) => {
+    event.currentTarget.releasePointerCapture?.(event.pointerId);
+    session.pointerUp(input(event));
+  };
+  const onContextMenu = (event) => {
+    event.preventDefault();
+    event.stopPropagation();
+    session.contextMenu(input(event));
+  };
+  const stop2 = (event) => event.stopPropagation();
+  const target = (id) => ({ [EDIT_POINTS_TARGET_ATTR]: id });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref: svgRef,
+        className: "absolute left-0 top-0 z-[60]",
+        width: canvasSize.width,
+        height: canvasSize.height,
+        role: "application",
+        "aria-label": t("pptx.editPoints.overlay"),
+        "data-pptx-edit-points-overlay": "true",
+        "data-pptx-edit-points-element": elementId,
+        style: { touchAction: "none" },
+        onPointerDown,
+        onPointerMove,
+        onPointerUp,
+        onContextMenu,
+        onMouseDown: stop2,
+        onClick: stop2,
+        onDoubleClick: stop2,
+        children: [
+          /* @__PURE__ */ jsx("rect", { width: canvasSize.width, height: canvasSize.height, fill: "transparent" }),
+          view.segments.map((seg) => /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: seg.d,
+              fill: "none",
+              stroke: "transparent",
+              strokeWidth: view.hitStrokeWidth,
+              pointerEvents: "stroke",
+              style: { cursor: "copy" },
+              ...target(seg.target)
+            },
+            seg.target
+          )),
+          /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: view.outlineD,
+              fill: "none",
+              stroke: EDIT_POINTS_STYLE.outlineColor,
+              strokeWidth: view.outlineWidth,
+              pointerEvents: "none"
+            }
+          ),
+          view.handles.map((h) => /* @__PURE__ */ jsxs("g", { children: [
+            /* @__PURE__ */ jsx(
+              "line",
+              {
+                x1: h.anchorX,
+                y1: h.anchorY,
+                x2: h.x,
+                y2: h.y,
+                stroke: EDIT_POINTS_STYLE.handleLineColor,
+                strokeWidth: view.outlineWidth,
+                pointerEvents: "none"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "rect",
+              {
+                x: h.x - h.size / 2,
+                y: h.y - h.size / 2,
+                width: h.size,
+                height: h.size,
+                fill: EDIT_POINTS_STYLE.handleFill,
+                stroke: EDIT_POINTS_STYLE.handleStroke,
+                strokeWidth: view.outlineWidth,
+                style: { cursor: "move" },
+                ...target(h.target)
+              }
+            )
+          ] }, h.target)),
+          view.nodes.map((n) => /* @__PURE__ */ jsx(
+            "rect",
+            {
+              x: n.x - n.size / 2,
+              y: n.y - n.size / 2,
+              width: n.size,
+              height: n.size,
+              fill: n.selected ? EDIT_POINTS_STYLE.selectedNodeFill : EDIT_POINTS_STYLE.nodeFill,
+              stroke: n.selected ? EDIT_POINTS_STYLE.selectedNodeStroke : EDIT_POINTS_STYLE.nodeStroke,
+              strokeWidth: view.outlineWidth,
+              style: { cursor: "move" },
+              "data-pptx-edit-points-node-type": n.type,
+              "data-selected": n.selected ? "true" : void 0,
+              ...target(n.target)
+            },
+            n.target
+          ))
+        ]
+      }
+    ),
+    view.menu && /* @__PURE__ */ jsx(EditPointsMenu, { menu: view.menu, onRun: (id) => session.runCommand(id) })
+  ] });
+}
+function FreeformToolOverlay({
+  tool,
+  canvasSize,
+  scale,
+  onCommit,
+  onCancel
+}) {
+  const { t } = useTranslation();
+  const [, rerender] = useReducer((n) => n + 1, 0);
+  const svgRef = useRef(null);
+  const latest = useRef({ onCommit, onCancel });
+  latest.current = { onCommit, onCancel };
+  const sessionRef = useRef(null);
+  if (sessionRef.current?.tool !== tool) {
+    sessionRef.current = new FreeformToolSession({
+      tool,
+      onCommit: (element) => latest.current.onCommit(element),
+      onCancel: () => latest.current.onCancel(),
+      onChange: rerender
+    });
+  }
+  const session = sessionRef.current;
+  session.setScale(scale);
+  useEffect(() => attachOverlayKeyboard(session), [session]);
+  const point2 = (event) => clientToSlidePoint(
+    svgRef.current ?? event.currentTarget,
+    event.clientX,
+    event.clientY,
+    canvasSize.width,
+    canvasSize.height
+  );
+  const view = session.view();
+  const stop2 = (event) => event.stopPropagation();
+  return (
+    // oxlint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- a pointer-driven drawing surface; the keyboard is routed through attachOverlayKeyboard
+    /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        ref: svgRef,
+        className: "absolute left-0 top-0 z-[60]",
+        width: canvasSize.width,
+        height: canvasSize.height,
+        role: "application",
+        "aria-label": t("pptx.freeformTool.overlay"),
+        "data-pptx-freeform-tool-overlay": tool,
+        style: { cursor: "crosshair", touchAction: "none" },
+        onPointerDown: (event) => {
+          event.stopPropagation();
+          event.preventDefault();
+          event.currentTarget.setPointerCapture?.(event.pointerId);
+          session.pointerDown({ ...point2(event), button: event.button });
+        },
+        onPointerMove: (event) => session.pointerMove(point2(event)),
+        onPointerUp: (event) => {
+          event.currentTarget.releasePointerCapture?.(event.pointerId);
+          session.pointerUp();
+        },
+        onDoubleClick: (event) => {
+          event.stopPropagation();
+          session.doubleClick();
+        },
+        onContextMenu: (event) => {
+          event.preventDefault();
+          event.stopPropagation();
+        },
+        onMouseDown: stop2,
+        onClick: stop2,
+        children: [
+          /* @__PURE__ */ jsx("rect", { width: canvasSize.width, height: canvasSize.height, fill: "transparent" }),
+          view.previewD && /* @__PURE__ */ jsx(
+            "path",
+            {
+              d: view.previewD,
+              fill: "none",
+              stroke: "#2f528f",
+              strokeWidth: view.strokeWidth,
+              pointerEvents: "none"
+            }
+          ),
+          view.start && /* @__PURE__ */ jsx(
+            "circle",
+            {
+              cx: view.start.x,
+              cy: view.start.y,
+              r: view.start.size / 2,
+              fill: view.start.armed ? "#2f528f" : "#ffffff",
+              stroke: "#2f528f",
+              strokeWidth: view.strokeWidth,
+              pointerEvents: "none",
+              "data-pptx-freeform-start": view.start.armed ? "armed" : "idle"
+            }
+          )
+        ]
+      }
+    )
+  );
+}
+function OutlineAuthoringLayer({
+  activeSlide,
+  canvasSize,
+  scale,
+  editPointsElementId,
+  hiddenEditPointsCommands,
+  onCommitEditPoints,
+  onExitEditPoints,
+  freeformTool,
+  onFreeformCommit,
+  onFreeformCancel
+}) {
+  const element = editPointsElementId ? activeSlide?.elements.find((candidate) => candidate.id === editPointsElementId) : void 0;
+  const editable = Boolean(element && canEditElementPoints(element));
+  useEffect(() => {
+    if (editPointsElementId && !editable) {
+      onExitEditPoints();
+    }
+  }, [editPointsElementId, editable, onExitEditPoints]);
+  if (freeformTool) {
+    return /* @__PURE__ */ jsx(
+      FreeformToolOverlay,
+      {
+        tool: freeformTool,
+        canvasSize,
+        scale,
+        onCommit: onFreeformCommit,
+        onCancel: onFreeformCancel
+      }
+    );
+  }
+  if (element && editable) {
+    return /* @__PURE__ */ jsx(
+      EditPointsOverlay,
+      {
+        element,
+        canvasSize,
+        scale,
+        hiddenCommands: hiddenEditPointsCommands,
+        onCommit: onCommitEditPoints,
+        onExit: onExitEditPoints
+      }
+    );
+  }
+  return null;
+}
+var stop = (e) => e.stopPropagation();
+function PictureCropOverlay({
+  element,
+  scale,
+  onUpdate,
+  onContextMenu
+}) {
+  const { t } = useTranslation();
+  const overlay = buildCropOverlay(element, scale);
+  const dragRef = useRef(null);
+  const latest = useRef({ scale, onUpdate });
+  latest.current = { scale, onUpdate };
+  const detachRef = useRef(null);
+  useEffect(() => () => detachRef.current?.(), []);
+  const beginDrag = (e, handle) => {
+    if (e.button !== 0) {
+      return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    detachRef.current?.();
+    dragRef.current = {
+      start: beginCropDrag(element),
+      handle,
+      clientX: e.clientX,
+      clientY: e.clientY
+    };
+    const onMove = (ev) => {
+      const drag = dragRef.current;
+      if (!drag) {
+        return;
+      }
+      const zoom = latest.current.scale || 1;
+      const { dx, dy } = toElementAxes(
+        (ev.clientX - drag.clientX) / zoom,
+        (ev.clientY - drag.clientY) / zoom,
+        drag.start.rotation
+      );
+      latest.current.onUpdate(
+        drag.handle ? dragCropHandle(drag.start, drag.handle, dx, dy) : panCropImage(drag.start, dx, dy)
+      );
+    };
+    const onUp = () => detachRef.current?.();
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    window.addEventListener("pointercancel", onUp);
+    detachRef.current = () => {
+      dragRef.current = null;
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+      window.removeEventListener("pointercancel", onUp);
+      detachRef.current = null;
+    };
+  };
+  const { ghost, frame, handles } = overlay;
+  const src = imgSrc(element);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-pptx-crop-overlay": "true",
+      "data-pptx-crop-for": element.id,
+      "data-export-ignore": "true",
+      style: {
+        position: "absolute",
+        left: element.x,
+        top: element.y,
+        width: element.width,
+        height: element.height,
+        transform: element.rotation ? `rotate(${element.rotation}deg)` : void 0,
+        transformOrigin: "center",
+        overflow: "visible",
+        zIndex: 59,
+        touchAction: "none"
+      },
+      onMouseDown: stop,
+      onClick: stop,
+      onDoubleClick: stop,
+      onContextMenu: (e) => {
+        e.stopPropagation();
+        onContextMenu?.(element.id, e);
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-crop-ghost": "true",
+            style: {
+              position: "absolute",
+              left: ghost.left,
+              top: ghost.top,
+              width: ghost.width,
+              height: ghost.height,
+              clipPath: ghost.clipPath,
+              opacity: ghost.opacity,
+              cursor: "move"
+            },
+            onPointerDown: (e) => beginDrag(e, null),
+            children: src && /* @__PURE__ */ jsx(
+              "img",
+              {
+                src,
+                alt: "",
+                draggable: false,
+                style: {
+                  display: "block",
+                  width: "100%",
+                  height: "100%",
+                  transform: ghost.transform || void 0,
+                  pointerEvents: "none",
+                  userSelect: "none"
+                }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-crop-frame": "true",
+            style: {
+              position: "absolute",
+              left: frame.left,
+              top: frame.top,
+              width: frame.width,
+              height: frame.height,
+              boxSizing: "border-box",
+              border: `${1 / (scale || 1)}px solid rgba(0, 0, 0, 0.75)`,
+              outline: `${1 / (scale || 1)}px dashed rgba(255, 255, 255, 0.9)`,
+              cursor: "move"
+            },
+            onPointerDown: (e) => beginDrag(e, null)
+          }
+        ),
+        handles.map((handle) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "button",
+            tabIndex: -1,
+            "aria-label": t(CROP_HANDLE_ARIA_KEY),
+            "data-pptx-crop-handle": handle.id,
+            style: {
+              position: "absolute",
+              left: handle.left,
+              top: handle.top,
+              width: handle.width,
+              height: handle.height,
+              cursor: handle.cursor
+            },
+            onPointerDown: (e) => beginDrag(e, handle.id),
+            children: /* @__PURE__ */ jsx(
+              "svg",
+              {
+                width: "100%",
+                height: "100%",
+                viewBox: `0 0 ${handle.width} ${handle.height}`,
+                overflow: "visible",
+                "aria-hidden": "true",
+                style: { display: "block" },
+                children: /* @__PURE__ */ jsx("path", { d: handle.path, fill: "#000", stroke: "#fff", strokeWidth: 1 / (scale || 1) })
+              }
+            )
+          },
+          handle.id
+        ))
+      ]
+    }
+  );
+}
 function HorizontalRulerView({ ticks, widthPx, highlight }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -7328,7 +8092,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React4.memo(HorizontalRulerView);
+var HorizontalRuler = React5.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -7400,7 +8164,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React4.memo(VerticalRulerView);
+var VerticalRuler = React5.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -8371,9 +9135,12 @@ function SlideCanvasContent({
   fieldContext,
   tableStyleContext,
   collaborationOverlay,
-  aiActive = false
+  aiActive = false,
+  outlineAuthoring
 }) {
   const isEditableCanvas = (mode === "edit" || mode === "master") && canEdit;
+  const crop = useShapeFormatContext()?.crop;
+  const cropElement = isEditableCanvas ? crop?.element ?? null : null;
   useSlideCanvasImagePaste({
     imagePaste,
     zoom,
@@ -8651,7 +9418,7 @@ function SlideCanvasContent({
                     },
                     element.id
                   )),
-                  selectedElement && shouldShowElementHandles(isEditableCanvas, true, selectedElementIdSet.size) && !isConnectorOrLineElement(selectedElement) && /* @__PURE__ */ jsx(
+                  selectedElement && selectedElement.id !== cropElement?.id && shouldShowElementHandles(isEditableCanvas, true, selectedElementIdSet.size) && !isConnectorOrLineElement(selectedElement) && outlineAuthoring?.editPointsElementId !== selectedElement.id && /* @__PURE__ */ jsx(
                     SelectionHandleOverlay,
                     {
                       element: selectedElement,
@@ -8672,6 +9439,15 @@ function SlideCanvasContent({
                       onUpdateElement: stableUpdateSmartArtElement
                     }
                   ),
+                  cropElement && crop && /* @__PURE__ */ jsx(
+                    PictureCropOverlay,
+                    {
+                      element: cropElement,
+                      scale: zoom.editorScale,
+                      onUpdate: crop.liveUpdate,
+                      onContextMenu
+                    }
+                  ),
                   /* @__PURE__ */ jsx(MarqueeOverlay, { marqueeSelectionState }),
                   activeSlide?.activeXControls && activeSlide.activeXControls.length > 0 && /* @__PURE__ */ jsx(ActiveXControlOverlay, { controls: activeSlide.activeXControls, canvasSize }),
                   showCommentMarkers && comments && comments.length > 0 && /* @__PURE__ */ jsx(
@@ -8732,6 +9508,15 @@ function SlideCanvasContent({
                       onPointerUp: handleDrawPointerUp
                     }
                   ),
+                  isEditableCanvas && outlineAuthoring && /* @__PURE__ */ jsx(
+                    OutlineAuthoringLayer,
+                    {
+                      ...outlineAuthoring,
+                      activeSlide,
+                      canvasSize,
+                      scale: zoom.editorScale
+                    }
+                  ),
                   collaborationOverlay
                 ]
               }
@@ -9300,7 +10085,7 @@ function slideThumbnailPropsEqual(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React4.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
+var SlideThumbnail = React5.memo(SlideThumbnailImpl, slideThumbnailPropsEqual);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -9315,19 +10100,32 @@ function tableCell(props) {
     isMergedCell: Boolean(cell && ((cell.gridSpan ?? 1) > 1 || (cell.rowSpan ?? 1) > 1))
   };
 }
-function contextMenuContext(props) {
+function contextMenuContext(props, shapeFormat = null) {
   return {
     elementType: props.selectedElement?.type ?? null,
     table: tableCell(props),
     hasMultiSelection: Boolean(props.hasMultiSelection),
     selectionGroupable: props.selectionGroupable,
     hasClipboard: props.hasClipboard,
+    editPoints: props.editPointsAvailability,
     // Both AI entries appear together or not at all, so a viewer that wired
     // only one of them does not produce a menu the other bindings cannot match.
-    aiEnabled: Boolean(props.onAskAi) && Boolean(props.onFixAi)
+    aiEnabled: Boolean(props.onAskAi) && Boolean(props.onFixAi),
+    canMergeShapes: Boolean(shapeFormat?.canMergeShapes),
+    canCrop: canCropElement(props.selectedElement)
   };
 }
-function contextMenuHandlers(props) {
+function shapeFormatHandlers(shapeFormat, andClose) {
+  if (!shapeFormat) {
+    return {};
+  }
+  const handlers = { crop: andClose(shapeFormat.crop.enter) };
+  for (const item of MERGE_SHAPES_MENU_ITEMS) {
+    handlers[item.commandId] = andClose(() => shapeFormat.mergeShapes(item.operation));
+  }
+  return handlers;
+}
+function contextMenuHandlers(props, shapeFormat = null) {
   const { onAction, onClose } = props;
   const andClose = (run) => run && (() => {
     run();
@@ -9359,42 +10157,15 @@ function contextMenuHandlers(props) {
     group: andClose(() => onAction("group")),
     ungroup: andClose(() => onAction("ungroup")),
     "edit-text": andClose(() => onAction("edit-text")),
+    "edit-points": andClose(() => onAction("edit-points")),
     "save-as-picture": andClose(() => onAction("save-as-picture")),
     "edit-alt-text": andClose(() => onAction("edit-alt-text")),
     "size-and-position": andClose(() => onAction("size-and-position")),
     "format-shape": andClose(() => onAction("format-shape")),
-    delete: andClose(() => onAction("delete"))
+    delete: andClose(() => onAction("delete")),
+    ...shapeFormatHandlers(shapeFormat, andClose)
   };
 }
-var ITEM_CLASS = "w-full px-3 py-1.5 text-left hover:bg-muted";
-var DANGER_ITEM_CLASS = "w-full px-3 py-1.5 text-left text-red-300 hover:bg-red-900/40";
-var DISABLED_CLASS = " opacity-40 pointer-events-none";
-function ContextMenuItem({
-  onSelect,
-  danger,
-  disabled,
-  checked,
-  children
-}) {
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      role: checked === void 0 ? "menuitem" : "menuitemcheckbox",
-      "aria-checked": checked === void 0 ? void 0 : checked,
-      disabled,
-      className: `${danger ? DANGER_ITEM_CLASS : ITEM_CLASS}${disabled ? DISABLED_CLASS : ""}`,
-      onClick: onSelect,
-      children: [
-        checked !== void 0 && /* @__PURE__ */ jsx("span", { className: "mr-1.5 inline-block w-3", "aria-hidden": "true", children: checked ? "\u2713" : "" }),
-        children
-      ]
-    }
-  );
-}
-function ContextMenuSeparator() {
-  return /* @__PURE__ */ jsx("div", { role: "separator", "aria-orientation": "horizontal", className: "my-1 border-t border-border" });
-}
 function useClampedMenuPosition(x, y) {
   const [size, setSize] = useState({ width: 0, height: 0 });
   const ref = useCallback((node) => {
@@ -9420,6 +10191,7 @@ function ContextMenu(props) {
   const { contextMenuState, mode, onClose } = props;
   const { t } = useTranslation();
   const customization = useViewerCustomizationContext();
+  const shapeFormat = useShapeFormatContext();
   const open = Boolean(contextMenuState) && mode === "edit";
   const menuPosition = useClampedMenuPosition(
     contextMenuState?.x ?? 0,
@@ -9441,9 +10213,9 @@ function ContextMenu(props) {
   if (!open) {
     return null;
   }
-  const handlers = contextMenuHandlers(props);
+  const handlers = contextMenuHandlers(props, shapeFormat);
   const entries = customizeContextMenuEntries(
-    buildContextMenuEntries(contextMenuContext(props)),
+    buildContextMenuEntries(contextMenuContext(props, shapeFormat)),
     customization
   );
   if (entries.length === 0) {
@@ -10061,7 +10833,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React4.memo(LazyThumbnailInner);
+var LazyThumbnail = React5.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function formatTimingMs(ms) {
@@ -10217,7 +10989,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React4.memo(SlideItemInner);
+var SlideItem = React5.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection, onToggleSectionCollapse) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -11614,7 +12386,7 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SlideCard = React4.memo(SlideCardImpl, arePropsEqual);
+var SlideCard = React5.memo(SlideCardImpl, arePropsEqual);
 function SorterContextMenu({
   x,
   y,
@@ -13173,15 +13945,15 @@ function SlideNotesPanel({
   onHeightChange
 }) {
   const { t } = useTranslation();
-  const rootRef = React4.useRef(null);
-  React4.useEffect(() => {
+  const rootRef = React5.useRef(null);
+  React5.useEffect(() => {
     const el = rootRef.current;
     if (!el || !onHeightChange) {
       return void 0;
     }
-    const stop = observeElementHeight(el, onHeightChange);
+    const stop2 = observeElementHeight(el, onHeightChange);
     return () => {
-      stop();
+      stop2();
       onHeightChange(0);
     };
   }, [onHeightChange]);
@@ -15072,9 +15844,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React4.createElement("br", { key: span.key });
+      return React5.createElement("br", { key: span.key });
     }
-    return React4.createElement(
+    return React5.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -15306,7 +16078,7 @@ function scaledSlidePreviewPropsEqual(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React4.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
+var ScaledSlidePreview = React5.memo(ScaledSlidePreviewImpl, scaledSlidePreviewPropsEqual);
 function PresenterNotesRail({
   slides,
   current,
@@ -16482,6 +17254,37 @@ function AnimationTimelineSection({
     ] })
   ] });
 }
+function BookmarkTriggerRow({
+  elements,
+  animation,
+  canEdit,
+  style,
+  onChange
+}) {
+  const { t } = useTranslation();
+  const options = listMediaBookmarkOptions(elements);
+  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.trigger.bookmarkLabel") }),
+    /* @__PURE__ */ jsxs(
+      WebSelect,
+      {
+        "aria-label": t("pptx.animation.trigger.bookmarkLabel"),
+        "data-pptx-animation-bookmark-picker": true,
+        value: selectedBookmarkOptionValue(animation),
+        onChange: (event) => onChange(event.target.value),
+        disabled: !canEdit || options.length === 0,
+        className: SELECT_CLS,
+        style,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "", children: t(
+            options.length === 0 ? "pptx.animation.trigger.noBookmarks" : "pptx.animation.trigger.selectBookmark"
+          ) }),
+          options.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+        ]
+      }
+    )
+  ] });
+}
 var NONE_VALUE = "none";
 var CURRENT_VALUE = "current";
 var OTHER_VALUE = "other";
@@ -16492,7 +17295,7 @@ function EffectSoundRow({
   onPickStock
 }) {
   const { t } = useTranslation();
-  const fileInputRef = React4.useRef(null);
+  const fileInputRef = React5.useRef(null);
   const selectedValue = soundState.catalogueId ?? (soundState.hasSound ? CURRENT_VALUE : NONE_VALUE);
   const handleSelectChange = (event) => {
     const value = event.target.value;
@@ -16875,12 +17678,13 @@ function useAnimationHandlers({
   const handleTriggerChange = useCallback(
     (event) => {
       const newTrigger = event.target.value;
-      updateAnimationField("trigger", newTrigger);
-      if (newTrigger !== "onShapeClick") {
-        updateAnimationField("triggerShapeId", void 0);
-      }
+      updateAnimations((anims) => setTrigger(anims, selectedElement.id, newTrigger));
     },
-    [updateAnimationField]
+    [updateAnimations, selectedElement.id]
+  );
+  const handleTriggerBookmarkChange = useCallback(
+    (optionValue) => updateAnimations((anims) => setTriggerBookmark(anims, selectedElement.id, optionValue)),
+    [updateAnimations, selectedElement.id]
   );
   const handleTriggerShapeChange = useCallback(
     (e) => updateAnimationField("triggerShapeId", e.target.value || void 0),
@@ -17011,6 +17815,7 @@ function useAnimationHandlers({
     handleEmphasisChange,
     handleTriggerChange,
     handleTriggerShapeChange,
+    handleTriggerBookmarkChange,
     handleTimingCurveChange,
     handleDurationChange,
     handleDelayChange,
@@ -17055,6 +17860,7 @@ function AnimationPanel({
     handleEmphasisChange,
     handleTriggerChange,
     handleTriggerShapeChange,
+    handleTriggerBookmarkChange,
     handleTimingCurveChange,
     handleDurationChange,
     handleDelayChange,
@@ -17244,6 +18050,16 @@ function AnimationPanel({
           }
         )
       ] }),
+      selectedElementAnimation?.trigger === "onMediaBookmark" && /* @__PURE__ */ jsx(
+        BookmarkTriggerRow,
+        {
+          elements: activeSlide.elements,
+          animation: selectedElementAnimation,
+          canEdit,
+          style: fieldStyle,
+          onChange: handleTriggerBookmarkChange
+        }
+      ),
       /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.duration") }),
         /* @__PURE__ */ jsx(
@@ -20060,7 +20876,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React5.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].width) }),
           /* @__PURE__ */ jsx(
@@ -20273,7 +21089,7 @@ function LayerOrderButtons({
   ] });
 }
 function ArtisticEffectsGallery({
-  imgSrc,
+  imgSrc: imgSrc2,
   fx,
   canEdit,
   updateEffects
@@ -20303,7 +21119,7 @@ function ArtisticEffectsGallery({
               {
                 className: "w-10 h-7 rounded overflow-hidden bg-muted",
                 style: {
-                  backgroundImage: imgSrc ? `url(${imgSrc})` : void 0,
+                  backgroundImage: imgSrc2 ? `url(${imgSrc2})` : void 0,
                   backgroundSize: "cover",
                   backgroundPosition: "center",
                   filter: cssFilter || void 0
@@ -22543,7 +23359,7 @@ function ColorPickerRow({
   ] });
 }
 function GradientStopRow({
-  stop,
+  stop: stop2,
   index,
   total,
   onUpdate,
@@ -22561,7 +23377,7 @@ function GradientStopRow({
         "input",
         {
           type: "color",
-          value: normalizeHexColor(stop.color, "#3b82f6"),
+          value: normalizeHexColor(stop2.color, "#3b82f6"),
           onChange: (e) => {
             const hex = normalizeHexColor(e.target.value, "#3b82f6");
             patchStop({ color: hex, colorRef: void 0 });
@@ -22576,7 +23392,7 @@ function GradientStopRow({
           type: "range",
           min: 0,
           max: 100,
-          value: Math.round(stop.position),
+          value: Math.round(stop2.position),
           onChange: (e) => patchStop({ position: Number(e.target.value) }),
           className: RNG
         }
@@ -22596,8 +23412,8 @@ function GradientStopRow({
       ThemeColorSwatchGrid,
       {
         prefix: `gradient-stop-${index}`,
-        selectedRef: stop.colorRef,
-        selectedHex: stop.color,
+        selectedRef: stop2.colorRef,
+        selectedHex: stop2.color,
         onPick: (c) => {
           patchStop({ color: c.hex, colorRef: c.ref });
           pushColor(c.hex);
@@ -22612,13 +23428,13 @@ function GradientStopRow({
           type: "range",
           min: 0,
           max: 100,
-          value: Math.round((stop.opacity ?? 1) * 100),
+          value: Math.round((stop2.opacity ?? 1) * 100),
           onChange: (e) => patchStop({ opacity: Number(e.target.value) / 100 }),
           className: RNG
         }
       ),
       /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground w-[52px] text-right", children: [
-        Math.round((stop.opacity ?? 1) * 100),
+        Math.round((stop2.opacity ?? 1) * 100),
         "%"
       ] })
     ] })
@@ -22669,10 +23485,10 @@ function FillAdvancedControls({
       ] }),
       /* @__PURE__ */ jsxs("div", { className: `${COL2} space-y-1.5 rounded border border-border p-2`, children: [
         /* @__PURE__ */ jsx("div", { className: "text-[11px] uppercase tracking-wide text-muted-foreground", children: t("pptx.fillAdvanced.gradientStops") }),
-        gradientStops.map((stop, i) => /* @__PURE__ */ jsx(
+        gradientStops.map((stop2, i) => /* @__PURE__ */ jsx(
           GradientStopRow,
           {
-            stop,
+            stop: stop2,
             index: i,
             total: gradientStops.length,
             allStops: gradientStops,
@@ -22937,7 +23753,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React5.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             WebCheckbox,
@@ -23805,7 +24621,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React4.useState(false);
+  const [expanded, setExpanded] = React5.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxs(
@@ -24456,7 +25272,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React4.useCallback((key) => t(key), [t]);
+  const translate = React5.useCallback((key) => t(key), [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.smartart.colorScheme") }),
@@ -24511,9 +25327,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React4.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React4.useRef(null);
-  React4.useEffect(() => {
+  const inputRefs = React5.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React5.useRef(null);
+  React5.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -25077,14 +25893,14 @@ function GradientControls({
       ] })
     ] }),
     /* @__PURE__ */ jsx("span", { className: LBL, children: t("pptx.table.gradientStops") }),
-    stops.map((stop, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+    stops.map((stop2, idx) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           type: "color",
           disabled: !canEdit,
           className: "h-6 w-6 rounded border border-border cursor-pointer",
-          value: stop.color,
+          value: stop2.color,
           onChange: (e) => {
             updateStop(idx, { color: e.target.value });
             pushColor(e.target.value);
@@ -25099,7 +25915,7 @@ function GradientControls({
           className: NUM,
           min: 0,
           max: 100,
-          value: Math.round(stop.position),
+          value: Math.round(stop2.position),
           onChange: (e) => updateStop(idx, {
             position: Number(e.target.value)
           })
@@ -26127,7 +26943,7 @@ function CommentBody({ text, mentions, className }) {
       index
     ) : (
       // eslint-disable-next-line react/no-array-index-key -- segments are positional
-      /* @__PURE__ */ jsx(React4.Fragment, { children: segment.text }, index)
+      /* @__PURE__ */ jsx(React5.Fragment, { children: segment.text }, index)
     )
   ) });
 }
@@ -27629,7 +28445,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React4.useCallback(
+  const handleTransitionChange = React5.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -28670,7 +29486,7 @@ function PresentationTouchControls({
     return null;
   }
   const btnClass = "pointer-events-auto flex items-center justify-center w-11 h-11 min-w-11 min-h-11 rounded-full bg-black/55 text-white shadow-lg active:bg-black/75";
-  const stop = (e) => {
+  const stop2 = (e) => {
     e.stopPropagation();
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -28685,7 +29501,7 @@ function PresentationTouchControls({
           touchAction: "manipulation"
         },
         onClick: (e) => {
-          stop(e);
+          stop2(e);
           onEndPresentation();
         },
         "aria-label": t("pptx.presenter.endPresentation"),
@@ -28704,7 +29520,7 @@ function PresentationTouchControls({
           },
           disabled: currentSlideIndex <= 0,
           onClick: (e) => {
-            stop(e);
+            stop2(e);
             onMovePresentationSlide(-1);
           },
           "aria-label": t("pptx.presenter.previousSlide"),
@@ -28722,7 +29538,7 @@ function PresentationTouchControls({
           },
           disabled: currentSlideIndex >= totalSlides - 1,
           onClick: (e) => {
-            stop(e);
+            stop2(e);
             onMovePresentationSlide(1);
           },
           "aria-label": t("pptx.presenter.nextSlide"),
@@ -31547,7 +32363,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React4.useMemo(
+  const scopedLayoutOptions = React5.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -31793,6 +32609,7 @@ function ViewerToolbarSection(props) {
         tableEditorState: s.tableEditorState,
         editTemplateMode: s.editTemplateMode,
         newShapeType: s.newShapeType,
+        activeFreeformTool: s.activeFreeformTool,
         activeTool: s.activeTool,
         drawingColor: s.drawingColor,
         drawingWidth: s.drawingWidth,
@@ -31816,6 +32633,7 @@ function ViewerToolbarSection(props) {
         onRedo: history.handleRedo,
         onToggleFindReplace: () => findReplace.setFindReplaceOpen(!findReplace.findReplaceOpen),
         onSetNewShapeType: s.setNewShapeType,
+        onArmFreeformTool: s.setActiveFreeformTool,
         onAddTextBox: insertHandlers.handleAddTextBox,
         onAddShape: insertHandlers.handleAddShape,
         onAddTable: insertHandlers.handleAddTable,
@@ -32668,6 +33486,45 @@ function ViewerPresentationLayer(props) {
     )
   ] });
 }
+function useOutlineAuthoring({
+  state,
+  updateElement,
+  insertShape
+}) {
+  const customization = useViewerCustomizationContext();
+  const { editPointsElementId, setEditPointsElementId, activeFreeformTool, setActiveFreeformTool } = state;
+  const enabled = isEditPointsEnabled(customization);
+  const onExitEditPoints = useCallback(
+    () => setEditPointsElementId(null),
+    [setEditPointsElementId]
+  );
+  const onFreeformCancel = useCallback(() => setActiveFreeformTool(null), [setActiveFreeformTool]);
+  return useMemo(
+    () => ({
+      editPointsElementId: enabled ? editPointsElementId : null,
+      hiddenEditPointsCommands: customization.hiddenEditPointsCommands,
+      onCommitEditPoints: (elementId, patch) => updateElement(elementId, patch),
+      onExitEditPoints,
+      freeformTool: activeFreeformTool,
+      onFreeformCommit: (shape) => {
+        setActiveFreeformTool(null);
+        insertShape(shape);
+      },
+      onFreeformCancel
+    }),
+    [
+      enabled,
+      editPointsElementId,
+      customization.hiddenEditPointsCommands,
+      updateElement,
+      onExitEditPoints,
+      activeFreeformTool,
+      setActiveFreeformTool,
+      insertShape,
+      onFreeformCancel
+    ]
+  );
+}
 function PresentationStage({
   activeSlide,
   templateElements,
@@ -32957,6 +33814,11 @@ function ViewerCanvasArea(props) {
   const { t } = useTranslation();
   const { isHidden } = useToolbarVisibility(hiddenActions);
   const viewerOptions = useViewerOptionsContext();
+  const outlineAuthoring = useOutlineAuthoring({
+    state: s,
+    updateElement: canvasHandlers.handleUpdateSmartArtElement,
+    insertShape: insertHandlers.handleAddFreeformShape
+  });
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const effectiveTemplateElements = mode === "master" ? [] : templateElements;
   const fieldContext = useMemo(
@@ -33269,6 +34131,7 @@ ${url}`)) {
               fieldContext,
               tableStyleContext,
               aiActive: aiCanvasActive,
+              outlineAuthoring,
               collaborationOverlay: /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   RemoteSelectionOverlay,
@@ -33420,7 +34283,7 @@ function useTableStyleMapHandlers(input) {
 var AiChatPanel = lazy(async () => {
   const [{ useChat }, { default: Panel }] = await Promise.all([
     import('@ai-sdk/react'),
-    import('./AiChatPanel-L7DBCWE3.mjs')
+    import('./AiChatPanel-X2MVL5UP.mjs')
   ]);
   function BoundAiChatPanel(props) {
     return /* @__PURE__ */ jsx(Panel, { ...props, useChat });
@@ -34699,6 +35562,7 @@ function ViewerMainContent(props) {
         hasMultiSelection: state.effectiveSelectedIds.length > 1,
         selectionGroupable: manipulation.selectionGroupable,
         hasClipboard: Boolean(state.clipboardPayload),
+        editPointsAvailability: resolveEditPointsAvailability(selectedElement),
         onAction: manipulation.handleContextMenuAction,
         onInsertTableRow: tableOps.handleInsertTableRow,
         onDeleteTableRow: tableOps.handleDeleteTableRow,
@@ -36838,6 +37702,166 @@ function useRunProgramNoticesState() {
   }, []);
   return { notices, addNotice, dismiss, dismissAll };
 }
+var CROP_KEEP_SELECTOR = [
+  "[data-pptx-crop-overlay]",
+  '[data-pptx-ribbon-control="crop"]',
+  '[data-pptx-ribbon-control="crop-menu"]',
+  "[data-pptx-crop-aspect]",
+  "[data-pptx-crop-action]"
+].join(",");
+function naturalSizeOf(elementId) {
+  if (typeof document === "undefined" || typeof CSS === "undefined") {
+    return void 0;
+  }
+  const img = document.querySelector(
+    `[data-element-id="${CSS.escape(elementId)}"][data-pptx-element="true"] img`
+  );
+  return img && img.naturalWidth > 0 && img.naturalHeight > 0 ? { width: img.naturalWidth, height: img.naturalHeight } : void 0;
+}
+function isEditableTarget(target) {
+  return target instanceof HTMLElement && (target.isContentEditable || target.tagName === "INPUT" || target.tagName === "TEXTAREA");
+}
+function usePictureCropMode(input) {
+  const { cropSession, cropSessionRef, setCropSession, editable, selectedElement } = input;
+  const { elementLookup, updateElementById, markDirty, activeSlideIndex } = input;
+  const single = input.effectiveSelectedIds.length === 1 ? selectedElement : null;
+  const canCrop = editable && canCropElement(single);
+  const element = cropSession ? elementLookup.get(cropSession.elementId) ?? null : null;
+  const lookupRef = useRef(elementLookup);
+  lookupRef.current = elementLookup;
+  const sessionSlideRef = useRef(activeSlideIndex);
+  const commit = useCallback(() => {
+    const session = cropSessionRef.current;
+    if (!session) {
+      return;
+    }
+    const current = lookupRef.current.get(session.elementId);
+    setCropSession(null);
+    if (current && cropSessionChanged(session, current)) {
+      markDirty();
+    }
+  }, [cropSessionRef, markDirty, setCropSession]);
+  const cancel = useCallback(() => {
+    const session = cropSessionRef.current;
+    if (!session) {
+      return;
+    }
+    if (lookupRef.current.has(session.elementId)) {
+      updateElementById(session.elementId, cancelCropUpdate(session));
+    }
+    setCropSession(null);
+  }, [cropSessionRef, setCropSession, updateElementById]);
+  const enter = useCallback(() => {
+    if (cropSessionRef.current || !canCrop) {
+      return;
+    }
+    sessionSlideRef.current = activeSlideIndex;
+    setCropSession(startCropSession(single));
+  }, [activeSlideIndex, canCrop, cropSessionRef, setCropSession, single]);
+  const toggle = useCallback(() => {
+    if (cropSessionRef.current) {
+      commit();
+    } else {
+      enter();
+    }
+  }, [commit, cropSessionRef, enter]);
+  const liveUpdate = useCallback(
+    (update) => {
+      const session = cropSessionRef.current;
+      if (session) {
+        updateElementById(session.elementId, update);
+      }
+    },
+    [cropSessionRef, updateElementById]
+  );
+  const target = element ?? single;
+  const applyOnce = (build) => {
+    if (target && editable && canCropElement(target)) {
+      updateElementById(target.id, build(target));
+    }
+  };
+  const selectionKey = input.effectiveSelectedIds.join("|");
+  useEffect(() => {
+    const session = cropSessionRef.current;
+    if (!session) {
+      return;
+    }
+    if (selectionKey !== session.elementId || activeSlideIndex !== sessionSlideRef.current || !editable || !lookupRef.current.has(session.elementId)) {
+      commit();
+    }
+  }, [activeSlideIndex, commit, cropSessionRef, editable, selectionKey]);
+  const active = cropSession !== null;
+  useEffect(() => {
+    if (!active) {
+      return;
+    }
+    const onKeyDown = (event) => {
+      const action = cropModeKeyAction(event.key);
+      if (!action || isEditableTarget(event.target)) {
+        return;
+      }
+      event.preventDefault();
+      event.stopImmediatePropagation();
+      if (action === "commit") {
+        commit();
+      } else {
+        cancel();
+      }
+    };
+    const onPointerDown = (event) => {
+      const node = event.target instanceof Element ? event.target : null;
+      if (!node?.closest(CROP_KEEP_SELECTOR)) {
+        commit();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown, true);
+    window.addEventListener("pointerdown", onPointerDown, true);
+    return () => {
+      window.removeEventListener("keydown", onKeyDown, true);
+      window.removeEventListener("pointerdown", onPointerDown, true);
+    };
+  }, [active, cancel, commit]);
+  return {
+    element,
+    canCrop: canCrop || element !== null,
+    toggle,
+    enter,
+    commit,
+    cancel,
+    liveUpdate,
+    cropToAspect: (w, h) => applyOnce((el) => cropToAspectRatio(el, w, h)),
+    fill: () => applyOnce((el) => cropFill(el, naturalSizeOf(el.id))),
+    fit: () => applyOnce((el) => cropFit(el, naturalSizeOf(el.id)))
+  };
+}
+
+// src/viewer/hooks/useShapeFormatCommands.ts
+function useShapeFormatCommands(input) {
+  const { state, editorOps, history, canEdit, mode } = input;
+  const editable = canEdit && mode === "edit";
+  const crop = usePictureCropMode({
+    cropSession: state.cropSession,
+    cropSessionRef: state.cropSessionRef,
+    setCropSession: state.setCropSession,
+    editable,
+    selectedElement: state.selectedElement,
+    effectiveSelectedIds: state.effectiveSelectedIds,
+    elementLookup: state.elementLookup,
+    activeSlideIndex: state.activeSlideIndex,
+    updateElementById: editorOps.ops.updateElementById,
+    markDirty: history.markDirty
+  });
+  const { canMergeShapes, handleMergeShapes } = editorOps.manipulation;
+  return {
+    canMergeShapes: editable && canMergeShapes,
+    mergeShapes: (operation) => {
+      if (editable) {
+        handleMergeShapes(operation);
+      }
+    },
+    crop
+  };
+}
 function useViewerCustomization(customization, legacyHiddenActions, optionsStore) {
   const controllerRef = useRef(null);
   controllerRef.current ??= createCustomizationController(customization);
@@ -37176,14 +38200,15 @@ var PowerPointViewer = forwardRef(
     const activeCustomShow = state.customShows.find((show) => show.id === state.activeCustomShowId) ?? null;
     const hasActivePointerInteraction = useCallback(
       () => Boolean(
-        state.dragStateRef.current || state.resizeStateRef.current || state.marqueeStateRef.current || state.shapeAdjustmentDragStateRef.current || state.isDrawingRef.current
+        state.dragStateRef.current || state.resizeStateRef.current || state.marqueeStateRef.current || state.shapeAdjustmentDragStateRef.current || state.isDrawingRef.current || state.cropSessionRef.current
       ),
       [
         state.dragStateRef,
         state.resizeStateRef,
         state.marqueeStateRef,
         state.shapeAdjustmentDragStateRef,
-        state.isDrawingRef
+        state.isDrawingRef,
+        state.cropSessionRef
       ]
     );
     const zoom = useZoomViewport({
@@ -37353,6 +38378,7 @@ var PowerPointViewer = forwardRef(
       transformCommittedText: (text) => applyAutoCorrect(text, viewerOptions.proofing),
       keyboard: customizationResolved.keyboard
     });
+    const shapeFormat = useShapeFormatCommands({ state, editorOps, history, canEdit, mode });
     const {
       exportHandlers: rawExportHandlers,
       printHandlers,
@@ -38002,7 +39028,7 @@ var PowerPointViewer = forwardRef(
                 slideCount: slides.length
               }
             ),
-            viewerContent
+            /* @__PURE__ */ jsx(ShapeFormatContext.Provider, { value: shapeFormat, children: viewerContent })
           ]
         }
       ) }) }) }) }) })