pptx-react-viewer 2.11.1 → 2.12.1

package/dist/{chunk-PXYZFWDA.mjs → chunk-4SGXEGVL.mjs}

@@ -1,12 +1,12 @@
-import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-HF6L2CTF.mjs';
-import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-NJ4PTG4F.mjs';
-import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-DD54KUDG.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-RHR7GTDX.mjs';
-import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, isElementRendered, isElementActionable, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, RULER_THICKNESS, RULER_FONT_SIZE, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, svgGradientFillRef, isInkElement, getElementLabel, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, themeToCssVars, applyMotionPathPreset, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, isImageLikeElement, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, filterRenderedElements, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, buildContextMenuEntries, themeColorSchemesEqual, STATUS_BAR_CLASSES, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_VIRTUALIZATION_THRESHOLD, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, presentationInkPath, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptor, PRESET_THEMES, isUrlSafe, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, getConnectionSites, generateTicks, rulerDragToGuidePosition, getCommentMarkerPosition, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, THEME_COLOR_LABELS, COMMON_FONTS, buildSmartArtPresetData, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, mergeSlideTransition, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, chartDataChangeType, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, flattenTagCollections, formatCommentTimestamp, clearMotionPath, DIRECTIONAL_PRESETS, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-FV7HEYCX.mjs';
-import React34, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, Fragment as Fragment$1, useDeferredValue } from 'react';
+import { computeFocusTargets, aiChangeAnimationCss, changeGhostStyle, createChatHistoryStore, toRenderableParts } from './chunk-N3NKU7SC.mjs';
+import { useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useCollaborationLivePatch, useFollowMode, useBroadcastFollower, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, downloadBlob } from './chunk-4GYNTY2G.mjs';
+import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, CONNECTOR_ARROW_OPTIONS, ARROW_SIZE_OPTIONS, startMotionPathPreview, startPreviewAnimation, stopPreviewAnimation, THEME_COLOR_SWATCHES, STROKE_DASH_OPTIONS } from './chunk-YIPR3GKG.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-TEXIGSA6.mjs';
+import { hasShapeProperties, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, hasTextProperties, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, isElementRendered, isElementActionable, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, LINK_TOOLTIP_HOST_CLASS, SWITCHABLE_LAYOUT_TYPES, DEFAULT_VIEWER_OPTIONS, compileEquationTemplateMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, RULER_THICKNESS, RULER_FONT_SIZE, revealedSmartArtNodeCount, buildSmartArtA11y, buildCssGradientFromShapeStyle, resolveGroupChildFill, getGroupChildParentFill, ensureActionAffordanceStyles, resolveElementActionAffordance, actionAffordanceLabels, getComputedEffectStyle, getSoftEdgeSvgFilter, buildStrokeOutline, svgGradientFillRef, mediaTransportVisible, isInkElement, getElementLabel, buildPreviewElements, deriveSlideFieldContext, SLIDE_TRANSITION_OPTIONS, hiddenSlideCue, HIDDEN_SLIDE_SLASH_GRADIENT, HIDDEN_SLIDE_LABEL_KEY, themeToCssVars, applyMotionPathPreset, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, printPropertiesFrameSlides, printPropertiesSlidesPerPage, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, isImageLikeElement, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, applyChartBuildReveal, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, filterRenderedElements, isLinkedTextBox, getOverflowSegments, shouldUseSvgWarp, ACTION_INDICATOR_CLASS, ACTION_INDICATOR_ICON_PATH, LINK_TOOLTIP_CLASS, LINK_TOOLTIP_PANEL_CLASS, LINK_TOOLTIP_LABEL_CLASS, LINK_TOOLTIP_HINT_CLASS, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, buildFieldSubstitutionContext, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, isPresentationAdvanceClick, PRESENT_TOOLBAR_CLASSES, buildContextMenuEntries, themeColorSchemesEqual, STATUS_BAR_CLASSES, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, compileLatexEquation, convertLatexToOmml, EQUATION_TEMPLATES, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, canGoPrevious, formatSlideCounter, READING_VIEW_COUNTER_ATTR, canGoNext, READING_VIEW_ATTR, OUTLINE_LEVEL_ATTR, OUTLINE_SLIDE_ATTR, OUTLINE_ROW_ATTR, OUTLINE_VIEW_ATTR, mobileElapsedSince, nextPresentedSlide, presenterPrevDisabled, presenterNextDisabled, formatMobileElapsed, mobileSlideCounter, presenterPaneAdvancesOnClick, presenterTimerProgress, PRESENTER_CONSOLE_CLASSES, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, setSmartArtNodeStyle, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, updateSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getSubstituteFontFamily, getWarpPath, extraQuickAccessCommands, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, DEFAULT_MOTION_PATH_PRESET_ID, SLIDE_VIRTUALIZATION_THRESHOLD, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, presentationInkPath, motionPathFor, setMotionPath, getShapeAdjustmentHandleDescriptor, PRESENTER_NAVIGATOR_LABEL_KEYS, PEN_COLORS, HIGHLIGHTER_COLORS, PRESET_THEMES, isUrlSafe, sanitizeMathMl, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, openReadingView, applyReadingViewCommand, createPresentationKeyBuffer, readingViewFitScale, READING_VIEW_STAGE_ATTR, buildOutline, applyOutlineEdit, mapOutlineKey, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, PRESENTER_CONSOLE_CONTROLS, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, backstageCardsFor, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, ENTRANCE_PRESET_VALUES, EMPHASIS_PRESET_VALUES, EXIT_PRESET_VALUES, MOTION_PATH_FAMILIES, motionPathFamilyLabelKey, motionPathPresetsByFamily, motionPathPresetLabelKey, getConnectionSites, generateTicks, rulerDragToGuidePosition, getCommentMarkerPosition, motionPathToSvgD, motionPathEndPixel, isEditableMotionPath, setMotionPathEnd, buildThemeColorGrid, THEME_COLOR_SCHEME_KEYS, THEME_COLOR_LABELS, COMMON_FONTS, buildSmartArtPresetData, handleReadingViewKey, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, mergeSlideTransition, buildTableDataGrid, appendTableElementRow, removeLastTableElementRow, appendTableElementColumn, removeLastTableElementColumn, removeTableElementColumn, removeTableElementRow, setTableElementCellText, TABLE_STYLE_PRESETS, chartDataChangeType, setChartCategoryLabel, setChartCellValue, addChartCategory, removeChartCategory, addChartSeries, removeChartSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, sanitizeGradientStops, pptxActionToElementAction, withFrameSlides, withSlidesPerPage, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, schemaLabel, THEME_COLOR_SLOT_LABEL_KEYS, TRANSITION_VALID_DIRECTIONS, TRANSITION_ORIENTATION_TYPES, clampTransitionNumber, flattenTagCollections, formatCommentTimestamp, clearMotionPath, DIRECTIONAL_PRESETS, motionPathPresetIdForPath, computeMergeCellRight, computeMergeCellDown, computeSplitCell, SMARTART_COLOR_SCHEME_LABEL_KEYS, SMARTART_STYLE_LABEL_KEYS, addSmartArtNodeAsChild, removeSmartArtNode, clampCropValue, DUOTONE_PRESETS, ARTISTIC_EFFECTS, resolveActionType, ELEMENT_ACTION_TYPE_OPTIONS, toSlideIndex, elementActionToPptxAction, canCommitActionType, TRANSITION_DIR_ARROWS, buildDirectionGrid, updateTagInCollections, deleteTagFromCollections, addTagToCollections, animationEffectLabel, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode, SHAPE_QUICK_STYLES, quickStyleSwatchCss, getPatternSvg, TEXT_WARP_PRESETS, warpPreviewPath, text3dPtToEmu, text3dEmuToPt, MATERIAL_PRESETS, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS, FILL_PATTERN_LABEL_KEYS, openNativeEyeDropper, toggleText3dExtrusion, BEVEL_PRESETS } from './chunk-CABQXGPI.mjs';
+import React35, { createContext, useMemo, useState, useCallback, lazy, forwardRef, useEffect, useRef, useContext, Suspense, useLayoutEffect, Fragment as Fragment$1, useDeferredValue } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useTranslation } from 'react-i18next';
-import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuScan, LuMonitorOff, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuPackage, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
+import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuBug, LuChevronUp, LuChevronDown, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuZoomOut, LuZoomIn, LuSpellCheck, LuFileDown, LuMenu, LuSparkles, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuVideo, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuLoaderCircle, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuScan, LuMonitorOff, LuCirclePlay, LuCirclePause, LuArrowLeftRight, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuPackage, LuBox, LuFileImage, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuGroup, LuUngroup, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1246,11 +1246,11 @@ var TRANSITION_PRESETS = [
 ];
 function TransitionsSection(p) {
   const { t } = useTranslation();
-  const [selected, setSelected] = React34.useState("none");
-  const [duration, setDuration] = React34.useState("00.50");
-  const [advanceOnClick, setAdvanceOnClick] = React34.useState(true);
-  const [advanceAfter, setAdvanceAfter] = React34.useState(false);
-  const [advanceAfterSeconds, setAdvanceAfterSeconds] = React34.useState("00:00.00");
+  const [selected, setSelected] = React35.useState("none");
+  const [duration, setDuration] = React35.useState("00.50");
+  const [advanceOnClick, setAdvanceOnClick] = React35.useState(true);
+  const [advanceAfter, setAdvanceAfter] = React35.useState(false);
+  const [advanceAfterSeconds, setAdvanceAfterSeconds] = React35.useState("00:00.00");
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("button", { type: "button", className: pill, title: t("pptx.ribbon.previewTransition"), children: [
       /* @__PURE__ */ jsx(LuPlay, { className: ics }),
@@ -1452,7 +1452,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "2.11.0" ;
+  const version = "2.12.0" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -6175,7 +6175,7 @@ function HorizontalRulerView({ ticks, widthPx, highlight }) {
     }
   );
 }
-var HorizontalRuler = React34.memo(HorizontalRulerView);
+var HorizontalRuler = React35.memo(HorizontalRulerView);
 HorizontalRuler.displayName = "HorizontalRuler";
 function VerticalRulerView({ ticks, heightPx, highlight }) {
   return /* @__PURE__ */ jsxs(
@@ -6247,7 +6247,7 @@ function VerticalRulerView({ ticks, heightPx, highlight }) {
     }
   );
 }
-var VerticalRuler = React34.memo(VerticalRulerView);
+var VerticalRuler = React35.memo(VerticalRulerView);
 VerticalRuler.displayName = "VerticalRuler";
 function Ruler({
   canvasSize,
@@ -6951,6 +6951,39 @@ function useStableCallbacks(callbacks) {
     stableResizeTableRow
   };
 }
+function useActionAffordance(element, canInteract) {
+  const { t } = useTranslation();
+  ensureActionAffordanceStyles();
+  return useMemo(
+    () => resolveElementActionAffordance(element, {
+      canInteract,
+      // Wrapped rather than passed by reference: i18next's `TFunction` is
+      // heavily overloaded and does not assign to a plain key -> string.
+      labels: actionAffordanceLabels((key) => t(key))
+    }),
+    [element, canInteract, t]
+  );
+}
+function ActionIndicator({ title }) {
+  return /* @__PURE__ */ jsx("div", { className: ACTION_INDICATOR_CLASS, title, children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: ACTION_INDICATOR_ICON_PATH }) }) });
+}
+function LinkTooltip({ label, hint }) {
+  return /* @__PURE__ */ jsx("div", { className: LINK_TOOLTIP_CLASS, children: /* @__PURE__ */ jsxs("div", { className: LINK_TOOLTIP_PANEL_CLASS, children: [
+    /* @__PURE__ */ jsx("div", { className: LINK_TOOLTIP_LABEL_CLASS, children: label }),
+    /* @__PURE__ */ jsx("div", { className: LINK_TOOLTIP_HINT_CLASS, children: hint })
+  ] }) });
+}
+function ActionAffordances({
+  affordance
+}) {
+  if (!affordance.showIndicator && !affordance.showLinkTooltip) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    affordance.showIndicator && /* @__PURE__ */ jsx(ActionIndicator, { title: affordance.indicatorTitle }),
+    affordance.showLinkTooltip && /* @__PURE__ */ jsx(LinkTooltip, { label: affordance.linkTooltipLabel, hint: affordance.linkTooltipHint })
+  ] });
+}
 function ConnectorTextOverlay({
   connectorText,
   connectorTextSegments,
@@ -7199,7 +7232,7 @@ function ResizeHandles({
     ) : null
   ] });
 }
