pptx-react-viewer 2.9.0 → 2.11.0

package/dist/{chunk-NQLVK23T.mjs → chunk-L2CM5EUD.mjs}

@@ -1,9 +1,9 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-6OLS3EJW.mjs';
-import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-4FO4JMTN.mjs';
-import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-JPTO6P5K.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-CD434OFE.mjs';
-import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, isElementRendered, isElementActionable, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, RULER_THICKNESS, RULER_FONT_SIZE, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, svgGradientFillRef, isInkElement, getElementLabel, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, isImageLikeElement, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, filterRenderedElements, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, buildContextMenuEntries, themeColorSchemesEqual, STATUS_BAR_CLASSES, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, presentationInkPath, getShapeAdjustmentHandleDescriptor, formatSlideCounter, PRESET_THEMES, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, getConnectionSites, generateTicks, rulerDragToGuidePosition, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, THEME_COLOR_LABELS, COMMON_FONTS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, mergeSlideTransition, TABLE_STYLE_PRESETS, chartDataChangeType, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, flattenTagCollections, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, addSmartArtNodeAsChild, removeSmartArtNode, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-L47Y62L6.mjs';
-import React33, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, Fragment as Fragment$1, useDeferredValue } from 'react';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-UZVRM6LD.mjs';
+import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-HK2UERUX.mjs';
+import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-RJEY2KZH.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-53NXKDMZ.mjs';
+import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, isElementRendered, isElementActionable, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, RULER_THICKNESS, RULER_FONT_SIZE, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, svgGradientFillRef, isInkElement, getElementLabel, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, themeToCssVars, applyMotionPathPreset, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, isImageLikeElement, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, filterRenderedElements, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, buildContextMenuEntries, themeColorSchemesEqual, STATUS_BAR_CLASSES, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_VIRTUALIZATION_THRESHOLD, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, presentationInkPath, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptor, PRESET_THEMES, isUrlSafe, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, getConnectionSites, generateTicks, rulerDragToGuidePosition, getCommentMarkerPosition, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, THEME_COLOR_LABELS, COMMON_FONTS, buildSmartArtPresetData, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, mergeSlideTransition, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, chartDataChangeType, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, flattenTagCollections, formatCommentTimestamp, clearMotionPath, DIRECTIONAL_PRESETS, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, addSmartArtNodeAsChild, removeSmartArtNode, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-C2UWTH42.mjs';
+import React34, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, Fragment as Fragment$1, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
 import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuScan, LuMonitorOff, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuPackage, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
@@ -523,6 +523,40 @@ function AnimationPresetGallery({
     }
   );
 }
+function MotionPathGallery({
+  disabled,
+  onApplyMotionPath
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: "flex max-h-[62px] items-start gap-2 overflow-y-auto rounded-sm border border-border/60 bg-muted/30 px-1.5 py-1",
+      "aria-label": t("pptx.animations.motionPathGalleryAria"),
+      children: MOTION_PATH_FAMILIES.map((family) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[9px] font-semibold leading-3 text-muted-foreground", children: t(motionPathFamilyLabelKey(family)) }),
+        /* @__PURE__ */ jsx("div", { className: "flex max-w-[150px] flex-wrap gap-0.5", children: motionPathPresetsByFamily(family).map((preset) => {
+          const label = t(motionPathPresetLabelKey(preset.id));
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              disabled,
+              onClick: () => onApplyMotionPath?.(preset.id),
+              title: label,
+              className: "inline-flex items-center gap-0.5 rounded-sm px-1 py-0.5 text-[9px] leading-3 text-foreground transition-colors hover:bg-accent disabled:opacity-35",
+              children: [
+                /* @__PURE__ */ jsx(LuMoveRight, { className: "h-2.5 w-2.5 text-sky-500", "aria-hidden": "true" }),
+                /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: label })
+              ]
+            },
+            preset.id
+          );
+        }) })
+      ] }, family))
+    }
+  );
+}
 function RibbonGroup({
   label,
   children,
@@ -648,6 +682,13 @@ function AnimationsSection(p) {
         children: /* @__PURE__ */ jsx(AnimationPresetGallery, { disabled, onAddAnimation: p.onAddAnimation })
       }
     ),
+    /* @__PURE__ */ jsx(RibbonGroup, { label: t("pptx.animation.motionPath"), className: "max-w-[420px] overflow-hidden", children: /* @__PURE__ */ jsx(
+      MotionPathGallery,
+      {
+        disabled,
+        onApplyMotionPath: (presetId) => p.onAddAnimation?.(presetId, "motionPath")
+      }
+    ) }),
     /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.animations.advanced", { defaultValue: "Advanced Animation" }), children: [
       /* @__PURE__ */ jsx(
         RibbonCommand,
@@ -663,7 +704,7 @@ function AnimationsSection(p) {
         {
           label: t("pptx.animations.pathAnimation", { defaultValue: "Path Animation" }),
           icon: /* @__PURE__ */ jsx(LuMoveRight, {}),
-          onClick: () => p.onAddAnimation?.("flyIn", "entrance"),
+          onClick: () => p.onAddAnimation?.(DEFAULT_MOTION_PATH_PRESET_ID, "motionPath"),
           disabled
         }
       ),
@@ -1203,11 +1244,11 @@ var TRANSITION_PRESETS = [
 ];
 function TransitionsSection(p) {
   const { t } = useTranslation();
-  const [selected, setSelected] = React33.useState("none");
-  const [duration, setDuration] = React33.useState("00.50");
-  const [advanceOnClick, setAdvanceOnClick] = React33.useState(true);
-  const [advanceAfter, setAdvanceAfter] = React33.useState(false);
-  const [advanceAfterSeconds, setAdvanceAfterSeconds] = React33.useState("00:00.00");
+  const [selected, setSelected] = React34.useState("none");
+  const [duration, setDuration] = React34.useState("00.50");
+  const [advanceOnClick, setAdvanceOnClick] = React34.useState(true);
+  const [advanceAfter, setAdvanceAfter] = React34.useState(false);
+  const [advanceAfterSeconds, setAdvanceAfterSeconds] = React34.useState("00:00.00");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("button", { type: "button", className: pill, title: t("pptx.ribbon.previewTransition"), children: [
       /* @__PURE__ */ jsx(LuPlay, { className: ics }),
@@ -1409,7 +1450,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.8.0" ;
+  const version = "2.10.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: [
@@ -3891,12 +3932,21 @@ function ViewSection(p) {
           title: t("pptx.view.slideSorterTooltip")
         }
       ),
+      /* @__PURE__ */ jsx(
+        RibbonCommand,
+        {
+          label: t("pptx.view.outlineView"),
+          icon: /* @__PURE__ */ jsx(LuIndentIncrease, {}),
+          onClick: p.onOpenOutlineView,
+          title: t("pptx.view.outlineViewTooltip")
+        }
+      ),
       /* @__PURE__ */ jsx(
         RibbonCommand,
         {
           label: t("pptx.view.readingView"),
           icon: /* @__PURE__ */ jsx(LuBookOpen, {}),
-          disabled: true,
+          onClick: p.onOpenReadingView,
           title: t("pptx.view.readingView")
         }
       )
@@ -4371,7 +4421,9 @@ function MobileSectionBody({
           isSelectionPaneOpen: p.isSelectionPaneOpen,
           onToggleSelectionPane: p.onToggleSelectionPane,
           eyedropperActive: p.eyedropperActive,
-          onToggleEyedropper: p.onToggleEyedropper
+          onToggleEyedropper: p.onToggleEyedropper,
+          onToggleSlideSorter: p.onToggleSlideSorter,
+          onOpenReadingView: p.onOpenReadingView
         }
       ) });
     case "file":
@@ -5623,6 +5675,9 @@ function Toolbar(p) {
                   onToggleSelectionPane: p.onToggleSelectionPane,
                   eyedropperActive: p.eyedropperActive,
                   onToggleEyedropper: p.onToggleEyedropper,
+                  onToggleSlideSorter: p.onToggleSlideSorter,
+                  onOpenReadingView: p.onOpenReadingView,
+                  onOpenOutlineView: p.onOpenOutlineView,
                   onZoomToFit: p.onZoomToFit
                 }
               ),
@@ -5926,6 +5981,127 @@ function GridOverlay({ canvasSize, gridSpacingPx = GRID_SIZE, visible }) {
     }
   );
 }
