@a3s-lab/office 0.32.0 → 0.34.0

package/dist/0~presentation-editor.js

@@ -1,7 +1,7 @@
 import { __webpack_require__ } from "./0~rslib-runtime.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
-import { AlignCenter, AlignHorizontalSpaceBetween, AlignLeft, AlignRight, AlignVerticalSpaceBetween, ArrowDownToLine, ArrowUpToLine, BarChart3, Bold, ChevronLeft, ChevronRight, ClipboardPaste, Cloud, Copy, CopyCheck, CopyPlus, GalleryVerticalEnd, Grid2X2, Group, Image, Italic, LayoutTemplate, Link2, MapPin, Maximize2, MessageSquarePlus, MessagesSquare, PanelsTopLeft, Pause, Play, Plus, Presentation, Redo2, RotateCcw, Scissors, Square, SquarePlay, Trash2, Type, Underline, Undo2, Ungroup, X } from "lucide-react";
+import { AlignCenter, AlignHorizontalSpaceBetween, AlignLeft, AlignRight, AlignVerticalSpaceBetween, ArrowDown, ArrowDownToLine, ArrowUp, ArrowUpToLine, BarChart3, Bold, ChevronLeft, ChevronRight, ClipboardPaste, Cloud, Copy, CopyCheck, CopyPlus, GalleryVerticalEnd, Grid2X2, Group, Image, Italic, LayoutTemplate, Link2, MapPin, Maximize2, MessageSquarePlus, MessagesSquare, PanelsTopLeft, Pause, Play, Plus, Presentation, Redo2, RotateCcw, Scissors, Square, SquarePlay, Trash2, Type, Underline, Undo2, Ungroup, X } from "lucide-react";
 import extension_color from "@tiptap/extension-color";
 import extension_placeholder from "@tiptap/extension-placeholder";
 import { TextStyle } from "@tiptap/extension-text-style";
@@ -15,13 +15,13 @@ import { createOfficeId as createWorkId } from "./4121.js";
 import { OfficeTableInsertPopover, readOfficeFileAsDataUrl } from "./0~9445.js";
 import { normalizePresentationChartLegendPosition, presentationChartDataLabelPositions, presentationChartDataLabelText, normalizePresentationBubbleSizeRepresents, parsePresentationChartCategories, presentationChartXValues, withPresentationChartLayout, presentationChartTypeLabel, presentationChartAxes, withPresentationChartSeriesAnalysis, presentationChartUsesNumericXAxis, presentationChartSupportsSeriesMarkers, presentationChartBubbleSizes, createPresentationChartElement, parsePresentationChartValueDraft, normalizePresentationChartDataLabelPosition, presentationChartSupportsAxisTitles, withPresentationChartDataLabels, withPresentationChartType, createPresentationChartSeries, presentationChartErrorBarCount, normalizePresentationScatterStyle, withPresentationChartSeriesStyle, normalizePresentationBubbleScale, presentationChartDataLabelPositionLabel, presentationChartShowsLegend, presentationChartTrendlineCount, presentationChartHasDataLabels, normalizeDoughnutHoleSize, withPresentationChartAxes } from "./0~work-presentation-charts.js";
 import { spreadsheetChartSeriesLayout, workSpreadsheetChartSupportsGrouping, normalizeWorkSpreadsheetChartSmoothLines, workSpreadsheetChartAxisIsValueAxis, fitSpreadsheetTrendline, spreadsheetChartSeriesLegendColor, normalizeWorkSpreadsheetChartSeriesStyle, spreadsheetChartCategoryVisualIndex, errorBarSourceValues, normalizeWorkSpreadsheetErrorBars, workSpreadsheetChartSupportsTrendlines, normalizeWorkSpreadsheetChartLegendOverlay, normalizeWorkSpreadsheetChartGapWidth, spreadsheetChartCategoryLabelVisible, spreadsheetChartAxisLabelLayout, workSpreadsheetChartSupportsSmoothLines, workSpreadsheetChartGroupingIsStacked, normalizeWorkSpreadsheetChartGrouping, workSpreadsheetChartSupportsBarSpacing, workSpreadsheetChartSupportsErrorBars, spreadsheetChartSeriesLineStyle, workSpreadsheetChartAxisDefaultLabelPosition, workSpreadsheetChartSupportsSeriesAnalysis, workSpreadsheetChartAxisIsCategoryAxis, spreadsheetErrorBarAmounts, spreadsheetChartAxisValueRatio, spreadsheetChartAxisScale, normalizeWorkSpreadsheetChartOverlap, spreadsheetChartBarGeometry, workSpreadsheetChartAxisShowsMajorGridlinesByDefault, spreadsheetChartAxisGridlinesVisible, normalizeWorkSpreadsheetTrendline, roundChartNumber, formatSpreadsheetChartAxisNumber, spreadsheetChartSeriesFillStyle } from "./8715.js";
-import { officePresenceColorStyle, office_text_field_OfficeTextArea, stepOfficeZoom, useOfficeEditorWheelZoom, useOfficeRemoteParticipants, button_Button, useOfficePublishPresenceLocation, CommittedOfficeTextArea, CommittedOfficeTextField, office_text_field_OfficeTextField, useDialogFocusScope, icon_button_IconButton, office_text_field_OfficeFileInput } from "./0~6090.js";
+import { officePresenceColorStyle, office_text_field_OfficeTextArea, stepOfficeZoom, useOfficeEditorWheelZoom, useOfficeRemoteParticipants, button_Button, useOfficePublishPresenceLocation, CommittedOfficeTextArea, CommittedOfficeTextField, office_text_field_OfficeTextField, useDialogFocusScope, icon_button_IconButton, office_text_field_OfficeFileInput } from "./0~8136.js";
 import { useOfficeTaskPaneEscape, normalizeOfficeFontFamily, OfficeCheckbox, CommittedOfficeNumberField, useOfficeTaskPaneModal, officeFontFamilyLabel, useOfficeDialog, officeFontFamilies, CollectionState, createOfficeKernelClient, OfficeNumberField, handleOfficeTaskPaneKeyDown } from "./0~7048.js";
