pptx-react-viewer 1.25.5 → 2.0.0

package/dist/{chunk-L4ZADJOM.mjs → chunk-L63RAVM7.mjs}

@@ -1,11 +1,13 @@
-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, useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, 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, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, 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, startPreviewAnimation, stopPreviewAnimation } from './chunk-F4WPQRZU.mjs';
-import { RULER_THICKNESS, RULER_FONT_SIZE, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, 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, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, 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, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-FVQDRA5N.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-M3SIFXWD.mjs';
-import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, isImageLikeElement, getLinkedTextBoxSegments, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, getSubstituteFontFamily, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-FOMF7POV.mjs';
-import React32, { createContext, useMemo, useState, useCallback, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, useDeferredValue } from 'react';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-BHVCED34.mjs';
+import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-5XLLRPMV.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_TRANSITION_OPTIONS, 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, startPreviewAnimation, stopPreviewAnimation } from './chunk-B6NRDUHJ.mjs';
+import { RULER_THICKNESS, RULER_FONT_SIZE, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, getElementLabel, buildPreviewElements, 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, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, 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, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, 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, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, withFrameSlides, withSlidesPerPage, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-R2N2UYT7.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-2X72MOPZ.mjs';
+import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, isImageLikeElement, getLinkedTextBoxSegments, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, getSubstituteFontFamily, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-6YXLGMTN.mjs';
+import React32, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, 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, LuChevronUp, LuChevronDown, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuMenu, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuPackage, LuFileImage, LuVideo, LuBox, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuSparkles, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuSpellCheck, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuZoomIn, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuZoomOut, LuScan, LuMonitorOff, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
+import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuPackage, LuFileImage, LuVideo, LuBox, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, 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, LuSpellCheck, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuZoomIn, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuZoomOut, LuScan, LuMonitorOff, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1334,7 +1336,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "1.25.4" ;
+  const version = "1.25.5" ;
   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: [
@@ -1543,23 +1545,23 @@ function FileSection(p) {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: "fixed inset-0 z-[200] flex bg-background font-[Aptos,Segoe_UI,sans-serif] text-foreground",
+      className: "fixed inset-0 z-[200] flex bg-background font-[Aptos,Segoe_UI,sans-serif] text-foreground max-md:flex-col",
       role: "dialog",
       "aria-modal": "true",
       "aria-label": "File",
       children: [
-        /* @__PURE__ */ jsxs("aside", { className: "flex w-[148px] shrink-0 flex-col border-r border-border bg-secondary", children: [
+        /* @__PURE__ */ jsxs("aside", { className: "flex w-[148px] shrink-0 flex-col border-r border-border bg-secondary max-md:w-full max-md:flex-row max-md:items-center max-md:overflow-x-auto max-md:border-r-0 max-md:border-b", children: [
           /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               "aria-label": "Back to presentation",
               onClick: p.onClose,
-              className: "grid h-47px min-h-[48px] place-items-center border-b border-border text-xl hover:bg-accent",
+              className: "grid h-47px min-h-[48px] place-items-center border-b border-border text-xl hover:bg-accent max-md:min-w-[48px] max-md:shrink-0 max-md:border-b-0 max-md:border-r",
               children: /* @__PURE__ */ jsx(LuArrowLeft, {})
             }
           ),
-          /* @__PURE__ */ jsxs("nav", { className: "flex min-h-0 flex-1 flex-col py-2", children: [
+          /* @__PURE__ */ jsxs("nav", { className: "flex min-h-0 flex-1 flex-col py-2 max-md:flex-row max-md:items-center max-md:py-0", children: [
             BACKSTAGE_NAV.filter(
               (item) => !item.group && !(item.id === "export" && exportHidden)
             ).map((item) => /* @__PURE__ */ jsxs(
@@ -1567,7 +1569,7 @@ function FileSection(p) {
               {
                 type: "button",
                 onClick: () => item.id === "close" ? p.onClose() : item.id === "save" ? run(p.onSaveAsPptx) : setPage(item.id),
-                className: `flex min-h-10 items-center gap-3 border-l-2 px-4 text-left text-[12px] ${page === item.id ? "border-primary bg-card text-primary" : "border-transparent hover:bg-accent"}`,
+                className: `flex min-h-10 items-center gap-3 border-l-2 px-4 text-left text-[12px] max-md:shrink-0 max-md:whitespace-nowrap max-md:border-l-0 max-md:border-b-2 max-md:px-3 ${page === item.id ? "border-primary bg-card text-primary" : "border-transparent hover:bg-accent"}`,
                 children: [
                   /* @__PURE__ */ jsx(BackstageNavIcon, { page: item.id }),
                   item.label
@@ -1575,13 +1577,13 @@ function FileSection(p) {
               },
               item.id
             )),
-            /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 max-md:hidden" }),
             BACKSTAGE_NAV.filter((item) => item.group).map((item) => /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
                 onClick: () => item.id === "options" && p.onOpenSettings ? run(p.onOpenSettings) : setPage(item.id),
-                className: `flex min-h-10 items-center gap-3 border-l-2 px-4 text-left text-[12px] ${page === item.id ? "border-primary bg-card text-primary" : "border-transparent hover:bg-accent"}`,
+                className: `flex min-h-10 items-center gap-3 border-l-2 px-4 text-left text-[12px] max-md:shrink-0 max-md:whitespace-nowrap max-md:border-l-0 max-md:border-b-2 max-md:px-3 ${page === item.id ? "border-primary bg-card text-primary" : "border-transparent hover:bg-accent"}`,
                 children: [
                   /* @__PURE__ */ jsx(BackstageNavIcon, { page: item.id }),
                   item.label
@@ -1591,7 +1593,7 @@ function FileSection(p) {
             ))
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("main", { className: "min-w-0 flex-1 overflow-y-auto bg-background px-[clamp(32px,4vw,72px)] py-5", children: [
+        /* @__PURE__ */ jsxs("main", { className: "min-w-0 flex-1 overflow-y-auto bg-background px-[clamp(32px,4vw,72px)] py-5 max-md:px-4 max-md:py-4", children: [
           /* @__PURE__ */ jsx("h1", { className: "text-[24px] font-semibold", children: page === "home" ? "Good evening" : title }),
           (page === "home" || page === "new") && /* @__PURE__ */ jsx(
             BackstageNewGallery,
@@ -4296,6 +4298,17 @@ function MobileToolbar(props) {
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "flex-1" }),
+        showEdit && props.aiEnabled && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: props.onToggleAiPanel,
+            className: cn(btn, props.isAiPanelOpen ? "text-primary" : void 0),
+            title: t("pptx.toolbar.toggleAiAssistant"),
+            "aria-label": t("pptx.toolbar.toggleAiAssistant"),
+            children: /* @__PURE__ */ jsx(LuSparkles, { className: "w-5 h-5" })
+          }
+        ),
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -5172,6 +5185,17 @@ function ToolbarPrimaryRow(p) {
         children: /* @__PURE__ */ jsx(LuPanelRight, { className: ic })
       }
     ),
+    p.aiEnabled && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: p.onToggleAiPanel,
+        className: cn(qab, p.isAiPanelOpen ? "text-primary" : "text-muted-foreground"),
+        title: t("pptx.toolbar.toggleAiAssistant"),
+        "aria-label": t("pptx.toolbar.toggleAiAssistant"),
+        children: /* @__PURE__ */ jsx(LuSparkles, { className: ic })
+      }
+    ),
     /* @__PURE__ */ jsx(
       "button",
       {
@@ -7209,7 +7233,11 @@ function getContainerStyle({
   has3DExtrusion,
   templateEditing
 }) {
-  const overflowValue = has3DExtrusion ? "visible" : isImg ? "hidden" : void 0;
+  const ss = hasShapeProperties(el) ? el.shapeStyle : void 0;
+  const blurGrowVisible = Boolean(
+    ss?.blurGrow && typeof ss.blurRadius === "number" && ss.blurRadius > 0
+  );
+  const overflowValue = has3DExtrusion || blurGrowVisible ? "visible" : isImg ? "hidden" : void 0;
   return {
     left: isFullscreenMedia ? 0 : el.x,
     top: isFullscreenMedia ? 0 : el.y,
@@ -7293,7 +7321,8 @@ function ensureInteractionStyles() {
 function ChartElementView({
   element,
   editable,
-  onUpdateElement
+  onUpdateElement,
+  animationState
 }) {
   const wrapperRef = useRef(null);
   const dragRef = useRef(null);
@@ -7439,7 +7468,10 @@ function ChartElementView({
     }
     setTitleDraft(null);
   };
-  const renderedElement = previewData ? { ...element, chartData: previewData } : element;
+  const baseChartData = previewData ?? element.chartData;
+  const chartBuild = animationState?.build?.kind === "chart" ? animationState.build : void 0;
+  const revealedChartData = chartBuild && baseChartData ? applyChartBuildReveal(baseChartData, chartBuild) : baseChartData;
+  const renderedElement = revealedChartData === element.chartData ? element : { ...element, chartData: revealedChartData };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -7715,6 +7747,38 @@ function renderImg(el, style, filter, alt, opacity) {
     )
   ] });
 }
+function ShapeEffectOverlay({
+  element
+}) {
+  if (!hasShapeProperties(element)) {
+    return null;
+  }
+  const overlay = getComputedEffectStyle(element).fillOverlay;
+  const softEdge = getSoftEdgeSvgFilter(element.shapeStyle, element.id);
+  if (!overlay && !softEdge) {
+    return null;
+  }
+  const fillOverlayStyle = overlay ? {
+    position: "absolute",
+    inset: 0,
+    background: overlay.color,
+    mixBlendMode: overlay.blendMode,
+    pointerEvents: "none"
+  } : void 0;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    softEdge ? /* @__PURE__ */ jsx(
+      "svg",
+      {
+        width: 0,
+        height: 0,
+        "aria-hidden": "true",
+        style: { position: "absolute", width: 0, height: 0, overflow: "hidden" },
+        children: /* @__PURE__ */ jsx("defs", { dangerouslySetInnerHTML: { __html: softEdge.filterMarkup } })
+      }
+    ) : null,
+    fillOverlayStyle ? /* @__PURE__ */ jsx("div", { className: "pptx-react-fill-overlay", "aria-hidden": "true", style: fillOverlayStyle }) : null
+  ] });
+}
 function renderPressureStroke(pathD, widths, baseWidth, color, opacity, keyPrefix) {
   const points = extractPathPoints(pathD);
   const circles = generatePressureCircles(points, widths, {
@@ -7779,15 +7843,24 @@ function renderInk(el, options) {
     }
   );
 }
-function renderGroup(children) {
+function renderGroup(children, parentGroupFill) {
   return /* @__PURE__ */ jsx("div", { className: "relative w-full h-full pointer-events-none", children: children.map((c, childIndex) => {
     const { hf, fc, sw, sc } = shapeParams(c);
-    const ss = getShapeVisualStyle(c, hf, fc, sw, sc);
+    const baseSs = getShapeVisualStyle(c, hf, fc, sw, sc);
+    const inheritedFill = resolveGroupChildFill(c, parentGroupFill);
+    const ss = inheritedFill ? {
+      ...baseSs,
+      backgroundColor: inheritedFill.backgroundColor,
+      backgroundImage: inheritedFill.backgroundImage,
+      backgroundRepeat: inheritedFill.backgroundRepeat,
+      backgroundSize: inheritedFill.backgroundSize,
+      backgroundPosition: inheritedFill.backgroundPosition
+    } : baseSs;
     const vs = renderVectorShape(c, hf, fc, sw, sc);
     const ts = getTextStyleForElement(c, DEFAULT_TEXT_COLOR);
     const isTxt = isEditableTextElement(c);
     const isI = c.type === "picture" || c.type === "image";
-    return /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs(
       "div",
       {
         className: "absolute",
@@ -7807,32 +7880,35 @@ function renderGroup(children) {
           // Placed after ...ss to ensure it is never overwritten.
           zIndex: childIndex
         },
-        children: isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? isImageTiled(c) ? /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "pointer-events-none select-none w-full h-full",
-            style: getImageTilingStyle(c)
-          }
-        ) : /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: "svgData" in c && c.svgData ? c.svgData : c.imageData,
-            alt: translationsEn["pptx.ink.groupChildAlt"],
-            className: "pointer-events-none select-none",
-            style: getImageRenderStyle(c),
-            draggable: false
-          }
-        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          vs,
-          isTxt ? /* @__PURE__ */ jsx(
+        children: [
+          /* @__PURE__ */ jsx(ShapeEffectOverlay, { element: c }),
+          isI && ("svgData" in c && c.svgData || "imageData" in c && c.imageData) ? isImageTiled(c) ? /* @__PURE__ */ jsx(
             "div",
             {
-              className: "relative z-10 w-full h-full pointer-events-none whitespace-pre-wrap break-words leading-[1.3]",
-              style: ts,
-              children: renderTextSegments(c, DEFAULT_TEXT_COLOR)
+              className: "pointer-events-none select-none w-full h-full",
+              style: getImageTilingStyle(c)
             }
-          ) : null
-        ] })
+          ) : /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: "svgData" in c && c.svgData ? c.svgData : c.imageData,
+              alt: translationsEn["pptx.ink.groupChildAlt"],
+              className: "pointer-events-none select-none",
+              style: getImageRenderStyle(c),
+              draggable: false
+            }
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            vs,
+            isTxt ? /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "relative z-10 w-full h-full pointer-events-none whitespace-pre-wrap break-words leading-[1.3]",
+                style: ts,
+                children: renderTextSegments(c, DEFAULT_TEXT_COLOR)
+              }
+            ) : null
+          ] })
+        ]
       },
       c.id
     );
@@ -8264,7 +8340,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React32.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-XVYOISVJ.mjs');
+      return await import('./Model3DScene-TEF362W2.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -8366,7 +8442,7 @@ function Model3DRenderer({ element, width, height, interactive }) {
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
     let cancelled = false;
-    import('./three.module-7CXEVRKB.mjs').then(() => {
+    import('./three.module-AC7ESV4W.mjs').then(() => {
       if (!cancelled) {
         setThreeAvailable(true);
       }
@@ -9996,7 +10072,8 @@ function SmartArtRendererImpl({
   element,
   className = "",
   canEdit = false,
-  onUpdateElement
+  onUpdateElement,
+  animationState
 }) {
   const { t } = useTranslation();
   if (element.type !== "smartArt" || !element.smartArtData) {
@@ -10010,6 +10087,14 @@ function SmartArtRendererImpl({
   }
   const smartArtData = element.smartArtData;
   const { nodes, drawingShapes, chrome } = smartArtData;
+  const diagramBuild = animationState?.build?.kind === "diagram" ? animationState.build : void 0;
+  const shownNodeCount = diagramBuild ? revealedSmartArtNodeCount(nodes, diagramBuild) : nodes.length;
+  const isPartialBuild = diagramBuild !== void 0 && shownNodeCount < nodes.length;
+  const revealedNodes = isPartialBuild ? nodes.slice(0, shownNodeCount) : nodes;
+  const revealedShapes = isPartialBuild && drawingShapes && drawingShapes.length > 0 ? drawingShapes.slice(
+    0,
+    Math.ceil(shownNodeCount / Math.max(nodes.length, 1) * drawingShapes.length)
+  ) : drawingShapes;
   if (nodes.length === 0) {
     return /* @__PURE__ */ jsx(
       "div",
@@ -10059,12 +10144,12 @@ function SmartArtRendererImpl({
     }
   };
   let content;
-  if (drawingShapes && drawingShapes.length > 0) {
+  if (revealedShapes && revealedShapes.length > 0) {
     content = /* @__PURE__ */ jsx(
       DrawingShapeRenderer,
       {
         elementId: element.id,
-        shapes: drawingShapes,
+        shapes: revealedShapes,
         style,
         palette,
         nodes,
@@ -10074,7 +10159,7 @@ function SmartArtRendererImpl({
   } else {
     const namedLayout = smartArtData.layout;
     const layoutType = namedLayout ? layoutToCategory(namedLayout) : (smartArtData.resolvedLayoutType ?? smartArtData.layoutType ?? "list").toLowerCase();
-    content = renderLayout(layoutType, element, nodes, palette, style, nodeLabels);
+    content = renderLayout(layoutType, element, revealedNodes, palette, style, nodeLabels);
   }
   const body = editable ? /* @__PURE__ */ jsx(
     SmartArtEditableLayer,
@@ -10218,6 +10303,11 @@ function arePropsEqual(prev, next) {
   if (prevData !== nextData) {
     return false;
   }
+  const prevBuild = prev.animationState?.build;
+  const nextBuild = next.animationState?.build;
+  if (prevBuild?.kind !== nextBuild?.kind || prevBuild?.mode !== nextBuild?.mode || prevBuild?.progress !== nextBuild?.progress) {
+    return false;
+  }
   return true;
 }
 var SmartArtRenderer = React32.memo(SmartArtRendererImpl, arePropsEqual);
@@ -10227,7 +10317,7 @@ function FailedToLoad2() {
 var LazySmartArt3DScene = React32.lazy(
   async () => {
     try {
-      return await import('./SmartArt3DScene-WQIDFZ7X.mjs');
+      return await import('./SmartArt3DScene-XCFVGCXE.mjs');
     } catch {
       return { default: FailedToLoad2 };
     }
@@ -10255,7 +10345,7 @@ function SmartArt3DRenderer({
   const [threeAvailable, setThreeAvailable] = useState(null);
   useEffect(() => {
     let cancelled = false;
-    import('./three.module-7CXEVRKB.mjs').then(() => {
+    import('./three.module-AC7ESV4W.mjs').then(() => {
       if (!cancelled) {
         setThreeAvailable(true);
       }
@@ -10339,7 +10429,8 @@ function SmartArtElement({
   element,
   className,
   canEdit,
-  onUpdateElement
+  onUpdateElement,
+  animationState
 }) {
   const use3D = useContext(SmartArt3DContext);
   if (use3D) {
@@ -10359,7 +10450,8 @@ function SmartArtElement({
       element,
       className,
       canEdit,
-      onUpdateElement
+      onUpdateElement,
+      animationState
     }
   );
 }
@@ -10564,7 +10656,9 @@ function renderTextElementBody(options) {
     hasTextProperties(el) ? el.textStyle?.textWarpPreset : void 0
   );
   const scene3dStyle = hasTextProperties(el) ? buildTextBody3DSceneStyle(el.textStyle) : void 0;
-  const composedTransform = [getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
+  const bodyRotation = hasTextProperties(el) ? el.textStyle?.textBodyRotation : void 0;
+  const rotationTransform = typeof bodyRotation === "number" && Number.isFinite(bodyRotation) && bodyRotation !== 0 ? `rotate(${bodyRotation}deg)` : void 0;
+  const composedTransform = [rotationTransform, getTextCompensationTransform(el), scene3dStyle?.transform].filter(Boolean).join(" ") || void 0;
   const transformStyle = {
     transform: composedTransform,
     transformOrigin: "center",
@@ -10872,8 +10966,10 @@ function renderBody(options) {
     canEditSmartArt,
     onUpdateSmartArtElement,
     canEditChart,
-    onUpdateChartElement
+    onUpdateChartElement,
+    presentationElementStates
   } = options;
+  const animationState = presentationElementStates?.get(el.id);
   if (el.type === "model3d") {
     return /* @__PURE__ */ jsx(
       Model3DRenderer,
@@ -10939,7 +11035,8 @@ function renderBody(options) {
       {
         element: el,
         editable: Boolean(isSel && canEditChart),
-        onUpdateElement: onUpdateChartElement
+        onUpdateElement: onUpdateChartElement,
+        animationState
       }
     );
   }
@@ -10949,7 +11046,8 @@ function renderBody(options) {
       {
         element: el,
         canEdit: canEditSmartArt,
-        onUpdateElement: onUpdateSmartArtElement
+        onUpdateElement: onUpdateSmartArtElement,
+        animationState
       }
     );
   }
@@ -10977,7 +11075,7 @@ function renderBody(options) {
     if (renderGroupChild) {
       return /* @__PURE__ */ jsx("div", { className: "relative w-full h-full pointer-events-none", children: el.children.map(renderGroupChild) });
     }
-    return renderGroup(el.children);
+    return renderGroup(el.children, el.groupFill);
   }
   if (shouldRenderFallbackLabel(el, isTxtEl)) {
     return /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center text-[11px] text-white/80 pointer-events-none", children: getElementLabel(el) });
@@ -11049,20 +11147,32 @@ function StaticElementRendererImpl({
   mediaDataUrls = EMPTY_MEDIA_DATA_URLS,
   sourceSlideIndex,
   zIndex,
-  positioned = true
+  positioned = true,
+  fieldContext,
+  tableStyleContext,
+  parentGroupFill
 }) {
   const style = hasShapeProperties(element) ? element.shapeStyle : void 0;
   const hasFill = style?.fillColor !== void 0 && style.fillColor !== "transparent" || Boolean(buildCssGradientFromShapeStyle(style) || style?.fillGradient) || style?.fillMode === "pattern" && Boolean(style.fillPatternPreset);
   const fill = normalizeHexColor(style?.fillColor, DEFAULT_FILL_COLOR);
   const strokeWidth = Math.max(0, style?.strokeWidth || 0);
   const stroke = normalizeHexColor(style?.strokeColor, DEFAULT_STROKE_COLOR);
-  const visualStyle = getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
+  const baseVisualStyle = getShapeVisualStyle(element, hasFill, fill, strokeWidth, stroke);
+  const inheritedFill = resolveGroupChildFill(element, parentGroupFill);
+  const visualStyle = inheritedFill ? {
+    ...baseVisualStyle,
+    backgroundColor: inheritedFill.backgroundColor,
+    backgroundImage: inheritedFill.backgroundImage,
+    backgroundRepeat: inheritedFill.backgroundRepeat,
+    backgroundSize: inheritedFill.backgroundSize,
+    backgroundPosition: inheritedFill.backgroundPosition
+  } : baseVisualStyle;
   const textStyle = getTextStyleForElement(
     element,
     element.type === "shape" && hasFill ? "#ffffff" : DEFAULT_TEXT_COLOR
   );
   const isImage = element.type === "picture" || element.type === "image";
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs(
     "div",
     {
       "data-static-element-type": element.type,
@@ -11077,46 +11187,54 @@ function StaticElementRendererImpl({
         zIndex,
         ...visualStyle
       },
-      children: element.type === "group" ? /* @__PURE__ */ jsx("div", { className: "relative w-full h-full", children: (element.children ?? []).map((child, index) => /* @__PURE__ */ jsx(
-        StaticElementRenderer,
-        {
-          element: child,
-          activeSlide,
+      children: [
+        /* @__PURE__ */ jsx(ShapeEffectOverlay, { element }),
+        element.type === "group" ? /* @__PURE__ */ jsx("div", { className: "relative w-full h-full", children: (element.children ?? []).map((child, index) => /* @__PURE__ */ jsx(
+          StaticElementRenderer,
+          {
+            element: child,
+            activeSlide,
+            allSlides,
+            mediaDataUrls,
+            sourceSlideIndex,
+            zIndex: index,
+            fieldContext,
+            tableStyleContext,
+            parentGroupFill: getGroupChildParentFill(element)
+          },
+          child.id
+        )) }) : renderBody({
+          el: element,
+          isImg: isImage,
+          isEditing: false,
+          editText: "",
+          spellCheck: false,
+          txtSE: hasTextProperties(element) ? element.textStyle : void 0,
+          txtS: textStyle,
+          vecShape: renderVectorShape(element, hasFill, fill, strokeWidth, stroke),
+          imgStyle: getImageRenderStyle(element),
+          imgFilter: getImageEffectsFilter(element),
+          imgOpacity: getImageEffectsOpacity(element),
+          imgAlt: "",
+          isTxtEl: isEditableTextElement(element),
+          media: mediaDataUrls,
+          tableSt: null,
+          isSel: false,
+          doInk: true,
+          doGrp: false,
+          onEditChange: noop,
+          onCommit: noop,
+          onCancel: noop,
+          isPresentationPassive: false,
+          slideElements: activeSlide?.elements,
           allSlides,
-          mediaDataUrls,
           sourceSlideIndex,
-          zIndex: index
-        },
-        child.id
-      )) }) : renderBody({
-        el: element,
-        isImg: isImage,
-        isEditing: false,
-        editText: "",
-        spellCheck: false,
-        txtSE: hasTextProperties(element) ? element.textStyle : void 0,
-        txtS: textStyle,
-        vecShape: renderVectorShape(element, hasFill, fill, strokeWidth, stroke),
-        imgStyle: getImageRenderStyle(element),
-        imgFilter: getImageEffectsFilter(element),
-        imgOpacity: getImageEffectsOpacity(element),
-        imgAlt: "",
-        isTxtEl: isEditableTextElement(element),
-        media: mediaDataUrls,
-        tableSt: null,
-        isSel: false,
-        doInk: true,
-        doGrp: false,
-        onEditChange: noop,
-        onCommit: noop,
-        onCancel: noop,
-        isPresentationPassive: false,
-        slideElements: activeSlide?.elements,
-        allSlides,
-        sourceSlideIndex,
-        canEditSmartArt: false,
-        canEditChart: false
-      })
+          fieldContext,
+          tableStyleContext,
+          canEditSmartArt: false,
+          canEditChart: false
+        })
+      ]
     }
   );
 }
@@ -11185,9 +11303,25 @@ var ElementRenderer = React32.memo(
     const elementLocks = el.locks;
     const isTxt = isEditableTextElement(el) && !elementLocks?.noTextEdit;
     const txtSE = hasTextProperties(el) ? el.textStyle : void 0;
-    const ss = getShapeVisualStyle(el, hf, fc, sw, sc);
+    const ss = getShapeVisualStyle(
+      el,
+      hf,
+      fc,
+      sw,
+      sc,
+      animationState?.animatesFill,
+      animationState?.animatesStroke
+    );
     const ts = getTextStyleForElement(el, DEFAULT_TEXT_COLOR);
-    const vs = renderVectorShape(el, hf, fc, sw, sc);
+    const vs = renderVectorShape(
+      el,
+      hf,
+      fc,
+      sw,
+      sc,
+      animationState?.animatesFill,
+      animationState?.animatesStroke
+    );
     const isImg = el.type === "picture" || el.type === "image";
     const isModel3D = el.type === "model3d";
     const isConn = isConnectorOrLineElement(el);
@@ -11280,6 +11414,7 @@ var ElementRenderer = React32.memo(
         ...interactionProps,
         children: [
           renderDagDuotoneFilterForElement(el),
+          /* @__PURE__ */ jsx(ShapeEffectOverlay, { element: el }),
           extrusionData.hasExtrusion && /* @__PURE__ */ jsx(Extrusion3DOverlay, { data: extrusionData }),
           renderBody({
             el,
@@ -11308,7 +11443,8 @@ var ElementRenderer = React32.memo(
                 allSlides,
                 mediaDataUrls,
                 sourceSlideIndex,
-                zIndex: index
+                zIndex: index,
+                parentGroupFill: getGroupChildParentFill(el)
               },
               child.id
             ),
@@ -11367,6 +11503,74 @@ var ElementRenderer = React32.memo(
     );
   }
 );
+var PLACEHOLDER_WIDTH = 120;
+var PLACEHOLDER_HEIGHT = 40;
+function ActiveXControlOverlay({
+  controls,
+  canvasSize,
+  resolveFallbackImage
+}) {
+  if (controls.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 pointer-events-none z-[40]", children: controls.map((control, idx) => {
+    const width = control.width ?? PLACEHOLDER_WIDTH;
+    const height = control.height ?? PLACEHOLDER_HEIGHT;
+    const left = control.x ?? 8;
+    const top = control.y ?? 8 + idx * (PLACEHOLDER_HEIGHT + 6);
+    const clampedWidth = Math.min(width, canvasSize.width);
+    const clampedHeight = Math.min(height, canvasSize.height);
+    const imageUrl = control.fallbackImageRelId ? resolveFallbackImage?.(control.fallbackImageRelId) : void 0;
+    const label = control.name || "ActiveX control";
+    if (imageUrl) {
+      return /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: imageUrl,
+          alt: label,
+          title: `ActiveX control: ${label}`,
+          className: "absolute",
+          style: { left, top, width: clampedWidth, height: clampedHeight }
+        },
+        `${control.relId}-${idx}`
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "absolute",
+        title: `ActiveX control: ${label} (interactive controls are not supported in the viewer)`,
+        style: {
+          left,
+          top,
+          width: clampedWidth,
+          height: clampedHeight,
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          gap: 6,
+          padding: "2px 6px",
+          boxSizing: "border-box",
+          border: "1px dashed rgba(100, 116, 139, 0.8)",
+          borderRadius: 4,
+          background: "rgba(148, 163, 184, 0.14)",
+          color: "rgb(51, 65, 85)",
+          fontSize: 11,
+          fontWeight: 600,
+          lineHeight: 1.2,
+          overflow: "hidden",
+          textOverflow: "ellipsis",
+          whiteSpace: "nowrap"
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "\u2699" }),
+          /* @__PURE__ */ jsx("span", { style: { overflow: "hidden", textOverflow: "ellipsis" }, children: label })
+        ]
+      },
+      `${control.relId}-${idx}`
+    );
+  }) });
+}
 function SlideCanvas({
   activeSlide,
   templateElements,
@@ -11433,7 +11637,8 @@ function SlideCanvas({
   sourceSlideIndex,
   fieldContext,
   tableStyleContext,
-  collaborationOverlay
+  collaborationOverlay,
+  aiActive = false
 }) {
   const isEditableCanvas = (mode === "edit" || mode === "master") && canEdit;
   const {
@@ -11552,6 +11757,7 @@ function SlideCanvas({
                 role: "region",
                 "aria-label": `Slide ${(activeSlideIndex ?? 0) + 1}`,
                 "aria-roledescription": "slide",
+                "data-pptx-ai-active": aiActive ? "true" : void 0,
                 className: "relative shadow-2xl",
                 style: {
                   width: canvasSize.width,
@@ -11672,6 +11878,7 @@ function SlideCanvas({
                     element.id
                   )),
                   /* @__PURE__ */ jsx(MarqueeOverlay, { marqueeSelectionState }),
+                  activeSlide?.activeXControls && activeSlide.activeXControls.length > 0 && /* @__PURE__ */ jsx(ActiveXControlOverlay, { controls: activeSlide.activeXControls, canvasSize }),
                   showCommentMarkers && comments && comments.length > 0 && /* @__PURE__ */ jsx(
                     CommentMarkersOverlay,
                     {
@@ -12155,16 +12362,43 @@ function ResizeHandle({
     }
   );
 }
+
+// src/viewer/components/slide-field-context.ts
+function extractSlideTitle(slide) {
+  for (const el of slide.elements) {
+    const phType = el.placeholderType;
+    if (phType === "title" || phType === "ctrTitle") {
+      const txt = el.text;
+      if (txt) {
+        return txt;
+      }
+    }
+  }
+  return void 0;
+}
+function deriveSlideFieldContext(base, slide) {
+  if (!base) {
+    return void 0;
+  }
+  return {
+    ...base,
+    slideNumber: slide.slideNumber,
+    slideTitle: extractSlideTitle(slide)
+  };
+}
 function SlideThumbnailImpl({
   slide,
   templateElements,
-  canvasSize
+  canvasSize,
+  fieldContext,
+  tableStyleContext
 }) {
   const safeCanvasWidth = Math.max(canvasSize.width, 1);
   const safeCanvasHeight = Math.max(canvasSize.height, 1);
   const scale = SLIDE_NAV_THUMBNAIL_WIDTH / safeCanvasWidth;
   const previewHeight = Math.max(56, Math.round(safeCanvasHeight * scale));
-  const previewElements = [...templateElements, ...slide.elements].slice(0, 60);
+  const previewElements = buildPreviewElements(slide, templateElements);
+  const slideFieldContext = deriveSlideFieldContext(fieldContext, slide);
   const { t } = useTranslation();
   const transitionLabel = slide.transition ? (() => {
     const opt = SLIDE_TRANSITION_OPTIONS.find((o) => o.value === slide.transition?.type);
@@ -12200,7 +12434,9 @@ function SlideThumbnailImpl({
                 element,
                 activeSlide: slide,
                 allSlides: [slide],
-                zIndex: index
+                zIndex: index,
+                fieldContext: slideFieldContext,
+                tableStyleContext
               },
               element.id
             ))
@@ -12238,6 +12474,12 @@ function arePropsEqual2(prev, next) {
   if (prev.templateElements !== next.templateElements) {
     return false;
   }
+  if (prev.fieldContext !== next.fieldContext) {
+    return false;
+  }
+  if (prev.tableStyleContext !== next.tableStyleContext) {
+    return false;
+  }
   if (prev.canvasSize.width !== next.canvasSize.width || prev.canvasSize.height !== next.canvasSize.height) {
     return false;
   }
@@ -12259,6 +12501,8 @@ function ContextMenu({
   onMergeCellDown,
   onMergeSelectedCells,
   onSplitCell,
+  onAskAi,
+  onFixAi,
   onClose
 }) {
   const { t } = useTranslation();
@@ -12378,6 +12622,27 @@ function ContextMenu({
             }
           ),
           /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" }),
+          (onAskAi || onFixAi) && /* @__PURE__ */ jsxs(Fragment, { children: [
+            onAskAi && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "w-full px-3 py-1.5 text-left hover:bg-muted",
+                onClick: onAskAi,
+                children: t("pptx.ai.askAboutElement")
+              }
+            ),
+            onFixAi && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "w-full px-3 py-1.5 text-left hover:bg-muted",
+                onClick: onFixAi,
+                children: t("pptx.ai.fixElement")
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border" })
+          ] }),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -12926,7 +13191,9 @@ function LazyThumbnailInner({
   slide,
   templateElements,
   canvasSize,
-  previewHeight
+  previewHeight,
+  fieldContext,
+  tableStyleContext
 }) {
   const containerRef = useRef(null);
   const [isVisible, setIsVisible] = useState(false);
@@ -12956,7 +13223,16 @@ function LazyThumbnailInner({
       observer.disconnect();
     };
   }, []);
-  return /* @__PURE__ */ jsx("div", { ref: containerRef, children: isVisible ? /* @__PURE__ */ jsx(SlideThumbnail, { slide, templateElements, canvasSize }) : /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, children: isVisible ? /* @__PURE__ */ jsx(
+    SlideThumbnail,
+    {
+      slide,
+      templateElements,
+      canvasSize,
+      fieldContext,
+      tableStyleContext
+    }
+  ) : /* @__PURE__ */ jsx(
     "div",
     {
       className: "relative w-full overflow-hidden rounded border border-border bg-muted/30 animate-pulse",
@@ -13012,6 +13288,8 @@ function SlideItemInner({
   canEdit,
   rehearsalTimings,
   presenceUsers,
+  fieldContext,
+  tableStyleContext,
   onSelectSlide,
   onSlideContextMenu,
   onAddSection,
@@ -13093,7 +13371,9 @@ function SlideItemInner({
                   slide,
                   templateElements,
                   canvasSize,
-                  previewHeight
+                  previewHeight,
+                  fieldContext,
+                  tableStyleContext
                 }
               ),
               (slide.comments?.length ?? 0) > 0 && /* @__PURE__ */ jsxs("div", { className: "absolute top-0.5 right-0.5 flex items-center gap-0.5 rounded bg-amber-500/90 px-1 py-0.5 text-[8px] font-medium text-white leading-none z-10", children: [
@@ -13234,7 +13514,9 @@ function SlidesPaneSidebar({
   onMoveSectionUp,
   onMoveSectionDown,
   rehearsalTimings,
-  panelWidth
+  panelWidth,
+  fieldContext,
+  tableStyleContext
 }) {
   const { t } = useTranslation();
   const collab = useCollaboration();
@@ -13380,6 +13662,8 @@ function SlidesPaneSidebar({
               canEdit,
               rehearsalTimings,
               presenceUsers: slidePresenceMap?.get(item.slideIndex),
+              fieldContext,
+              tableStyleContext,
               onSelectSlide,
               onSlideContextMenu,
               onAddSection,
@@ -13435,6 +13719,8 @@ function SlidesPaneSidebar({
             canEdit,
             rehearsalTimings,
             presenceUsers: slidePresenceMap?.get(idx),
+            fieldContext,
+            tableStyleContext,
             onSelectSlide,
             onSlideContextMenu,
             onAddSection,
@@ -17079,6 +17365,9 @@ function formatFieldValue(key, value, t) {
   if (value === void 0 || value === null) {
     return t("pptx.documentProperties.statistics.notAvailable");
   }
+  if (typeof value === "boolean") {
+    return t(value ? "pptx.documentProperties.custom.yes" : "pptx.documentProperties.custom.no");
+  }
   return String(value);
 }
 function DocumentPropertiesStatisticsTab({
@@ -25295,8 +25584,10 @@ function PresentationSettingsCard({
         {
           label: t("pptx.presentationSettings.frameSlides"),
           disabled: !canEdit,
-          checked: Boolean(presentationProperties.printFrameSlides),
-          onChange: (v) => onUpdate({ printFrameSlides: v })
+          checked: printPropertiesFrameSlides(presentationProperties.printProperties),
+          onChange: (v) => onUpdate({
+            printProperties: withFrameSlides(presentationProperties.printProperties, v)
+          })
         }
       ),
       /* @__PURE__ */ jsxs("label", { className: "flex items-center justify-between gap-2", children: [
@@ -25309,8 +25600,13 @@ function PresentationSettingsCard({
             max: 16,
             disabled: !canEdit,
             className: cn(INPUT, "w-20"),
-            value: presentationProperties.printSlidesPerPage ?? 1,
-            onChange: (e) => onUpdate({ printSlidesPerPage: Number(e.target.value) })
+            value: printPropertiesSlidesPerPage(presentationProperties.printProperties),
+            onChange: (e) => onUpdate({
+              printProperties: withSlidesPerPage(
+                presentationProperties.printProperties,
+                Number(e.target.value)
+              )
+            })
           }
         )
       ] })
@@ -29384,7 +29680,10 @@ function ViewerToolbarSection(props) {
     autosaveStatus,
     autosaveEnabled = true,
     onToggleAutosave,
-    hiddenActions
+    hiddenActions,
+    aiEnabled,
+    isAiPanelOpen,
+    onToggleAiPanel
   } = props;
   const handleAddAnimation = useCallback(
     (preset, group) => {
@@ -29754,7 +30053,10 @@ function ViewerToolbarSection(props) {
         showSubtitles: Boolean(s.presentationProperties.showSubtitles),
         activeSlide,
         onTransitionChange: handleTransitionChange,
-        onApplyTransitionToAll: handleApplyTransitionToAll
+        onApplyTransitionToAll: handleApplyTransitionToAll,
+        aiEnabled,
+        isAiPanelOpen,
+        onToggleAiPanel
       }
     ),
     s.hasDigitalSignatures && /* @__PURE__ */ jsx("div", { className: "flex items-center px-3 py-1 z-10", children: /* @__PURE__ */ jsx(
@@ -30383,8 +30685,8 @@ function ViewerDialogGroup(props) {
         onPrint: printHandlers.handlePrintWithSettings,
         slides,
         activeSlideIndex,
-        defaultSlidesPerPage: presentationProperties.printSlidesPerPage,
-        defaultFrameSlides: presentationProperties.printFrameSlides
+        defaultSlidesPerPage: printPropertiesSlidesPerPage(presentationProperties.printProperties),
+        defaultFrameSlides: printPropertiesFrameSlides(presentationProperties.printProperties)
       }
     ),
     /* @__PURE__ */ jsx(
@@ -30570,7 +30872,11 @@ function ViewerCanvasArea(props) {
     presentation,
     onEndPresentation,
     findReplace,
-    hiddenActions
+    hiddenActions,
+    aiPickMode = false,
+    onAiPickElement,
+    aiHighlightOverlay,
+    aiCanvasActive = false
   } = props;
   const { t } = useTranslation();
   const { isHidden } = useToolbarVisibility(hiddenActions);
@@ -30695,13 +31001,22 @@ ${url}`)) {
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
   });
+  const pickActive = aiPickMode && Boolean(onAiPickElement) && mode === "edit";
+  const handleElementClick = pickActive ? (elementId, e) => {
+    e.stopPropagation();
+    onAiPickElement?.(activeSlideIndex, elementId);
+  } : canvasHandlers.handleElementClick;
+  const handleElementMouseDown = pickActive ? (_elementId, e) => {
+    e.stopPropagation();
+  } : canvasHandlers.handleElementMouseDown;
   return (
     // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the canvas area hosts swipe navigation and the presentation-mode right-click menu; it has no interactive semantics of its own
     /* @__PURE__ */ jsxs(
       "main",
       {
         "aria-label": t("pptx.viewer.slideEditorAria"),
-        className: "flex-1 min-w-0 relative flex flex-col bg-background",
+        "data-ai-pick-mode": pickActive ? "true" : void 0,
+        className: `flex-1 min-w-0 relative flex flex-col bg-background${pickActive ? " cursor-crosshair" : ""}`,
         onTouchStart: swipe.onTouchStart,
         onTouchEnd: swipe.onTouchEnd,
         onContextMenu: mode === "present" ? handlePresentationContextMenu : void 0,
@@ -30763,9 +31078,9 @@ ${url}`)) {
               guides: s.guides,
               presentationElementStates: mode === "present" ? presentation.presentationElementStates : void 0,
               presentationKeyframesCss: mode === "present" ? presentation.presentationKeyframesCss : void 0,
-              onClick: canvasHandlers.handleElementClick,
+              onClick: handleElementClick,
               onDoubleClick: canvasHandlers.handleElementDoubleClick,
-              onMouseDown: canvasHandlers.handleElementMouseDown,
+              onMouseDown: handleElementMouseDown,
               onContextMenu: canvasHandlers.handleElementContextMenu,
               onCanvasMouseDown: canvasHandlers.handleCanvasMouseDown,
               onResizePointerDown: canvasHandlers.handleResizePointerDown,
@@ -30797,6 +31112,7 @@ ${url}`)) {
               sourceSlideIndex: mode === "present" ? activeSlideIndex : void 0,
               fieldContext,
               tableStyleContext,
+              aiActive: aiCanvasActive,
               collaborationOverlay: /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   RemoteSelectionOverlay,
@@ -30813,7 +31129,8 @@ ${url}`)) {
                     canvasHeight: canvasSize.height,
                     selectedElementId: s.selectedElementId
                   }
-                )
+                ),
+                aiHighlightOverlay
               ] }),
               comments: activeSlide?.comments,
               showCommentMarkers: s.sidebarPanelMode === "comments",
@@ -30934,6 +31251,122 @@ ${url}`)) {
     )
   );
 }
+var AiChatPanel = lazy(() => import('./AiChatPanel-BRGQCYZM.mjs'));
+function AiChatPanelLazy(props) {
+  return /* @__PURE__ */ jsx(
+    Suspense,
+    {
+      fallback: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "absolute right-0 top-0 z-30 flex h-full w-80 items-center justify-center border-l border-border bg-card text-muted-foreground max-md:inset-x-0 max-md:top-auto max-md:bottom-0 max-md:h-[75dvh] max-md:w-full max-md:rounded-t-2xl max-md:border-l-0 max-md:border-t max-md:shadow-2xl",
+          style: props.panelWidth ? { width: props.panelWidth } : void 0,
+          children: /* @__PURE__ */ jsx(LuLoaderCircle, { className: "w-5 h-5 animate-spin" })
+        }
+      ),
+      children: /* @__PURE__ */ jsx(AiChatPanel, { ...props })
+    }
+  );
+}
+var OVERLAY_CSS = `
+@keyframes pptx-ai-ring-pulse {
+	0% { box-shadow: 0 0 0 0 rgba(59,130,246,0.55), 0 0 0 0 rgba(59,130,246,0.35); }
+	70% { box-shadow: 0 0 0 6px rgba(59,130,246,0), 0 0 14px 4px rgba(59,130,246,0.28); }
+	100% { box-shadow: 0 0 0 0 rgba(59,130,246,0), 0 0 10px 2px rgba(59,130,246,0.22); }
+}
+@keyframes pptx-ai-ring-in {
+	0% { opacity: 0; transform: scale(1.04); }
+	100% { opacity: 1; transform: scale(1); }
+}
+/* While the AI is active, tween colour changes on slide elements so an edit
+   fades from its old value to the new one instead of snapping. */
+[data-pptx-ai-active='true'] [data-element-id],
+[data-pptx-ai-active='true'] [data-element-id] * {
+	transition: color 0.5s ease, fill 0.5s ease, stroke 0.5s ease, background-color 0.5s ease,
+		border-color 0.5s ease;
+}
+`;
+function AiFocusHighlightOverlay({
+  highlights,
+  elements,
+  activeSlideIndex
+}) {
+  if (highlights.length === 0) {
+    return null;
+  }
+  const byId = new Map(elements.map((el) => [el.id, el]));
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: OVERLAY_CSS }),
+    highlights.map((hl) => {
+      if (hl.slideIndex !== activeSlideIndex) {
+        return null;
+      }
+      const el = byId.get(hl.elementId);
+      if (!el) {
+        return null;
+      }
+      const active = hl.variant === "active";
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-testid": `ai-focus-highlight-${hl.elementId}`,
+          "data-ai-highlight": hl.variant,
+          "data-export-ignore": "true",
+          className: "absolute pointer-events-none rounded-[3px]",
+          style: {
+            left: el.x - 3,
+            top: el.y - 3,
+            width: el.width + 6,
+            height: el.height + 6,
+            zIndex: 9998,
+            border: active ? "2px solid rgba(59,130,246,0.9)" : "2px solid rgba(59,130,246,0.55)",
+            animation: active ? "pptx-ai-ring-in 0.18s ease-out, pptx-ai-ring-pulse 1s ease-out infinite" : "pptx-ai-ring-in 0.9s ease-out",
+            boxShadow: active ? void 0 : "0 0 10px 2px rgba(59,130,246,0.18)"
+          }
+        },
+        `ai-hl-${hl.variant}-${hl.elementId}`
+      );
+    })
+  ] });
+}
+function AiChangeOverlay({ batch, activeSlideIndex }) {
+  const [phase, setPhase] = useState("start");
+  const nonce = batch?.nonce ?? 0;
+  useEffect(() => {
+    if (!batch) {
+      return;
+    }
+    setPhase("start");
+    let inner = 0;
+    const outer = requestAnimationFrame(() => {
+      inner = requestAnimationFrame(() => setPhase("end"));
+    });
+    return () => {
+      cancelAnimationFrame(outer);
+      cancelAnimationFrame(inner);
+    };
+  }, [nonce, batch]);
+  if (!batch) {
+    return null;
+  }
+  const changes = batch.changes.filter((c) => c.slideIndex === activeSlideIndex);
+  if (changes.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: aiChangeAnimationCss(batch.config) }),
+    changes.map((change) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-testid": `ai-change-${change.elementId}`,
+        "data-ai-change": change.kind,
+        "data-export-ignore": "true",
+        style: changeGhostStyle(change, phase, batch.config)
+      },
+      `ai-change-${change.elementId}-${nonce}`
+    ))
+  ] });
+}
 
 // src/viewer/components/inspector/theme-editor-constants.ts
 var THEME_EDITOR_CARD = "rounded bg-muted/50 p-2.5 space-y-2";
@@ -31926,7 +32359,10 @@ function ViewerSidePanels(props) {
     themeHandlers,
     history,
     panelWidth,
-    onResizeRight
+    onResizeRight,
+    aiConfig,
+    aiBridge,
+    aiPanel
   } = props;
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const currentBuiltInTheme = BUILT_IN_THEMES.find(
@@ -32025,6 +32461,16 @@ function ViewerSidePanels(props) {
         )
       }
     ),
+    aiPanel?.isOpen && aiConfig && aiBridge && (mode === "edit" || mode === "master") && /* @__PURE__ */ jsx(
+      AiChatPanelLazy,
+      {
+        bridge: aiBridge,
+        config: aiConfig,
+        aiPanel,
+        onClose: aiPanel.close,
+        panelWidth
+      }
+    ),
     /* @__PURE__ */ jsx(
       ThemeGallery,
       {
@@ -32085,7 +32531,10 @@ function ViewerMainContent(props) {
     onResizeLeft,
     rightPanelWidth,
     onResizeRight,
-    hiddenActions
+    hiddenActions,
+    aiConfig,
+    aiBridge,
+    aiPanel
   } = props;
   const {
     ops,
@@ -32097,6 +32546,21 @@ function ViewerMainContent(props) {
     tableOps,
     findReplace
   } = editorOps;
+  const hf = state.headerFooter;
+  const thumbnailFieldContext = useMemo(
+    () => ({
+      dateTimeText: hf.dateTimeText,
+      dateFormat: hf.dateFormat,
+      footerText: hf.footerText,
+      headerText: hf.headerText,
+      customProperties: state.customProperties.map((p) => ({ name: p.name, value: p.value }))
+    }),
+    [hf.dateTimeText, hf.dateFormat, hf.footerText, hf.headerText, state.customProperties]
+  );
+  const thumbnailTableStyleContext = useMemo(
+    () => state.theme || state.tableStyleMap ? { theme: state.theme, tableStyleMap: state.tableStyleMap } : void 0,
+    [state.theme, state.tableStyleMap]
+  );
   return /* @__PURE__ */ jsx(ChartPartSelectionProvider, { children: /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex flex-1 min-h-0", children: [
     showSlidesPane && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(
@@ -32120,7 +32584,9 @@ function ViewerMainContent(props) {
           onMoveSectionUp: sectionOps.moveSectionUp,
           onMoveSectionDown: sectionOps.moveSectionDown,
           rehearsalTimings: Object.keys(presentation.recordedTimings).length > 0 ? presentation.recordedTimings : void 0,
-          panelWidth: leftPanelWidth
+          panelWidth: leftPanelWidth,
+          fieldContext: thumbnailFieldContext,
+          tableStyleContext: thumbnailTableStyleContext
         }
       ),
       onResizeLeft && /* @__PURE__ */ jsx(ResizeHandle, { direction: "horizontal", onResize: onResizeLeft })
@@ -32181,7 +32647,21 @@ function ViewerMainContent(props) {
         presentation,
         onEndPresentation,
         findReplace,
-        hiddenActions
+        hiddenActions,
+        aiPickMode: aiPanel?.pickMode,
+        onAiPickElement: aiPanel ? aiPanel.addPick : void 0,
+        aiCanvasActive: aiPanel?.canvasAnimating,
+        aiHighlightOverlay: aiPanel ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            AiFocusHighlightOverlay,
+            {
+              highlights: aiPanel.canvasHighlights,
+              elements: activeSlide?.elements ?? [],
+              activeSlideIndex
+            }
+          ),
+          /* @__PURE__ */ jsx(AiChangeOverlay, { batch: aiPanel.changeBatch, activeSlideIndex })
+        ] }) : void 0
       }
     ),
     state.contextMenuState && /* @__PURE__ */ jsx(
@@ -32201,6 +32681,14 @@ function ViewerMainContent(props) {
         onMergeCellDown: tableOps.handleMergeCellDown,
         onMergeSelectedCells: tableOps.handleMergeSelectedCells,
         onSplitCell: tableOps.handleSplitCell,
+        onAskAi: aiPanel && selectedElement ? () => {
+          aiPanel.askAboutSelection();
+          state.setContextMenuState(null);
+        } : void 0,
+        onFixAi: aiPanel && selectedElement ? () => {
+          aiPanel.fixSelection();
+          state.setContextMenuState(null);
+        } : void 0,
         onClose: () => state.setContextMenuState(null)
       }
     ),
@@ -32223,7 +32711,10 @@ function ViewerMainContent(props) {
         themeHandlers,
         history,
         panelWidth: rightPanelWidth,
-        onResizeRight
+        onResizeRight,
+        aiConfig,
+        aiBridge,
+        aiPanel
       }
     )
   ] }) });
@@ -32946,6 +33437,236 @@ function OptionsRibbonPane({
     ] })
   ] });
 }
+
+// src/viewer/utils/ai-log-export.ts
+function isoOf(ms) {
+  const n = Number.isFinite(ms) ? ms : 0;
+  return new Date(n).toISOString();
+}
+function toLogChat(chat, detailed) {
+  const messages = chat.messages.map((message) => {
+    const parts = toRenderableParts(message);
+    const textRuns = [];
+    const toolCalls = [];
+    for (const part of parts) {
+      if (part.kind === "text") {
+        textRuns.push(part.text);
+        continue;
+      }
+      toolCalls.push({
+        toolName: part.toolName,
+        toolCallId: part.toolCallId,
+        state: part.state,
+        input: detailed ? part.input : void 0,
+        output: detailed ? part.output : void 0,
+        errorText: part.errorText
+      });
+    }
+    return {
+      role: message.role,
+      text: textRuns.join("\n\n"),
+      toolCalls
+    };
+  });
+  return {
+    id: chat.id,
+    title: chat.title,
+    deckId: chat.deckId,
+    createdAt: chat.createdAt,
+    updatedAt: chat.updatedAt,
+    createdAtIso: isoOf(chat.createdAt),
+    updatedAtIso: isoOf(chat.updatedAt),
+    messageCount: chat.messages.length,
+    messages
+  };
+}
+function buildChatLogExport(chats, options) {
+  const detailed = options?.detailed ?? true;
+  const now = options?.now ?? Date.now();
+  return {
+    format: "pptx-ai-chat-log",
+    version: 1,
+    exportedAt: isoOf(now),
+    detailed,
+    chatCount: chats.length,
+    chats: chats.map((chat) => toLogChat(chat, detailed))
+  };
+}
+function toolCallLine(call, detailed) {
+  const lines = [`- Tool \`${call.toolName}\` (${call.state})`];
+  if (call.errorText) {
+    lines.push(`  - error: ${call.errorText}`);
+  }
+  if (detailed) {
+    lines.push("  - input:");
+    lines.push("    ```json");
+    lines.push(JSON.stringify(call.input ?? null, null, 2));
+    lines.push("    ```");
+    lines.push("  - output:");
+    lines.push("    ```json");
+    lines.push(JSON.stringify(call.output ?? null, null, 2));
+    lines.push("    ```");
+  }
+  return lines.join("\n");
+}
+function buildChatLogMarkdown(doc) {
+  const out = [
+    `# AI chat logs`,
+    "",
+    `Exported: ${doc.exportedAt}`,
+    `Chats: ${doc.chatCount}`,
+    ""
+  ];
+  for (const chat of doc.chats) {
+    out.push(`## ${chat.title || chat.id}`);
+    out.push("");
+    out.push(`- id: ${chat.id}`);
+    if (chat.deckId) {
+      out.push(`- deck: ${chat.deckId}`);
+    }
+    out.push(`- created: ${chat.createdAtIso}`);
+    out.push(`- updated: ${chat.updatedAtIso}`);
+    out.push(`- messages: ${chat.messageCount}`);
+    out.push("");
+    for (const message of chat.messages) {
+      out.push(`### ${message.role}`);
+      out.push("");
+      if (message.text) {
+        out.push(message.text);
+        out.push("");
+      }
+      for (const call of message.toolCalls) {
+        out.push(toolCallLine(call, doc.detailed));
+        out.push("");
+      }
+    }
+  }
+  return out.join("\n");
+}
+async function collectStoredChats(store) {
+  const summaries = await store.listChats();
+  const chats = [];
+  for (const summary of summaries) {
+    const chat = await store.loadChat(summary.id);
+    if (chat) {
+      chats.push(chat);
+    }
+  }
+  return chats;
+}
+function timestampSlug(now) {
+  const d = new Date(now);
+  const p = (n) => String(n).padStart(2, "0");
+  return `${d.getFullYear()}${p(d.getMonth() + 1)}${p(d.getDate())}-${p(d.getHours())}${p(d.getMinutes())}${p(d.getSeconds())}`;
+}
+async function exportAiChatLogs(options) {
+  const store = options?.store ?? createChatHistoryStore();
+  const format = options?.format ?? "json";
+  const now = options?.now ?? Date.now();
+  const chats = await collectStoredChats(store);
+  if (chats.length === 0) {
+    return 0;
+  }
+  const doc = buildChatLogExport(chats, { detailed: options?.detailed ?? true, now });
+  const slug = timestampSlug(now);
+  if (format === "markdown") {
+    const blob = new Blob([buildChatLogMarkdown(doc)], { type: "text/markdown" });
+    downloadBlob(blob, `pptx-ai-chats-${slug}.md`);
+  } else {
+    const blob = new Blob([JSON.stringify(doc, null, 2)], { type: "application/json" });
+    downloadBlob(blob, `pptx-ai-chats-${slug}.json`);
+  }
+  return chats.length;
+}
+function SettingsAiTab({ store }) {
+  const { t } = useTranslation();
+  const activeStore = useMemo(() => store ?? createChatHistoryStore(), [store]);
+  const [chatCount, setChatCount] = useState(null);
+  const [detailed, setDetailed] = useState(true);
+  const [status, setStatus] = useState({ kind: "idle" });
+  useEffect(() => {
+    let cancelled = false;
+    const load = async () => {
+      try {
+        const chats = await activeStore.listChats();
+        if (!cancelled) {
+          setChatCount(chats.length);
+        }
+      } catch {
+        if (!cancelled) {
+          setChatCount(0);
+        }
+      }
+    };
+    void load();
+    return () => {
+      cancelled = true;
+    };
+  }, [activeStore]);
+  const handleExport = useCallback(
+    async (format) => {
+      setStatus({ kind: "busy" });
+      try {
+        const count = await exportAiChatLogs({ store: activeStore, format, detailed });
+        setStatus({ kind: "done", count });
+      } catch {
+        setStatus({ kind: "done", count: 0 });
+      }
+    },
+    [activeStore, detailed]
+  );
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2 rounded-lg border border-border/60 bg-muted/30 p-3", children: [
+      /* @__PURE__ */ jsx(LuBug, { className: "mt-0.5 h-4 w-4 shrink-0 text-primary" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t("pptx.ai.settingsSectionTitle") }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t("pptx.ai.exportLogsHint") })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: chatCount === null ? t("pptx.ai.exportLogsCounting") : t("pptx.ai.exportLogsStoredCount", { count: chatCount }) }),
+    /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs text-foreground", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          checked: detailed,
+          onChange: (e) => setDetailed(e.target.checked),
+          className: "h-3.5 w-3.5 rounded border-border"
+        }
+      ),
+      t("pptx.ai.exportLogsDetailed")
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => void handleExport("json"),
+          disabled: status.kind === "busy",
+          className: "inline-flex items-center gap-1.5 rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(LuDownload, { className: "h-3.5 w-3.5" }),
+            t("pptx.ai.exportLogsJson")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => void handleExport("markdown"),
+          disabled: status.kind === "busy",
+          className: "inline-flex items-center gap-1.5 rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent disabled:opacity-50",
+          children: [
+            /* @__PURE__ */ jsx(LuDownload, { className: "h-3.5 w-3.5" }),
+            t("pptx.ai.exportLogsMarkdown")
+          ]
+        }
+      )
+    ] }),
+    status.kind === "done" && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", role: "status", children: status.count > 0 ? t("pptx.ai.exportLogsDone", { count: status.count }) : t("pptx.ai.noChatsToExport") })
+  ] });
+}
 function SettingsAppearanceTab({
   activeThemeKey,
   themes,
@@ -33015,6 +33736,7 @@ function SettingsLanguageTab({
     );
   }) });
 }
+var AI_TAB_ID = "ai";
 function SettingsDialog({
   isOpen,
   onClose,
@@ -33031,7 +33753,9 @@ function SettingsDialog({
   onSelectTheme,
   localeCode,
   availableLocales,
-  onSelectLocale
+  onSelectLocale,
+  aiEnabled,
+  chatStore
 }) {
   const [activeTabId, setActiveTabId] = useState("general");
   const { t } = useTranslation();
@@ -33120,28 +33844,46 @@ function SettingsDialog({
                 }
               ),
               /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 max-md:flex-col", children: [
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsxs(
                   "nav",
                   {
                     "aria-label": t("pptx.options.title"),
                     className: "w-44 shrink-0 space-y-0.5 overflow-y-auto border-r border-border/60 p-2 max-md:flex max-md:w-full max-md:space-y-0 max-md:gap-1 max-md:overflow-x-auto max-md:border-b max-md:border-r-0",
-                    children: VIEWER_OPTIONS_TABS.map((tab) => /* @__PURE__ */ jsx(
-                      "button",
-                      {
-                        type: "button",
-                        onClick: () => setActiveTabId(tab.id),
-                        "aria-current": activeTabId === tab.id,
-                        className: cn(
-                          "block w-full whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
-                          activeTabId === tab.id ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
-                        ),
-                        children: t(tab.labelKey)
-                      },
-                      tab.id
-                    ))
+                    children: [
+                      VIEWER_OPTIONS_TABS.map((tab) => /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setActiveTabId(tab.id),
+                          "aria-current": activeTabId === tab.id,
+                          className: cn(
+                            "block w-full whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
+                            activeTabId === tab.id ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
+                          ),
+                          children: t(tab.labelKey)
+                        },
+                        tab.id
+                      )),
+                      aiEnabled && /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => setActiveTabId(AI_TAB_ID),
+                          "aria-current": activeTabId === AI_TAB_ID,
+                          className: cn(
+                            "block w-full whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
+                            activeTabId === AI_TAB_ID ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
+                          ),
+                          children: t("pptx.ai.settingsSectionTitle")
+                        }
+                      )
+                    ]
                   }
                 ),
-                /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: activeTab.custom === "language" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: activeTabId === AI_TAB_ID ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t("pptx.ai.settingsSectionTitle") }),
+                  /* @__PURE__ */ jsx(SettingsAiTab, { store: chatStore })
+                ] }) : activeTab.custom === "language" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
                   /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
                   /* @__PURE__ */ jsxs("section", { children: [
                     /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.options.language.displayLanguage") }),
@@ -33250,6 +33992,341 @@ function SettingsDialog({
     )
   ] });
 }
+
+// src/viewer/hooks/ai/ai-element-update.ts
+function applyGeometry(el, u) {
+  if (u.x !== void 0) {
+    el.x = u.x;
+  }
+  if (u.y !== void 0) {
+    el.y = u.y;
+  }
+  if (u.width !== void 0) {
+    el.width = u.width;
+  }
+  if (u.height !== void 0) {
+    el.height = u.height;
+  }
+  if (u.rotation !== void 0) {
+    el.rotation = u.rotation;
+  }
+  if (u.opacity !== void 0) {
+    el.opacity = u.opacity;
+  }
+  if (u.hidden !== void 0) {
+    el.hidden = u.hidden;
+  }
+  if (u.flipHorizontal !== void 0) {
+    el.flipHorizontal = u.flipHorizontal;
+  }
+  if (u.flipVertical !== void 0) {
+    el.flipVertical = u.flipVertical;
+  }
+}
+function applyText(el, u) {
+  if (!hasTextProperties(el)) {
+    return;
+  }
+  if (typeof u.text === "string") {
+    el.text = u.text;
+    if (el.textSegments && el.textSegments.length > 0) {
+      el.textSegments = [{ text: u.text, style: el.textSegments[0].style }];
+    } else {
+      el.textSegments = [{ text: u.text, style: {} }];
+    }
+  }
+  const textStyle = {};
+  if (u.fontSize !== void 0) {
+    textStyle.fontSize = u.fontSize;
+  }
+  if (u.fontFamily !== void 0) {
+    textStyle.fontFamily = u.fontFamily;
+  }
+  if (u.fontColor !== void 0) {
+    textStyle.color = u.fontColor;
+  }
+  if (u.bold !== void 0) {
+    textStyle.bold = u.bold;
+  }
+  if (u.italic !== void 0) {
+    textStyle.italic = u.italic;
+  }
+  if (u.underline !== void 0) {
+    textStyle.underline = u.underline;
+  }
+  if (u.align !== void 0) {
+    textStyle.align = u.align;
+  }
+  if (Object.keys(textStyle).length === 0) {
+    return;
+  }
+  el.textStyle = { ...el.textStyle, ...textStyle };
+  el.textSegments = el.textSegments?.map((seg) => ({
+    ...seg,
+    style: { ...seg.style, ...textStyle }
+  }));
+}
+function applyShapeStyle(el, u) {
+  if (!hasShapeProperties(el)) {
+    return;
+  }
+  const shapeStyle = {};
+  if (u.fillColor !== void 0) {
+    shapeStyle.fillColor = u.fillColor;
+  }
+  if (u.strokeColor !== void 0) {
+    shapeStyle.strokeColor = u.strokeColor;
+  }
+  if (u.strokeWidth !== void 0) {
+    shapeStyle.strokeWidth = u.strokeWidth;
+  }
+  if (Object.keys(shapeStyle).length === 0) {
+    return;
+  }
+  el.shapeStyle = { ...el.shapeStyle, ...shapeStyle };
+}
+function applyAiElementUpdate(el, updates) {
+  applyGeometry(el, updates);
+  applyText(el, updates);
+  applyShapeStyle(el, updates);
+}
+
+// src/viewer/hooks/ai/useAiBridge.ts
+function useAiBridge(input) {
+  const ref = useRef(input);
+  ref.current = input;
+  return useMemo(() => {
+    const applySlidesUpdate = (updater, _label) => {
+      const live = ref.current;
+      live.setSlides((prev) => updater(structuredClone(prev)));
+      live.bumpHistory();
+      live.markDirty();
+    };
+    const readDeckData = (live) => ({
+      slides: live.slides,
+      width: live.canvasSize.width,
+      height: live.canvasSize.height,
+      theme: live.theme,
+      sections: live.sections,
+      presentationProperties: live.presentationProperties,
+      customProperties: live.customProperties,
+      coreProperties: live.coreProperties,
+      appProperties: live.appProperties
+    });
+    const differs = (a, b) => JSON.stringify(a) !== JSON.stringify(b);
+    return {
+      getDeckMeta() {
+        const live = ref.current;
+        const firstTitle = live.slides[0]?.elements.find(
+          (el) => "text" in el && typeof el.text === "string" && el.text.trim().length > 0
+        );
+        return {
+          slideCount: live.slides.length,
+          activeSlideIndex: live.activeSlideIndex,
+          title: live.fileName ?? (firstTitle && "text" in firstTitle ? String(firstTitle.text) : void 0),
+          width: live.canvasSize.width,
+          height: live.canvasSize.height
+        };
+      },
+      getSlides: () => ref.current.slides,
+      getActiveSlideIndex: () => ref.current.activeSlideIndex,
+      getTheme: () => ref.current.theme,
+      getHandler: () => ref.current.handlerRef.current ?? void 0,
+      goToSlide(index) {
+        ref.current.setActiveSlideIndex(index);
+      },
+      selectElements(slideIndex, elementIds) {
+        const live = ref.current;
+        if (slideIndex !== live.activeSlideIndex) {
+          live.setActiveSlideIndex(slideIndex);
+        }
+        live.applySelection(elementIds[0] ?? null, elementIds);
+      },
+      applySlidesUpdate,
+      updateElement(slideIndex, elementId, updates) {
+        applySlidesUpdate((slides) => {
+          const el = slides[slideIndex]?.elements.find((e) => e.id === elementId);
+          if (el) {
+            applyAiElementUpdate(el, updates);
+          }
+          return slides;
+        });
+      },
+      applyTheme(updates) {
+        ref.current.applyThemeUpdates(updates);
+      },
+      getDeckData() {
+        return readDeckData(ref.current);
+      },
+      applyDeckData(updater, _label) {
+        const live = ref.current;
+        const before = readDeckData(live);
+        const after = updater(structuredClone(before));
+        if (differs(before.slides, after.slides)) {
+          live.setSlides(() => after.slides);
+          live.bumpHistory();
+        }
+        if (before.width !== after.width || before.height !== after.height) {
+          live.setCanvasSize({ width: after.width, height: after.height });
+        }
+        const nextSections = after.sections ?? before.sections ?? [];
+        if (differs(before.sections, nextSections)) {
+          live.setSections(nextSections);
+        }
+        const nextPresProps = after.presentationProperties ?? live.presentationProperties;
+        if (differs(before.presentationProperties, nextPresProps)) {
+          live.setPresentationProperties(nextPresProps);
+        }
+        const nextCustomProps = after.customProperties ?? before.customProperties ?? [];
+        if (differs(before.customProperties, nextCustomProps)) {
+          live.setCustomProperties(nextCustomProps);
+        }
+        if (differs(before.coreProperties, after.coreProperties)) {
+          live.setCoreProperties(after.coreProperties);
+        }
+        if (differs(before.appProperties, after.appProperties)) {
+          live.setAppProperties(after.appProperties);
+        }
+        live.markDirty();
+      },
+      getFocusedTargets() {
+        const live = ref.current;
+        if (live.pickedFocus && live.pickedFocus.length > 0) {
+          return live.pickedFocus;
+        }
+        if (live.pinnedFocus && live.pinnedFocus.length > 0) {
+          return live.pinnedFocus;
+        }
+        return computeFocusTargets({
+          activeSlideIndex: live.activeSlideIndex,
+          selectedElementIds: live.selectedElementIds,
+          selectedElementId: live.selectedElementId
+        });
+      },
+      notify(message, level) {
+        ref.current.notify?.(message, level);
+      }
+    };
+  }, []);
+}
+var TOOL_FLASH_MS = 2600;
+function fixDirective(element, slideIndex) {
+  return `Review and fix any issues with this ${element.type} (id=${element.id}) on slide ${slideIndex + 1}.`;
+}
+function useAiPanelController(input) {
+  const { activeSlideIndex, selectedElementId, selectedElementIds, selectedElement } = input;
+  const [isOpen, setIsOpen] = useState(false);
+  const [pinnedFocus, setPinnedFocus] = useState(null);
+  const [prefill, setPrefill] = useState({ text: "", nonce: 0 });
+  const [pickMode, setPickMode] = useState(false);
+  const [pickTargets, setPickTargets] = useState([]);
+  const [toolFocus, setToolFocus] = useState(
+    null
+  );
+  const [flashTick, setFlashTick] = useState(0);
+  const flashTimer = useRef(null);
+  const [changeBatch, setChangeBatch] = useState(null);
+  const showChangeBatch = useCallback((batch) => setChangeBatch(batch), []);
+  const liveFocusTargets = useMemo(
+    () => computeFocusTargets({ activeSlideIndex, selectedElementIds, selectedElementId }),
+    [activeSlideIndex, selectedElementIds, selectedElementId]
+  );
+  const open = useCallback(() => setIsOpen(true), []);
+  const close = useCallback(() => setIsOpen(false), []);
+  const toggle = useCallback(() => setIsOpen((p) => !p), []);
+  const pinFocus = useCallback(() => setPinnedFocus(liveFocusTargets), [liveFocusTargets]);
+  const clearPinnedFocus = useCallback(() => setPinnedFocus(null), []);
+  const askAboutSelection = useCallback(() => {
+    setPinnedFocus(liveFocusTargets);
+    setPrefill((p) => ({ text: "", nonce: p.nonce + 1 }));
+    setIsOpen(true);
+  }, [liveFocusTargets]);
+  const fixSelection = useCallback(() => {
+    setPinnedFocus(liveFocusTargets);
+    const text = selectedElement ? fixDirective(selectedElement, activeSlideIndex) : "";
+    setPrefill((p) => ({ text, nonce: p.nonce + 1 }));
+    setIsOpen(true);
+  }, [liveFocusTargets, selectedElement, activeSlideIndex]);
+  const startPicking = useCallback(() => {
+    setPickMode(true);
+    setIsOpen(true);
+  }, []);
+  const stopPicking = useCallback(() => setPickMode(false), []);
+  const addPick = useCallback((slideIndex, elementId) => {
+    setPickTargets((prev) => {
+      if (prev.some((t) => t.kind === "element" && t.elementId === elementId)) {
+        return prev;
+      }
+      return [...prev, { kind: "element", slideIndex, elementId }];
+    });
+  }, []);
+  const clearPicks = useCallback(() => {
+    setPickTargets([]);
+    setPickMode(false);
+  }, []);
+  const flashToolTarget = useCallback((target) => {
+    if (target && target.slideIndex !== void 0 && target.elementIds.length > 0) {
+      setToolFocus({ slideIndex: target.slideIndex, elementIds: target.elementIds });
+    } else {
+      setToolFocus(null);
+    }
+    setFlashTick((n) => n + 1);
+    if (flashTimer.current) {
+      clearTimeout(flashTimer.current);
+    }
+    flashTimer.current = setTimeout(() => {
+      setToolFocus(null);
+      setFlashTick(0);
+    }, TOOL_FLASH_MS);
+  }, []);
+  useEffect(
+    () => () => {
+      if (flashTimer.current) {
+        clearTimeout(flashTimer.current);
+      }
+    },
+    []
+  );
+  const canvasHighlights = useMemo(() => {
+    const out = [];
+    for (const t of pickTargets) {
+      if (t.kind === "element") {
+        out.push({ slideIndex: t.slideIndex, elementId: t.elementId, variant: "pick" });
+      }
+    }
+    if (toolFocus) {
+      for (const elementId of toolFocus.elementIds) {
+        out.push({ slideIndex: toolFocus.slideIndex, elementId, variant: "active" });
+      }
+    }
+    return out;
+  }, [pickTargets, toolFocus]);
+  const canvasAnimating = canvasHighlights.length > 0 || flashTick > 0;
+  return {
+    isOpen,
+    open,
+    close,
+    toggle,
+    liveFocusTargets,
+    pinnedFocus,
+    pinFocus,
+    clearPinnedFocus,
+    prefill,
+    askAboutSelection,
+    fixSelection,
+    pickMode,
+    startPicking,
+    stopPicking,
+    pickTargets,
+    addPick,
+    clearPicks,
+    canvasHighlights,
+    canvasAnimating,
+    flashToolTarget,
+    changeBatch,
+    showChangeBatch
+  };
+}
 var PowerPointViewer = forwardRef(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the forwardRef component its displayName
   function PowerPointViewer2(props, ref) {
@@ -33281,7 +34358,8 @@ var PowerPointViewer = forwardRef(
       onStopCollaboration,
       shareDefaults,
       smartArt3D = false,
-      hiddenActions
+      hiddenActions,
+      ai
     } = props;
     useEffect(() => {
       const css = buildUserFontFaceStyles(fonts);
@@ -33637,6 +34715,7 @@ var PowerPointViewer = forwardRef(
       autosaveStatus,
       isEncryptedDialogOpen,
       setIsEncryptedDialogOpen,
+      handlerRef,
       loadVersion
     } = useViewerIntegration({
       state,
@@ -33669,6 +34748,55 @@ var PowerPointViewer = forwardRef(
       onSelectionChange,
       onSlideCountChange
     });
+    const applyAiTheme = useCallback(
+      (updates) => {
+        if (updates.colorScheme) {
+          void themeHandlers.handleUpdateThemeColorScheme(updates.colorScheme);
+        }
+        if (updates.fontScheme) {
+          void themeHandlers.handleUpdateThemeFontScheme(updates.fontScheme);
+        }
+      },
+      [themeHandlers]
+    );
+    const bumpAiHistory = useCallback(() => {
+      state.setPointerCommitNonce((n) => n + 1);
+    }, [state]);
+    const aiPanel = useAiPanelController({
+      activeSlideIndex,
+      selectedElementId,
+      selectedElementIds,
+      selectedElement
+    });
+    const aiBridge = useAiBridge({
+      slides,
+      activeSlideIndex,
+      canvasSize,
+      theme: state.theme,
+      fileName,
+      selectedElementId,
+      selectedElementIds,
+      pinnedFocus: aiPanel.pinnedFocus,
+      pickedFocus: aiPanel.pickTargets.length > 0 ? aiPanel.pickTargets : null,
+      handlerRef,
+      sections: state.sections,
+      presentationProperties: state.presentationProperties,
+      customProperties: state.customProperties,
+      coreProperties: state.coreProperties,
+      appProperties: state.appProperties,
+      setCanvasSize: state.setCanvasSize,
+      setSections: state.setSections,
+      setPresentationProperties: state.setPresentationProperties,
+      setCustomProperties: state.setCustomProperties,
+      setCoreProperties: state.setCoreProperties,
+      setAppProperties: state.setAppProperties,
+      setSlides: state.setSlides,
+      setActiveSlideIndex: state.setActiveSlideIndex,
+      applySelection: editorOps.ops.applySelection,
+      bumpHistory: bumpAiHistory,
+      markDirty: history.markDirty,
+      applyThemeUpdates: applyAiTheme
+    });
     const showSlidesPane = mode === "edit" && !isMobile && !dialogs.isNarrowViewport && state.isSlidesPaneOpen;
     const showMasterPane = mode === "master" && !isMobile && state.isSlidesPaneOpen;
     const viewerContent = /* @__PURE__ */ jsxs(
@@ -33717,7 +34845,10 @@ var PowerPointViewer = forwardRef(
                     autosaveStatus,
                     autosaveEnabled,
                     onToggleAutosave: () => setAutosaveEnabled((p) => !p),
-                    hiddenActions
+                    hiddenActions,
+                    aiEnabled: Boolean(ai),
+                    isAiPanelOpen: aiPanel.isOpen,
+                    onToggleAiPanel: aiPanel.toggle
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -33752,7 +34883,10 @@ var PowerPointViewer = forwardRef(
                     onResizeLeft: isMobile ? void 0 : resizablePanels.onResizeLeft,
                     rightPanelWidth: isMobile ? void 0 : resizablePanels.rightWidth,
                     onResizeRight: isMobile ? void 0 : resizablePanels.onResizeRight,
-                    hiddenActions
+                    hiddenActions,
+                    aiConfig: ai,
+                    aiBridge: ai ? aiBridge : void 0,
+                    aiPanel: ai ? aiPanel : void 0
                   }
                 ),
                 mode !== "present" && (!isVirtualKeyboardOpen || !state.isSlideNotesCollapsed) && /* @__PURE__ */ jsx(
@@ -33845,7 +34979,8 @@ var PowerPointViewer = forwardRef(
               onSelectTheme: handleThemeChange,
               localeCode,
               availableLocales: resolvedLocales,
-              onSelectLocale: handleLocaleChange
+              onSelectLocale: handleLocaleChange,
+              aiEnabled: Boolean(ai)
             }
           ),
           isHeaderFooterOpen && /* @__PURE__ */ jsx(