+function MotionPathOverlay({
+  element,
+  path,
+  canvasSize,
+  scale,
+  canEdit,
+  onChangePath
+}) {
+  const { t } = useTranslation();
+  const dragRef = useRef(null);
+  const frame = {
+    originX: element.x + element.width / 2,
+    originY: element.y + element.height / 2,
+    slideWidth: canvasSize.width,
+    slideHeight: canvasSize.height
+  };
+  const d = motionPathToSvgD(path, frame);
+  const end = motionPathEndPixel(path, frame);
+  const editable = canEdit && Boolean(onChangePath) && isEditableMotionPath(path);
+  const handlePointerDown = useCallback(
+    (event) => {
+      if (!editable) {
+        return;
+      }
+      event.stopPropagation();
+      event.preventDefault();
+      event.currentTarget.setPointerCapture(event.pointerId);
+      dragRef.current = {
+        pointerId: event.pointerId,
+        startX: event.clientX,
+        startY: event.clientY
+      };
+    },
+    [editable]
+  );
+  const handlePointerMove = useCallback(
+    (event) => {
+      const drag = dragRef.current;
+      if (!drag || drag.pointerId !== event.pointerId || !onChangePath) {
+        return;
+      }
+      event.stopPropagation();
+      const dxPx = (event.clientX - drag.startX) / (scale || 1);
+      const dyPx = (event.clientY - drag.startY) / (scale || 1);
+      const nextX = (end.x + dxPx - frame.originX) / frame.slideWidth;
+      const nextY = (end.y + dyPx - frame.originY) / frame.slideHeight;
+      const next = setMotionPathEnd(path, nextX, nextY);
+      if (next !== path) {
+        dragRef.current = {
+          pointerId: event.pointerId,
+          startX: event.clientX,
+          startY: event.clientY
+        };
+        onChangePath(next);
+      }
+    },
+    [
+      end.x,
+      end.y,
+      frame.originX,
+      frame.originY,
+      frame.slideWidth,
+      frame.slideHeight,
+      onChangePath,
+      path,
+      scale
+    ]
+  );
+  const handlePointerUp = useCallback((event) => {
+    if (dragRef.current?.pointerId === event.pointerId) {
+      event.currentTarget.releasePointerCapture(event.pointerId);
+      dragRef.current = null;
+    }
+  }, []);
+  if (!d) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "pointer-events-none absolute left-0 top-0 z-[45]",
+      width: canvasSize.width,
+      height: canvasSize.height,
+      role: "img",
+      "aria-label": t("pptx.animation.motionPath.overlay"),
+      "data-pptx-motion-path-overlay": "true",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d,
+            fill: "none",
+            stroke: "#0ea5e9",
+            strokeWidth: 2,
+            strokeDasharray: "6 4",
+            vectorEffect: "non-scaling-stroke"
+          }
+        ),
+        /* @__PURE__ */ jsx("circle", { cx: frame.originX, cy: frame.originY, r: 5, fill: "#0ea5e9", opacity: 0.55 }),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: end.x,
+            cy: end.y,
+            r: 7,
+            fill: "#ffffff",
+            stroke: "#0ea5e9",
+            strokeWidth: 2,
+            className: editable ? "pointer-events-auto cursor-move" : "",
+            "aria-label": t("pptx.animation.motionPath.endHandle"),
+            "data-pptx-motion-path-handle": "end",
+            onPointerDown: handlePointerDown,
+            onPointerMove: handlePointerMove,
+            onPointerUp: handlePointerUp,
+            onPointerCancel: handlePointerUp
+          }
+        )
+      ]
+    }
+  );
+}
 function HorizontalRulerView({ ticks, widthPx, highlight }) {
   return /* @__PURE__ */ jsxs(
     "svg",
@@ -5989,7 +6165,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React33.memo(HorizontalRulerView);
+var HorizontalRuler = React34.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -6061,7 +6237,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React33.memo(VerticalRulerView);
+var VerticalRuler = React34.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -7013,7 +7189,7 @@ function ResizeHandles({
     ) : null
   ] });
 }