-import { WorkspaceContextMenu, isWorkspaceContextMenuKeyboardEvent, WorkOfficeZoomControls, WorkOfficeStatusBar, WorkOfficeRibbon, workspaceContextMenuPosition, OfficeSelect, WorkOfficeRibbonGroup, WorkOfficePreviewBar, WorkOfficeRibbonButton } from "./0~4595.js";
+import { WorkspaceContextMenu, isWorkspaceContextMenuKeyboardEvent, WorkOfficeZoomControls, WorkOfficeStatusBar, WorkOfficeRibbon, workspaceContextMenuPosition, OfficeSelect, WorkOfficeRibbonGroup, WorkOfficePreviewBar, WorkOfficeRibbonButton } from "./0~9073.js";
 import { presentationAgentProposalTargets, SpreadsheetChartSeriesStyleEditor, applyPresentationAgentProposalChanges, normalizeOptionalOfficeNumber, SpreadsheetErrorBarEditor, useOfficeHistory, presentationNotesProposalTarget, presentationAgentSelection, SpreadsheetTrendlineEditor, presentationAgentMenuItems } from "./0~3539.js";
+import { slideTransitionDurationMilliseconds, workSlideAnimationIndex, workSlideAnimationForElement, remapWorkSlideAnimations, createWorkSlideTransition, workSlideTransitionsEqual, workSlideAnimationCues, initialWorkSlideAnimationCueIndex, normalizeWorkSlideAnimation, createWorkSlideAnimation, removeWorkSlideAnimationsForElements } from "./0~5809.js";
 import { createOfficeEditorExtension, useOfficeEditorRuntime, useOfficeEditorKeyboardShortcuts } from "./0~3557.js";
 import { isOfficeShortcutBlocked, OfficeColorPicker } from "./0~3635.js";
-import { slideTransitionDurationMilliseconds, createWorkSlideTransition, workSlideTransitionsEqual } from "./0~work-presentation-transition.js";
 import { normalizeDocumentHref, DOCUMENT_LINK_VALIDATION_MESSAGE } from "./0~work-document-links.js";
 import { showToast } from "./6489.js";
 import { scaledPresentationVisuals } from "./0~work-presentation-visual-scale.js";