-var ConnectorElementRenderer = React34.memo(
+var ConnectorElementRenderer = React35.memo(
   ({
     el,
     isSelected,
@@ -7495,6 +7528,8 @@ function getElementInteractionProps({
     title: canInteract && element.actionClick ? void 0 : element.actionClick?.tooltip || element.actionHover?.tooltip || void 0
   };
 }
+
+// src/viewer/components/elements/element-renderer-helpers.tsx
 function renderDagDuotoneFilterForElement(el) {
   if (!hasDagDuotoneEffect(el)) {
     return null;
@@ -7545,19 +7580,6 @@ function getContainerStyle({
     ...templateEditing ? { outline: "2px dashed rgb(217, 119, 6)", outlineOffset: "1px", opacity: opacity ?? 0.95 } : {}
   };
 }
-function ActionIndicator({
-  clickTooltip,
-  hoverTooltip
-}) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "absolute -top-1 -right-1 z-20 w-4 h-4 rounded-full bg-amber-500 flex items-center justify-center shadow",
-      title: clickTooltip || hoverTooltip || "Has action",
-      children: /* @__PURE__ */ jsx("svg", { className: "w-2.5 h-2.5 text-white", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ jsx("path", { d: "M13 2L3 14h9l-1 8 10-12h-9l1-8z" }) })
-    }
-  );
-}
 
 // src/viewer/components/elements/element-shape-params.ts
 function shapeParams(element) {
@@ -8705,10 +8727,10 @@ function InlineTextEditor({
 function FailedToLoad() {
   return null;
 }
-var LazyModel3DScene = React34.lazy(
+var LazyModel3DScene = React35.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-WHSHBMR5.mjs');
+      return await import('./Model3DScene-TU4NTHRM.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -8791,7 +8813,7 @@ function PosterFallback({
     }
   );
 }
-var Model3DErrorBoundary = class extends React34.Component {
+var Model3DErrorBoundary = class extends React35.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -8982,10 +9004,10 @@ function SmartArtInlineNodeEditor({
   onCancel
 }) {
   const { t } = useTranslation();
-  const ref = React34.useRef(null);
-  const [value, setValue] = React34.useState(initialText);
-  const settled = React34.useRef(false);
-  React34.useEffect(() => {
+  const ref = React35.useRef(null);
+  const [value, setValue] = React35.useState(initialText);
+  const settled = React35.useRef(false);
+  React35.useEffect(() => {
     const el = ref.current;
     if (el) {
       el.focus();
@@ -9077,16 +9099,16 @@ function findNodeIdFromEvent(target) {
   return null;
 }
 function useSmartArtHoverState(containerRef) {
-  const [hoveredNodeId, setHoveredNodeId] = React34.useState(null);
-  const [hoveredNodeRect, setHoveredNodeRect] = React34.useState(null);
-  const hideTimeoutRef = React34.useRef(null);
-  const cancelPendingHide = React34.useCallback(() => {
+  const [hoveredNodeId, setHoveredNodeId] = React35.useState(null);
+  const [hoveredNodeRect, setHoveredNodeRect] = React35.useState(null);
+  const hideTimeoutRef = React35.useRef(null);
+  const cancelPendingHide = React35.useCallback(() => {
     if (hideTimeoutRef.current !== null) {
       window.clearTimeout(hideTimeoutRef.current);
       hideTimeoutRef.current = null;
     }
   }, []);
-  const handleMouseMove = React34.useCallback(
+  const handleMouseMove = React35.useCallback(
     (e, ignoreRef) => {
       const nodeEl = findNodeIdFromEvent(e.target);
       const container = containerRef.current;
@@ -9114,12 +9136,12 @@ function useSmartArtHoverState(containerRef) {
     },
     [containerRef, cancelPendingHide]
   );
-  const clearHover = React34.useCallback(() => {
+  const clearHover = React35.useCallback(() => {
     cancelPendingHide();
     setHoveredNodeId(null);
     setHoveredNodeRect(null);
   }, [cancelPendingHide]);
-  React34.useEffect(() => cancelPendingHide, [cancelPendingHide]);
+  React35.useEffect(() => cancelPendingHide, [cancelPendingHide]);
   return { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover };
 }
 var EDITOR_PADDING = 4;
@@ -9134,11 +9156,11 @@ function SmartArtEditableLayer({
   onChangeNodeStyle,
   children
 }) {
-  const containerRef = React34.useRef(null);
-  const styleBarRef = React34.useRef(null);
-  const [edit, setEdit] = React34.useState(null);
+  const containerRef = React35.useRef(null);
+  const styleBarRef = React35.useRef(null);
+  const [edit, setEdit] = React35.useState(null);
   const { hoveredNodeId, hoveredNodeRect, handleMouseMove, clearHover } = useSmartArtHoverState(containerRef);
-  const openEditor = React34.useCallback(
+  const openEditor = React35.useCallback(
     (target) => {
       const nodeEl = findNodeIdFromEvent(target);
       const container = containerRef.current;
@@ -10678,11 +10700,11 @@ function arePropsEqual(prev, next) {
   }
   return true;
 }
-var SmartArtRenderer = React34.memo(SmartArtRendererImpl, arePropsEqual);
+var SmartArtRenderer = React35.memo(SmartArtRendererImpl, arePropsEqual);
 function FailedToLoad2() {
   return null;
 }
-var LazySmartArt3DScene = React34.lazy(
+var LazySmartArt3DScene = React35.lazy(
   async () => {
     try {
       return await import('./SmartArt3DScene-XCFVGCXE.mjs');
@@ -10691,7 +10713,7 @@ var LazySmartArt3DScene = React34.lazy(
     }
   }
 );
-var SceneErrorBoundary = class extends React34.Component {
+var SceneErrorBoundary = class extends React35.Component {
   constructor(props) {
     super(props);
     this.state = { hasError: false };
@@ -11325,6 +11347,7 @@ function renderBody(options) {
     onColResize,
     onRowResize,
     isPresentationPassive,
+    isStaticSurface,
     handleMediaPlayStateChange,
     allSlides,
     onZoomClick,
@@ -11424,6 +11447,13 @@ function renderBody(options) {
       autoPlay: isPresentationPassive,
       fullScreen: isPresentationPassive && Boolean(el.fullScreen),
       isPresentationMode: isPresentationPassive,
+      // A still of a slide never carries a transport, whatever the canvas
+      // does. The rule is shared so the five bindings cannot drift on it.
+      showTransport: mediaTransportVisible({
+        presenting: isPresentationPassive === true,
+        preview: isStaticSurface === true,
+        canvasTransport: true
+      }),
       onPlayStateChange: handleMediaPlayStateChange
     });
   }
@@ -11450,7 +11480,7 @@ function renderBody(options) {
   }
   return renderTextElementBody(options);
 }
-var Extrusion3DOverlay = React34.memo(({ data }) => {
+var Extrusion3DOverlay = React35.memo(({ data }) => {
   if (!data.hasExtrusion || data.panels.length === 0) {
     return null;
   }
@@ -11483,12 +11513,6 @@ var Extrusion3DOverlay = React34.memo(({ data }) => {
   ] });
 });
 Extrusion3DOverlay.displayName = "Extrusion3DOverlay";
-function LinkTooltip({ label, hasUrl }) {
-  return /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute left-1 top-full z-[9999] mt-1 max-w-64 opacity-0 transition-opacity duration-150 group-hover/link:opacity-100", children: /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-popover px-2.5 py-1.5 shadow-lg", children: [
-    /* @__PURE__ */ jsx("div", { className: "truncate text-xs text-foreground", children: label }),
-    /* @__PURE__ */ jsx("div", { className: "mt-0.5 text-[10px] text-muted-foreground", children: hasUrl ? "Ctrl+Click to follow link" : "Active in presentation mode" })
-  ] }) });
-}
 
 // src/viewer/components/elements/scoped-element-handlers.ts
 function getScopedElementHandlers(elementId, options) {
@@ -11555,6 +11579,7 @@ function StaticElementRendererImpl({
     {
       "data-static-element-type": element.type,
       "data-element-id": exposeElementId ? element.id : void 0,
+      "data-pptx-element": exposeElementId ? "true" : void 0,
       "data-pptx-action": isActionable ? "click" : void 0,
       className: `${positioned ? "absolute" : "relative"} overflow-hidden ${isActionable ? "pointer-events-auto cursor-pointer" : "pointer-events-none"}`,
       role: contractRole,
@@ -11631,6 +11656,11 @@ function StaticElementRendererImpl({
           onCommit: noop,
           onCancel: noop,
           isPresentationPassive: false,
+          // This renderer only ever paints a STILL of a slide (presenter
+          // console panes, thumbnails, previews). It is not in presentation
+          // mode, so without saying so a video here would carry Chrome's
+          // scrubber over a slide nobody can play.
+          isStaticSurface: true,
           slideElements: activeSlide?.elements,
           allSlides,
           sourceSlideIndex,
@@ -11643,9 +11673,9 @@ function StaticElementRendererImpl({
     }
   );
 }
-var StaticElementRenderer = React34.memo(StaticElementRendererImpl);
+var StaticElementRenderer = React35.memo(StaticElementRendererImpl);
 StaticElementRenderer.displayName = "StaticElementRenderer";
-var ElementRenderer = React34.memo(
+var ElementRenderer = React35.memo(
   // oxlint-disable-next-line prefer-arrow-callback -- named fn gives the memo component its displayName
   function ElementRendererInner({
     element: el,
@@ -11735,6 +11765,7 @@ var ElementRenderer = React34.memo(
       () => build3DExtrusionData(shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height),
       [shapeStyle3d?.shape3d, shapeStyle3d?.scene3d, fc, el.width, el.height]
     );
+    const actionAffordance = useActionAffordance(el, canInteract);
     const [isMediaPlaying, setIsMediaPlaying] = useState(false);
     const handleMediaPlayStateChange = useCallback((playing) => {
       setIsMediaPlaying(playing);
@@ -11796,6 +11827,7 @@ var ElementRenderer = React34.memo(
       {
         "data-pptx-element": "true",
         "data-element-id": el.id,
+        "data-pptx-action": isActionable ? "click" : void 0,
         role: ariaRole,
         "aria-label": ariaLabel,
         "aria-roledescription": ariaRoleDescription,
@@ -11808,7 +11840,10 @@ var ElementRenderer = React34.memo(
           effectiveCanInteract || isActionable ? "" : "pointer-events-none",
           isFullscreenMedia ? "pointer-events-auto" : "",
           selB,
-          effectiveCanInteract && el.actionClick && "group/link"
+          // Shared class the tooltip's `:hover` rule keys off (see
+          // `ACTION_AFFORDANCE_CSS`), replacing React's Tailwind `group/link`
+          // so the four non-Tailwind bindings reveal it the same way.
+          actionAffordance.showLinkTooltip && LINK_TOOLTIP_HOST_CLASS
         ),
         style: getContainerStyle({
           el,
@@ -11886,20 +11921,7 @@ var ElementRenderer = React34.memo(
             onUpdateChartElement: chartUpdateHandler,
             onFormatText
           }),
-          (el.actionClick || el.actionHover) && canInteract && /* @__PURE__ */ jsx(
-            ActionIndicator,
-            {
-              clickTooltip: el.actionClick?.tooltip,
-              hoverTooltip: el.actionHover?.tooltip
-            }
-          ),
-          effectiveCanInteract && el.actionClick && /* @__PURE__ */ jsx(
-            LinkTooltip,
-            {
-              label: el.actionClick.tooltip || el.actionClick.url || el.actionClick.action || "Link",
-              hasUrl: Boolean(el.actionClick.url)
-            }
-          ),
+          /* @__PURE__ */ jsx(ActionAffordances, { affordance: actionAffordance }),
           effectiveShowResizeHandles && !effectiveIsInlineEditing && /* @__PURE__ */ jsx(
             ResizeHandles,
             {
@@ -12915,7 +12937,7 @@ function arePropsEqual2(prev, next) {
   }
   return true;
 }
-var SlideThumbnail = React34.memo(SlideThumbnailImpl, arePropsEqual2);
+var SlideThumbnail = React35.memo(SlideThumbnailImpl, arePropsEqual2);
 
 // src/viewer/components/context-menu-dispatch.ts
 function tableCell(props) {
@@ -13464,7 +13486,7 @@ function LazyThumbnailInner({
     }
   ) });
 }
-var LazyThumbnail = React34.memo(LazyThumbnailInner);
+var LazyThumbnail = React35.memo(LazyThumbnailInner);
 
 // src/viewer/components/slides-pane/utils.ts
 function formatTimingMs(ms) {
@@ -13520,7 +13542,9 @@ function SlideItemInner({
   onDrop,
   slideRef
 }) {
+  const { t } = useTranslation();
   const isHidden = Boolean(slide.hidden);
+  const cue = hiddenSlideCue(slide.hidden, "rail", slideIndex);
   const handleContextMenu = useCallback(
     (e) => {
       if (canEdit && onAddSection) {
@@ -13544,6 +13568,8 @@ function SlideItemInner({
       ref: slideRef,
       "aria-label": `Go to slide ${slideIndex + 1}`,
       "aria-current": isActive ? "true" : void 0,
+      "aria-describedby": cue.labelId,
+      "data-pptx-slide-hidden": cue.marker,
       className: cn(
         "group relative flex w-full items-center gap-1 cursor-pointer border-0 bg-transparent py-0.5 px-1 text-left transition-all",
         isActive && "bg-accent/40 before:absolute before:left-0 before:top-1 before:bottom-1 before:w-[3px] before:bg-primary before:rounded-r",
@@ -13564,6 +13590,7 @@ function SlideItemInner({
                 "text-[10px] tabular-nums text-right select-none w-full",
                 isActive ? "text-primary font-medium" : "text-muted-foreground"
               ),
+              style: isHidden ? { backgroundImage: HIDDEN_SLIDE_SLASH_GRADIENT } : void 0,
               children: slideIndex + 1
             }
           ),
@@ -13601,7 +13628,10 @@ function SlideItemInner({
                 /* @__PURE__ */ jsx(LuMessageSquare, { className: "w-2 h-2" }),
                 slide.comments?.length
               ] }),
-              isHidden && /* @__PURE__ */ jsx("div", { className: "absolute bottom-0.5 right-0.5 z-10", children: /* @__PURE__ */ jsx(LuEyeOff, { className: "w-3 h-3 text-muted-foreground" }) }),
+              isHidden && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-0.5 right-0.5 z-10", id: cue.labelId, children: [
+                /* @__PURE__ */ jsx(LuEyeOff, { className: "w-3 h-3 text-muted-foreground" }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t(HIDDEN_SLIDE_LABEL_KEY) })
+              ] }),
               rehearsalTimings && typeof rehearsalTimings[slideIndex] === "number" && /* @__PURE__ */ jsx("div", { className: "absolute bottom-0.5 left-0.5 z-10", children: /* @__PURE__ */ jsx("span", { className: "text-[8px] font-mono text-amber-400/80 tabular-nums bg-black/50 px-0.5 rounded", children: formatTimingMs(rehearsalTimings[slideIndex]) }) })
             ]
           }
@@ -13610,7 +13640,7 @@ function SlideItemInner({
     }
   );
 }
-var SlideItem = React34.memo(SlideItemInner);
+var SlideItem = React35.memo(SlideItemInner);
 function useSlidePaneCallbacks(onMoveSlide, onRenameSection) {
   const [collapsedSections, setCollapsedSections] = useState({});
   const [renamingSectionId, setRenamingSectionId] = useState(null);
@@ -14801,6 +14831,8 @@ function SlideCardImpl({
   onDragLeave,
   onDrop
 }) {
+  const { t } = useTranslation();
+  const cue = hiddenSlideCue(slide.hidden, "sorter", index);
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -14809,6 +14841,8 @@ function SlideCardImpl({
         isDragTarget ? "border-primary bg-primary/20" : isSelected ? "border-primary bg-primary/10 ring-1 ring-primary/50" : isActive ? "border-primary/50 bg-primary/5" : "border-border bg-background/50 hover:border-border",
         slide.hidden && "opacity-40"
       ),
+      "data-pptx-slide-hidden": cue.marker,
+      "aria-describedby": cue.labelId,
       onClick: (e) => onSlideClick(e, index),
       onDoubleClick: () => onDoubleClick(index),
       onContextMenu: (e) => onContextMenu(e, index),
@@ -14824,13 +14858,17 @@ function SlideCardImpl({
             "span",
             {
               className: cn(
-                "text-[11px] font-medium",
+                "text-[11px] font-medium px-0.5",
                 isSelected ? "text-primary" : isActive ? "text-primary/70" : "text-muted-foreground"
               ),
+              style: cue.hidden ? { backgroundImage: HIDDEN_SLIDE_SLASH_GRADIENT } : void 0,
               children: index + 1
             }
           ),
-          slide.hidden && /* @__PURE__ */ jsx(LuEyeOff, { className: "h-3 w-3 text-muted-foreground" })
+          cue.hidden && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", id: cue.labelId, children: [
+            /* @__PURE__ */ jsx(LuEyeOff, { className: "h-3 w-3 text-muted-foreground" }),
+            /* @__PURE__ */ jsx("span", { className: "text-[9px] uppercase tracking-wide text-muted-foreground", children: t(HIDDEN_SLIDE_LABEL_KEY) })
+          ] })
         ] }),
         isSelected && selectedCount > 1 && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-white text-[10px] font-bold", children: selectionOrder })
       ]
@@ -14879,7 +14917,7 @@ function arePropsEqual3(prev, next) {
   }
   return true;
 }
-var SlideCard = React34.memo(SlideCardImpl, arePropsEqual3);
+var SlideCard = React35.memo(SlideCardImpl, arePropsEqual3);
 function SorterContextMenu({
   x,
   y,
@@ -18708,102 +18746,121 @@ function PresentationSubtitleBar({
 function renderNotesSegments(segments) {
   return notesSegmentsToSpans(segments).map((span) => {
     if (span.kind === "break") {
-      return React34.createElement("br", { key: span.key });
+      return React35.createElement("br", { key: span.key });
     }
-    return React34.createElement(
+    return React35.createElement(
       "span",
       { key: span.key, style: span.style },
       span.text
     );
   });
 }
-var toolClass = (active) => `inline-flex h-9 min-w-9 items-center justify-center gap-2 rounded-md px-2 text-xs transition-colors ${active ? "bg-primary text-primary-foreground" : "bg-muted text-foreground hover:bg-accent"}`;
+var CONSOLE_ICONS = {
+  "arrow-left-right": LuArrowLeftRight,
+  captions: LuCaptions,
+  "circle-pause": LuCirclePause,
+  "circle-play": LuCirclePlay,
+  eraser: LuEraser,
+  "grid-2x2": LuGrid2X2,
+  highlighter: LuHighlighter,
+  monitor: LuMonitor,
+  "monitor-off": LuMonitorOff,
+  "mouse-pointer-2": LuMousePointer2,
+  "pen-tool": LuPenTool,
+  "rotate-ccw": LuRotateCcw,
+  scan: LuScan,
+  x: LuX,
+  "zoom-in": LuZoomIn,
+  "zoom-out": LuZoomOut
+};
+var POINTER_TOOLS = {
+  laser: "laser",
+  pen: "pen",
+  highlighter: "highlighter",
+  eraser: "eraser"
+};
+function slotState(control, props) {
+  const snapshot = props.snapshot;
+  const pointerTool = snapshot.pointer?.tool ?? "none";
+  const tool = POINTER_TOOLS[control.id];
+  if (tool) {
+    return {
+      active: pointerTool === tool,
+      onClick: () => props.onPointerTool(pointerTool === tool ? "none" : tool)
+    };
+  }
+  switch (control.id) {
+    case "timer-toggle":
+      return { active: Boolean(snapshot.paused), onClick: props.onToggleTimer };
+    case "timer-reset":
+      return { active: false, onClick: props.onResetTimer };
+    case "all-slides":
+      return { active: false, onClick: props.onShowSlides };
+    case "zoom-in":
+      return { active: (snapshot.zoom?.scale ?? 1) > 1, onClick: () => props.onStepZoom(1) };
+    case "zoom-out":
+      return { active: false, onClick: () => props.onStepZoom(-1) };
+    case "zoom-reset":
+      return { active: false, onClick: props.onResetZoom };
+    case "blackout-black":
+      return {
+        active: snapshot.blackout === "black",
+        onClick: () => props.onBlackout(snapshot.blackout === "black" ? "none" : "black")
+      };
+    case "blackout-white":
+      return {
+        active: snapshot.blackout === "white",
+        onClick: () => props.onBlackout(snapshot.blackout === "white" ? "none" : "white")
+      };
+    case "captions":
+      return { active: Boolean(snapshot.subtitlesVisible), onClick: props.onToggleSubtitles };
+    case "audience":
+      return { active: props.audienceOpen, onClick: props.onToggleAudience };
+    case "swap-displays":
+      return { active: false, onClick: props.onSwapDisplays, disabled: !props.audienceOpen };
+    case "end":
+      return { active: false, onClick: props.onExit };
+    default:
+      return { active: false, onClick: () => void 0 };
+  }
+}
 function PresenterConsoleToolbar(props) {
-  const pointerTool = props.snapshot.pointer?.tool ?? "none";
-  const zoom = props.snapshot.zoom?.scale ?? 1;
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1 border-b border-border bg-card px-3 py-2", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: toolClass(false),
-        onClick: props.onToggleTimer,
-        title: "Pause or resume timer",
-        children: props.snapshot.paused ? /* @__PURE__ */ jsx(LuCirclePlay, {}) : /* @__PURE__ */ jsx(LuCirclePause, {})
-      }
-    ),
-    /* @__PURE__ */ jsx("button", { className: toolClass(false), onClick: props.onResetTimer, title: "Reset timer", children: /* @__PURE__ */ jsx(LuRotateCcw, {}) }),
-    /* @__PURE__ */ jsx("span", { className: "mx-1 h-6 w-px bg-border" }),
-    /* @__PURE__ */ jsxs("button", { className: toolClass(false), onClick: props.onShowSlides, title: "See all slides", children: [
-      /* @__PURE__ */ jsx(LuGrid2X2, {}),
-      " Slides"
-    ] }),
-    /* @__PURE__ */ jsx("button", { className: toolClass(zoom > 1), onClick: () => props.onStepZoom(1), title: "Zoom in", children: /* @__PURE__ */ jsx(LuZoomIn, {}) }),
-    /* @__PURE__ */ jsx("button", { className: toolClass(false), onClick: () => props.onStepZoom(-1), title: "Zoom out", children: /* @__PURE__ */ jsx(LuZoomOut, {}) }),
-    /* @__PURE__ */ jsx("button", { className: toolClass(false), onClick: props.onResetZoom, title: "Reset zoom", children: /* @__PURE__ */ jsx(LuScan, {}) }),
-    /* @__PURE__ */ jsx("span", { className: "mx-1 h-6 w-px bg-border" }),
-    ["laser", "pen", "highlighter", "eraser"].map((tool) => /* @__PURE__ */ jsx(
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: PRESENTER_CONSOLE_CLASSES.strip, "data-pptx-presenter-toolbar": true, children: PRESENTER_CONSOLE_CONTROLS.map((control) => {
+    if (control.kind === "divider" || control.kind === "spacer") {
+      return /* @__PURE__ */ jsx(
+        "span",
+        {
+          "data-pptx-presenter-control": control.id,
+          className: control.kind === "divider" ? PRESENTER_CONSOLE_CLASSES.divider : PRESENTER_CONSOLE_CLASSES.spacer
+        },
+        control.id
+      );
+    }
+    const state = slotState(control, props);
+    const labelKey = state.active && control.activeLabelKey ? control.activeLabelKey : control.labelKey;
+    const iconName = state.active && control.activeIcon ? control.activeIcon : control.icon;
+    const Icon = iconName === void 0 ? void 0 : CONSOLE_ICONS[iconName];
+    const label = labelKey === void 0 ? void 0 : t(labelKey);
+    return /* @__PURE__ */ jsxs(
       "button",
       {
-        className: toolClass(pointerTool === tool),
-        onClick: () => props.onPointerTool(pointerTool === tool ? "none" : tool),
-        title: tool[0].toUpperCase() + tool.slice(1),
-        children: tool === "laser" ? /* @__PURE__ */ jsx(LuMousePointer2, {}) : tool === "pen" ? /* @__PURE__ */ jsx(LuPenTool, {}) : tool === "highlighter" ? /* @__PURE__ */ jsx(LuHighlighter, {}) : /* @__PURE__ */ jsx(LuEraser, {})
+        type: "button",
+        "data-pptx-presenter-control": control.id,
+        className: state.active ? PRESENTER_CONSOLE_CLASSES.controlActive : PRESENTER_CONSOLE_CLASSES.control,
+        onClick: state.onClick,
+        disabled: state.disabled,
+        "aria-label": label,
+        title: label,
+        "aria-pressed": control.kind === "toggle" ? state.active : void 0,
+        children: [
+          Icon ? /* @__PURE__ */ jsx(Icon, {}) : null,
+          control.glyph
+        ]
       },
-      tool
-    )),
-    /* @__PURE__ */ jsx("span", { className: "mx-1 h-6 w-px bg-border" }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: toolClass(props.snapshot.blackout === "black"),
-        onClick: () => props.onBlackout(props.snapshot.blackout === "black" ? "none" : "black"),
-        title: "Black screen",
-        children: "B"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: toolClass(props.snapshot.blackout === "white"),
-        onClick: () => props.onBlackout(props.snapshot.blackout === "white" ? "none" : "white"),
-        title: "White screen",
-        children: "W"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: toolClass(Boolean(props.snapshot.subtitlesVisible)),
-        onClick: props.onToggleSubtitles,
-        title: "Toggle subtitles",
-        children: /* @__PURE__ */ jsx(LuCaptions, {})
-      }
-    ),
-    /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: toolClass(props.audienceOpen),
-        onClick: props.onToggleAudience,
-        title: "Audience display",
-        children: props.audienceOpen ? /* @__PURE__ */ jsx(LuMonitorOff, {}) : /* @__PURE__ */ jsx(LuMonitor, {})
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        className: toolClass(false),
-        onClick: props.onSwapDisplays,
-        disabled: !props.audienceOpen,
-        title: "Swap displays",
-        children: "Swap"
-      }
-    ),
-    /* @__PURE__ */ jsxs("button", { className: toolClass(false), onClick: props.onExit, title: "End slide show", children: [
-      /* @__PURE__ */ jsx(LuX, {}),
-      " End"
-    ] })
-  ] });
+      control.id
+    );
+  }) });
 }
 function ScaledSlidePreviewImpl({
   slide,
@@ -18917,7 +18974,7 @@ function arePropsEqual4(prev, next) {
   }
   return true;
 }
-var ScaledSlidePreview = React34.memo(ScaledSlidePreviewImpl, arePropsEqual4);
+var ScaledSlidePreview = React35.memo(ScaledSlidePreviewImpl, arePropsEqual4);
 function PresenterNotesRail({
   slides,
   current,
@@ -18940,14 +18997,14 @@ function PresenterNotesRail({
     () => notesSegments?.length ? renderNotesSegments(notesSegments) : notesText.trim() ? notesText : /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground", children: t("pptx.presenter.noNotes") }),
     [notesSegments, notesText, t]
   );
-  return /* @__PURE__ */ jsxs("aside", { className: "flex flex-[3] min-w-[260px] max-w-[440px] flex-col border-l border-border bg-background", children: [
+  return /* @__PURE__ */ jsxs("aside", { className: PRESENTER_CONSOLE_CLASSES.rail, children: [
     /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-b border-border/60 px-4 py-3", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t("pptx.presenter.currentTime") }),
+        /* @__PURE__ */ jsx("div", { className: PRESENTER_CONSOLE_CLASSES.railHeading, children: t("pptx.presenter.currentTime") }),
         /* @__PURE__ */ jsx("div", { className: "font-mono text-lg tabular-nums", children: formatTime(new Date(now)) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t("pptx.presenter.elapsed") }),
+        /* @__PURE__ */ jsx("div", { className: PRESENTER_CONSOLE_CLASSES.railHeading, children: t("pptx.presenter.elapsed") }),
         /* @__PURE__ */ jsx("div", { className: "font-mono text-lg tabular-nums text-primary", children: formatElapsed(elapsed) })
       ] })
     ] }),
@@ -18957,7 +19014,8 @@ function PresenterNotesRail({
         {
           type: "button",
           onClick: () => onMove(-1),
-          disabled: current === 0,
+          disabled: presenterPrevDisabled(current),
+          "data-pptx-presenter-control": "prev",
           className: "inline-flex items-center gap-1 rounded bg-muted px-3 py-1.5 text-xs disabled:opacity-40",
           children: [
             /* @__PURE__ */ jsx(LuChevronLeft, {}),
@@ -18976,6 +19034,8 @@ function PresenterNotesRail({
         {
           type: "button",
           onClick: () => onMove(1),
+          disabled: presenterNextDisabled(),
+          "data-pptx-presenter-control": "next",
           className: "inline-flex items-center gap-1 rounded bg-muted px-3 py-1.5 text-xs disabled:opacity-40",
           children: [
             t("pptx.presenter.next"),
@@ -18985,8 +19045,8 @@ function PresenterNotesRail({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs("section", { className: "border-b border-border/60 px-4 py-3", children: [
-      /* @__PURE__ */ jsx("div", { className: "mb-2 text-[10px] uppercase tracking-wider text-muted-foreground", children: t("pptx.presenter.nextSlidePreview") }),
+    /* @__PURE__ */ jsxs("section", { className: "border-b border-border/60 px-4 py-3", "data-pptx-presenter-next-preview": true, children: [
+      /* @__PURE__ */ jsx("div", { className: `mb-2 ${PRESENTER_CONSOLE_CLASSES.railHeading}`, children: t("pptx.presenter.nextSlidePreview") }),
       nextSlide ? /* @__PURE__ */ jsx(
         ScaledSlidePreview,
         {
@@ -18996,9 +19056,9 @@ function PresenterNotesRail({
         }
       ) : /* @__PURE__ */ jsx("div", { className: "flex h-16 items-center justify-center rounded bg-muted/40 text-xs italic text-muted-foreground", children: t("pptx.presenter.endOfPresentation") })
     ] }),
-    /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 flex-1 flex-col px-4 py-3", children: [
+    /* @__PURE__ */ jsxs("section", { className: "flex min-h-0 flex-1 flex-col px-4 py-3", "data-pptx-presenter-notes": true, children: [
       /* @__PURE__ */ jsxs("div", { className: "mb-2 flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[10px] uppercase tracking-wider text-muted-foreground", children: t("pptx.presenter.speakerNotes") }),
+        /* @__PURE__ */ jsx("div", { className: PRESENTER_CONSOLE_CLASSES.railHeading, children: t("pptx.presenter.speakerNotes") }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ jsx(
             "button",
@@ -19006,6 +19066,7 @@ function PresenterNotesRail({
               type: "button",
               onClick: () => setFontSize(clampNotesFontSize(fontSize - NOTES_FONT_SIZE_STEP)),
               disabled: fontSize <= NOTES_FONT_SIZE_MIN,
+              "data-pptx-presenter-control": "notes-font-decrease",
               "aria-label": t("pptx.presenter.decreaseFontSize"),
               children: /* @__PURE__ */ jsx(LuMinus, {})
             }
@@ -19020,6 +19081,7 @@ function PresenterNotesRail({
               type: "button",
               onClick: () => setFontSize(clampNotesFontSize(fontSize + NOTES_FONT_SIZE_STEP)),
               disabled: fontSize >= NOTES_FONT_SIZE_MAX,
+              "data-pptx-presenter-control": "notes-font-increase",
               "aria-label": t("pptx.presenter.increaseFontSize"),
               children: /* @__PURE__ */ jsx(LuPlus, {})
             }
@@ -19048,17 +19110,27 @@ function PresenterNotesRail({
   ] });
 }
 function PresenterSlideNavigator(props) {
-  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-[120] flex flex-col bg-card/98 text-foreground", children: [
-    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-b border-border px-6 py-4", children: [
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: `${PRESENTER_CONSOLE_CLASSES.navigator} text-foreground`, children: [
+    /* @__PURE__ */ jsxs("header", { className: "mb-4 flex items-center justify-between border-b border-border pb-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.22em] text-sky-300", children: "Slide navigator" }),
-        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: "See all slides" })
+        /* @__PURE__ */ jsx("p", { className: "text-xs uppercase tracking-[0.22em] text-sky-300", children: t(PRESENTER_NAVIGATOR_LABEL_KEYS.title) }),
+        /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold", children: t(PRESENTER_NAVIGATOR_LABEL_KEYS.subtitle) })
       ] }),
-      /* @__PURE__ */ jsx("button", { className: "rounded-md bg-muted px-4 py-2 hover:bg-accent", onClick: props.onClose, children: "Close" })
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rounded-md bg-muted px-4 py-2 hover:bg-accent",
+          onClick: props.onClose,
+          children: t(PRESENTER_NAVIGATOR_LABEL_KEYS.close)
+        }
+      )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "grid flex-1 grid-cols-[repeat(auto-fill,minmax(220px,1fr))] gap-5 overflow-auto p-6", children: props.slides.map((slide, index) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: PRESENTER_CONSOLE_CLASSES.navigatorGrid, children: props.slides.map((slide, index) => /* @__PURE__ */ jsxs(
       "button",
       {
+        type: "button",
         className: `group text-left ${index === props.current ? "ring-2 ring-sky-400" : ""} ${slide.hidden ? "opacity-45" : ""}`,
         onClick: () => props.onSelect(index),
         children: [
@@ -19202,10 +19274,8 @@ function PresenterView({
   if (!currentSlide) {
     return /* @__PURE__ */ jsx("div", { className: "absolute inset-0 z-50 flex items-center justify-center bg-card text-muted-foreground", children: t("pptx.presenter.noSlides") });
   }
-  const TIMER_SEGMENT_MS = 5 * 60 * 1e3;
-  const timerProgress = Math.min(100, elapsed % TIMER_SEGMENT_MS / TIMER_SEGMENT_MS * 100);
-  const timerSegment = Math.floor(elapsed / TIMER_SEGMENT_MS);
-  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-50 flex flex-col bg-card text-foreground", children: [
+  const timerProgress = presenterTimerProgress(elapsed);
+  return /* @__PURE__ */ jsxs("div", { className: PRESENTER_CONSOLE_CLASSES.root, children: [
     /* @__PURE__ */ jsx(
       PresenterConsoleToolbar,
       {
@@ -19226,14 +19296,14 @@ function PresenterView({
         onExit
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-h-0", children: [
+    /* @__PURE__ */ jsxs("div", { className: PRESENTER_CONSOLE_CLASSES.body, children: [
       /* @__PURE__ */ jsxs(
         "div",
         {
           role: "presentation",
           "data-pptx-presenter-slide": true,
           onClick: handleSlidePaneClick,
-          className: `relative flex-[7] flex flex-col items-center justify-center bg-black p-6 min-w-0 overflow-hidden ${paneAdvancesOnClick ? "cursor-pointer" : ""}`,
+          className: `${PRESENTER_CONSOLE_CLASSES.main} ${paneAdvancesOnClick ? "cursor-pointer" : ""}`,
           children: [
             endOfShowVisible && /* @__PURE__ */ jsx(PresentationEndOverlay, { onExit: () => onMovePresentationSlide(1) }),
             /* @__PURE__ */ jsxs(
@@ -19303,18 +19373,21 @@ function PresenterView({
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "h-1.5 w-full bg-muted/60 flex-shrink-0",
+        className: PRESENTER_CONSOLE_CLASSES.progressTrack,
         role: "progressbar",
-        "aria-valuenow": Math.round(timerProgress),
+        "aria-valuenow": Math.round(timerProgress.percent),
         "aria-valuemin": 0,
         "aria-valuemax": 100,
         "aria-label": t("pptx.presenter.timerProgress"),
-        title: `${formatElapsed(elapsed)} (segment ${timerSegment + 1})`,
+        title: t("pptx.presenter.timerTitle", {
+          elapsed: formatElapsed(elapsed),
+          segment: timerProgress.segment + 1
+        }),
         children: /* @__PURE__ */ jsx(
           "div",
           {
-            className: "h-full bg-primary transition-[width] duration-1000 ease-linear",
-            style: { width: `${timerProgress}%` }
+            className: PRESENTER_CONSOLE_CLASSES.progressFill,
+            style: { width: `${timerProgress.percent}%` }
           }
         )
       }
@@ -19345,8 +19418,8 @@ function MobilePresenterView({
   const notesText = currentSlide.notes ?? "";
   const notesSegments = currentSlide.notesSegments;
   const hasRichNotes = notesSegments && notesSegments.length > 0;
-  const atFirst = isFirstSlide(currentSlideIndex);
-  const atLast = isLastSlide(currentSlideIndex, slides.length);
+  const prevDisabled = presenterPrevDisabled(currentSlideIndex);
+  const nextDisabled = presenterNextDisabled();
   const insetStyle = {
     paddingTop: "env(safe-area-inset-top, 0px)",
     paddingBottom: "env(safe-area-inset-bottom, 0px)",
@@ -19400,8 +19473,9 @@ function MobilePresenterView({
         "button",
         {
           type: "button",
+          "data-pptx-presenter-control": "prev",
           onClick: () => onMovePresentationSlide(-1),
-          disabled: atFirst,
+          disabled: prevDisabled,
           className: "inline-flex items-center justify-center gap-1.5 flex-1 h-11 rounded bg-muted hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed text-sm transition-colors",
           title: t("pptx.presenter.previousSlide"),
           "aria-label": t("pptx.presenter.previousSlide"),
@@ -19415,8 +19489,9 @@ function MobilePresenterView({
         "button",
         {
           type: "button",
+          "data-pptx-presenter-control": "next",
           onClick: () => onMovePresentationSlide(1),
-          disabled: atLast,
+          disabled: nextDisabled,
           className: "inline-flex items-center justify-center gap-1.5 flex-1 h-11 rounded bg-muted hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed text-sm transition-colors",
           title: t("pptx.presenter.nextSlide"),
           "aria-label": t("pptx.presenter.nextSlide"),
@@ -19825,15 +19900,13 @@ function animationTypeColor(anim) {
   }
   return "bg-muted-foreground/40";
 }
-function animationTypeLabel(anim) {
-  return anim.entrance ?? anim.emphasis ?? anim.exit ?? "custom";
-}
 function AnimationTimelineSection({
   selectedElementId,
   canEdit,
   handlers
 }) {
   const { t } = useTranslation();
+  const effectLabel = (anim) => animationEffectLabel(anim, (key) => t(key));
   const {
     sortedAnimations,
     dragIndex,
@@ -19869,7 +19942,7 @@ function AnimationTimelineSection({
             left: `${bar.leftPercent}%`,
             width: `${Math.max(bar.widthPercent, 2)}%`
           },
-          title: `${getTimelineLabel(bar.anim)} - ${animationTypeLabel(bar.anim)} (${bar.anim.durationMs ?? 500}ms)`,
+          title: `${getTimelineLabel(bar.anim)} - ${effectLabel(bar.anim)} (${bar.anim.durationMs ?? 500}ms)`,
           onMouseEnter: () => handleAnimationHover(bar.anim),
           onMouseLeave: handleAnimationHoverEnd
         },
@@ -22411,7 +22484,7 @@ function ConnectorArrowsSection({
     ["Start", "End"].map((end) => {
       const widthKey = end === "Start" ? "connectorStartArrowWidth" : "connectorEndArrowWidth";
       const lengthKey = end === "Start" ? "connectorStartArrowLength" : "connectorEndArrowLength";
-      return /* @__PURE__ */ jsxs(React34.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React35.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t(END_LABEL_KEYS[end].width) }),
           /* @__PURE__ */ jsx(
@@ -25240,7 +25313,7 @@ function StrokeEffectsSection({
     ] }),
     EFFECT_CONFIGS.map((cfg) => {
       const on = cfg.isOn(style);
-      return /* @__PURE__ */ jsxs(React34.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React35.Fragment, { children: [
         /* @__PURE__ */ jsxs("label", { className: `inline-flex items-center gap-2 text-foreground ${COL2}`, children: [
           /* @__PURE__ */ jsx(
             "input",
@@ -26077,7 +26150,7 @@ function TextWarpGallery({
   onUpdateTextStyle
 }) {
   const { t } = useTranslation();
-  const [expanded, setExpanded] = React34.useState(false);
+  const [expanded, setExpanded] = React35.useState(false);
   const currentPreset = ts?.textWarpPreset || "textNoShape";
   return /* @__PURE__ */ jsxs("div", { className: "mt-2 rounded border border-border bg-card p-2 space-y-2", children: [
     /* @__PURE__ */ jsxs(
@@ -26793,7 +26866,7 @@ function SmartArtStyleControls({
   onChangeStyle
 }) {
   const { t } = useTranslation();
-  const translate = React34.useCallback((key) => t(key), [t]);
+  const translate = React35.useCallback((key) => t(key), [t]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("label", { className: "flex flex-col gap-1 text-[11px]", children: [
       /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: t("pptx.smartart.colorScheme") }),
@@ -26849,9 +26922,9 @@ function SmartArtPropertiesPanel({
   const nodes = smartArtData.nodes ?? [];
   const layout = smartArtData.resolvedLayoutType;
   const topLevelCount = nodes.filter((n) => !n.parentId).length;
-  const inputRefs = React34.useRef(/* @__PURE__ */ new Map());
-  const pendingFocusId = React34.useRef(null);
-  React34.useEffect(() => {
+  const inputRefs = React35.useRef(/* @__PURE__ */ new Map());
+  const pendingFocusId = React35.useRef(null);
+  React35.useEffect(() => {
     const id = pendingFocusId.current;
     if (id) {
       inputRefs.current.get(id)?.focus();
@@ -29293,7 +29366,7 @@ function PresentationPropertiesPanel({
   onUpdateTagCollections
 }) {
   const { t } = useTranslation();
-  const handleTransitionChange = React34.useCallback(
+  const handleTransitionChange = React35.useCallback(
     (updates) => {
       onUpdateSlide({
         transition: mergeSlideTransition(activeSlide?.transition, updates)
@@ -30012,26 +30085,6 @@ function PresentationAnnotationOverlay({
     }
   );
 }
-var PEN_COLORS = [
-  "#ff0000",
-  "#0000ff",
-  "#00aa00",
-  "#ff8800",
-  "#ffffff",
-  "#000000",
-  "#ff00ff",
-  "#00cccc"
-];
-var HIGHLIGHTER_COLORS = [
-  "#ffff00",
-  "#00ff00",
-  "#ff69b4",
-  "#00bfff",
-  "#ff8c00",
-  "#adff2f",
-  "#ff6347",
-  "#87ceeb"
-];
 function PresentationToolbar({
   presentationTool,
   penColor,
@@ -30090,19 +30143,24 @@ function PresentationToolbar({
     setShowHighlighterColors((prev) => !prev);
     setShowPenColors(false);
   }, []);
-  const toolBtnClass = (tool) => `flex items-center justify-center w-9 h-9 rounded-md transition-colors ${presentationTool === tool ? "bg-white/25 text-white" : "text-white/70 hover:text-white hover:bg-white/10"}`;
-  const navBtnClass = "flex items-center justify-center w-9 h-9 rounded-md transition-colors text-white/70 hover:text-white hover:bg-white/10 disabled:text-white/20 disabled:cursor-not-allowed";
+  const toolBtnClass = (tool) => presentationTool === tool ? PRESENT_TOOLBAR_CLASSES.toggleActive : PRESENT_TOOLBAR_CLASSES.toggle;
+  const navBtnClass = PRESENT_TOOLBAR_CLASSES.button;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref: toolbarRef,
-      className: "flex items-center gap-1 px-3 py-2 rounded-xl bg-neutral-900/90 backdrop-blur-md border border-white/15 shadow-2xl",
+      "data-pptx-present-toolbar": true,
+      role: "toolbar",
+      tabIndex: -1,
+      "aria-label": t("pptx.toolbar.presentationToolbarAria"),
+      className: PRESENT_TOOLBAR_CLASSES.container,
       onClick: (e) => e.stopPropagation(),
       children: [
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
+            "data-pptx-present-control": "previous",
             className: navBtnClass,
             onClick: () => onMovePresentationSlide(-1),
             disabled: currentSlideIndex === 0,
@@ -30111,11 +30169,12 @@ function PresentationToolbar({
             children: /* @__PURE__ */ jsx(LuChevronLeft, { size: 18 })
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "text-xs font-mono tabular-nums text-white/80 px-1.5 select-none min-w-[48px] text-center", children: formatSlideCounter(currentSlideIndex, totalSlides) }),
+        /* @__PURE__ */ jsx("span", { "data-pptx-present-control": "counter", className: PRESENT_TOOLBAR_CLASSES.counter, children: formatSlideCounter(currentSlideIndex, totalSlides) }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
+            "data-pptx-present-control": "next",
             className: navBtnClass,
             onClick: () => onMovePresentationSlide(1),
             disabled: currentSlideIndex >= totalSlides - 1,
@@ -30124,26 +30183,36 @@ function PresentationToolbar({
             children: /* @__PURE__ */ jsx(LuChevronRight, { size: 18 })
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-white/20 mx-1" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-present-control": "divider-navigation",
+            className: PRESENT_TOOLBAR_CLASSES.divider
+          }
+        ),
         /* @__PURE__ */ jsxs(
           "div",
           {
-            className: "flex items-center gap-1.5 text-xs font-mono tabular-nums text-white/60 px-1 select-none",
+            "data-pptx-present-control": "timer",
+            className: PRESENT_TOOLBAR_CLASSES.timer,
             title: t("pptx.presenter.elapsed"),
+            "aria-label": t("pptx.presenter.elapsed"),
             children: [
               /* @__PURE__ */ jsx(LuTimer, { size: 14 }),
               /* @__PURE__ */ jsx("span", { children: formatElapsed(elapsed) })
             ]
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-white/20 mx-1" }),
+        /* @__PURE__ */ jsx("div", { "data-pptx-present-control": "divider-timer", className: PRESENT_TOOLBAR_CLASSES.divider }),
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
+            "data-pptx-present-control": "laser",
             className: toolBtnClass("laser"),
             onClick: () => handleToolClick("laser"),
             title: t("pptx.presentation.laserPointer"),
+            "aria-label": t("pptx.presentation.laserPointer"),
             children: /* @__PURE__ */ jsx(LuMousePointer2, { size: 18 })
           }
         ),
@@ -30152,16 +30221,18 @@ function PresentationToolbar({
             "button",
             {
               type: "button",
+              "data-pptx-present-control": "pen",
               className: toolBtnClass("pen"),
               onClick: () => handleToolClick("pen"),
               onContextMenu: handlePenRightClick,
               title: t("pptx.presentation.pen"),
+              "aria-label": t("pptx.presentation.pen"),
               children: [
                 /* @__PURE__ */ jsx(LuPenTool, { size: 18 }),
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: "absolute bottom-0.5 left-1/2 -translate-x-1/2 w-3 h-0.5 rounded-full",
+                    className: PRESENT_TOOLBAR_CLASSES.swatchBar,
                     style: { backgroundColor: penColor }
                   }
                 )
@@ -30172,21 +30243,23 @@ function PresentationToolbar({
             "button",
             {
               type: "button",
-              className: "flex items-center justify-center w-7 h-9 -ml-1 rounded-r-md transition-colors text-white/50 hover:text-white hover:bg-white/10",
+              "data-pptx-present-control": "pen-color",
+              className: PRESENT_TOOLBAR_CLASSES.caret,
               onClick: () => {
                 setShowPenColors((prev) => !prev);
                 setShowHighlighterColors(false);
               },
-              title: `${t("pptx.presentation.pen")} \u2014 color`,
+              title: t("pptx.presentationToolbar.penColor"),
+              "aria-label": t("pptx.presentationToolbar.penColor"),
               children: /* @__PURE__ */ jsx(LuChevronDown, { size: 12 })
             }
           ),
-          showPenColors && /* @__PURE__ */ jsx("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 p-3 bg-neutral-800 rounded-lg border border-white/20 shadow-xl grid grid-cols-4 gap-2", children: PEN_COLORS.map((color) => /* @__PURE__ */ jsx(
+          showPenColors && /* @__PURE__ */ jsx("div", { className: PRESENT_TOOLBAR_CLASSES.palette, children: PEN_COLORS.map((color) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              "aria-label": `${t("pptx.presentation.pen")} ${color}`,
-              className: `w-9 h-9 rounded-full border-2 transition-transform hover:scale-110 ${penColor === color ? "border-white" : "border-white/20"}`,
+              "aria-label": t("pptx.presentationToolbar.penColorValue", { color }),
+              className: `${PRESENT_TOOLBAR_CLASSES.swatch} ${penColor === color ? "border-white" : "border-white/20"}`,
               style: { backgroundColor: color },
               onClick: () => {
                 onSetPenColor(color);
@@ -30204,16 +30277,18 @@ function PresentationToolbar({
             "button",
             {
               type: "button",
+              "data-pptx-present-control": "highlighter",
               className: toolBtnClass("highlighter"),
               onClick: () => handleToolClick("highlighter"),
               onContextMenu: handleHighlighterRightClick,
               title: t("pptx.presentation.highlighter"),
+              "aria-label": t("pptx.presentation.highlighter"),
               children: [
                 /* @__PURE__ */ jsx(LuHighlighter, { size: 18 }),
                 /* @__PURE__ */ jsx(
                   "div",
                   {
-                    className: "absolute bottom-0.5 left-1/2 -translate-x-1/2 w-3 h-0.5 rounded-full",
+                    className: PRESENT_TOOLBAR_CLASSES.swatchBar,
                     style: { backgroundColor: highlighterColor }
                   }
                 )
@@ -30224,21 +30299,23 @@ function PresentationToolbar({
             "button",
             {
               type: "button",
-              className: "flex items-center justify-center w-7 h-9 -ml-1 rounded-r-md transition-colors text-white/50 hover:text-white hover:bg-white/10",
+              "data-pptx-present-control": "highlighter-color",
+              className: PRESENT_TOOLBAR_CLASSES.caret,
               onClick: () => {
                 setShowHighlighterColors((prev) => !prev);
                 setShowPenColors(false);
               },
-              title: `${t("pptx.presentation.highlighter")} \u2014 color`,
+              title: t("pptx.presentationToolbar.highlighterColor"),
+              "aria-label": t("pptx.presentationToolbar.highlighterColor"),
               children: /* @__PURE__ */ jsx(LuChevronDown, { size: 12 })
             }
           ),
-          showHighlighterColors && /* @__PURE__ */ jsx("div", { className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-2 p-3 bg-neutral-800 rounded-lg border border-white/20 shadow-xl grid grid-cols-4 gap-2", children: HIGHLIGHTER_COLORS.map((color) => /* @__PURE__ */ jsx(
+          showHighlighterColors && /* @__PURE__ */ jsx("div", { className: PRESENT_TOOLBAR_CLASSES.palette, children: HIGHLIGHTER_COLORS.map((color) => /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
-              "aria-label": `${t("pptx.presentation.highlighter")} ${color}`,
-              className: `w-9 h-9 rounded-full border-2 transition-transform hover:scale-110 ${highlighterColor === color ? "border-white" : "border-white/20"}`,
+              "aria-label": t("pptx.presentationToolbar.highlighterColorValue", { color }),
+              className: `${PRESENT_TOOLBAR_CLASSES.swatch} ${highlighterColor === color ? "border-white" : "border-white/20"}`,
               style: { backgroundColor: color },
               onClick: () => {
                 onSetHighlighterColor(color);
@@ -30255,9 +30332,11 @@ function PresentationToolbar({
           "button",
           {
             type: "button",
+            "data-pptx-present-control": "eraser",
             className: toolBtnClass("eraser"),
             onClick: () => handleToolClick("eraser"),
             title: t("pptx.presentation.eraser"),
+            "aria-label": t("pptx.presentation.eraser"),
             children: /* @__PURE__ */ jsx(LuEraser, { size: 18 })
           }
         ),
@@ -30265,22 +30344,25 @@ function PresentationToolbar({
           "button",
           {
             type: "button",
-            className: `flex items-center justify-center w-9 h-9 rounded-md transition-colors ${hasAnnotations ? "text-white/70 hover:text-red-400 hover:bg-white/10" : "text-white/30 cursor-not-allowed"}`,
+            "data-pptx-present-control": "clear",
+            className: `${PRESENT_TOOLBAR_CLASSES.button} ${hasAnnotations ? "hover:text-red-400" : ""}`,
             onClick: hasAnnotations ? onClearAnnotations : void 0,
             title: t("pptx.presentation.clearAnnotations"),
+            "aria-label": t("pptx.presentation.clearAnnotations"),
             disabled: !hasAnnotations,
             children: /* @__PURE__ */ jsx(LuTrash2, { size: 18 })
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "w-px h-6 bg-white/20 mx-1" }),
+        /* @__PURE__ */ jsx("div", { "data-pptx-present-control": "divider-tools", className: PRESENT_TOOLBAR_CLASSES.divider }),
         onTogglePresenterView && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
-            className: `flex items-center justify-center w-9 h-9 rounded-md transition-colors ${presenterMode ? "bg-white/25 text-white" : "text-white/70 hover:text-white hover:bg-white/10"}`,
+            "data-pptx-present-control": "presenter-view",
+            className: presenterMode ? PRESENT_TOOLBAR_CLASSES.toggleActive : PRESENT_TOOLBAR_CLASSES.toggle,
             onClick: onTogglePresenterView,
-            title: t("pptx.presenter.presenterView", { defaultValue: "Presenter view" }),
-            "aria-label": t("pptx.presenter.presenterView", { defaultValue: "Presenter view" }),
+            title: t("pptx.presenter.presenterView"),
+            "aria-label": t("pptx.presenter.presenterView"),
             children: /* @__PURE__ */ jsx(LuPanelRight, { size: 18 })
           }
         ),
@@ -30288,7 +30370,8 @@ function PresentationToolbar({
           "button",
           {
             type: "button",
-            className: "flex items-center justify-center w-9 h-9 rounded-md transition-colors text-white/70 hover:text-red-400 hover:bg-white/10",
+            "data-pptx-present-control": "end",
+            className: `${PRESENT_TOOLBAR_CLASSES.button} hover:text-red-400`,
             onClick: onEndPresentation,
             title: t("pptx.presenter.endPresentation"),
             "aria-label": t("pptx.presenter.endPresentation"),
@@ -33216,7 +33299,7 @@ function ViewerToolbarSection(props) {
     },
     [activeSlide, propertyHandlers]
   );
-  const scopedLayoutOptions = React34.useMemo(
+  const scopedLayoutOptions = React35.useMemo(
     () => scopeLayoutOptionsToActiveSlide(s.layoutOptions, activeSlide),
     [s.layoutOptions, activeSlide]
   );
@@ -34935,7 +35018,7 @@ ${url}`)) {
           mode === "present" && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-[80] transition-opacity duration-300",
+              className: PRESENT_TOOLBAR_CLASSES.wrapper,
               style: {
                 opacity: annotations.toolbarVisible ? 1 : 0,
                 pointerEvents: annotations.toolbarVisible ? "auto" : "none"
@@ -34970,7 +35053,7 @@ ${url}`)) {
     )
   );
 }
-var AiChatPanel = lazy(() => import('./AiChatPanel-RMQIJDUJ.mjs'));
+var AiChatPanel = lazy(() => import('./AiChatPanel-CGGUPVQX.mjs'));
 function AiChatPanelLazy(props) {
   return /* @__PURE__ */ jsx(
     Suspense,