-var ConnectorElementRenderer = React33.memo(
+var ConnectorElementRenderer = React34.memo(
   ({
     el,
     isSelected,
@@ -8519,10 +8695,10 @@ function InlineTextEditor({
 function FailedToLoad() {
   return null;
 }
-var LazyModel3DScene = React33.lazy(
+var LazyModel3DScene = React34.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-57HZ4NVD.mjs');
+      return await import('./Model3DScene-TTQFV7OS.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -8605,7 +8781,7 @@ function PosterFallback({
     }
   );
 }
-var Model3DErrorBoundary = class extends React33.Component {
+var Model3DErrorBoundary = class extends React34.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -8796,10 +8972,10 @@ function SmartArtInlineNodeEditor({
   onCancel
 }) {
   const { t } = useTranslation();
-  const ref = React33.useRef(null);
-  const [value, setValue] = React33.useState(initialText);
-  const settled = React33.useRef(false);
-  React33.useEffect(() => {
+  const ref = React34.useRef(null);
+  const [value, setValue] = React34.useState(initialText);
+  const settled = React34.useRef(false);
+  React34.useEffect(() => {
     const el = ref.current;
     if (el) {
       el.focus();
@@ -8891,16 +9067,16 @@ function findNodeIdFromEvent(target) {
   return null;
 }
 function useSmartArtHoverState(containerRef) {
-  const [hoveredNodeId, setHoveredNodeId] = React33.useState(null);
-  const [hoveredNodeRect, setHoveredNodeRect] = React33.useState(null);
-  const hideTimeoutRef = React33.useRef(null);
-  const cancelPendingHide = React33.useCallback(() => {
+  const [hoveredNodeId, setHoveredNodeId] = React34.useState(null);
+  const [hoveredNodeRect, setHoveredNodeRect] = React34.useState(null);
+  const hideTimeoutRef = React34.useRef(null);
+  const cancelPendingHide = React34.useCallback(() => {
     if (hideTimeoutRef.current !== null) {
       window.clearTimeout(hideTimeoutRef.current);
       hideTimeoutRef.current = null;
     }
   }, []);
-  const handleMouseMove = React33.useCallback(
+  const handleMouseMove = React34.useCallback(
     (e, ignoreRef) => {
       const nodeEl = findNodeIdFromEvent(e.target);
       const container = containerRef.current;
@@ -8928,12 +9104,12 @@ function useSmartArtHoverState(containerRef) {
     },
     [containerRef, cancelPendingHide]
   );
-  const clearHover = React33.useCallback(() => {
+  const clearHover = React34.useCallback(() => {
     cancelPendingHide();
     setHoveredNodeId(null);
     setHoveredNodeRect(null);
   }, [cancelPendingHide]);
-  React33.useEffect(() => cancelPendingHide, [cancelPendingHide]);
+  React34.useEffect(() => cancelPendingHide, [cancelPendingHide]);
   return { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover };
 }
 var EDITOR_PADDING = 4;
@@ -8948,11 +9124,11 @@ function SmartArtEditableLayer({
   onChangeNodeStyle,
   children
 }) {
-  const containerRef = React33.useRef(null);
-  const styleBarRef = React33.useRef(null);
-  const [edit, setEdit] = React33.useState(null);
+  const containerRef = React34.useRef(null);
+  const styleBarRef = React34.useRef(null);
+  const [edit, setEdit] = React34.useState(null);
   const { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover } = useSmartArtHoverState(containerRef);
-  const openEditor = React33.useCallback(
+  const openEditor = React34.useCallback(
     (target) => {
       const nodeEl = findNodeIdFromEvent(target);
       const container = containerRef.current;
@@ -10492,11 +10668,11 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SmartArtRenderer = React33.memo(SmartArtRendererImpl, arePropsEqual);
+var SmartArtRenderer = React34.memo(SmartArtRendererImpl, arePropsEqual);
 function FailedToLoad2() {
   return null;
 }
-var LazySmartArt3DScene = React33.lazy(
+var LazySmartArt3DScene = React34.lazy(
   async () => {
     try {
       return await import('./SmartArt3DScene-XCFVGCXE.mjs');
@@ -10505,7 +10681,7 @@ var LazySmartArt3DScene = React33.lazy(
     }
   }
 );
-var SceneErrorBoundary = class extends React33.Component {
+var SceneErrorBoundary = class extends React34.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -11264,7 +11440,7 @@ function renderBody(options) {
   }
   return renderTextElementBody(options);
 }
-var Extrusion3DOverlay = React33.memo(({ data }) => {
+var Extrusion3DOverlay = React34.memo(({ data }) => {
   if (!data.hasExtrusion || data.panels.length === 0) {
     return null;
   }
@@ -11457,9 +11633,9 @@ function StaticElementRendererImpl({
     }
   );
 }
-var StaticElementRenderer = React33.memo(StaticElementRendererImpl);
+var StaticElementRenderer = React34.memo(StaticElementRendererImpl);
 StaticElementRenderer.displayName = "StaticElementRenderer";
-var ElementRenderer = React33.memo(
+var ElementRenderer = React34.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ElementRendererInner({
     element: el,
@@ -11860,6 +12036,7 @@ function SlideCanvas({
   onCreateGuideFromRuler,
   connectorCreationMode = false,
   onCreateConnector,
+  onUpdateSlideAnimations,
   allSlides,
   onZoomClick,
   sourceSlideIndex,
@@ -11923,6 +12100,18 @@ function SlideCanvas({
     zoom,
     onMoveGuide
   });
+  const selectedMotionPath = selectedElement ? motionPathFor(activeSlide?.animations ?? [], selectedElement.id) : void 0;
+  const handleMotionPathChange = useCallback(
+    (path) => {
+      if (!selectedElement || !onUpdateSlideAnimations) {
+        return;
+      }
+      onUpdateSlideAnimations(
+        setMotionPath(activeSlide?.animations ?? [], selectedElement.id, path)
+      );
+    },
+    [activeSlide?.animations, onUpdateSlideAnimations, selectedElement]
+  );
   const {
     connectorDragState,
     handleConnectionSiteDown,
@@ -11992,6 +12181,10 @@ function SlideCanvas({
                   height: canvasSize.height,
                   transform: `scale(${zoom.editorScale})`,
                   transformOrigin: "top left",
+                  // Motion-path keyframes translate by a fraction of the SLIDE, so
+                  // the stage publishes its own size for those calc() offsets.
+                  ["--pptx-slide-w"]: `${canvasSize.width}px`,
+                  ["--pptx-slide-h"]: `${canvasSize.height}px`,
                   marginTop: rulerOffset,
                   marginLeft: rulerOffset,
                   // In edit/master mode the stage must own all touch gestures so
@@ -12129,6 +12322,17 @@ function SlideCanvas({
                       onConnectorDragEnd: handleConnectorDragEnd
                     }
                   ),
+                  isEditableCanvas && selectedElement && selectedMotionPath && /* @__PURE__ */ jsx(
+                    MotionPathOverlay,
+                    {
+                      element: selectedElement,
+                      path: selectedMotionPath,
+                      canvasSize,
+                      scale: zoom.editorScale,
+                      canEdit,
+                      onChangePath: handleMotionPathChange
+                    }
+                  ),
                   isDrawing && /* @__PURE__ */ jsx(
                     DrawingOverlaySvg,
                     {
@@ -12701,7 +12905,7 @@ function arePropsEqual2(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React33.memo(SlideThumbnailImpl, arePropsEqual2);
+var SlideThumbnail = React34.memo(SlideThumbnailImpl, arePropsEqual2);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -13250,7 +13454,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React33.memo(LazyThumbnailInner);
+var LazyThumbnail = React34.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function formatTimingMs(ms) {
@@ -13396,7 +13600,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React33.memo(SlideItemInner);
+var SlideItem = React34.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -14665,7 +14869,7 @@ function arePropsEqual3(prev, next) {
   }
   return true;
 }
-var SlideCard = React33.memo(SlideCardImpl, arePropsEqual3);
+var SlideCard = React34.memo(SlideCardImpl, arePropsEqual3);
 function SorterContextMenu({
   x,
   y,
@@ -15297,13 +15501,339 @@ function SlideSorterOverlay({
     }
   );
 }
+function useOutlineView(input) {
+  const { slides, canvasSize, canEdit, setSlides, setActiveSlideIndex, bumpHistory } = input;
+  const rows = useMemo(() => buildOutline(slides), [slides]);
+  const containerRef = useRef(null);
+  const pendingFocusRef = useRef(null);
+  const run = useCallback(
+    (edit) => {
+      if (!canEdit) {
+        return;
+      }
+      const result = applyOutlineEdit(slides, edit, { canvas: canvasSize });
+      if (!result.changed) {
+        return;
+      }
+      setSlides(result.slides);
+      setActiveSlideIndex(result.activeSlideIndex);
+      bumpHistory();
+      pendingFocusRef.current = result.focusKey;
+    },
+    [bumpHistory, canEdit, canvasSize, setActiveSlideIndex, setSlides, slides]
+  );
+  const onRowKeyDown = useCallback(
+    (event, rowKey) => {
+      const { edit, preventDefault } = mapOutlineKey(event, rowKey);
+      if (preventDefault) {
+        event.preventDefault();
+      }
+      if (edit) {
+        run(edit);
+      }
+    },
+    [run]
+  );
+  useEffect(() => {
+    const key = pendingFocusRef.current;
+    if (!key) {
+      return;
+    }
+    pendingFocusRef.current = null;
+    const selector = `[${OUTLINE_ROW_ATTR}="${CSS.escape(key)}"]`;
+    const target = containerRef.current?.querySelector(selector);
+    if (target && document.activeElement !== target) {
+      target.focus();
+      target.setSelectionRange(target.value.length, target.value.length);
+    }
+  }, [rows]);
+  return { rows, containerRef, run, onRowKeyDown };
+}
+var INDENT_PX = 22;
+function OutlineViewOverlay({
+  slides,
+  canvasSize,
+  canEdit,
+  setSlides,
+  setActiveSlideIndex,
+  bumpHistory,
+  onClose
+}) {
+  const { t } = useTranslation();
+  const { rows, containerRef, run, onRowKeyDown } = useOutlineView({
+    slides,
+    canvasSize,
+    canEdit,
+    setSlides,
+    setActiveSlideIndex,
+    bumpHistory
+  });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{ [OUTLINE_VIEW_ATTR]: "true" },
+      role: "region",
+      "aria-label": t("pptx.view.outlineView"),
+      className: "fixed inset-0 z-[1300] flex flex-col bg-neutral-900 text-neutral-100",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 border-b border-white/10 px-4 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold", children: t("pptx.view.outlineView") }),
+          /* @__PURE__ */ jsx("span", { className: "flex-1 truncate text-[11px] text-white/50", children: t("pptx.outline.hint") }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "inline-flex h-8 w-8 items-center justify-center rounded text-white/80 transition-colors hover:bg-white/15 hover:text-white",
+              "aria-label": t("pptx.statusBar.normalView"),
+              title: t("pptx.statusBar.normalView"),
+              onClick: onClose,
+              children: /* @__PURE__ */ jsx(LuX, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { ref: containerRef, className: "min-h-0 flex-1 overflow-auto px-4 py-3", children: rows.map((row) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "flex items-center gap-2 py-0.5",
+            style: { paddingLeft: row.level * INDENT_PX },
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "w-6 shrink-0 text-right text-[10px] tabular-nums text-white/40", children: row.kind === "title" ? row.slideIndex + 1 : "" }),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ...{
+                    [OUTLINE_ROW_ATTR]: row.key,
+                    [OUTLINE_SLIDE_ATTR]: String(row.slideIndex + 1),
+                    [OUTLINE_LEVEL_ATTR]: String(row.level)
+                  },
+                  type: "text",
+                  value: row.text,
+                  readOnly: !canEdit,
+                  "aria-label": t(
+                    row.kind === "title" ? "pptx.outline.titleLine" : "pptx.outline.bodyLine"
+                  ),
+                  className: row.kind === "title" ? "w-full rounded bg-transparent px-1 py-0.5 text-sm font-semibold outline-none focus:bg-white/10" : "w-full rounded bg-transparent px-1 py-0.5 text-[13px] text-white/80 outline-none focus:bg-white/10",
+                  onChange: (event) => run({ type: "setText", key: row.key, text: event.target.value }),
+                  onKeyDown: (event) => onRowKeyDown(event, row.key)
+                }
+              )
+            ]
+          },
+          row.key
+        )) })
+      ]
+    }
+  );
+}
+function ReadingViewStage({
+  slide,
+  templateElements,
+  canvasSize,
+  scale
+}) {
+  if (scale <= 0) {
+    return null;
+  }
+  const width = Math.max(canvasSize.width, 1);
+  const height = Math.max(canvasSize.height, 1);
+  const elements = [...templateElements, ...slide.elements];
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{ [READING_VIEW_STAGE_ATTR]: "true" },
+      "aria-roledescription": "slide",
+      className: "relative overflow-hidden bg-white shadow-2xl",
+      style: { width: width * scale, height: height * scale },
+      children: [
+        slide.backgroundColor && slide.backgroundColor !== "transparent" && /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute inset-0",
+            style: { backgroundColor: normalizeHexColor(slide.backgroundColor, "#ffffff") }
+          }
+        ),
+        slide.backgroundImage && /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: slide.backgroundImage,
+            alt: "",
+            className: "absolute inset-0 h-full w-full object-cover",
+            draggable: false
+          }
+        ),
+        slide.backgroundGradient && /* @__PURE__ */ jsx("div", { className: "absolute inset-0", style: { backgroundImage: slide.backgroundGradient } }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute left-0 top-0 origin-top-left",
+            style: { width, height, transform: `scale(${scale})` },
+            children: elements.map((element, index) => /* @__PURE__ */ jsx(
+              StaticElementRenderer,
+              {
+                element,
+                activeSlide: slide,
+                allSlides: [slide],
+                zIndex: index
+              },
+              element.id
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+var READING_VIEW_PADDING = 24;
+function useReadingView(input) {
+  const { slideCount, canvasSize, initialSlideIndex, onExit } = input;
+  const [state, setState] = useState(
+    () => openReadingView(initialSlideIndex, slideCount)
+  );
+  const viewportRef = useRef(null);
+  const [viewport, setViewport] = useState({ width: 0, height: 0 });
+  const onExitRef = useRef(onExit);
+  onExitRef.current = onExit;
+  const run = useCallback(
+    (command) => {
+      setState((previous) => {
+        const next = applyReadingViewCommand(previous, command, slideCount);
+        if (previous.open && !next.open) {
+          onExitRef.current(previous.slideIndex);
+        }
+        return next;
+      });
+    },
+    [slideCount]
+  );
+  useEffect(() => {
+    const buffer = createPresentationKeyBuffer();
+    const handle = (event) => {
+      const { command, swallow, preventDefault } = handleReadingViewKey(event, buffer);
+      if (swallow) {
+        event.stopPropagation();
+      }
+      if (preventDefault) {
+        event.preventDefault();
+      }
+      if (command.command !== "none") {
+        run(command);
+      }
+    };
+    window.addEventListener("keydown", handle, true);
+    return () => window.removeEventListener("keydown", handle, true);
+  }, [run]);
+  useEffect(() => {
+    const element = viewportRef.current;
+    if (!element) {
+      return;
+    }
+    const observer = new ResizeObserver((entries) => {
+      const rect = entries[0]?.contentRect;
+      if (rect) {
+        setViewport({ width: rect.width, height: rect.height });
+      }
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, []);
+  const scale = useMemo(
+    () => readingViewFitScale(canvasSize, viewport, READING_VIEW_PADDING),
+    [canvasSize, viewport]
+  );
+  return { state, viewportRef, scale, run };
+}
+function ReadingViewOverlay({
+  slides,
+  templateElements,
+  canvasSize,
+  activeSlideIndex,
+  onExit
+}) {
+  const { t } = useTranslation();
+  const { state, viewportRef, scale, run } = useReadingView({
+    slideCount: slides.length,
+    canvasSize,
+    initialSlideIndex: activeSlideIndex,
+    onExit
+  });
+  const slide = slides[state.slideIndex];
+  if (!state.open || !slide) {
+    return null;
+  }
+  const control = "inline-flex h-8 w-8 items-center justify-center rounded text-white/80 transition-colors hover:bg-white/15 hover:text-white disabled:cursor-default disabled:opacity-30 disabled:hover:bg-transparent";
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...{ [READING_VIEW_ATTR]: "true" },
+      role: "region",
+      "aria-label": t("pptx.view.readingView"),
+      className: "fixed inset-0 z-[1300] flex flex-col bg-neutral-900",
+      children: [
+        /* @__PURE__ */ jsx("div", { ref: viewportRef, className: "flex min-h-0 flex-1 items-center justify-center", children: /* @__PURE__ */ jsx(
+          ReadingViewStage,
+          {
+            slide,
+            templateElements,
+            canvasSize,
+            scale
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-3 border-t border-white/10 px-4 py-2", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: control,
+              "aria-label": t("pptx.common.previous"),
+              title: t("pptx.common.previous"),
+              disabled: !canGoPrevious(state),
+              onClick: () => run({ command: "previous" }),
+              children: /* @__PURE__ */ jsx(LuChevronLeft, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              ...{ [READING_VIEW_COUNTER_ATTR]: "true" },
+              className: "min-w-16 text-center text-xs tabular-nums text-white/70",
+              children: formatSlideCounter(state.slideIndex, slides.length)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: control,
+              "aria-label": t("pptx.common.next"),
+              title: t("pptx.common.next"),
+              disabled: !canGoNext(state, slides.length),
+              onClick: () => run({ command: "next" }),
+              children: /* @__PURE__ */ jsx(LuChevronRight, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: control,
+              "aria-label": t("pptx.statusBar.normalView"),
+              title: t("pptx.statusBar.normalView"),
+              onClick: () => run({ command: "exit" }),
+              children: /* @__PURE__ */ jsx(LuX, {})
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
 
 // src/viewer/components/notes/notes-utils.ts
 var DEBOUNCE_MS = 600;
 var EXPANDED_MAX_HEIGHT = 200;
 var PX_TO_PT = 0.75;
 var MAX_INDENT_LEVEL = 4;
-var INDENT_PX = 24;
+var INDENT_PX2 = 24;
 function escapeHtml(value) {
   return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
 }
@@ -15358,7 +15888,7 @@ function buildParagraph(segments) {
   if (first?.style.paragraphMarginLeft) {
     indentLevel = Math.min(
       MAX_INDENT_LEVEL,
-      Math.max(0, Math.round(first.style.paragraphMarginLeft / INDENT_PX))
+      Math.max(0, Math.round(first.style.paragraphMarginLeft / INDENT_PX2))
     );
   }
   return {
@@ -15403,7 +15933,7 @@ function paragraphsToSegments(paragraphs) {
     para.segments.forEach((seg, sIdx) => {
       const updated = { ...seg, style: { ...seg.style } };
       if (para.indentLevel > 0) {
-        updated.style.paragraphMarginLeft = para.indentLevel * INDENT_PX;
+        updated.style.paragraphMarginLeft = para.indentLevel * INDENT_PX2;
       } else {
         delete updated.style.paragraphMarginLeft;
       }
@@ -15560,7 +16090,7 @@ function parseSegmentsFromRichEditor(root) {
           if (paraIndent > 0) {
             segments[i].style = {
               ...segments[i].style,
-              paragraphMarginLeft: paraIndent * INDENT_PX
+              paragraphMarginLeft: paraIndent * INDENT_PX2
             };
           }
           break;
@@ -15624,7 +16154,7 @@ function segmentsToEditorHtml(segments) {
     if (para.indentLevel > 0) {
       attrs.push(`data-indent-level="${para.indentLevel}"`);
     }
-    const indent = para.indentLevel * INDENT_PX;
+    const indent = para.indentLevel * INDENT_PX2;
     const divStyles = [];
     if (indent > 0) {
       divStyles.push(`padding-left:${indent}px`);
@@ -15652,7 +16182,7 @@ function renderRichNotesSegments(segments) {
     }
     const divStyle = {};
     if (para.indentLevel > 0) {
-      divStyle.paddingLeft = para.indentLevel * INDENT_PX;
+      divStyle.paddingLeft = para.indentLevel * INDENT_PX2;
     }
     const children = [];
     if (para.bulletType === "bullet") {
@@ -18168,9 +18698,9 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React33.createElement("br", { key: span.key });
+      return React34.createElement("br", { key: span.key });
     }
-    return React33.createElement(
+    return React34.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
@@ -18377,7 +18907,7 @@ function arePropsEqual4(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React33.memo(ScaledSlidePreviewImpl, arePropsEqual4);
+var ScaledSlidePreview = React34.memo(ScaledSlidePreviewImpl, arePropsEqual4);
 function PresenterNotesRail({
   slides,
   current,
@@ -19408,6 +19938,33 @@ function AnimationTimelineSection({
     ] })
   ] });
 }
+function MotionPathRow({
+  motionPath,
+  canEdit,
+  onChange
+}) {
+  const { t } = useTranslation();
+  const presetId = motionPathPresetIdForPath(motionPath);
+  const isCustom = Boolean(motionPath) && !presetId;
+  return /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
+    /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px]", children: t("pptx.animation.motionPath.label") }),
+    /* @__PURE__ */ jsxs(
+      "select",
+      {
+        value: isCustom ? "custom" : presetId ?? "none",
+        onChange: (event) => onChange(event.target.value),
+        disabled: !canEdit,
+        className: SELECT_CLS,
+        children: [
+          /* @__PURE__ */ jsx("option", { value: "none", children: t("pptx.animation.motionPath.none") }),
+          isCustom && /* @__PURE__ */ jsx("option", { value: "custom", children: t("pptx.animation.motionPath.custom") }),
+          MOTION_PATH_FAMILIES.map((family) => /* @__PURE__ */ jsx("optgroup", { label: t(motionPathFamilyLabelKey(family)), children: motionPathPresetsByFamily(family).map((preset) => /* @__PURE__ */ jsx("option", { value: preset.id, children: t(motionPathPresetLabelKey(preset.id)) }, preset.id)) }, family))
+        ]
+      }
+    ),
+    motionPath && /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground", children: t("pptx.animation.motionPath.editHint") })
+  ] });
+}
 function useAnimationDragDrop({
   canEdit,
   updateAnimations
@@ -19514,6 +20071,14 @@ function useAnimationPreview({
   selectedElementAnimation
 }) {
   const handleAnimationHover = useCallback((anim) => {
+    if (anim.motionPath) {
+      startMotionPathPreview(anim.elementId, anim.motionPath, {
+        durationMs: anim.durationMs,
+        delayMs: anim.delayMs,
+        timingCurve: anim.timingCurve
+      });
+      return;
+    }
     const preset = anim.entrance ?? anim.emphasis ?? anim.exit;
     if (!preset || preset === "none") {
       return;
@@ -19529,6 +20094,14 @@ function useAnimationPreview({
     if (!selectedElementAnimation) {
       return;
     }
+    if (selectedElementAnimation.motionPath) {
+      startMotionPathPreview(selectedElementId, selectedElementAnimation.motionPath, {
+        durationMs: selectedElementAnimation.durationMs,
+        delayMs: selectedElementAnimation.delayMs,
+        timingCurve: selectedElementAnimation.timingCurve
+      });
+      return;
+    }
     const preset = selectedElementAnimation.entrance ?? selectedElementAnimation.emphasis ?? selectedElementAnimation.exit;
     if (!preset || preset === "none") {
       return;
@@ -19588,7 +20161,7 @@ function useAnimationHandlers({
         const idx = anims.findIndex((a) => a.elementId === selectedElement.id);
         const hasEffect = entrance || exit || emphasis;
         if (idx >= 0) {
-          if (!hasEffect) {
+          if (!hasEffect && !anims[idx].motionPath) {
             return anims.filter((a) => a.elementId !== selectedElement.id);
           }
           anims[idx] = {
@@ -19646,6 +20219,20 @@ function useAnimationHandlers({
     },
     [setAnimationPreset, selectedElementAnimation]
   );
+  const handleMotionPathChange = useCallback(
+    (presetId) => {
+      if (!canEdit) {
+        return;
+      }
+      if (presetId === "custom") {
+        return;
+      }
+      updateAnimations(
+        (anims) => presetId === "none" ? clearMotionPath(anims, selectedElement.id) : applyMotionPathPreset(anims, selectedElement.id, presetId)
+      );
+    },
+    [canEdit, updateAnimations, selectedElement.id]
+  );
   const handleTriggerChange = useCallback(
     (event) => {
       const newTrigger = event.target.value;
@@ -19711,7 +20298,7 @@ function useAnimationHandlers({
     [activeSlide.elements]
   );
   const hasAnimation = Boolean(
-    selectedElementAnimation?.entrance || selectedElementAnimation?.exit || selectedElementAnimation?.emphasis
+    selectedElementAnimation?.entrance || selectedElementAnimation?.exit || selectedElementAnimation?.emphasis || selectedElementAnimation?.motionPath
   );
   const showDirectionPicker = hasAnimation && (DIRECTIONAL_PRESETS.has(selectedElementAnimation?.entrance ?? "") || DIRECTIONAL_PRESETS.has(selectedElementAnimation?.exit ?? ""));
   const timelineBarData = useMemo(() => {
@@ -19753,6 +20340,7 @@ function useAnimationHandlers({
     handleRepeatModeChange,
     handleDirectionChange,
     handleSequenceChange,
+    handleMotionPathChange,
     getTimelineLabel,
     ...preview,
     ...dragDrop
@@ -19787,6 +20375,7 @@ function AnimationPanel({
     handleRepeatModeChange,
     handleDirectionChange,
     handleSequenceChange,
+    handleMotionPathChange,
     handlePreviewClick
   } = handlers;
   return /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-card p-2 space-y-2", children: [
@@ -19854,6 +20443,14 @@ function AnimationPanel({
         }
       )
     ] }),
+    /* @__PURE__ */ jsx(
+      MotionPathRow,
+      {
+        motionPath: selectedElementAnimation?.motionPath,
+        canEdit,
+        onChange: handleMotionPathChange
+      }
+    ),
     hasAnimation && /* @__PURE__ */ jsxs(Fragment, { children: [
       showDirectionPicker && /* @__PURE__ */ jsxs("div", { className: "pt-1 border-t border-border", children: [
         /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-[11px] block mb-1", children: t("pptx.animation.direction") }),
@@ -21804,7 +22401,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React33.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React34.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(
@@ -24633,7 +25230,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React33.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React34.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -25470,7 +26067,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React33.useState(false);
+  const [expanded, setExpanded] = React34.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(
@@ -26195,9 +26792,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React33.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React33.useRef(null);
-  React33.useEffect(() => {
+  const inputRefs = React34.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React34.useRef(null);
+  React34.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -26413,6 +27010,151 @@ function SmartArtPropertiesPanel({
     ] })
   ] });
 }
+var HEADER_CELL = "flex items-center justify-center gap-0.5 bg-muted text-muted-foreground border border-border -m-px px-1 py-0.5 whitespace-nowrap";
+var CELL_INPUT2 = "w-full box-border bg-muted px-1 py-0.5 text-[11px] border-0 outline-none focus:bg-accent disabled:opacity-60";
+var REMOVE_BTN = "px-0.5 leading-none text-destructive hover:opacity-80";
+function TableDataGrid({
+  tableElement,
+  canEdit,
+  onUpdateElement
+}) {
+  const { t } = useTranslation();
+  const grid = buildTableDataGrid(tableElement);
+  if (grid.rowCount === 0 || grid.colCount === 0) {
+    return null;
+  }
+  const commit = (next) => {
+    if (next === tableElement) {
+      return;
+    }
+    onUpdateElement({ tableData: next.tableData, rawXml: next.rawXml });
+  };
+  return /* @__PURE__ */ jsx("div", { className: CARD, children: /* @__PURE__ */ jsxs("section", { "aria-label": t("pptx.tableDataEditor.ariaLabel"), children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-1 mb-1.5", children: [
+      /* @__PURE__ */ jsx("div", { className: HEADING, children: t("pptx.inspector.tableData") }),
+      canEdit && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-0.5", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: BTN,
+            title: t("pptx.tableDataEditor.addRowTitle"),
+            onClick: () => commit(appendTableElementRow(tableElement)),
+            children: t("pptx.tableDataEditor.addRowLabel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: BTN,
+            disabled: !grid.canRemoveRow,
+            title: t("pptx.tableDataEditor.removeRowTitle"),
+            onClick: () => commit(removeLastTableElementRow(tableElement)),
+            children: t("pptx.tableDataEditor.removeRowLabel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: BTN,
+            title: t("pptx.tableDataEditor.addColumnTitle"),
+            onClick: () => commit(appendTableElementColumn(tableElement)),
+            children: t("pptx.tableDataEditor.addColumnLabel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: BTN,
+            disabled: !grid.canRemoveColumn,
+            title: t("pptx.tableDataEditor.removeColumnTitle"),
+            onClick: () => commit(removeLastTableElementColumn(tableElement)),
+            children: t("pptx.tableDataEditor.removeColumnLabel")
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col text-[11px] w-max min-w-full", role: "grid", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex", role: "row", children: [
+        /* @__PURE__ */ jsx("div", { className: `${HEADER_CELL} flex-none w-10`, "aria-hidden": "true" }),
+        grid.colIndices.map((colIndex) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `${HEADER_CELL} flex-1 basis-16`,
+            role: "columnheader",
+            children: [
+              /* @__PURE__ */ jsx("span", { children: colIndex + 1 }),
+              canEdit && grid.canRemoveColumn && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: REMOVE_BTN,
+                  "aria-label": t("pptx.tableDataEditor.removeColumnN", {
+                    number: colIndex + 1
+                  }),
+                  title: t("pptx.tableDataEditor.removeColumnN", { number: colIndex + 1 }),
+                  onClick: () => commit(removeTableElementColumn(tableElement, colIndex)),
+                  children: "\xD7"
+                }
+              )
+            ]
+          },
+          colIndex
+        ))
+      ] }),
+      grid.rows.map((row) => /* @__PURE__ */ jsxs("div", { className: "flex", role: "row", children: [
+        /* @__PURE__ */ jsxs("div", { className: `${HEADER_CELL} flex-none w-10`, role: "rowheader", children: [
+          /* @__PURE__ */ jsx("span", { children: row.rowIndex + 1 }),
+          canEdit && grid.canRemoveRow && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: REMOVE_BTN,
+              "aria-label": t("pptx.tableDataEditor.removeRowN", {
+                number: row.rowIndex + 1
+              }),
+              title: t("pptx.tableDataEditor.removeRowN", { number: row.rowIndex + 1 }),
+              onClick: () => commit(removeTableElementRow(tableElement, row.rowIndex)),
+              children: "\xD7"
+            }
+          )
+        ] }),
+        row.cells.map((cell) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "flex flex-1 basis-16 p-px border border-border -m-px",
+            role: "gridcell",
+            children: /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "text",
+                className: CELL_INPUT2,
+                disabled: !canEdit,
+                "aria-label": t("pptx.tableDataEditor.cellAriaLabel", {
+                  row: cell.rowIndex + 1,
+                  column: cell.colIndex + 1
+                }),
+                value: cell.text,
+                onChange: (event) => commit(
+                  setTableElementCellText(
+                    tableElement,
+                    cell.rowIndex,
+                    cell.colIndex,
+                    event.target.value
+                  )
+                )
+              }
+            )
+          },
+          cell.colIndex
+        ))
+      ] }, row.rowIndex))
+    ] }) })
+  ] }) });
+}
 function TableCellAdvancedFill({
   cellStyle,
   canEdit,
@@ -27149,15 +27891,25 @@ function ElementInspectorBody({
         )
       ] }, key)) })
     ] }),
-    selectedElement.type === "table" && /* @__PURE__ */ jsx(
-      TablePropertiesPanel,
-      {
-        tableElement: selectedElement,
-        canEdit,
-        onUpdateElement,
-        tableEditorState
-      }
-    ),
+    selectedElement.type === "table" && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        TableDataGrid,
+        {
+          tableElement: selectedElement,
+          canEdit,
+          onUpdateElement
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        TablePropertiesPanel,
+        {
+          tableElement: selectedElement,
+          canEdit,
+          onUpdateElement,
+          tableEditorState
+        }
+      )
+    ] }),
     selectedElement.type === "chart" && /* @__PURE__ */ jsx(
       ChartDataPanel,
       {
@@ -28509,7 +29261,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React33.useCallback(
+  const handleTransitionChange = React34.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -31821,6 +32573,9 @@ function ViewerOverlays({
   isShortcutHelpOpen,
   isAccessibilityPanelOpen,
   showSlideSorter,
+  showReadingView,
+  showOutlineView,
+  templateElements,
   accessibilityIssues,
   slides,
   activeSlideIndex,
@@ -31835,10 +32590,15 @@ function ViewerOverlays({
   onDuplicateSlides,
   onToggleHideSlides,
   onCloseSorter,
+  onCloseReadingView,
+  onCloseOutlineView,
+  setSlides,
+  setActiveSlideIndex,
+  bumpHistory,
   reducedMotion,
   onToggleReducedMotion
 }) {
-  const hasOverlay = isShortcutHelpOpen || isAccessibilityPanelOpen || showSlideSorter;
+  const hasOverlay = isShortcutHelpOpen || isAccessibilityPanelOpen || showSlideSorter || showReadingView || showOutlineView;
   if (!hasOverlay) {
     return null;
   }
@@ -31869,6 +32629,28 @@ function ViewerOverlays({
         onToggleHideSlides,
         onClose: onCloseSorter
       }
+    ),
+    showReadingView && /* @__PURE__ */ jsx(
+      ReadingViewOverlay,
+      {
+        slides,
+        templateElements,
+        canvasSize,
+        activeSlideIndex,
+        onExit: onCloseReadingView
+      }
+    ),
+    showOutlineView && /* @__PURE__ */ jsx(
+      OutlineViewOverlay,
+      {
+        slides,
+        canvasSize,
+        canEdit,
+        setSlides,
+        setActiveSlideIndex,
+        bumpHistory,
+        onClose: onCloseOutlineView
+      }
     )
   ] });
 }
@@ -32357,6 +33139,12 @@ function ViewerToolbarSection(props) {
         return;
       }
       const current = activeSlide.animations ?? [];
+      if (group === "motionPath") {
+        propertyHandlers.handleUpdateSlide({
+          animations: applyMotionPathPreset(current, selectedElement.id, preset)
+        });
+        return;
+      }
       const existing = current.find((a) => a.elementId === selectedElement.id);
       const presetValue = preset;
       if (existing) {
@@ -32395,7 +33183,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React33.useMemo(
+  const scopedLayoutOptions = React34.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -32693,6 +33481,8 @@ function ViewerToolbarSection(props) {
         onOpenSettings,
         onRunAccessibilityCheck: dialogs.handleRunAccessibilityCheck,
         onToggleSlideSorter: () => s.setShowSlideSorter((p) => !p),
+        onOpenReadingView: () => s.setShowReadingView(true),
+        onOpenOutlineView: () => s.setShowOutlineView(true),
         onUpdateTextStyle: ops.updateSelectedTextStyle,
         onTransformTextCase: ops.updateSelectedTextCase,
         isOverflowMenuOpen: s.isOverflowMenuOpen,
@@ -32781,15 +33571,7 @@ function ViewerToolbarSection(props) {
   ] });
 }
 var TEMPLATES = EQUATION_TEMPLATES;
-var TEMPLATE_MATHML = TEMPLATES.map((tmpl) => {
-  try {
-    const tmplOmml = convertLatexToOmml(tmpl.latex);
-    const raw = convertOmmlToMathMl(tmplOmml);
-    return raw ? sanitizeMathMl(raw) : "";
-  } catch {
-    return "";
-  }
-});
+var TEMPLATE_MATHML = compileEquationTemplateMathMl();
 function MathMlPreview({ mathml }) {
   const containerRef = useRef(null);
   useEffect(() => {
@@ -32835,18 +33617,7 @@ function EquationEditorDialog({
       setLatex(initialLatex);
     }
   }, [isOpen, initialLatex]);
-  const { mathml, omml } = useMemo(() => {
-    if (!deferredLatex.trim()) {
-      return { mathml: "", omml: {} };
-    }
-    try {
-      const ommlObj = convertLatexToOmml(deferredLatex);
-      const mathmlStr = convertOmmlToMathMl(ommlObj);
-      return { mathml: mathmlStr, omml: ommlObj };
-    } catch {
-      return { mathml: "", omml: {} };
-    }
-  }, [deferredLatex]);
+  const { mathml, omml } = useMemo(() => compileLatexEquation(deferredLatex), [deferredLatex]);
   const handleInsert = useCallback(() => {
     if (!latex.trim()) {
       return;
@@ -33553,6 +34324,10 @@ function PresentationStage({
                       height: safeHeight,
                       transform: `scale(${scale})`,
                       transformOrigin: "top left",
+                      // Motion-path keyframes translate by a fraction of the SLIDE, so
+                      // the stage publishes its own size for those calc() offsets.
+                      "--pptx-slide-w": `${safeWidth}px`,
+                      "--pptx-slide-h": `${safeHeight}px`,
                       ...getReactSlideBackgroundStyle(activeSlide)
                     },
                     children: [
@@ -33977,6 +34752,7 @@ ${url}`)) {
           ) : /* @__PURE__ */ jsx(
             SlideCanvas,
             {
+              onUpdateSlideAnimations: props.onUpdateSlideAnimations,
               activeSlide: effectiveSlide,
               templateElements: effectiveTemplateElements,
               canvasSize,
@@ -34159,7 +34935,7 @@ ${url}`)) {
     )
   );
 }
-var AiChatPanel = lazy(() => import('./AiChatPanel-6W6ZBAGU.mjs'));
+var AiChatPanel = lazy(() => import('./AiChatPanel-EX2TBRJM.mjs'));
 function AiChatPanelLazy(props) {
   return /* @__PURE__ */ jsx(
     Suspense,
@@ -35321,6 +36097,7 @@ function ViewerMainContent(props) {
     /* @__PURE__ */ jsx(
       ViewerCanvasArea,
       {
+        onUpdateSlideAnimations: (animations) => propertyHandlers.handleUpdateSlide({ animations }),
         mode,
         canEdit,
         slides,
@@ -37733,6 +38510,9 @@ var PowerPointViewer = forwardRef(
               isShortcutHelpOpen: state.isShortcutHelpOpen,
               isAccessibilityPanelOpen: state.isAccessibilityPanelOpen,
               showSlideSorter: state.showSlideSorter,
+              showReadingView: state.showReadingView,
+              showOutlineView: state.showOutlineView,
+              templateElements: state.templateElements,
               accessibilityIssues: state.accessibilityIssues,
               slides,
               activeSlideIndex,
@@ -37750,6 +38530,14 @@ var PowerPointViewer = forwardRef(
               onDuplicateSlides: editorOps.slideOps.handleDuplicateSlides,
               onToggleHideSlides: editorOps.slideOps.handleToggleHideSlides,
               onCloseSorter: () => state.setShowSlideSorter(false),
+              onCloseReadingView: (slideIndex) => {
+                state.setShowReadingView(false);
+                state.setActiveSlideIndex(slideIndex);
+              },
+              onCloseOutlineView: () => state.setShowOutlineView(false),
+              setSlides: state.setSlides,
+              setActiveSlideIndex: state.setActiveSlideIndex,
+              bumpHistory: () => state.setPointerCommitNonce((n) => n + 1),
               reducedMotion,
               onToggleReducedMotion: toggleReducedMotion
             }