@@ -1397,14 +1397,19 @@ function normalizePresentationChartPercent(value, minimum, maximum) {
 const PRESENTATION_OBJECT_OFFSET_STEP = 5;
 const PRESENTATION_CLIPBOARD_MAX_OFFSET = 20;
 let work_presentation_clipboard_clipboard = null;
-function copyPresentationElements(elements) {
+function copyPresentationElements(elements, animations = []) {
     if (!elements.length) return;
+    const elementIds = new Set(elements.map((element)=>element.id));
+    const selectedAnimations = animations.filter((animation)=>elementIds.has(animation.elementId));
     work_presentation_clipboard_clipboard = {
         payload: {
             kind: 'elements',
             elements: work_presentation_clipboard_structuredCopy([
                 ...elements
-            ])
+            ]),
+            ...selectedAnimations.length ? {
+                animations: work_presentation_clipboard_structuredCopy(selectedAnimations)
+            } : {}
         },
         pasteCount: 0
     };
@@ -1431,42 +1436,48 @@ function takePresentationClipboard() {
 function hasPresentationClipboard() {
     return null !== work_presentation_clipboard_clipboard;
 }
-function clonePresentationElementForPaste(element, offset) {
-    const copy = remapPresentationGroupPaths([
-        work_presentation_clipboard_structuredCopy(element)
-    ])[0];
-    return {
-        ...copy,
-        id: createWorkId('element'),
-        x: work_presentation_clipboard_clamp(copy.x + offset, 0, Math.max(0, 100 - copy.width)),
-        y: work_presentation_clipboard_clamp(copy.y + offset, 0, Math.max(0, 100 - copy.height)),
-        placeholder: void 0
+function clonePresentationElementsAndAnimationsForPaste(elements, animations, offset) {
+    if (!elements.length) return {
+        elements: []
     };
-}
-function clonePresentationElementsForPaste(elements, offset) {
-    if (!elements.length) return [];
     const right = Math.max(...elements.map((element)=>element.x + element.width));
     const bottom = Math.max(...elements.map((element)=>element.y + element.height));
     const offsetX = work_presentation_clipboard_clamp(offset, 0, Math.max(0, 100 - right));
     const offsetY = work_presentation_clipboard_clamp(offset, 0, Math.max(0, 100 - bottom));
-    return remapPresentationGroupPaths(work_presentation_clipboard_structuredCopy(elements)).map((element)=>({
+    const elementIds = new Map();
+    const copies = remapPresentationGroupPaths(work_presentation_clipboard_structuredCopy(elements)).map((element)=>{
+        const id = createWorkId('element');
+        elementIds.set(element.id, id);
+        return {
             ...element,
-            id: createWorkId('element'),
+            id,
             x: element.x + offsetX,
             y: element.y + offsetY,
             placeholder: void 0
-        }));
+        };
+    });
+    return {
+        elements: copies,
+        animations: remapWorkSlideAnimations(animations, elementIds)
+    };
 }
 function clonePresentationSlideForPaste(slide, existingSlideNames = []) {
     const copy = work_presentation_clipboard_structuredCopy(slide);
+    const elementIds = new Map();
+    const elements = remapPresentationGroupPaths(copy.elements).map((element)=>{
+        const id = createWorkId('element');
+        elementIds.set(element.id, id);
+        return {
+            ...element,
+            id
+        };
+    });
     return {
         ...copy,
         id: createWorkId('slide'),
         name: nextPresentationSlideCopyName(slide.name, existingSlideNames),
-        elements: remapPresentationGroupPaths(copy.elements).map((element)=>({
-                ...element,
-                id: createWorkId('element')
-            })),
+        elements,
+        animations: remapWorkSlideAnimations(copy.animations, elementIds),
         comments: copy.comments?.map((comment)=>({
                 ...comment,
                 id: createWorkId('slide-comment')
@@ -1720,6 +1731,27 @@ function createPresentationEditorExtensions() {
                     }
                 })
         }),
+        createOfficeEditorExtension({
+            name: 'presentationAnimations',
+            addCommands: ()=>({
+                    moveEntranceAnimation: {
+                        canExecute: ({ animations }, direction)=>animations.canMoveEntranceAnimation(direction),
+                        execute: ({ animations }, direction)=>animations.moveEntranceAnimation(direction)
+                    },
+                    previewAnimations: {
+                        canExecute: ({ animations })=>animations.canPreviewAnimations,
+                        execute: ({ animations })=>animations.previewAnimations()
+                    },
+                    setEntranceAnimation: {
+                        canExecute: ({ animations })=>animations.canSetEntranceAnimation,
+                        execute: ({ animations }, effect)=>animations.setEntranceAnimation(effect)
+                    },
+                    updateEntranceAnimation: {
+                        canExecute: ({ animations })=>animations.canUpdateEntranceAnimation,
+                        execute: ({ animations }, patch)=>animations.updateEntranceAnimation(patch)
+                    }
+                })
+        }),
         createOfficeEditorExtension({
             name: 'presentationElements',
             addCommands: ()=>({
@@ -2443,17 +2475,20 @@ function presentationCommandsWithObjectFocus(commands, restoreFocus) {
         distributeElements: afterSuccessfulCommand(commands.distributeElements),
         duplicateSlide: afterSuccessfulCommand(commands.duplicateSlide),
         groupElements: afterSuccessfulCommand(commands.groupElements),
+        moveEntranceAnimation: afterSuccessfulCommand(commands.moveEntranceAnimation),
         pasteSelection: afterSuccessfulCommand(commands.pasteSelection),
         redo: afterSuccessfulCommand(commands.redo),
         reorderElement: afterSuccessfulCommand(commands.reorderElement),
         setTransition: afterSuccessfulCommand(commands.setTransition),
+        setEntranceAnimation: afterSuccessfulCommand(commands.setEntranceAnimation),
         setViewMode: afterSuccessfulCommand(commands.setViewMode),
         toggleBold: afterSuccessfulCommand(commands.toggleBold),
         toggleItalic: afterSuccessfulCommand(commands.toggleItalic),
         toggleUnderline: afterSuccessfulCommand(commands.toggleUnderline),
         undo: afterSuccessfulCommand(commands.undo),
         ungroupElements: afterSuccessfulCommand(commands.ungroupElements),
-        updateElement: afterSuccessfulCommand(commands.updateElement)
+        updateElement: afterSuccessfulCommand(commands.updateElement),
+        updateEntranceAnimation: afterSuccessfulCommand(commands.updateEntranceAnimation)
     };
 }
 function presentationChartAnalysisBounds(chart, xValues) {
@@ -3572,7 +3607,7 @@ function drawRadarChart(context, chart, sourceRect) {
         });
     }
 }
-function SlideCanvas({ content, designContent, slide, interactive, aspectRatio, showPlaceholders = false }) {
+function SlideCanvas({ content, designContent, slide, interactive, aspectRatio, animationCueIndex, showPlaceholders = false }) {
     const view = designContent ? presentationSlideViewFromDesign(designContent, slide) : content ? presentationSlideView(content, slide) : void 0;
     const elements = [
         ...view?.inheritedElements.map((element)=>({
@@ -3584,6 +3619,7 @@ function SlideCanvas({ content, designContent, slide, interactive, aspectRatio,
                 origin: 'slide'
             }))
     ];
+    const animationPlayback = void 0 === animationCueIndex ? void 0 : slideAnimationPlayback(slide.animations, animationCueIndex);
     return /*#__PURE__*/ jsx("span", {
         className: `work-slide-canvas ${interactive ? 'interactive' : ''}`,
         style: {
@@ -3593,16 +3629,23 @@ function SlideCanvas({ content, designContent, slide, interactive, aspectRatio,
         children: elements.map(({ element, origin })=>/*#__PURE__*/ jsx(SlideElementPreview, {
                 element: element,
                 origin: origin,
-                showPlaceholder: showPlaceholders
+                showPlaceholder: showPlaceholders,
+                animationPlayback: 'slide' === origin ? animationPlayback?.get(element.id) : void 0
             }, `${origin}:${element.id}`))
     });
 }
-function SlideElementPreview({ element, origin, showPlaceholder = false }) {
+function SlideElementPreview({ animationPlayback, element, origin, showPlaceholder = false }) {
     const hasRichText = element.textRuns?.some((run)=>run.text.length > 0);
     return /*#__PURE__*/ jsx("span", {
         className: `work-slide-element ${element.type} ${origin} ${showPlaceholder && element.placeholder ? 'placeholder' : ''}`.trim(),
+        "data-slide-preview-element-id": element.id,
         "data-slide-element-origin": origin,
-        style: slideElementStyle(element),
+        "data-slide-animation-effect": animationPlayback?.animation.effect,
+        "data-slide-animation-state": animationPlayback?.state,
+        style: {
+            ...slideElementStyle(element),
+            ...slideElementAnimationStyle(animationPlayback)
+        },
         children: 'image' === element.type && element.image ? /*#__PURE__*/ jsx("img", {
             src: element.image.dataUrl,
             alt: element.altText ?? element.image.name
@@ -3658,6 +3701,8 @@ function slideElementStyle(element) {
         borderRadius: 'ellipse' === element.shapeType ? '50%' : `${element.radius ?? 0}%`,
         clipPath: shapeClipPath,
         opacity: element.opacity,
+        '--work-slide-element-opacity': element.opacity ?? 1,
+        '--work-slide-element-rotation': `${element.rotation ?? 0}deg`,
         transform: element.rotation ? `rotate(${element.rotation}deg)` : void 0,
         transformOrigin: 'center',
         ...'line' === element.type ? {
@@ -3666,6 +3711,27 @@ function slideElementStyle(element) {
         } : {}
     };
 }
+function slideAnimationPlayback(animations, activeCueIndex) {
+    const playback = new Map();
+    for (const [cueIndex, cue] of workSlideAnimationCues(animations).entries())for (const item of cue.items)playback.set(item.animation.elementId, {
+        animation: item.animation,
+        startOffsetMs: item.startOffsetMs,
+        state: cueIndex < activeCueIndex ? 'finished' : cueIndex === activeCueIndex ? 'playing' : 'pending'
+    });
+    return playback;
+}
+function slideElementAnimationStyle(playback) {
+    if (!playback) return {};
+    const direction = playback.animation.direction ?? 'left';
+    const translateX = 'left' === direction ? '-18%' : 'right' === direction ? '18%' : '0';
+    const translateY = 'up' === direction ? '-18%' : 'down' === direction ? '18%' : '0';
+    return {
+        '--work-slide-animation-delay': `${playback.startOffsetMs}ms`,
+        '--work-slide-animation-duration': `${playback.animation.durationMs}ms`,
+        '--work-slide-animation-translate-x': translateX,
+        '--work-slide-animation-translate-y': translateY
+    };
+}
 function slideTextStyle(element) {
     return {
         color: element.color,
@@ -3741,7 +3807,7 @@ function createPresentationTimerController(now = Date.now()) {
         runningSinceMilliseconds: now
     };
 }
-function PresentationPresenterView({ content, slide, nextSlide, index, total, aspectRatio, timer }) {
+function PresentationPresenterView({ animationCueIndex, content, slide, nextSlide, index, total, aspectRatio, timer }) {
     const [, setTimerRevision] = useState(0);
     const now = Date.now();
     const running = null !== timer.runningSinceMilliseconds;
@@ -3839,6 +3905,7 @@ function PresentationPresenterView({ content, slide, nextSlide, index, total, as
                                 children: slide.name
                             }),
                             /*#__PURE__*/ jsx(SlideCanvas, {
+                                animationCueIndex: animationCueIndex,
                                 content: content,
                                 slide: slide,
                                 interactive: false,
@@ -3901,6 +3968,7 @@ function formatDuration(seconds) {
 }
 function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0, onExit }) {
     const [playback, setPlayback] = useState({
+        animationCueIndex: initialAnimationCueIndex(content.slides[presentationPlaybackIndex(initialIndex, content.slides.length)]),
         index: presentationPlaybackIndex(initialIndex, content.slides.length),
         transitionKey: 0
     });
@@ -3931,12 +3999,52 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
         setPlayback((current)=>{
             const index = Math.min(Math.max(current.index + delta, 0), content.slides.length - 1);
             return index === current.index ? current : {
+                animationCueIndex: initialAnimationCueIndex(content.slides[index]),
+                index,
+                transitionKey: current.transitionKey + 1
+            };
+        });
+    }, [
+        content.slides
+    ]);
+    const advance = useCallback(()=>{
+        setPlayback((current)=>{
+            const currentSlide = content.slides[current.index];
+            const cueCount = workSlideAnimationCues(currentSlide?.animations).length;
+            if (current.animationCueIndex < cueCount - 1) return {
+                ...current,
+                animationCueIndex: current.animationCueIndex + 1
+            };
+            const index = Math.min(current.index + 1, content.slides.length - 1);
+            if (index === current.index) return current;
+            return {
+                animationCueIndex: initialAnimationCueIndex(content.slides[index]),
+                index,
+                transitionKey: current.transitionKey + 1
+            };
+        });
+    }, [
+        content.slides
+    ]);
+    const retreat = useCallback(()=>{
+        setPlayback((current)=>{
+            const currentSlide = content.slides[current.index];
+            const initialCueIndex = initialAnimationCueIndex(currentSlide);
+            if (current.animationCueIndex > initialCueIndex) return {
+                ...current,
+                animationCueIndex: current.animationCueIndex - 1
+            };
+            const index = Math.max(current.index - 1, 0);
+            if (index === current.index) return current;
+            const previousCues = workSlideAnimationCues(content.slides[index]?.animations);
+            return {
+                animationCueIndex: previousCues.length - 1,
                 index,
                 transitionKey: current.transitionKey + 1
             };
         });
     }, [
-        content.slides.length
+        content.slides
     ]);
     useEffect(()=>{
         const onKeyDown = (event)=>{
@@ -3950,12 +4058,12 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
             if ((' ' === event.key || 'Spacebar' === event.key) && presentationTargetActivatesWithSpace(event.target)) return;
             if ('ArrowRight' === event.key || 'ArrowDown' === event.key || 'PageDown' === event.key || ' ' === event.key || 'Spacebar' === event.key) {
                 event.preventDefault();
-                move(1);
+                advance();
                 return;
             }
             if ('ArrowLeft' === event.key || 'ArrowUp' === event.key || 'PageUp' === event.key) {
                 event.preventDefault();
-                move(-1);
+                retreat();
                 return;
             }
             if ('Home' === event.key) {
@@ -3971,9 +4079,11 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
         window.addEventListener('keydown', onKeyDown);
         return ()=>window.removeEventListener('keydown', onKeyDown);
     }, [
+        advance,
         completeExit,
         content.slides.length,
-        move
+        move,
+        retreat
     ]);
     useLayoutEffect(()=>{
         const player = playerRef.current;
@@ -4024,6 +4134,8 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
     if (!slide) return null;
     const aspectRatio = `${content.width ?? 13.333} / ${content.height ?? 7.5}`;
     const transition = slide.transition;
+    const animationCues = workSlideAnimationCues(slide.animations);
+    const hasPendingAnimation = playback.animationCueIndex < animationCues.length - 1;
     const transitionStyle = {
         '--work-slide-transition-duration': `${slideTransitionDurationMilliseconds(transition)}ms`
     };
@@ -4034,6 +4146,7 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
         tabIndex: -1,
         children: [
             presenter ? /*#__PURE__*/ jsx(PresentationPresenterView, {
+                animationCueIndex: playback.animationCueIndex,
                 content: content,
                 slide: slide,
                 nextSlide: content.slides[playback.index + 1],
@@ -4048,8 +4161,8 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
                         type: "button",
                         className: "work-presentation-player-advance",
                         "aria-label": "单击换到下一张幻灯片",
-                        disabled: transition?.advanceOnClick === false || playback.index === content.slides.length - 1,
-                        onClick: ()=>move(1)
+                        disabled: !hasPendingAnimation && (transition?.advanceOnClick === false || playback.index === content.slides.length - 1),
+                        onClick: ()=>advance()
                     }),
                     /*#__PURE__*/ jsx("div", {
                         "aria-live": "polite",
@@ -4061,6 +4174,7 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
                         "data-transition-speed": transition?.speed ?? 'medium',
                         style: transitionStyle,
                         children: /*#__PURE__*/ jsx(SlideCanvas, {
+                            animationCueIndex: playback.animationCueIndex,
                             content: content,
                             slide: slide,
                             interactive: false,
@@ -4075,8 +4189,8 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
                         type: "button",
                         "aria-label": "上一张",
                         "aria-keyshortcuts": "ArrowLeft ArrowUp PageUp",
-                        disabled: 0 === playback.index,
-                        onClick: ()=>move(-1),
+                        disabled: 0 === playback.index && playback.animationCueIndex <= initialAnimationCueIndex(slide),
+                        onClick: retreat,
                         children: /*#__PURE__*/ jsx(ChevronLeft, {
                             size: 18
                         })
@@ -4092,8 +4206,8 @@ function PresentationPlayer({ autoFullscreen = false, content, initialIndex = 0,
                         type: "button",
                         "aria-label": "下一张",
                         "aria-keyshortcuts": "ArrowRight ArrowDown PageDown Space",
-                        disabled: playback.index === content.slides.length - 1,
-                        onClick: ()=>move(1),
+                        disabled: !hasPendingAnimation && playback.index === content.slides.length - 1,
+                        onClick: advance,
                         children: /*#__PURE__*/ jsx(ChevronRight, {
                             size: 18
                         })
@@ -4146,6 +4260,9 @@ function presentationPlaybackIndex(index, slideCount) {
     if (slideCount <= 1) return 0;
     return Math.min(slideCount - 1, Math.max(0, Math.trunc(index)));
 }
+function initialAnimationCueIndex(slide) {
+    return initialWorkSlideAnimationCueIndex(workSlideAnimationCues(slide?.animations));
+}
 async function requestPresentationFullscreen(element) {
     if (!element.requestFullscreen) return false;
     try {
@@ -4594,6 +4711,233 @@ function commonRunValue(runs, getValue, fallback) {
     const values = runs.map((run)=>getValue(run) ?? fallback);
     return values.every((value)=>value === values[0]) ? values[0] : fallback;
 }
+function PresentationAnimationPanel({ animation, canMove, canPreview, editable, onMove, onPreview, onSetEffect, onUpdate }) {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(WorkOfficeRibbonGroup, {
+                label: "入场动画",
+                children: /*#__PURE__*/ jsxs("fieldset", {
+                    className: "work-presentation-animation-options",
+                    children: [
+                        /*#__PURE__*/ jsx("legend", {
+                            className: "sr-only",
+                            children: "对象入场动画设置"
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-office-field effect",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "效果"
+                                }),
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "对象入场动画效果",
+                                    disabled: !editable,
+                                    value: animation?.effect ?? 'none',
+                                    options: [
+                                        {
+                                            value: 'none',
+                                            label: '无'
+                                        },
+                                        {
+                                            value: 'appear',
+                                            label: '出现'
+                                        },
+                                        {
+                                            value: 'fade',
+                                            label: '淡入'
+                                        },
+                                        {
+                                            value: 'fly-in',
+                                            label: '飞入'
+                                        },
+                                        {
+                                            value: 'zoom',
+                                            label: '缩放'
+                                        }
+                                    ],
+                                    onValueChange: (effect)=>onSetEffect('none' === effect ? void 0 : effect)
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsxs("div", {
+                            className: "work-office-field trigger",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "开始"
+                                }),
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "对象入场动画触发方式",
+                                    disabled: !animation,
+                                    value: animation?.trigger ?? 'on-click',
+                                    options: [
+                                        {
+                                            value: 'on-click',
+                                            label: '单击时'
+                                        },
+                                        {
+                                            value: 'with-previous',
+                                            label: '与上一动画同时'
+                                        },
+                                        {
+                                            value: 'after-previous',
+                                            label: '上一动画之后'
+                                        }
+                                    ],
+                                    onValueChange: (trigger)=>onUpdate({
+                                            trigger: trigger
+                                        })
+                                })
+                            ]
+                        }),
+                        animation?.effect === 'fly-in' && /*#__PURE__*/ jsxs("div", {
+                            className: "work-office-field direction",
+                            children: [
+                                /*#__PURE__*/ jsx("span", {
+                                    children: "方向"
+                                }),
+                                /*#__PURE__*/ jsx(OfficeSelect, {
+                                    ariaLabel: "对象飞入方向",
+                                    value: animation.direction ?? 'left',
+                                    options: [
+                                        {
+                                            value: 'left',
+                                            label: '从左侧'
+                                        },
+                                        {
+                                            value: 'right',
+                                            label: '从右侧'
+                                        },
+                                        {
+                                            value: 'up',
+                                            label: '从上方'
+                                        },
+                                        {
+                                            value: 'down',
+                                            label: '从下方'
+                                        }
+                                    ],
+                                    onValueChange: (direction)=>onUpdate({
+                                            direction: direction
+                                        })
+                                })
+                            ]
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(WorkOfficeRibbonGroup, {
+                label: "动画计时",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "work-presentation-animation-timing",
+                    children: [
+                        /*#__PURE__*/ jsx(AnimationTimingField, {
+                            animationId: animation?.id,
+                            ariaLabel: "对象入场动画持续秒数",
+                            disabled: !animation,
+                            label: "持续",
+                            maximumMs: 60000,
+                            minimumMs: 100,
+                            valueMs: animation?.durationMs ?? 500,
+                            onCommit: (durationMs)=>onUpdate({
+                                    durationMs
+                                })
+                        }),
+                        /*#__PURE__*/ jsx(AnimationTimingField, {
+                            animationId: animation?.id,
+                            ariaLabel: "对象入场动画延迟秒数",
+                            disabled: !animation,
+                            label: "延迟",
+                            maximumMs: 60000,
+                            minimumMs: 0,
+                            valueMs: animation?.delayMs ?? 0,
+                            onCommit: (delayMs)=>onUpdate({
+                                    delayMs
+                                })
+                        })
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsxs(WorkOfficeRibbonGroup, {
+                label: "动画顺序",
+                children: [
+                    /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                        label: "提前对象动画",
+                        visibleLabel: "提前",
+                        disabled: !canMove(-1),
+                        onClick: ()=>onMove(-1),
+                        children: /*#__PURE__*/ jsx(ArrowUp, {
+                            size: 19
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                        label: "推后对象动画",
+                        visibleLabel: "推后",
+                        disabled: !canMove(1),
+                        onClick: ()=>onMove(1),
+                        children: /*#__PURE__*/ jsx(ArrowDown, {
+                            size: 19
+                        })
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(WorkOfficeRibbonGroup, {
+                label: "动画预览",
+                children: /*#__PURE__*/ jsx(WorkOfficeRibbonButton, {
+                    label: "预览当前幻灯片动画",
+                    visibleLabel: "预览",
+                    disabled: !canPreview,
+                    onClick: onPreview,
+                    children: /*#__PURE__*/ jsx(Play, {
+                        size: 19
+                    })
+                })
+            })
+        ]
+    });
+}
+function AnimationTimingField({ animationId, ariaLabel, disabled, label, maximumMs, minimumMs, onCommit, valueMs }) {
+    const canonical = animationSecondsDraft(valueMs);
+    const [draft, setDraft] = useState(canonical);
+    useEffect(()=>setDraft(canonical), [
+        animationId,
+        canonical
+    ]);
+    const commit = (value)=>{
+        const next = normalizedAnimationMilliseconds(value, valueMs, minimumMs, maximumMs);
+        setDraft(animationSecondsDraft(next));
+        if (next !== valueMs) onCommit(next);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "work-office-field seconds",
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                children: label
+            }),
+            /*#__PURE__*/ jsx(OfficeNumberField, {
+                ariaLabel: ariaLabel,
+                disabled: disabled,
+                min: minimumMs / 1000,
+                max: maximumMs / 1000,
+                step: 0.1,
+                value: draft,
+                escapeConsumer: draft !== canonical,
+                onValueChange: setDraft,
+                onCommit: commit,
+                onCancel: ()=>setDraft(canonical)
+            })
+        ]
+    });
+}
+function animationSecondsDraft(valueMs) {
+    return String(valueMs / 1000);
+}
+function normalizedAnimationMilliseconds(value, current, minimum, maximum) {
+    if (!value.trim()) return current;
+    const seconds = Number(value);
+    if (!Number.isFinite(seconds)) return current;
+    const stepped = Math.round(10 * seconds) / 10;
+    return Math.round(1000 * Math.min(maximum / 1000, Math.max(minimum / 1000, stepped)));
+}
 function PresentationTransitionPanel({ slideId, transition, editable, canApplyToAll, onChange, onApplyToAll }) {
     const update = (patch)=>{
         if (transition) onChange({
@@ -4891,6 +5235,10 @@ const presentationRibbonTabs = [
         id: 'transitions',
         label: '切换'
     },
+    {
+        id: 'animations',
+        label: '动画'
+    },
     {
         id: 'slideshow',
         label: '幻灯片放映',
@@ -4949,6 +5297,7 @@ function PresentationToolbar({ selectedSlide, selectedElement, selectedUnitCount
     const officeDialog = useOfficeDialog();
     const [fontSizeDraft, setFontSizeDraft] = useState(()=>selectedElement ? String(selectedElement.fontSize) : '');
     const fontFamilyValue = presentationFontFamilyValue(selectedElement?.fontFamily);
+    const selectedAnimation = workSlideAnimationForElement(selectedSlide, selectedElement?.id);
     useEffect(()=>{
         setFontSizeDraft(selectedElement ? String(selectedElement.fontSize) : '');
     }, [
@@ -5363,6 +5712,16 @@ function PresentationToolbar({ selectedSlide, selectedElement, selectedUnitCount
                         onChange: commands.setTransition,
                         onApplyToAll: commands.applyTransitionToAll
                     }),
+                    animations: /*#__PURE__*/ jsx(PresentationAnimationPanel, {
+                        animation: selectedAnimation,
+                        canMove: can.moveEntranceAnimation,
+                        canPreview: can.previewAnimations(),
+                        editable: can.setEntranceAnimation(selectedAnimation?.effect),
+                        onMove: commands.moveEntranceAnimation,
+                        onPreview: commands.previewAnimations,
+                        onSetEffect: commands.setEntranceAnimation,
+                        onUpdate: commands.updateEntranceAnimation
+                    }),
                     slideshow: /*#__PURE__*/ jsxs(WorkOfficeRibbonGroup, {
                         label: "开始放映",
                         children: [
@@ -6502,7 +6861,7 @@ function usePresentationClipboard({ content, mode, targetId, selectedSlide, sele
     const selectedElement = selectedElements.at(-1) ?? null;
     const copySelection = useCallback(()=>{
         if (selectedElements.length) {
-            copyPresentationElements(selectedElements);
+            copyPresentationElements(selectedElements, 'slide' === mode ? selectedSlide?.animations : void 0);
             showToast(selectedElements.length > 1 ? `已复制 ${selectedElements.length} 个对象` : '已复制演示元素', 'success');
             return true;
         }
@@ -6518,7 +6877,7 @@ function usePresentationClipboard({ content, mode, targetId, selectedSlide, sele
     const deleteSelectedElement = useCallback(()=>{
         if (!selectedElements.length || !targetId) return false;
         const selectedIds = new Set(selectedElements.map((element)=>element.id));
-        const next = updateTargetElements(content, mode, targetId, (elements)=>elements.filter((element)=>!selectedIds.has(element.id)));
+        const next = updateTargetElements(content, mode, targetId, (elements)=>elements.filter((element)=>!selectedIds.has(element.id)), selectedIds);
         if (!next) return false;
         onChange(next);
         onSelectElements([]);
@@ -6533,7 +6892,7 @@ function usePresentationClipboard({ content, mode, targetId, selectedSlide, sele
     ]);
     const cutSelection = useCallback(()=>{
         if (selectedElements.length) {
-            copyPresentationElements(selectedElements);
+            copyPresentationElements(selectedElements, 'slide' === mode ? selectedSlide?.animations : void 0);
             if (!deleteSelectedElement()) return false;
             showToast(selectedElements.length > 1 ? `已剪切 ${selectedElements.length} 个对象` : '已剪切演示元素', 'success');
             return true;
@@ -6572,17 +6931,25 @@ function usePresentationClipboard({ content, mode, targetId, selectedSlide, sele
         }
         if ('element' === clipboard.payload.kind || 'elements' === clipboard.payload.kind) {
             if (!targetId) return false;
-            const pasted = 'element' === clipboard.payload.kind ? [
-                clonePresentationElementForPaste(clipboard.payload.element, clipboard.offset)
-            ] : clonePresentationElementsForPaste(clipboard.payload.elements, clipboard.offset);
+            const sourceElements = 'element' === clipboard.payload.kind ? [
+                clipboard.payload.element
+            ] : clipboard.payload.elements;
+            const sourceAnimations = 'element' === clipboard.payload.kind ? clipboard.payload.animation ? [
+                clipboard.payload.animation
+            ] : [] : clipboard.payload.animations ?? [];
+            const pasted = clonePresentationElementsAndAnimationsForPaste(sourceElements, sourceAnimations, clipboard.offset);
+            if ('slide' === mode && !canAppendSlideAnimations(content, targetId, pasted.animations)) {
+                showToast('对象动画数量已达到每张幻灯片 256 条的上限。', 'info');
+                return true;
+            }
             const next = updateTargetElements(content, mode, targetId, (elements)=>[
                     ...elements,
-                    ...pasted
-                ]);
+                    ...pasted.elements
+                ], void 0, pasted.animations);
             if (!next) return false;
             onChange(next);
-            onSelectElements(pasted.map((element)=>element.id));
-            showToast(pasted.length > 1 ? `已粘贴 ${pasted.length} 个对象` : '已粘贴演示元素', 'success');
+            onSelectElements(pasted.elements.map((element)=>element.id));
+            showToast(pasted.elements.length > 1 ? `已粘贴 ${pasted.elements.length} 个对象` : '已粘贴演示元素', 'success');
             return true;
         }
         if ('slide' !== mode || !selectedSlide) {
@@ -6614,15 +6981,19 @@ function usePresentationClipboard({ content, mode, targetId, selectedSlide, sele
     ]);
     const duplicateSelection = useCallback(()=>{
         if (selectedElements.length && targetId) {
-            const copies = clonePresentationElementsForPaste(selectedElements, 5);
+            const copies = clonePresentationElementsAndAnimationsForPaste(selectedElements, 'slide' === mode ? selectedSlide?.animations ?? [] : [], 5);
+            if ('slide' === mode && !canAppendSlideAnimations(content, targetId, copies.animations)) {
+                showToast('对象动画数量已达到每张幻灯片 256 条的上限。', 'info');
+                return true;
+            }
             const next = updateTargetElements(content, mode, targetId, (elements)=>[
                     ...elements,
-                    ...copies
-                ]);
+                    ...copies.elements
+                ], void 0, copies.animations);
             if (!next) return false;
             onChange(next);
-            onSelectElements(copies.map((element)=>element.id));
-            showToast(copies.length > 1 ? `已复制 ${copies.length} 个对象` : '已复制演示元素', 'success');
+            onSelectElements(copies.elements.map((element)=>element.id));
+            showToast(copies.elements.length > 1 ? `已复制 ${copies.elements.length} 个对象` : '已复制演示元素', 'success');
             return true;
         }
         if ('slide' !== mode || !selectedSlide) return false;
@@ -6709,15 +7080,15 @@ function usePresentationClipboard({ content, mode, targetId, selectedSlide, sele
         toggleUnderline
     };
 }
-function updateTargetElements(content, mode, targetId, update) {
+function updateTargetElements(content, mode, targetId, update, removedElementIds, addedAnimations) {
     if ('slide' === mode) {
         if (!content.slides.some((slide)=>slide.id === targetId)) return null;
         return {
             ...content,
-            slides: content.slides.map((slide)=>slide.id === targetId ? {
+            slides: content.slides.map((slide)=>slide.id === targetId ? appendWorkSlideAnimations(removeWorkSlideAnimationsForElements({
                     ...slide,
                     elements: update(use_presentation_clipboard_structuredCopy(slide.elements))
-                } : slide)
+                }, removedElementIds ?? new Set()), addedAnimations) : slide)
         };
     }
     const normalized = withPresentationDesign(content);
@@ -6740,10 +7111,130 @@ function updateTargetElements(content, mode, targetId, update) {
             } : master)
     };
 }
+function canAppendSlideAnimations(content, slideId, animations) {
+    if (!animations?.length) return true;
+    const slide = content.slides.find((candidate)=>candidate.id === slideId);
+    return Boolean(slide) && (slide?.animations?.length ?? 0) + animations.length <= 256;
+}
+function appendWorkSlideAnimations(slide, animations) {
+    if (!animations?.length) return slide;
+    return {
+        ...slide,
+        animations: [
+            ...slide.animations ?? [],
+            ...use_presentation_clipboard_structuredCopy(animations)
+        ]
+    };
+}
 function use_presentation_clipboard_structuredCopy(value) {
     if ('function' == typeof structuredClone) return structuredClone(value);
     return JSON.parse(JSON.stringify(value));
 }
+function usePresentationAnimationCommands({ content, onChange, selectedElementId, selectedSlide }) {
+    const selectedElementExists = Boolean(selectedElementId && selectedSlide.elements.some((element)=>element.id === selectedElementId));
+    const selectedAnimation = workSlideAnimationForElement(selectedSlide, selectedElementId);
+    const setEntranceAnimation = useCallback((effect)=>{
+        if (!selectedElementId || !selectedElementExists) return false;
+        const current = workSlideAnimationForElement(selectedSlide, selectedElementId);
+        if (!effect) {
+            if (!current) return false;
+            updateSlide(content, selectedSlide.id, (slide)=>{
+                const animations = slide.animations?.filter((animation)=>animation.id !== current.id);
+                return {
+                    ...slide,
+                    animations: animations?.length ? animations : void 0
+                };
+            }, onChange);
+            return true;
+        }
+        if (current?.effect === effect) return false;
+        if (!current && (selectedSlide.animations?.length ?? 0) >= 256) return false;
+        updateSlide(content, selectedSlide.id, (slide)=>{
+            const next = createWorkSlideAnimation(selectedElementId, effect, current);
+            const animations = [
+                ...slide.animations ?? []
+            ];
+            const index = current ? animations.findIndex((animation)=>animation.id === current.id) : -1;
+            if (index >= 0) animations[index] = next;
+            else animations.push(next);
+            return {
+                ...slide,
+                animations
+            };
+        }, onChange);
+        return true;
+    }, [
+        content,
+        onChange,
+        selectedElementExists,
+        selectedElementId,
+        selectedSlide
+    ]);
+    const updateEntranceAnimation = useCallback((patch)=>{
+        if (!selectedAnimation) return false;
+        const next = normalizeWorkSlideAnimation({
+            ...selectedAnimation,
+            ...patch,
+            id: selectedAnimation.id,
+            elementId: selectedAnimation.elementId
+        });
+        if (animationsEqual(selectedAnimation, next)) return false;
+        updateSlide(content, selectedSlide.id, (slide)=>({
+                ...slide,
+                animations: slide.animations?.map((animation)=>animation.id === selectedAnimation.id ? next : animation)
+            }), onChange);
+        return true;
+    }, [
+        content,
+        onChange,
+        selectedAnimation,
+        selectedSlide.id
+    ]);
+    const canMoveEntranceAnimation = useCallback((direction)=>{
+        const index = workSlideAnimationIndex(selectedSlide, selectedAnimation?.id);
+        const target = index + direction;
+        return index >= 0 && target >= 0 && target < (selectedSlide.animations?.length ?? 0);
+    }, [
+        selectedAnimation?.id,
+        selectedSlide
+    ]);
+    const moveEntranceAnimation = useCallback((direction)=>{
+        if (!selectedAnimation || !canMoveEntranceAnimation(direction)) return false;
+        updateSlide(content, selectedSlide.id, (slide)=>{
+            const animations = [
+                ...slide.animations ?? []
+            ];
+            const index = animations.findIndex((animation)=>animation.id === selectedAnimation.id);
+            const target = index + direction;
+            [animations[index], animations[target]] = [
+                animations[target],
+                animations[index]
+            ];
+            return {
+                ...slide,
+                animations
+            };
+        }, onChange);
+        return true;
+    }, [
+        canMoveEntranceAnimation,
+        content,
+        onChange,
+        selectedAnimation,
+        selectedSlide.id
+    ]);
+    return {
+        canMoveEntranceAnimation,
+        canSetEntranceAnimation: selectedElementExists,
+        canUpdateEntranceAnimation: Boolean(selectedAnimation),
+        moveEntranceAnimation,
+        setEntranceAnimation,
+        updateEntranceAnimation
+    };
+}
+function animationsEqual(left, right) {
+    return left.id === right.id && left.elementId === right.elementId && left.effect === right.effect && left.trigger === right.trigger && left.durationMs === right.durationMs && left.delayMs === right.delayMs && left.direction === right.direction;
+}
 function usePresentationDesignCommands({ activeElements, activeTargetId, designContent, designMode, designOpen, onChange, onClearSelection, onCloseComments, onEditElement, onSetDesignMode, onSetDesignOpen, selectedLayout, selectedMaster, selectedSlide }) {
     const updateLayout = useCallback((layoutId, update)=>{
         onChange({
@@ -8142,6 +8633,12 @@ function PresentationEditingSurface({ initialSlide, autoFocus = true, collaborat
         onSelectSlide: setSelectedSlideId,
         selectedSlide
     });
+    const presentationAnimations = usePresentationAnimationCommands({
+        content,
+        onChange,
+        selectedElementId: 'slide' === designMode && singleSelectedElement ? singleSelectedElement.id : void 0,
+        selectedSlide
+    });
     const presentationElements = usePresentationElementCommands({
         activeElements,
         activeTargetId,
@@ -8274,8 +8771,30 @@ function PresentationEditingSurface({ initialSlide, autoFocus = true, collaborat
         selectedTextEditor,
         toolbarSelectedElement
     ]);
+    const startPresentationSlideshow = useCallback((source)=>{
+        const currentIndex = content.slides.findIndex((slide)=>slide.id === selectedSlide.id);
+        const activeElement = document.activeElement;
+        slideshowReturnFocusRef.current = activeElement instanceof HTMLElement && activeElement !== document.body ? activeElement : document.querySelector(`[data-presentation-slideshow-source="${source}"]`);
+        setAgentMenu(null);
+        setSlideshowStartIndex('current' === source ? Math.max(0, currentIndex) : 0);
+        onStartSlideshow?.();
+    }, [
+        content.slides,
+        onStartSlideshow,
+        selectedSlide.id
+    ]);
     const presentationExtensions = useMemo(createPresentationEditorExtensions, []);
     const presentationEditor = useOfficeEditorRuntime({
+        animations: {
+            canMoveEntranceAnimation: (direction)=>'slide' === designMode && presentationAnimations.canMoveEntranceAnimation(direction),
+            canPreviewAnimations: 'slide' === designMode && Boolean(selectedSlide.animations?.length),
+            canSetEntranceAnimation: 'slide' === designMode && presentationAnimations.canSetEntranceAnimation,
+            canUpdateEntranceAnimation: 'slide' === designMode && presentationAnimations.canUpdateEntranceAnimation,
+            moveEntranceAnimation: presentationAnimations.moveEntranceAnimation,
+            previewAnimations: ()=>startPresentationSlideshow('current'),
+            setEntranceAnimation: presentationAnimations.setEntranceAnimation,
+            updateEntranceAnimation: presentationAnimations.updateEntranceAnimation
+        },
         clipboard: {
             canCopySelection: selectedElements.length > 0 || 'slide' === designMode && Boolean(selectedSlide),
             canCutSelection: selectedElements.length > 0 || 'slide' === designMode && Boolean(selectedSlide),
@@ -8392,14 +8911,7 @@ function PresentationEditingSurface({ initialSlide, autoFocus = true, collaborat
         view: {
             canStartSlideshow: 'slide' === designMode && content.slides.length > 0,
             setViewMode,
-            startSlideshow: (source)=>{
-                const currentIndex = content.slides.findIndex((slide)=>slide.id === selectedSlide.id);
-                const activeElement = document.activeElement;
-                slideshowReturnFocusRef.current = activeElement instanceof HTMLElement && activeElement !== document.body ? activeElement : document.querySelector(`[data-presentation-slideshow-source="${source}"]`);
-                setAgentMenu(null);
-                setSlideshowStartIndex('current' === source ? Math.max(0, currentIndex) : 0);
-                onStartSlideshow?.();
-            },
+            startSlideshow: startPresentationSlideshow,
             toggleDesign: presentationDesign.toggleDesignPanel
         }
     }, presentationExtensions);