pptx-react-viewer 1.17.1 → 1.18.0

package/dist/{chunk-PCQH2UBR.mjs → chunk-KMLIWCNL.mjs}

@@ -1,11 +1,11 @@
-import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, SLIDE_TRANSITION_OPTIONS, DEFAULT_FILL_COLOR, shouldRenderFallbackLabel, isImageTiled, getImageTilingStyle, renderTextSegments, getTextLayoutStyle, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, renderTableElement, renderMediaElement, buildTextBody3DSceneStyle, getTextWarpStyle, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, parseTableElementData, ensureArrayValue, getTableCellBandStyle, extractCellText, extractTableCellStyle, cellStyleToCss, renderChartElement, getDuotoneColors, renderDuotoneSvgFilter, renderArtisticEffectSvgFilter, renderImageAlphaSvgFilter, buildReactChartViewModel, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, EMU_PER_PX, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-HN7CPQUG.mjs';
-import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, buildUserFontFaceStyles, openPptxFile, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, getTextCompensationTransform, getSlideBackgroundStyle, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, resolveTransportForServerUrl, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveDrawingShapeNodeId, getPendingSelectionRestore, restoreSegmentSelection, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, getWarpPath, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, NOTES_FONT_SIZE_DEFAULT, clampNotesFontSize, NOTES_FONT_SIZE_STEP, formatTime, formatElapsed, NOTES_FONT_SIZE_MIN, NOTES_FONT_SIZE_MAX, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, 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, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, INSERT_CHART_TYPES, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, 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-G22EWPLH.mjs';
-import { translationsEn } from './chunk-5CD34U2V.mjs';
-import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, getLinkedTextBoxSegments, isImageLikeElement, getSubstituteFontFamily, setSmartArtNodeStyle, updateSmartArtNodeText, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, hasNonTrivialOverride, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-XRYREYXC.mjs';
+import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, SLIDE_TRANSITION_OPTIONS, DEFAULT_FILL_COLOR, shouldRenderFallbackLabel, isImageTiled, getImageTilingStyle, renderTextSegments, getTextLayoutStyle, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, renderTableElement, renderMediaElement, buildTextBody3DSceneStyle, getTextWarpStyle, getCropShapeClipPath, SLIDE_NAV_THUMBNAIL_WIDTH, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, parseTableElementData, ensureArrayValue, getTableCellBandStyle, extractCellText, extractTableCellStyle, cellStyleToCss, renderChartElement, getDuotoneColors, renderDuotoneSvgFilter, renderArtisticEffectSvgFilter, renderImageAlphaSvgFilter, buildReactChartViewModel, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, EMU_PER_PX, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-Z4MDCPAY.mjs';
+import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, buildUserFontFaceStyles, openPptxFile, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, getTextCompensationTransform, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, getSlideBackgroundStyle, getPendingSelectionRestore, restoreSegmentSelection, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, getWarpPath, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, 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, groupIntoParagraphs, substituteFieldText, TAB_ROW_ACTION_CLASSES, INSERT_CHART_TYPES, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, 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-HHTZQHKZ.mjs';
+import { translationsEn } from './chunk-RIRK64DM.mjs';
+import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, getLinkedTextBoxSegments, isImageLikeElement, getSubstituteFontFamily, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, 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-SBNTEQUA.mjs';
 import React5, { createContext, useMemo, useState, useCallback, 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, 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, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuMonitorOff, LuPlay, LuPause, LuMenu, LuShare2, LuPanelLeft, LuPanelRight, LuFolderOpen, LuPackage, LuVideo, LuImage, LuClipboardPaste, LuScissors, LuPaintbrush, LuChevronDown, LuSquare, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuSparkles, LuChevronUp, LuPalette, LuPencil, LuCaptions, LuSpellCheck, LuGitCompare, LuGlobe, LuPipette, LuCaseSensitive, LuTimer, LuEraser, LuGripVertical, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuClipboardCopy, LuLayoutGrid, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuRotateCcw, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuMoveRight, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuReply, LuBookmark } from 'react-icons/lu';
+import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, 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, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuMenu, LuShare2, LuPanelLeft, LuPanelRight, LuFolderOpen, LuPackage, LuVideo, LuImage, LuClipboardPaste, LuScissors, LuPaintbrush, LuChevronDown, LuSquare, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuSparkles, LuChevronUp, LuPalette, LuPencil, LuCaptions, LuSpellCheck, LuGitCompare, LuGlobe, LuPipette, LuCaseSensitive, LuTimer, LuEraser, LuGripVertical, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuRotateCcw, LuZoomIn, LuZoomOut, LuScan, LuMonitorOff, LuClipboardCopy, LuLayoutGrid, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuMoveRight, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuArrowLeft, LuReply, LuBookmark } from 'react-icons/lu';
 import DOMPurify from 'dompurify';
 
 var ViewerThemeContext = createContext(void 0);
@@ -466,12 +466,21 @@ function LoadingState({ className }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      role: "status",
+      "aria-live": "polite",
+      "aria-atomic": "true",
       className: cn(
         "h-full w-full flex items-center justify-center text-muted-foreground",
         className
       ),
       children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary",
+            "aria-hidden": "true"
+          }
+        ),
         /* @__PURE__ */ jsx("span", { children: t("pptx.viewer.loading") })
       ] })
     }
@@ -481,6 +490,8 @@ function ErrorState({ className, error }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      role: "alert",
+      "aria-live": "assertive",
       className: cn(
         "h-full w-full flex items-center justify-center p-6 text-center text-red-400",
         className
@@ -884,6 +895,17 @@ function ResizeHandle({
     }
   );
 }
+
+// src/viewer/utils/slide-background-style.ts
+function getReactSlideBackgroundStyle(slide) {
+  const style = getSlideBackgroundStyle(slide);
+  return {
+    backgroundColor: style["background-color"],
+    backgroundImage: style["background-image"],
+    backgroundSize: style["background-size"],
+    backgroundRepeat: style["background-repeat"]
+  };
+}
 function DrawingShapeRenderer({
   elementId,
   shapes,
@@ -2666,7 +2688,7 @@ function SlideThumbnailImpl({
     "div",
     {
       className: "relative w-full overflow-hidden rounded border border-border bg-white",
-      style: { height: previewHeight, ...getSlideBackgroundStyle(slide) },
+      style: { height: previewHeight, ...getReactSlideBackgroundStyle(slide) },
       children: /* @__PURE__ */ jsxs(
         "div",
         {
@@ -4835,7 +4857,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React5.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-QHDYQXL2.mjs');
+      return await import('./Model3DScene-JGVLIDLD.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -5810,7 +5832,7 @@ var ElementRenderer = React5.memo(
     const cur = effectiveIsInlineEditing ? "cursor-text" : effectiveCanInteract ? elementLocks?.noMove ? "cursor-default" : "cursor-move" : hasAction || isZoom ? "cursor-pointer" : "";
     const isPresentationPassive = !effectiveCanInteract;
     const isFullscreenMedia = el.type === "media" && Boolean(el.fullScreen) && isPresentationPassive && isMediaPlaying;
-    const ariaRole = getAriaRole(el);
+    const ariaRole = isActionable ? "button" : getAriaRole(el);
     const ariaLabel = getAriaLabel(el);
     const ariaRoleDescription = getAriaRoleDescription(el);
     const isFocusable = effectiveCanInteract || isActionable;
@@ -5854,6 +5876,10 @@ var ElementRenderer = React5.memo(
             e.preventDefault();
             e.stopPropagation();
             onInlineEditCancel();
+          } else if ((e.key === "Enter" || e.key === " ") && isActionable) {
+            e.preventDefault();
+            e.stopPropagation();
+            e.currentTarget.click();
           }
         },
         onClick: (e) => {
@@ -6896,7 +6922,8 @@ var HANDOUT_SLIDES_PER_PAGE_OPTIONS = [1, 2, 3, 4, 6, 9];
 function HandoutMasterPanel({
   handoutMaster,
   slidesPerPage,
-  onSlidesPerPageChange
+  onSlidesPerPageChange,
+  onBackgroundChange
 }) {
   const { t } = useTranslation();
   if (!handoutMaster) {
@@ -6909,6 +6936,7 @@ function HandoutMasterPanel({
         "button",
         {
           type: "button",
+          "aria-pressed": slidesPerPage === count,
           className: cn(
             "px-2 py-1.5 rounded text-[11px] font-medium transition-colors",
             slidesPerPage === count ? "bg-primary text-white" : "bg-accent/50 text-muted-foreground hover:bg-accent/70 hover:text-foreground"
@@ -6922,12 +6950,13 @@ function HandoutMasterPanel({
     /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/60 bg-muted/40 p-2", children: [
       /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: t("pptx.master.handoutBackground") }),
       /* @__PURE__ */ jsx(
-        "div",
+        "input",
         {
+          type: "color",
+          "aria-label": "Master background color",
           className: "w-full h-8 rounded border border-border",
-          style: {
-            backgroundColor: handoutMaster.backgroundColor ?? "#ffffff"
-          }
+          value: handoutMaster.backgroundColor ?? "#ffffff",
+          onChange: (event) => onBackgroundChange(event.target.value)
         }
       )
     ] }),
@@ -6947,7 +6976,10 @@ function HandoutMasterPanel({
     ] })
   ] });
 }
-function NotesMasterPanel({ notesMaster }) {
+function NotesMasterPanel({
+  notesMaster,
+  onBackgroundChange
+}) {
   const { t } = useTranslation();
   const placeholderLabels = useMemo(() => {
     if (!notesMaster?.placeholders) {
@@ -6965,10 +6997,13 @@ function NotesMasterPanel({ notesMaster }) {
     /* @__PURE__ */ jsxs("div", { className: "rounded-md border border-border/60 bg-muted/40 p-2", children: [
       /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground mb-1", children: t("pptx.master.notesMasterBackground") }),
       /* @__PURE__ */ jsx(
-        "div",
+        "input",
         {
+          type: "color",
+          "aria-label": "Master background color",
           className: "w-full h-8 rounded border border-border",
-          style: { backgroundColor: notesMaster.backgroundColor ?? "#ffffff" }
+          value: notesMaster.backgroundColor ?? "#ffffff",
+          onChange: (event) => onBackgroundChange(event.target.value)
         }
       )
     ] }),
@@ -7115,7 +7150,9 @@ function MasterViewSidebar({
   onSelectLayout,
   onCollapse,
   onTabChange,
-  onHandoutSlidesPerPageChange
+  onHandoutSlidesPerPageChange,
+  onNotesMasterBackgroundChange,
+  onHandoutMasterBackgroundChange
 }) {
   const scrollRef = useRef(null);
   const { t } = useTranslation();
@@ -7131,56 +7168,80 @@ function MasterViewSidebar({
     },
     [onSelectLayout]
   );
-  return /* @__PURE__ */ jsxs("aside", { className: "flex h-full flex-col border-r border-border/80 bg-background/70 backdrop-blur-sm w-56", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: masterViewTab === "slides" ? t("pptx.master.title") : masterViewTab === "notes" ? t("pptx.master.notesMasterTitle") : t("pptx.master.handoutMasterTitle") }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
-          title: t("pptx.master.collapseMasterPane"),
-          onClick: onCollapse,
-          children: /* @__PURE__ */ jsx(LuPanelLeftClose, { className: "h-3.5 w-3.5" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex border-b border-border/60 px-1", children: TABS.map((tab) => /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: cn(
-          "flex-1 px-1 py-1.5 text-[10px] font-medium transition-colors border-b-2",
-          masterViewTab === tab.key ? "border-amber-500 text-amber-400" : "border-transparent text-muted-foreground hover:text-foreground"
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      "aria-label": t("pptx.view.masterViews"),
+      className: "flex h-full flex-col border-r border-border/80 bg-background/70 backdrop-blur-sm w-56",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-3 py-2", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs uppercase tracking-wide text-muted-foreground", children: masterViewTab === "slides" ? t("pptx.master.title") : masterViewTab === "notes" ? t("pptx.master.notesMasterTitle") : t("pptx.master.handoutMasterTitle") }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "rounded p-1 text-muted-foreground hover:bg-muted hover:text-foreground",
+              title: t("pptx.master.collapseMasterPane"),
+              onClick: onCollapse,
+              children: /* @__PURE__ */ jsx(LuPanelLeftClose, { className: "h-3.5 w-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "tablist",
+            "aria-label": t("pptx.mode.masterView"),
+            className: "flex border-b border-border/60 px-1",
+            children: TABS.map((tab) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "tab",
+                "aria-selected": masterViewTab === tab.key,
+                className: cn(
+                  "flex-1 px-1 py-1.5 text-[10px] font-medium transition-colors border-b-2",
+                  masterViewTab === tab.key ? "border-amber-500 text-amber-400" : "border-transparent text-muted-foreground hover:text-foreground"
+                ),
+                onClick: () => onTabChange(tab.key),
+                children: t(tab.labelKey)
+              },
+              tab.key
+            ))
+          }
         ),
-        onClick: () => onTabChange(tab.key),
-        children: t(tab.labelKey)
-      },
-      tab.key
-    )) }),
-    /* @__PURE__ */ jsxs("div", { ref: scrollRef, className: "flex-1 space-y-2 overflow-y-auto px-1.5 pb-2 pt-1", children: [
-      masterViewTab === "slides" && /* @__PURE__ */ jsx(
-        SlideMastersList,
-        {
-          slideMasters,
-          activeMasterIndex,
-          activeLayoutIndex,
-          canvasSize,
-          onSelectMaster: handleMasterClick,
-          onSelectLayout: handleLayoutClick
-        }
-      ),
-      masterViewTab === "notes" && /* @__PURE__ */ jsx(NotesMasterPanel, { notesMaster }),
-      masterViewTab === "handout" && /* @__PURE__ */ jsx(
-        HandoutMasterPanel,
-        {
-          handoutMaster,
-          slidesPerPage: handoutSlidesPerPage,
-          onSlidesPerPageChange: onHandoutSlidesPerPageChange
-        }
-      )
-    ] })
-  ] });
+        /* @__PURE__ */ jsxs("div", { ref: scrollRef, className: "flex-1 space-y-2 overflow-y-auto px-1.5 pb-2 pt-1", children: [
+          masterViewTab === "slides" && /* @__PURE__ */ jsx(
+            SlideMastersList,
+            {
+              slideMasters,
+              activeMasterIndex,
+              activeLayoutIndex,
+              canvasSize,
+              onSelectMaster: handleMasterClick,
+              onSelectLayout: handleLayoutClick
+            }
+          ),
+          masterViewTab === "notes" && /* @__PURE__ */ jsx(
+            NotesMasterPanel,
+            {
+              notesMaster,
+              onBackgroundChange: onNotesMasterBackgroundChange
+            }
+          ),
+          masterViewTab === "handout" && /* @__PURE__ */ jsx(
+            HandoutMasterPanel,
+            {
+              handoutMaster,
+              slidesPerPage: handoutSlidesPerPage,
+              onSlidesPerPageChange: onHandoutSlidesPerPageChange,
+              onBackgroundChange: onHandoutMasterBackgroundChange
+            }
+          )
+        ] })
+      ]
+    }
+  );
 }
 var DEFAULT_NOTES_WIDTH = 720;
 var DEFAULT_NOTES_HEIGHT = 960;
@@ -7200,6 +7261,12 @@ var DEFAULT_POSITIONS = {
   dt: { x: 0.6, y: 0, w: 0.4, h: 0.04 },
   sldNum: { x: 0.6, y: 0.96, w: 0.4, h: 0.04 }
 };
+function elementText(element) {
+  if ("textSegments" in element && element.textSegments?.length) {
+    return element.textSegments.map((segment) => segment.text).join("");
+  }
+  return "text" in element ? element.text ?? "" : "";
+}
 function NotesMasterCanvas({
   notesMaster,
   canvasSize,
@@ -7343,7 +7410,24 @@ function NotesMasterCanvas({
             },
             `${ph.type}-${ph.idx ?? "default"}`
           );
-        })
+        }),
+        notesMaster.elements?.map((element) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-element": "true",
+            "data-element-id": element.id,
+            className: "absolute overflow-hidden",
+            style: {
+              left: element.x * scale,
+              top: element.y * scale,
+              width: element.width * scale,
+              height: element.height * scale,
+              zIndex: 2
+            },
+            children: elementText(element)
+          },
+          element.id
+        ))
       ]
     }
   ) });
@@ -7351,6 +7435,12 @@ function NotesMasterCanvas({
 var PAGE_WIDTH = 720;
 var PAGE_HEIGHT = 960;
 var MARGIN = 0.06;
+function elementText2(element) {
+  if ("textSegments" in element && element.textSegments?.length) {
+    return element.textSegments.map((segment) => segment.text).join("");
+  }
+  return "text" in element ? element.text ?? "" : "";
+}
 function computeSlotLayout(slidesPerPage, slideAspect) {
   const mx = MARGIN;
   const my = MARGIN;
@@ -7502,6 +7592,23 @@ function HandoutMasterCanvas({
             i
           );
         }),
+        handoutMaster.elements?.map((element) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            "data-pptx-element": "true",
+            "data-element-id": element.id,
+            className: "absolute overflow-hidden",
+            style: {
+              left: element.x * scale,
+              top: element.y * scale,
+              width: element.width * scale,
+              height: element.height * scale,
+              zIndex: 2
+            },
+            children: elementText2(element)
+          },
+          element.id
+        )),
         /* @__PURE__ */ jsx(
           "div",
           {
@@ -9942,6 +10049,18 @@ function ComparePanel({
     )) })
   ] });
 }
+function useModalFocus(open, panelRef, onClose, initialFocusRef) {
+  useEffect(() => {
+    const panel = panelRef.current;
+    if (!open || !panel) {
+      return;
+    }
+    return activateModalFocus(panel, {
+      initialFocus: initialFocusRef?.current,
+      onEscape: onClose
+    });
+  }, [initialFocusRef, onClose, open, panelRef]);
+}
 function getPasswordStrength(password) {
   if (!password) {
     return 0;
@@ -9983,6 +10102,8 @@ function PasswordProtectionDialog({
   const [confirmPassword, setConfirmPassword] = useState("");
   const [showPassword, setShowPassword] = useState(false);
   const [error, setError] = useState("");
+  const dialogRef = useRef(null);
+  const passwordRef = useRef(null);
   const strength = useMemo(() => getPasswordStrength(password), [password]);
   const strengthLabel = useMemo(() => {
     const labels = [
@@ -10025,6 +10146,7 @@ function PasswordProtectionDialog({
     setError("");
     onClose();
   }, [onClose]);
+  useModalFocus(isOpen, dialogRef, handleClose, passwordRef);
   if (!isOpen) {
     return null;
   }
@@ -10044,117 +10166,148 @@ function PasswordProtectionDialog({
       {
         style: { zIndex: 1201 },
         className: "fixed inset-0 flex items-center justify-center pointer-events-none",
-        children: /* @__PURE__ */ jsxs("div", { className: "pointer-events-auto w-[420px] rounded-xl border border-border bg-popover backdrop-blur-xl shadow-2xl max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:w-full max-md:max-h-[88dvh] max-md:overflow-y-auto max-md:rounded-t-2xl max-md:rounded-b-none max-md:border-x-0 max-md:border-b-0 max-md:pb-[max(env(safe-area-inset-bottom),0px)]", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/60", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx(LuLock, { className: "w-5 h-5 text-primary" }),
-              /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("pptx.security.protectPresentation") })
-            ] }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleClose,
-                className: "p-1 rounded hover:bg-accent transition-colors",
-                "aria-label": t("common.close"),
-                children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4 text-muted-foreground" })
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 space-y-4", children: [
-            isCurrentlyProtected && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-green-900/30 border border-green-700/40 px-3 py-2", children: [
-              /* @__PURE__ */ jsx(LuShieldCheck, { className: "w-4 h-4 text-green-400 shrink-0" }),
-              /* @__PURE__ */ jsx("span", { className: "text-xs text-green-300", children: t("pptx.security.currentlyProtected") })
-            ] }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("pptx.security.description") }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-xs text-foreground mb-1", children: t("pptx.security.password") }),
-              /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        children: /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: dialogRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": "pptx-password-title",
+            tabIndex: -1,
+            className: "pointer-events-auto w-[420px] overscroll-contain rounded-xl border border-border bg-popover backdrop-blur-xl shadow-2xl max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:w-full max-md:max-h-[88dvh] max-md:overflow-y-auto max-md:rounded-t-2xl max-md:rounded-b-none max-md:border-x-0 max-md:border-b-0 max-md:pb-[max(env(safe-area-inset-bottom),0px)]",
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-4 border-b border-border/60", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(LuLock, { className: "w-5 h-5 text-primary", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("h2", { id: "pptx-password-title", className: "text-sm font-semibold text-foreground", children: t("pptx.security.protectPresentation") })
+                ] }),
                 /* @__PURE__ */ jsx(
-                  "input",
+                  "button",
                   {
-                    type: showPassword ? "text" : "password",
-                    className: "w-full rounded-lg border border-border bg-muted px-3 py-2 text-sm text-foreground placeholder-muted-foreground focus:border-primary focus:ring-1 focus:ring-primary outline-none",
-                    placeholder: t("pptx.security.passwordPlaceholder"),
-                    value: password,
-                    onChange: (e) => {
-                      setPassword(e.target.value);
-                      setError("");
-                    }
+                    type: "button",
+                    onClick: handleClose,
+                    className: "p-1 rounded hover:bg-accent transition-colors",
+                    "aria-label": t("common.close"),
+                    children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4 text-muted-foreground", "aria-hidden": "true" })
                   }
-                ),
-                /* @__PURE__ */ jsx(
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 space-y-4", children: [
+                isCurrentlyProtected && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-green-900/30 border border-green-700/40 px-3 py-2", children: [
+                  /* @__PURE__ */ jsx(LuShieldCheck, { className: "w-4 h-4 text-green-400 shrink-0", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx("span", { className: "text-xs text-green-300", children: t("pptx.security.currentlyProtected") })
+                ] }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: t("pptx.security.description") }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("label", { htmlFor: "pptx-password", className: "block text-xs text-foreground mb-1", children: t("pptx.security.password") }),
+                  /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: passwordRef,
+                        id: "pptx-password",
+                        name: "presentation-password",
+                        autoComplete: "new-password",
+                        "aria-invalid": Boolean(error),
+                        "aria-describedby": error ? "pptx-password-error" : "pptx-password-strength",
+                        type: showPassword ? "text" : "password",
+                        className: "w-full rounded-lg border border-border bg-muted px-3 py-2 text-sm text-foreground placeholder-muted-foreground focus:border-primary focus:ring-1 focus:ring-primary outline-none",
+                        placeholder: t("pptx.security.passwordPlaceholder"),
+                        value: password,
+                        onChange: (e) => {
+                          setPassword(e.target.value);
+                          setError("");
+                        }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setShowPassword(!showPassword),
+                        className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 text-muted-foreground hover:text-foreground",
+                        "aria-label": showPassword ? t("pptx.security.hidePassword") : t("pptx.security.showPassword"),
+                        children: showPassword ? /* @__PURE__ */ jsx(LuEyeOff, { className: "w-4 h-4", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(LuEye, { className: "w-4 h-4", "aria-hidden": "true" })
+                      }
+                    )
+                  ] })
+                ] }),
+                password && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: `h-1 flex-1 rounded-full transition-colors ${i <= strength ? STRENGTH_COLORS[strength] : "bg-accent"}`
+                    },
+                    `str-${i}`
+                  )) }),
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      id: "pptx-password-strength",
+                      className: "text-[11px] text-muted-foreground",
+                      role: "status",
+                      "aria-live": "polite",
+                      children: strengthLabel
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { children: [
+                  /* @__PURE__ */ jsx("label", { htmlFor: "pptx-password-confirm", className: "block text-xs text-foreground mb-1", children: t("pptx.security.confirmPassword") }),
+                  /* @__PURE__ */ jsx(
+                    "input",
+                    {
+                      id: "pptx-password-confirm",
+                      name: "presentation-password-confirmation",
+                      autoComplete: "new-password",
+                      "aria-invalid": Boolean(error),
+                      "aria-describedby": error ? "pptx-password-error" : void 0,
+                      type: showPassword ? "text" : "password",
+                      className: "w-full rounded-lg border border-border bg-muted px-3 py-2 text-sm text-foreground placeholder-muted-foreground focus:border-primary focus:ring-1 focus:ring-primary outline-none",
+                      placeholder: t("pptx.security.confirmPasswordPlaceholder"),
+                      value: confirmPassword,
+                      onChange: (e) => {
+                        setConfirmPassword(e.target.value);
+                        setError("");
+                      }
+                    }
+                  )
+                ] }),
+                error && /* @__PURE__ */ jsx("p", { id: "pptx-password-error", className: "text-xs text-red-400", role: "alert", children: error })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border/60", children: [
+                /* @__PURE__ */ jsx("div", { children: isCurrentlyProtected && /* @__PURE__ */ jsx(
                   "button",
                   {
                     type: "button",
-                    onClick: () => setShowPassword(!showPassword),
-                    className: "absolute right-2 top-1/2 -translate-y-1/2 p-1 text-muted-foreground hover:text-foreground",
-                    "aria-label": showPassword ? t("pptx.security.hidePassword") : t("pptx.security.showPassword"),
-                    children: showPassword ? /* @__PURE__ */ jsx(LuEyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(LuEye, { className: "w-4 h-4" })
+                    onClick: handleRemove,
+                    className: "text-xs text-red-400 hover:text-red-300 transition-colors",
+                    children: t("pptx.security.removePassword")
                   }
-                )
+                ) }),
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleClose,
+                      className: "px-3 py-1.5 text-xs rounded-lg border border-border text-foreground hover:bg-muted transition-colors",
+                      children: t("common.cancel")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleSubmit,
+                      className: "px-3 py-1.5 text-xs rounded-lg bg-primary text-white hover:bg-primary/80 transition-colors",
+                      children: isCurrentlyProtected ? t("pptx.security.updatePassword") : t("pptx.security.setPassword")
+                    }
+                  )
+                ] })
               ] })
-            ] }),
-            password && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex gap-1", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: `h-1 flex-1 rounded-full transition-colors ${i <= strength ? STRENGTH_COLORS[strength] : "bg-accent"}`
-                },
-                `str-${i}`
-              )) }),
-              /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: strengthLabel })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("label", { className: "block text-xs text-foreground mb-1", children: t("pptx.security.confirmPassword") }),
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  type: showPassword ? "text" : "password",
-                  className: "w-full rounded-lg border border-border bg-muted px-3 py-2 text-sm text-foreground placeholder-muted-foreground focus:border-primary focus:ring-1 focus:ring-primary outline-none",
-                  placeholder: t("pptx.security.confirmPasswordPlaceholder"),
-                  value: confirmPassword,
-                  onChange: (e) => {
-                    setConfirmPassword(e.target.value);
-                    setError("");
-                  }
-                }
-              )
-            ] }),
-            error && /* @__PURE__ */ jsx("p", { className: "text-xs text-red-400", children: error })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-5 py-3 border-t border-border/60", children: [
-            /* @__PURE__ */ jsx("div", { children: isCurrentlyProtected && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: handleRemove,
-                className: "text-xs text-red-400 hover:text-red-300 transition-colors",
-                children: t("pptx.security.removePassword")
-              }
-            ) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleClose,
-                  className: "px-3 py-1.5 text-xs rounded-lg border border-border text-foreground hover:bg-muted transition-colors",
-                  children: t("common.cancel")
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: handleSubmit,
-                  className: "px-3 py-1.5 text-xs rounded-lg bg-primary text-white hover:bg-primary/80 transition-colors",
-                  children: isCurrentlyProtected ? t("pptx.security.updatePassword") : t("pptx.security.setPassword")
-                }
-              )
-            ] })
-          ] })
-        ] })
+            ]
+          }
+        )
       }
     )
   ] });
@@ -10986,18 +11139,225 @@ function EncryptedFileDialog({
     )
   ] });
 }
-function renderNotesSegments(segments) {
-  return notesSegmentsToSpans(segments).map((span) => {
-    if (span.kind === "break") {
-      return React5.createElement("br", { key: span.key });
-    }
-    return React5.createElement(
+function PresentationAudienceEffects({ snapshot }) {
+  const strokes = snapshot.inkStrokes?.filter((stroke) => stroke.slideIndex === snapshot.slideIndex) ?? [];
+  return /* @__PURE__ */ jsxs("div", { className: "pointer-events-none absolute inset-0 z-[75] overflow-hidden", children: [
+    snapshot.blackout !== "none" && /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `absolute inset-0 ${snapshot.blackout === "black" ? "bg-black" : "bg-white"}`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: "absolute inset-0 h-full w-full",
+        viewBox: "0 0 100 100",
+        preserveAspectRatio: "none",
+        "aria-hidden": "true",
+        children: strokes.map((stroke) => /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: presentationInkPath(stroke.points),
+            fill: "none",
+            stroke: stroke.color,
+            strokeWidth: stroke.width / 10,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            opacity: stroke.tool === "highlighter" ? 0.42 : 1
+          },
+          stroke.id
+        ))
+      }
+    ),
+    snapshot.pointer?.tool === "laser" && /* @__PURE__ */ jsx(
       "span",
-      { key: span.key, style: span.style },
-      span.text
-    );
-  });
-}
+      {
+        className: "absolute h-5 w-5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-red-500 shadow-[0_0_20px_8px_rgba(239,68,68,.55)]",
+        style: { left: `${snapshot.pointer.x * 100}%`, top: `${snapshot.pointer.y * 100}%` }
+      }
+    ),
+    snapshot.subtitlesVisible && snapshot.caption && /* @__PURE__ */ jsx("div", { className: "absolute inset-x-[10%] bottom-8 rounded-lg bg-black/80 px-6 py-3 text-center text-xl font-medium text-white", children: snapshot.caption })
+  ] });
+}
+function PresentationSubtitleBar({
+  visible,
+  onCaptionChange
+}) {
+  const { t } = useTranslation();
+  const [captionText, setCaptionText] = useState("");
+  const [supportState, setSupportState] = useState(
+    "unknown"
+  );
+  const recognitionRef = useRef(null);
+  const shouldRunRef = useRef(false);
+  useEffect(() => {
+    if (!visible) {
+      shouldRunRef.current = false;
+      recognitionRef.current?.stop();
+      recognitionRef.current = null;
+      setCaptionText("");
+      return;
+    }
+    shouldRunRef.current = true;
+    const speechWindow = window;
+    const RecognitionCtor = speechWindow.SpeechRecognition ?? speechWindow.webkitSpeechRecognition;
+    if (!RecognitionCtor) {
+      setSupportState("unsupported");
+      return;
+    }
+    setSupportState("supported");
+    const recognition = new RecognitionCtor();
+    recognition.continuous = true;
+    recognition.interimResults = true;
+    recognition.lang = navigator.language || "en-US";
+    recognition.onresult = (event) => {
+      let finalText = "";
+      let interimText = "";
+      for (let index = event.resultIndex; index < event.results.length; index += 1) {
+        const result = event.results[index];
+        const fragment = result?.[0]?.transcript ?? "";
+        if (result?.isFinal) {
+          finalText += fragment;
+        } else {
+          interimText += fragment;
+        }
+      }
+      const merged = `${finalText} ${interimText}`.trim();
+      if (merged.length > 0) {
+        setCaptionText(merged);
+        onCaptionChange?.(merged);
+      }
+    };
+    recognition.onerror = () => {
+    };
+    recognition.onend = () => {
+      if (!shouldRunRef.current) {
+        return;
+      }
+      try {
+        recognition.start();
+      } catch {
+      }
+    };
+    recognitionRef.current = recognition;
+    try {
+      recognition.start();
+    } catch {
+      setSupportState("unsupported");
+    }
+    return () => {
+      shouldRunRef.current = false;
+      recognition.stop();
+      recognitionRef.current = null;
+    };
+  }, [visible, onCaptionChange]);
+  if (!visible) {
+    return null;
+  }
+  const renderedText = supportState === "unsupported" ? t("pptx.subtitles.notSupported") : captionText.length > 0 ? captionText : t("pptx.subtitles.listening");
+  return /* @__PURE__ */ jsx("div", { className: "absolute bottom-14 left-1/2 -translate-x-1/2 z-[70] max-w-[80%] min-w-[300px]", children: /* @__PURE__ */ jsx("div", { className: "px-6 py-3 rounded-lg bg-black/75 backdrop-blur-sm border border-white/10", children: /* @__PURE__ */ jsx("p", { className: "text-center text-[15px] text-white/70 italic", children: renderedText }) }) });
+}
+function renderNotesSegments(segments) {
+  return notesSegmentsToSpans(segments).map((span) => {
+    if (span.kind === "break") {
+      return React5.createElement("br", { key: span.key });
+    }
+    return React5.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-sky-500 text-slate-950" : "bg-white/7 text-slate-200 hover:bg-white/14"}`;
+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-white/10 bg-slate-950 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-white/15" }),
+    /* @__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-white/15" }),
+    ["laser", "pen", "highlighter", "eraser"].map((tool) => /* @__PURE__ */ jsx(
+      "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, {})
+      },
+      tool
+    )),
+    /* @__PURE__ */ jsx("span", { className: "mx-1 h-6 w-px bg-white/15" }),
+    /* @__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"
+    ] })
+  ] });
+}
 function ScaledSlidePreviewImpl({
   slide,
   templateElements,
@@ -11288,6 +11648,250 @@ function arePropsEqual4(prev, next) {
   return true;
 }
 var ScaledSlidePreview = React5.memo(ScaledSlidePreviewImpl, arePropsEqual4);
+function PresenterNotesRail({
+  slides,
+  current,
+  canvasSize,
+  templateElements,
+  now,
+  elapsed,
+  onMove,
+  onUpdateNotes
+}) {
+  const { t } = useTranslation();
+  const slide = slides[current];
+  const nextSlide = slides.slice(current + 1).find((candidate) => !candidate.hidden);
+  const notesText = slide?.notes ?? "";
+  const notesSegments = slide?.notesSegments;
+  const [notesDraft, setNotesDraft] = useState(notesText);
+  const [fontSize, setFontSize] = useState(NOTES_FONT_SIZE_DEFAULT);
+  useEffect(() => setNotesDraft(notesText), [current, notesText]);
+  const notes = useMemo(
+    () => 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: [
+    /* @__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: "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: "font-mono text-lg tabular-nums text-primary", children: formatElapsed(elapsed) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("nav", { className: "flex items-center justify-between border-b border-border/60 px-4 py-2", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onMove(-1),
+          disabled: current === 0,
+          className: "inline-flex items-center gap-1 rounded bg-muted px-3 py-1.5 text-xs disabled:opacity-40",
+          children: [
+            /* @__PURE__ */ jsx(LuChevronLeft, {}),
+            " ",
+            t("pptx.presenter.prev")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("span", { className: "font-mono text-sm tabular-nums", children: [
+        current + 1,
+        " / ",
+        slides.length
+      ] }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => onMove(1),
+          disabled: current >= slides.length - 1,
+          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"),
+            " ",
+            /* @__PURE__ */ jsx(LuChevronRight, {})
+          ]
+        }
+      )
+    ] }),
+    /* @__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") }),
+      nextSlide ? /* @__PURE__ */ jsx(
+        ScaledSlidePreview,
+        {
+          slide: nextSlide,
+          templateElements,
+          canvasSize
+        }
+      ) : /* @__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("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__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFontSize(clampNotesFontSize(fontSize - NOTES_FONT_SIZE_STEP)),
+              disabled: fontSize <= NOTES_FONT_SIZE_MIN,
+              "aria-label": t("pptx.presenter.decreaseFontSize"),
+              children: /* @__PURE__ */ jsx(LuMinus, {})
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "min-w-8 text-center font-mono text-[10px]", children: [
+            fontSize,
+            "px"
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFontSize(clampNotesFontSize(fontSize + NOTES_FONT_SIZE_STEP)),
+              disabled: fontSize >= NOTES_FONT_SIZE_MAX,
+              "aria-label": t("pptx.presenter.increaseFontSize"),
+              children: /* @__PURE__ */ jsx(LuPlus, {})
+            }
+          )
+        ] })
+      ] }),
+      onUpdateNotes ? /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          className: "min-h-0 flex-1 resize-none rounded border border-border/30 bg-muted/40 px-3 py-2 leading-relaxed",
+          style: { fontSize },
+          value: notesDraft,
+          onChange: (event) => setNotesDraft(event.target.value),
+          onBlur: () => onUpdateNotes(notesDraft),
+          "aria-label": t("pptx.presenter.speakerNotes")
+        }
+      ) : /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "min-h-0 flex-1 overflow-y-auto whitespace-pre-wrap rounded border border-border/30 bg-muted/40 px-3 py-2 leading-relaxed",
+          style: { fontSize },
+          children: notes
+        }
+      )
+    ] })
+  ] });
+}
+function PresenterSlideNavigator(props) {
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-[120] flex flex-col bg-slate-950/98 text-slate-100", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between border-b border-white/10 px-6 py-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(
+        "button",
+        {
+          className: "rounded-md bg-white/10 px-4 py-2 hover:bg-white/20",
+          onClick: props.onClose,
+          children: "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(
+      "button",
+      {
+        className: `group text-left ${index === props.current ? "ring-2 ring-sky-400" : ""} ${slide.hidden ? "opacity-45" : ""}`,
+        onClick: () => props.onSelect(index),
+        children: [
+          /* @__PURE__ */ jsx(
+            ScaledSlidePreview,
+            {
+              slide,
+              templateElements: props.templateElements,
+              canvasSize: props.canvasSize
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "mt-2 block text-xs tabular-nums text-slate-400", children: [
+            index + 1,
+            slide.hidden ? " - hidden" : ""
+          ] })
+        ]
+      },
+      slide.id ?? index
+    )) })
+  ] });
+}
+function usePresenterInk(snapshot, onUpdate) {
+  const drawingId = useRef(null);
+  const point = (event) => {
+    const rect = event.currentTarget.getBoundingClientRect();
+    return {
+      x: (event.clientX - rect.left) / rect.width,
+      y: (event.clientY - rect.top) / rect.height
+    };
+  };
+  const onPointerDown = useCallback(
+    (event) => {
+      const pointer = snapshot.pointer;
+      if (!pointer || pointer.tool === "none" || pointer.tool === "laser") {
+        return;
+      }
+      const nextPoint = point(event);
+      if (pointer.tool === "eraser") {
+        onUpdate({
+          inkStrokes: erasePresentationInkAt(
+            snapshot.inkStrokes ?? [],
+            snapshot.slideIndex,
+            nextPoint
+          )
+        });
+        return;
+      }
+      event.currentTarget.setPointerCapture(event.pointerId);
+      const stroke = {
+        id: crypto.randomUUID(),
+        slideIndex: snapshot.slideIndex,
+        tool: pointer.tool,
+        color: pointer.color,
+        width: pointer.tool === "highlighter" ? 12 : 4,
+        points: [nextPoint]
+      };
+      drawingId.current = stroke.id;
+      onUpdate({ inkStrokes: [...snapshot.inkStrokes ?? [], stroke] });
+    },
+    [onUpdate, snapshot]
+  );
+  const onPointerMove = useCallback(
+    (event) => {
+      const nextPoint = point(event);
+      const pointer = snapshot.pointer;
+      if (!pointer) {
+        return;
+      }
+      if (pointer.tool === "laser") {
+        onUpdate({ pointer: movePresenterPointer(pointer, nextPoint.x, nextPoint.y) });
+      }
+      if (pointer.tool === "eraser" && event.buttons === 1) {
+        onUpdate({
+          inkStrokes: erasePresentationInkAt(
+            snapshot.inkStrokes ?? [],
+            snapshot.slideIndex,
+            nextPoint
+          )
+        });
+      }
+      if (drawingId.current && event.buttons === 1) {
+        onUpdate({
+          inkStrokes: (snapshot.inkStrokes ?? []).map(
+            (stroke) => stroke.id === drawingId.current ? appendPresentationInkPoint(stroke, nextPoint) : stroke
+          )
+        });
+      }
+    },
+    [onUpdate, snapshot]
+  );
+  const onPointerUp = useCallback(() => {
+    drawingId.current = null;
+  }, []);
+  return { onPointerDown, onPointerMove, onPointerUp };
+}
 function PresenterView({
   slides,
   currentSlideIndex,
@@ -11298,47 +11902,83 @@ function PresenterView({
   onExit,
   onOpenAudienceWindow,
   onCloseAudienceWindow,
-  isAudienceWindowOpen
+  isAudienceWindowOpen,
+  snapshot,
+  onNavigateToSlide,
+  onToggleTimer,
+  onResetTimer,
+  onStepZoom,
+  onResetZoom,
+  onSetBlackout,
+  onUpdateSnapshot,
+  onToggleSubtitles,
+  onSwapDisplays,
+  onUpdateNotes
 }) {
   const { t } = useTranslation();
-  const [mounted, setMounted] = useState(false);
-  useEffect(() => {
-    const timer = window.setTimeout(() => setMounted(true), 300);
-    return () => window.clearTimeout(timer);
-  }, []);
   const [now, setNow] = useState(Date.now());
   useEffect(() => {
     const interval = window.setInterval(() => setNow(Date.now()), 1e3);
     return () => window.clearInterval(interval);
   }, []);
-  const elapsed = presentationStartTime ? now - presentationStartTime : 0;
-  const [notesFontSize, setNotesFontSize] = useState(NOTES_FONT_SIZE_DEFAULT);
-  const increaseNotesFontSize = useCallback(() => {
-    setNotesFontSize((prev) => clampNotesFontSize(prev + NOTES_FONT_SIZE_STEP));
-  }, []);
-  const decreaseNotesFontSize = useCallback(() => {
-    setNotesFontSize((prev) => clampNotesFontSize(prev - NOTES_FONT_SIZE_STEP));
-  }, []);
+  const elapsed = snapshot.elapsedMs ?? (presentationStartTime ? now - presentationStartTime : 0);
+  const [showSlides, setShowSlides] = useState(false);
+  const ink = usePresenterInk(snapshot, onUpdateSnapshot);
+  const handleCaptionChange = useCallback(
+    (caption) => onUpdateSnapshot({ caption }),
+    [onUpdateSnapshot]
+  );
   const currentSlide = slides[currentSlideIndex];
-  const nextSlide = currentSlideIndex + 1 < slides.length ? slides[currentSlideIndex + 1] : void 0;
-  const notesText = currentSlide?.notes ?? "";
-  const notesSegments = currentSlide?.notesSegments;
-  const hasRichNotes = notesSegments && notesSegments.length > 0;
   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: [
+  return /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 z-50 flex flex-col bg-slate-950 text-slate-100", children: [
+    /* @__PURE__ */ jsx(
+      PresenterConsoleToolbar,
+      {
+        snapshot,
+        audienceOpen: Boolean(isAudienceWindowOpen),
+        onToggleAudience: () => isAudienceWindowOpen ? onCloseAudienceWindow?.() : onOpenAudienceWindow?.(),
+        onSwapDisplays,
+        onToggleTimer,
+        onResetTimer,
+        onShowSlides: () => setShowSlides(true),
+        onStepZoom,
+        onResetZoom,
+        onBlackout: onSetBlackout,
+        onPointerTool: (tool) => onUpdateSnapshot({
+          pointer: { ...snapshot.pointer ?? { x: 0.5, y: 0.5, color: "#ef4444" }, tool }
+        }),
+        onToggleSubtitles,
+        onExit
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-1 min-h-0", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex-[7] flex flex-col items-center justify-center bg-black p-6 min-w-0", children: [
-        /* @__PURE__ */ jsx(
-          ScaledSlidePreview,
+      /* @__PURE__ */ jsxs("div", { className: "flex-[7] flex flex-col items-center justify-center bg-black p-6 min-w-0 overflow-hidden", children: [
+        /* @__PURE__ */ jsxs(
+          "div",
           {
-            slide: currentSlide,
-            templateElements,
-            canvasSize
+            className: "relative transition-transform duration-200",
+            style: {
+              transform: `scale(${snapshot.zoom?.scale ?? 1})`,
+              transformOrigin: `${(snapshot.zoom?.originX ?? 0.5) * 100}% ${(snapshot.zoom?.originY ?? 0.5) * 100}%`,
+              touchAction: "none"
+            },
+            ...ink,
+            children: [
+              /* @__PURE__ */ jsx(
+                ScaledSlidePreview,
+                {
+                  slide: currentSlide,
+                  templateElements,
+                  canvasSize
+                }
+              ),
+              /* @__PURE__ */ jsx(PresentationAudienceEffects, { snapshot })
+            ]
           }
         ),
         /* @__PURE__ */ jsx("div", { className: "mt-3 text-xs font-mono tabular-nums text-white/50 select-none", children: t("pptx.presenter.slideLabel", {
@@ -11347,138 +11987,41 @@ function PresenterView({
           defaultValue: `Slide ${currentSlideIndex + 1} of ${slides.length}`
         }) })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex-[3] flex flex-col bg-background border-l border-border min-w-[260px] max-w-[440px]", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-b border-border/60", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wider", children: t("pptx.presenter.currentTime") }),
-            /* @__PURE__ */ jsx("span", { className: "text-lg font-mono tabular-nums text-foreground", children: formatTime(new Date(now)) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-end", children: [
-            /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground uppercase tracking-wider", children: t("pptx.presenter.elapsed") }),
-            /* @__PURE__ */ jsx("span", { className: "text-lg font-mono tabular-nums text-primary", children: formatElapsed(elapsed) })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-            onOpenAudienceWindow && mounted && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: () => {
-                  if (isAudienceWindowOpen) {
-                    onCloseAudienceWindow?.();
-                  } else {
-                    onOpenAudienceWindow();
-                  }
-                },
-                className: "p-1.5 rounded hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
-                title: isAudienceWindowOpen ? t("pptx.presenter.closeAudienceWindow") : t("pptx.presenter.openAudienceWindow"),
-                "aria-label": isAudienceWindowOpen ? t("pptx.presenter.closeAudienceWindow") : t("pptx.presenter.openAudienceWindow"),
-                children: isAudienceWindowOpen ? /* @__PURE__ */ jsx(LuMonitorOff, { className: "w-5 h-5" }) : /* @__PURE__ */ jsx(LuMonitor, { className: "w-5 h-5" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onExit,
-                className: "p-1.5 rounded hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
-                title: t("pptx.presenter.endPresentation"),
-                "aria-label": t("pptx.presenter.endPresentation"),
-                children: /* @__PURE__ */ jsx(LuX, { className: "w-5 h-5" })
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-4 py-2 border-b border-border/60", children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => onMovePresentationSlide(-1),
-              disabled: currentSlideIndex === 0,
-              className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded bg-muted hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed text-xs transition-colors",
-              title: t("pptx.presenter.previousSlide"),
-              children: [
-                /* @__PURE__ */ jsx(LuChevronLeft, { className: "w-4 h-4" }),
-                t("pptx.presenter.prev")
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("span", { className: "text-sm font-mono tabular-nums text-foreground", children: [
-            currentSlideIndex + 1,
-            " / ",
-            slides.length
-          ] }),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              onClick: () => onMovePresentationSlide(1),
-              disabled: currentSlideIndex >= slides.length - 1,
-              className: "inline-flex items-center gap-1.5 px-3 py-1.5 rounded bg-muted hover:bg-accent disabled:opacity-40 disabled:cursor-not-allowed text-xs transition-colors",
-              title: t("pptx.presenter.nextSlide"),
-              children: [
-                t("pptx.presenter.next"),
-                /* @__PURE__ */ jsx(LuChevronRight, { className: "w-4 h-4" })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "px-4 py-3 border-b border-border/60", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground uppercase tracking-wider mb-2", children: t("pptx.presenter.nextSlidePreview") }),
-          nextSlide ? /* @__PURE__ */ jsx(
-            ScaledSlidePreview,
-            {
-              slide: nextSlide,
-              templateElements,
-              canvasSize
-            }
-          ) : /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-16 rounded border border-border/30 bg-muted/40 text-xs text-muted-foreground italic", children: t("pptx.presenter.endOfPresentation") })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col min-h-0 px-4 py-3", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
-            /* @__PURE__ */ jsx("div", { className: "text-[10px] text-muted-foreground uppercase tracking-wider", children: t("pptx.presenter.speakerNotes") }),
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: decreaseNotesFontSize,
-                  disabled: notesFontSize <= NOTES_FONT_SIZE_MIN,
-                  className: "p-0.5 rounded hover:bg-accent text-muted-foreground hover:text-foreground disabled:opacity-30 disabled:cursor-not-allowed transition-colors",
-                  title: t("pptx.presenter.decreaseFontSize"),
-                  "aria-label": t("pptx.presenter.decreaseFontSize"),
-                  children: /* @__PURE__ */ jsx(LuMinus, { className: "w-3.5 h-3.5" })
-                }
-              ),
-              /* @__PURE__ */ jsxs("span", { className: "text-[10px] font-mono tabular-nums text-muted-foreground min-w-[28px] text-center select-none", children: [
-                notesFontSize,
-                "px"
-              ] }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: increaseNotesFontSize,
-                  disabled: notesFontSize >= NOTES_FONT_SIZE_MAX,
-                  className: "p-0.5 rounded hover:bg-accent text-muted-foreground hover:text-foreground disabled:opacity-30 disabled:cursor-not-allowed transition-colors",
-                  title: t("pptx.presenter.increaseFontSize"),
-                  "aria-label": t("pptx.presenter.increaseFontSize"),
-                  children: /* @__PURE__ */ jsx(LuPlus, { className: "w-3.5 h-3.5" })
-                }
-              )
-            ] })
-          ] }),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "flex-1 overflow-y-auto rounded border border-border/30 bg-muted/40 px-3 py-2 text-foreground whitespace-pre-wrap leading-relaxed",
-              style: { fontSize: `${notesFontSize}px` },
-              children: hasRichNotes ? renderNotesSegments(notesSegments) : notesText.trim().length > 0 ? notesText : /* @__PURE__ */ jsx("span", { className: "italic text-muted-foreground", children: t("pptx.presenter.noNotes") })
-            }
-          )
-        ] })
-      ] })
+      /* @__PURE__ */ jsx(
+        PresenterNotesRail,
+        {
+          slides,
+          current: currentSlideIndex,
+          canvasSize,
+          templateElements,
+          now,
+          elapsed,
+          onMove: onMovePresentationSlide,
+          onUpdateNotes
+        }
+      )
     ] }),
+    /* @__PURE__ */ jsx(
+      PresentationSubtitleBar,
+      {
+        visible: Boolean(snapshot.subtitlesVisible),
+        onCaptionChange: handleCaptionChange
+      }
+    ),
+    showSlides && /* @__PURE__ */ jsx(
+      PresenterSlideNavigator,
+      {
+        slides,
+        current: currentSlideIndex,
+        canvasSize,
+        templateElements,
+        onSelect: (index) => {
+          onNavigateToSlide(index);
+          setShowSlides(false);
+        },
+        onClose: () => setShowSlides(false)
+      }
+    ),
     /* @__PURE__ */ jsx(
       "div",
       {
@@ -14615,23 +15158,12 @@ function MobileSheet({
 }) {
   const sheetRef = useRef(null);
   const { dragY, dragging, handlers } = useSheetDismissDrag(onClose);
-  useEffect(() => {
-    if (!open) {
-      return;
-    }
-    const handleKey = (e) => {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    };
-    window.addEventListener("keydown", handleKey);
-    return () => window.removeEventListener("keydown", handleKey);
-  }, [open, onClose]);
+  useModalFocus(open, sheetRef, onClose);
   if (!open) {
     return null;
   }
   const heightStyle = autoHeight ? { maxHeight: "calc(85dvh - env(safe-area-inset-top))" } : fullScreen ? { height: "calc(100dvh - env(safe-area-inset-top))" } : { height: `${Math.round(heightFraction * 100)}dvh` };
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col justify-end", role: "dialog", "aria-modal": "true", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex flex-col justify-end", children: [
     /* @__PURE__ */ jsx(
       "button",
       {
@@ -14645,6 +15177,10 @@ function MobileSheet({
       "div",
       {
         ref: sheetRef,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": typeof title === "string" ? title : "Mobile panel",
+        tabIndex: -1,
         className: cn(
           "relative bg-background border-t border-border rounded-t-2xl shadow-2xl flex flex-col overflow-hidden",
           "animate-in slide-in-from-bottom duration-200",
@@ -14668,7 +15204,18 @@ function MobileSheet({
                 /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center pt-2 pb-1", children: /* @__PURE__ */ jsx("div", { className: "h-1 w-10 rounded-full bg-muted-foreground/40" }) }),
                 (title || headerRight) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-4 pb-2 border-b border-border/60", children: [
                   /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground truncate", children: title }),
-                  headerRight
+                  headerRight,
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": "Close",
+                      onPointerDown: (event) => event.stopPropagation(),
+                      onClick: onClose,
+                      className: "inline-flex h-8 w-8 items-center justify-center rounded text-xl text-muted-foreground hover:bg-accent hover:text-foreground",
+                      children: "\xD7"
+                    }
+                  )
                 ] })
               ]
             }
@@ -20702,6 +21249,8 @@ function SmartArtLayoutSwitcher({
       layoutType: updated.layoutType,
       resolvedLayoutType: updated.resolvedLayoutType,
       layout: updated.layout,
+      layoutDirty: updated.layoutDirty,
+      drawingDirty: updated.drawingDirty,
       drawingShapes: updated.drawingShapes
     });
   };
@@ -22312,6 +22861,42 @@ function InspectorCommentsSection({
     ] })
   ] });
 }
+function InspectorPaneHeader({
+  activeTab,
+  onSetActiveTab,
+  onClose
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 rounded bg-muted p-0.5", children: INSPECTOR_TABS.map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        title: label,
+        className: cn(
+          "flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
+          activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
+        ),
+        onClick: () => onSetActiveTab(key),
+        children: [
+          /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: label })
+        ]
+      },
+      key
+    )) }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onClose,
+        title: t("common.close"),
+        className: "p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
+        children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
+      }
+    )
+  ] });
+}
 function InfoRow({ label, value }) {
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
     /* @__PURE__ */ jsx("span", { children: label }),
@@ -22696,8 +23281,23 @@ function SlideThemeOverridePanel({
 }) {
   const { t } = useTranslation();
   const override = activeSlide?.clrMapOverride;
-  const isOverrideActive = hasNonTrivialOverride(override);
+  const isOverrideActive = override !== void 0;
   const targetSlotOptions = useMemo(() => [...THEME_COLOR_SCHEME_KEYS], []);
+  const commitOverride = useCallback(
+    (nextOverride) => {
+      if (!activeSlide || !theme?.colorScheme) {
+        onUpdateSlide({ clrMapOverride: nextOverride });
+        return;
+      }
+      const nextSlide = applyThemeOverrideToSlide(activeSlide, theme.colorScheme, nextOverride);
+      onUpdateSlide({
+        clrMapOverride: nextSlide.clrMapOverride,
+        backgroundColor: nextSlide.backgroundColor,
+        elements: nextSlide.elements
+      });
+    },
+    [activeSlide, onUpdateSlide, theme?.colorScheme]
+  );
   const handleToggle = useCallback(
     (enabled) => {
       if (enabled) {
@@ -22705,12 +23305,12 @@ function SlideThemeOverridePanel({
         for (const key of COLOR_MAP_ALIAS_KEYS) {
           defaultMap[key] = DEFAULT_COLOR_MAP[key];
         }
-        onUpdateSlide({ clrMapOverride: defaultMap });
+        commitOverride(defaultMap);
       } else {
-        onUpdateSlide({ clrMapOverride: void 0 });
+        commitOverride(void 0);
       }
     },
-    [onUpdateSlide]
+    [commitOverride]
   );
   const handleAliasChange = useCallback(
     (alias, targetSlot) => {
@@ -22721,9 +23321,9 @@ function SlideThemeOverridePanel({
           next[key] = DEFAULT_COLOR_MAP[key];
         }
       }
-      onUpdateSlide({ clrMapOverride: next });
+      commitOverride(next);
     },
-    [override, onUpdateSlide]
+    [commitOverride, override]
   );
   const resolveSlotColor = useCallback(
     (slot) => {
@@ -23158,6 +23758,35 @@ function TemplateBackgroundCard({
     })()
   ] });
 }
+var ANIMATION_PANEL_MIN_HEIGHT = 80;
+var ANIMATION_PANEL_MAX_HEIGHT = 500;
+var ANIMATION_PANEL_DEFAULT_HEIGHT = 220;
+function useInspectorPaneState(themeOptions, slideMasters, theme) {
+  const activeThemePath = slideMasters?.[0]?.themePath;
+  const effectiveThemeOptions = useMemo(() => {
+    if (themeOptions.length > 0 || !activeThemePath) {
+      return themeOptions;
+    }
+    return [{ path: activeThemePath, name: theme?.name }];
+  }, [activeThemePath, theme?.name, themeOptions]);
+  const [selectedThemePath, setSelectedThemePath] = useState("");
+  useEffect(() => {
+    setSelectedThemePath(activeThemePath ?? effectiveThemeOptions[0]?.path ?? "");
+  }, [activeThemePath, effectiveThemeOptions]);
+  const [animationPanelHeight, setAnimationPanelHeight] = useState(ANIMATION_PANEL_DEFAULT_HEIGHT);
+  const onResizeAnimationPanel = useCallback((delta) => {
+    setAnimationPanelHeight(
+      (height) => Math.min(ANIMATION_PANEL_MAX_HEIGHT, Math.max(ANIMATION_PANEL_MIN_HEIGHT, height - delta))
+    );
+  }, []);
+  return {
+    animationPanelHeight,
+    effectiveThemeOptions,
+    onResizeAnimationPanel,
+    selectedThemePath,
+    setSelectedThemePath
+  };
+}
 function InspectorPane(props) {
   const {
     isOpen,
@@ -23222,23 +23851,13 @@ function InspectorPane(props) {
   const hasSelection = selectedElement !== null;
   const { t } = useTranslation();
   const { dragY, handlers: dragHandlers } = useSheetDismissDrag(onClose);
-  const [selectedThemePath, setSelectedThemePath] = useState("");
-  const ANIM_MIN = 80;
-  const ANIM_MAX = 500;
-  const ANIM_DEFAULT = 220;
-  const [animPanelHeight, setAnimPanelHeight] = useState(ANIM_DEFAULT);
-  const onResizeAnim = useCallback((delta) => {
-    setAnimPanelHeight((h) => Math.min(ANIM_MAX, Math.max(ANIM_MIN, h - delta)));
-  }, []);
-  useEffect(() => {
-    const activeThemePath = slideMasters?.[0]?.themePath;
-    if (activeThemePath && activeThemePath.length > 0) {
-      setSelectedThemePath(activeThemePath);
-      return;
-    }
-    const fallback = themeOptions[0]?.path ?? "";
-    setSelectedThemePath((previous) => previous || fallback);
-  }, [slideMasters, themeOptions]);
+  const {
+    animationPanelHeight,
+    effectiveThemeOptions,
+    onResizeAnimationPanel,
+    selectedThemePath,
+    setSelectedThemePath
+  } = useInspectorPaneState(themeOptions, slideMasters, theme);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     isOpen && /* @__PURE__ */ jsx(
       "button",
@@ -23280,35 +23899,14 @@ function InspectorPane(props) {
               children: /* @__PURE__ */ jsx("div", { className: "h-1 w-10 rounded-full bg-muted-foreground/40" })
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 px-3 py-2 border-b border-border", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1 rounded bg-muted p-0.5", children: INSPECTOR_TABS.map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
-              "button",
-              {
-                type: "button",
-                title: label,
-                className: cn(
-                  "flex items-center gap-1 px-2 py-1 rounded text-[11px] transition-colors",
-                  activeTab === key ? "bg-primary text-white" : "text-muted-foreground hover:text-foreground hover:bg-accent"
-                ),
-                onClick: () => onSetActiveTab(key),
-                children: [
-                  /* @__PURE__ */ jsx(Icon, { className: "w-3.5 h-3.5" }),
-                  /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: label })
-                ]
-              },
-              key
-            )) }),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onClose,
-                title: t("common.close"),
-                className: "p-1 rounded text-muted-foreground hover:text-foreground hover:bg-muted transition-colors",
-                children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
-              }
-            )
-          ] }),
+          /* @__PURE__ */ jsx(
+            InspectorPaneHeader,
+            {
+              activeTab,
+              onSetActiveTab,
+              onClose
+            }
+          ),
           /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto p-3 space-y-3", children: [
             activeTab === "elements" && /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
               /* @__PURE__ */ jsx("div", { className: cn(HEADING, "mb-2"), children: t("pptx.inspector.layerOrder") }),
@@ -23361,7 +23959,7 @@ function InspectorPane(props) {
                   coreProperties,
                   appProperties,
                   customProperties,
-                  themeOptions,
+                  themeOptions: effectiveThemeOptions,
                   selectedThemePath,
                   setSelectedThemePath,
                   onApplyTheme,
@@ -23418,12 +24016,12 @@ function InspectorPane(props) {
             )
           ] }),
           hasSelection && selectedElement && activeSlide && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(ResizeHandle, { direction: "vertical", onResize: onResizeAnim }),
+            /* @__PURE__ */ jsx(ResizeHandle, { direction: "vertical", onResize: onResizeAnimationPanel }),
             /* @__PURE__ */ jsx(
               "div",
               {
                 className: "border-t border-border p-3 overflow-y-auto flex-shrink-0",
-                style: { height: animPanelHeight },
+                style: { height: animationPanelHeight },
                 children: /* @__PURE__ */ jsx(
                   AnimationPanel,
                   {
@@ -23993,84 +24591,8 @@ function PresentationTouchControls({
         style: { bottom: "calc(env(safe-area-inset-bottom, 0px) + 0.5rem)" },
         children: totalSlides === 0 ? "0 / 0" : `${currentSlideIndex + 1} / ${totalSlides}`
       }
-    )
-  ] });
-}
-function PresentationSubtitleBar({
-  visible
-}) {
-  const { t } = useTranslation();
-  const [captionText, setCaptionText] = useState("");
-  const [supportState, setSupportState] = useState(
-    "unknown"
-  );
-  const recognitionRef = useRef(null);
-  const shouldRunRef = useRef(false);
-  useEffect(() => {
-    if (!visible) {
-      shouldRunRef.current = false;
-      recognitionRef.current?.stop();
-      recognitionRef.current = null;
-      setCaptionText("");
-      return;
-    }
-    shouldRunRef.current = true;
-    const speechWindow = window;
-    const RecognitionCtor = speechWindow.SpeechRecognition ?? speechWindow.webkitSpeechRecognition;
-    if (!RecognitionCtor) {
-      setSupportState("unsupported");
-      return;
-    }
-    setSupportState("supported");
-    const recognition = new RecognitionCtor();
-    recognition.continuous = true;
-    recognition.interimResults = true;
-    recognition.lang = navigator.language || "en-US";
-    recognition.onresult = (event) => {
-      let finalText = "";
-      let interimText = "";
-      for (let index = event.resultIndex; index < event.results.length; index += 1) {
-        const result = event.results[index];
-        const fragment = result?.[0]?.transcript ?? "";
-        if (result?.isFinal) {
-          finalText += fragment;
-        } else {
-          interimText += fragment;
-        }
-      }
-      const merged = `${finalText} ${interimText}`.trim();
-      if (merged.length > 0) {
-        setCaptionText(merged);
-      }
-    };
-    recognition.onerror = () => {
-    };
-    recognition.onend = () => {
-      if (!shouldRunRef.current) {
-        return;
-      }
-      try {
-        recognition.start();
-      } catch {
-      }
-    };
-    recognitionRef.current = recognition;
-    try {
-      recognition.start();
-    } catch {
-      setSupportState("unsupported");
-    }
-    return () => {
-      shouldRunRef.current = false;
-      recognition.stop();
-      recognitionRef.current = null;
-    };
-  }, [visible]);
-  if (!visible) {
-    return null;
-  }
-  const renderedText = supportState === "unsupported" ? t("pptx.subtitles.notSupported") : captionText.length > 0 ? captionText : t("pptx.subtitles.listening");
-  return /* @__PURE__ */ jsx("div", { className: "absolute bottom-14 left-1/2 -translate-x-1/2 z-[70] max-w-[80%] min-w-[300px]", children: /* @__PURE__ */ jsx("div", { className: "px-6 py-3 rounded-lg bg-black/75 backdrop-blur-sm border border-white/10", children: /* @__PURE__ */ jsx("p", { className: "text-center text-[15px] text-white/70 italic", children: renderedText }) }) });
+    )
+  ] });
 }
 function SlideLayer({ slide, templateElements, canvasSize }) {
   const safeWidth = Math.max(canvasSize.width, 1);
@@ -25498,6 +26020,7 @@ function BroadcastDialog({
   const [copied, setCopied] = useState(false);
   const dialogRef = useRef(null);
   const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
+  useModalFocus(open, dialogRef, onClose);
   useEffect(() => {
     if (open && !isBroadcasting) {
       const broadcastRoom = defaultRoomId ? `broadcast-${defaultRoomId}` : generateBroadcastRoomId();
@@ -25506,23 +26029,6 @@ function BroadcastDialog({
       setServerUrl(defaultServerUrl ?? DEFAULT_BROADCAST_SERVER_URL);
     }
   }, [open, isBroadcasting, defaultRoomId, defaultUserName, defaultServerUrl]);
-  useEffect(() => {
-    if (!open) {
-      return;
-    }
-    function handleKeyDown(e) {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [open, onClose]);
-  useEffect(() => {
-    if (open && dialogRef.current) {
-      dialogRef.current.focus();
-    }
-  }, [open]);
   const activeRoomId = isBroadcasting ? collab.config.roomId : roomId;
   const activeServerUrl = isBroadcasting ? collab.config.serverUrl : serverUrl;
   const broadcastUrl = typeof window !== "undefined" ? buildBroadcastViewerUrl(activeRoomId, activeServerUrl, window.location) : activeRoomId;
@@ -25795,37 +26301,265 @@ function ActiveBroadcastView({
         ] })
       ] }, user.clientId)) })
     ] }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onStopBroadcast,
-        className: "w-full px-3 py-2 rounded border border-red-500/30 bg-red-500/10 hover:bg-red-500/20 text-[12px] text-red-400 font-medium transition-colors",
-        children: t("pptx.broadcast.stopBroadcast")
-      }
-    )
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onStopBroadcast,
+        className: "w-full px-3 py-2 rounded border border-red-500/30 bg-red-500/10 hover:bg-red-500/20 text-[12px] text-red-400 font-medium transition-colors",
+        children: t("pptx.broadcast.stopBroadcast")
+      }
+    )
+  ] });
+}
+function getInitials3(name) {
+  const parts = name.trim().split(/\s+/u);
+  return parts.length >= 2 ? (parts[0][0] + parts[parts.length - 1][0]).toUpperCase() : name.slice(0, 2).toUpperCase();
+}
+function isP2P(config) {
+  return config.transport === "webrtc" || !config.serverUrl?.trim();
+}
+function shareUrl(config) {
+  return buildCollaborationShareUrl(
+    config,
+    typeof window === "undefined" ? void 0 : { origin: window.location.origin, pathname: window.location.pathname }
+  );
+}
+function ActiveSessionView({
+  collab,
+  activeCollaboration,
+  copied,
+  onCopyRoomId,
+  onStopCollaboration
+}) {
+  const { t } = useTranslation();
+  const statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400";
+  const statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsx(LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(LuWifiOff, { className: "w-4 h-4" });
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: statusColor, children: statusIcon }),
+      /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-foreground capitalize", children: collab.status }),
+      /* @__PURE__ */ jsxs("span", { className: "text-[12px] text-muted-foreground ml-auto flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx(LuUsers, { className: "w-3.5 h-3.5" }),
+        t("pptx.collaboration.userCount", { count: collab.connectedCount })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.shareLink") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex-1 px-3 py-1.5 rounded border border-border bg-background text-[11px] text-foreground select-all font-mono truncate", children: shareUrl(collab.config) }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onCopyRoomId,
+            className: "flex items-center gap-1 px-2.5 py-1.5 rounded border border-border bg-muted hover:bg-accent text-[12px] text-foreground transition-colors shrink-0",
+            title: t("pptx.share.copyLink"),
+            children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(LuCheck, { className: "w-3.5 h-3.5 text-green-400" }),
+              /* @__PURE__ */ jsx("span", { children: t("pptx.share.copied") })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(LuCopy, { className: "w-3.5 h-3.5" }),
+              /* @__PURE__ */ jsx("span", { children: t("pptx.share.copyUrl") })
+            ] })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("pptx.share.shareHint") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px] text-muted-foreground", children: [
+      /* @__PURE__ */ jsxs("span", { children: [
+        t("pptx.share.room"),
+        " ",
+        /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children: collab.config.roomId })
+      ] }),
+      /* @__PURE__ */ jsxs("span", { children: [
+        t("pptx.share.server"),
+        " ",
+        /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children: isP2P(collab.config) ? t("pptx.share.p2pServerValue") : collab.config.serverUrl })
+      ] })
+    ] }),
+    collab.remoteUsers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.connectedUsers") }),
+      /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-background divide-y divide-border max-h-[140px] overflow-y-auto", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-6 h-6 rounded-full flex items-center justify-center text-[9px] font-semibold text-white shrink-0",
+              style: { backgroundColor: collab.config.userColor ?? "#6366f1" },
+              children: getInitials3(activeCollaboration?.userName ?? collab.config.userName)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[12px] text-foreground truncate", children: activeCollaboration?.userName ?? collab.config.userName }),
+          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground ml-auto", children: t("pptx.share.you") })
+        ] }),
+        collab.remoteUsers.map((user) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "w-6 h-6 rounded-full flex items-center justify-center text-[9px] font-semibold text-white shrink-0",
+              style: { backgroundColor: user.userColor },
+              children: user.userAvatar ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: user.userAvatar,
+                  alt: "",
+                  className: "w-full h-full rounded-full object-cover"
+                }
+              ) : getInitials3(user.userName)
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "text-[12px] text-foreground truncate", children: user.userName }),
+          /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground ml-auto", children: [
+            "Slide ",
+            user.activeSlideIndex + 1
+          ] })
+        ] }, user.clientId))
+      ] })
+    ] }),
+    onStopCollaboration && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onStopCollaboration,
+        className: "w-full px-3 py-2 rounded border border-red-500/30 bg-red-500/10 hover:bg-red-500/20 text-[12px] text-red-400 font-medium transition-colors",
+        children: t("pptx.share.stopSharing")
+      }
+    )
+  ] });
+}
+function StartSessionForm({
+  mode,
+  invitation,
+  roomId,
+  userName,
+  serverUrl,
+  onRoomIdChange,
+  onUserNameChange,
+  onServerUrlChange,
+  onModeChange,
+  onInvitationChange,
+  preconfigured,
+  connectionFailed,
+  onRetry
+}) {
+  const { t } = useTranslation();
+  const inputReadOnlyClass = preconfigured ? " opacity-70 cursor-not-allowed" : "";
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-1 rounded-lg bg-muted p-1", role: "tablist", children: ["create", "join"].map((candidate) => /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": mode === candidate,
+        onClick: () => onModeChange(candidate),
+        className: `rounded-md px-3 py-1.5 text-[12px] font-medium transition-colors ${mode === candidate ? "bg-background text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground"}`,
+        children: t(candidate === "create" ? "pptx.share.createSession" : "pptx.share.joinSession")
+      },
+      candidate
+    )) }),
+    /* @__PURE__ */ jsx("p", { className: "text-[13px] text-muted-foreground leading-relaxed", children: mode === "join" ? t("pptx.share.joinDescription") : preconfigured ? t("pptx.share.preconfiguredDescription") : t("pptx.share.description") }),
+    connectionFailed && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "alert",
+        className: "flex items-start gap-2 rounded border border-red-500/30 bg-red-500/10 px-3 py-2 text-[12px] text-red-400",
+        children: [
+          /* @__PURE__ */ jsx(LuWifiOff, { className: "w-4 h-4 mt-0.5 shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
+            /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("pptx.share.connectionError") }),
+            onRetry && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onRetry,
+                className: "underline underline-offset-2 hover:no-underline",
+                children: t("pptx.collaboration.retry")
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    mode === "join" ? /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: "share-invitation",
+          className: "block text-[12px] font-medium text-foreground",
+          children: t("pptx.share.invitationLabel")
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "share-invitation",
+          type: "text",
+          value: invitation,
+          onChange: (event) => onInvitationChange(event.target.value),
+          placeholder: t("pptx.share.invitationPlaceholder"),
+          className: "w-full px-3 py-1.5 rounded border border-border bg-background text-foreground text-[13px] placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary"
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("pptx.share.invitationHint") })
+    ] }) : /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "share-room-id", className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.sessionName") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "share-room-id",
+          type: "text",
+          "aria-label": t("pptx.share.sessionName"),
+          value: roomId,
+          onChange: (e) => onRoomIdChange(e.target.value),
+          readOnly: preconfigured,
+          placeholder: t("pptx.share.sessionPlaceholder"),
+          className: `w-full px-3 py-1.5 rounded border border-border bg-background text-foreground text-[13px] placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary${inputReadOnlyClass}`
+        }
+      ),
+      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("pptx.share.sessionHint") })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "share-user-name", className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.displayName") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "share-user-name",
+          type: "text",
+          "aria-label": t("pptx.share.displayName"),
+          value: userName,
+          onChange: (e) => onUserNameChange(e.target.value),
+          readOnly: preconfigured,
+          placeholder: t("pptx.share.namePlaceholder"),
+          className: `w-full px-3 py-1.5 rounded border border-border bg-background text-foreground text-[13px] placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary${inputReadOnlyClass}`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+      /* @__PURE__ */ jsx("label", { htmlFor: "share-server-url", className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.serverLabel") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: "share-server-url",
+          type: "text",
+          "aria-label": t("pptx.share.serverLabel"),
+          value: serverUrl,
+          onChange: (e) => onServerUrlChange(e.target.value),
+          readOnly: preconfigured,
+          placeholder: t("pptx.share.serverPlaceholder"),
+          className: `w-full px-3 py-1.5 rounded border border-border bg-background text-foreground text-[13px] placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary${inputReadOnlyClass}`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: serverUrl.trim().length === 0 ? t("pptx.share.p2pHint") : t("pptx.share.serverHint") })
   ] });
 }
-function getInitials3(name) {
-  const parts = name.trim().split(/\s+/u);
-  if (parts.length >= 2) {
-    return (parts[0][0] + parts[parts.length - 1][0]).toUpperCase();
-  }
-  return name.slice(0, 2).toUpperCase();
-}
-function isP2P(config) {
-  return config.transport === "webrtc" || !config.serverUrl?.trim();
-}
-function buildCollabShareUrl(config) {
-  if (typeof window === "undefined") {
-    return config.roomId;
-  }
-  const base = `${window.location.origin}${window.location.pathname}`;
-  const room = encodeURIComponent(config.roomId);
-  if (isP2P(config)) {
-    return `${base}?room=${room}&transport=webrtc`;
-  }
-  return `${base}?room=${room}&server=${encodeURIComponent(config.serverUrl ?? "")}`;
+function shareUrl2(config) {
+  return buildCollaborationShareUrl(
+    config,
+    typeof window === "undefined" ? void 0 : { origin: window.location.origin, pathname: window.location.pathname }
+  );
 }
 function ShareDialog({
   open,
@@ -25844,9 +26578,12 @@ function ShareDialog({
   const [roomId, setRoomId] = useState(defaultRoomId ?? "");
   const [userName, setUserName] = useState(defaultUserName ?? "");
   const [serverUrl, setServerUrl] = useState(defaultServerUrl ?? "");
+  const [mode, setMode] = useState("create");
+  const [invitation, setInvitation] = useState("");
   const [copied, setCopied] = useState(false);
   const dialogRef = useRef(null);
   const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
+  useModalFocus(open, dialogRef, onClose);
   useEffect(() => {
     if (activeCollaboration) {
       setRoomId(activeCollaboration.roomId);
@@ -25854,45 +26591,21 @@ function ShareDialog({
       setServerUrl(activeCollaboration.serverUrl);
     }
   }, [activeCollaboration]);
-  useEffect(() => {
-    if (!open) {
-      return;
-    }
-    function handleKeyDown(e) {
-      if (e.key === "Escape") {
-        onClose();
-      }
-    }
-    document.addEventListener("keydown", handleKeyDown);
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [open, onClose]);
-  useEffect(() => {
-    if (open && dialogRef.current) {
-      dialogRef.current.focus();
-    }
-  }, [open]);
   const handleCopyRoomId = useCallback(() => {
     const config = activeCollaboration ?? { roomId, serverUrl };
-    void navigator.clipboard.writeText(buildCollabShareUrl(config)).then(() => {
+    void navigator.clipboard.writeText(shareUrl2(config)).then(() => {
       setCopied(true);
       setTimeout(() => setCopied(false), 2e3);
       return void 0;
     });
   }, [activeCollaboration, roomId, serverUrl]);
   const handleStartSharing = useCallback(() => {
-    if (!roomId.trim() || !userName.trim()) {
-      return;
+    const config = mode === "join" ? buildJoinCollaborationConfig({ invitation, userName, serverUrl }) : buildCreateCollaborationConfig({ roomId, userName, serverUrl });
+    if (config) {
+      onStartCollaboration?.(config);
     }
-    const trimmedServer = serverUrl.trim();
-    onStartCollaboration?.({
-      roomId: roomId.trim(),
-      serverUrl: trimmedServer,
-      userName: userName.trim(),
-      // A blank server selects the serverless peer-to-peer transport.
-      transport: resolveTransportForServerUrl(trimmedServer)
-    });
-  }, [roomId, userName, serverUrl, onStartCollaboration]);
-  const canStart = roomId.trim().length > 0 && userName.trim().length > 0;
+  }, [invitation, mode, roomId, userName, serverUrl, onStartCollaboration]);
+  const canStart = (mode === "join" ? buildJoinCollaborationConfig({ invitation, userName, serverUrl }) : buildCreateCollaborationConfig({ roomId, userName, serverUrl })) !== null;
   if (!open) {
     return null;
   }
@@ -25955,12 +26668,16 @@ function ShareDialog({
               ) : /* @__PURE__ */ jsx(
                 StartSessionForm,
                 {
+                  mode,
+                  invitation,
                   roomId,
                   userName,
                   serverUrl,
                   onRoomIdChange: setRoomId,
                   onUserNameChange: setUserName,
                   onServerUrlChange: setServerUrl,
+                  onModeChange: setMode,
+                  onInvitationChange: setInvitation,
                   preconfigured,
                   connectionFailed: collab?.status === "error",
                   onRetry: collab?.retry
@@ -25983,7 +26700,7 @@ function ShareDialog({
                     disabled: !canStart,
                     onClick: handleStartSharing,
                     className: "px-3 py-1.5 rounded bg-primary hover:bg-primary/90 text-[12px] text-white transition-colors disabled:opacity-40 disabled:cursor-not-allowed",
-                    children: t("pptx.share.startSharing")
+                    children: t(mode === "join" ? "pptx.share.joinSession" : "pptx.share.startSharing")
                   }
                 )
               ] })
@@ -25994,199 +26711,6 @@ function ShareDialog({
     )
   ] });
 }
-function StartSessionForm({
-  roomId,
-  userName,
-  serverUrl,
-  onRoomIdChange,
-  onUserNameChange,
-  onServerUrlChange,
-  preconfigured,
-  connectionFailed,
-  onRetry
-}) {
-  const { t } = useTranslation();
-  const inputReadOnlyClass = preconfigured ? " opacity-70 cursor-not-allowed" : "";
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsx("p", { className: "text-[13px] text-muted-foreground leading-relaxed", children: preconfigured ? t("pptx.share.preconfiguredDescription") : t("pptx.share.description") }),
-    connectionFailed && /* @__PURE__ */ jsxs(
-      "div",
-      {
-        role: "alert",
-        className: "flex items-start gap-2 rounded border border-red-500/30 bg-red-500/10 px-3 py-2 text-[12px] text-red-400",
-        children: [
-          /* @__PURE__ */ jsx(LuWifiOff, { className: "w-4 h-4 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
-            /* @__PURE__ */ jsx("p", { className: "font-medium", children: t("pptx.share.connectionError") }),
-            onRetry && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onRetry,
-                className: "underline underline-offset-2 hover:no-underline",
-                children: t("pptx.collaboration.retry")
-              }
-            )
-          ] })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: "share-room-id", className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.sessionName") }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          id: "share-room-id",
-          type: "text",
-          "aria-label": t("pptx.share.sessionName"),
-          value: roomId,
-          onChange: (e) => onRoomIdChange(e.target.value),
-          readOnly: preconfigured,
-          placeholder: t("pptx.share.sessionPlaceholder"),
-          className: `w-full px-3 py-1.5 rounded border border-border bg-background text-foreground text-[13px] placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary${inputReadOnlyClass}`
-        }
-      ),
-      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("pptx.share.sessionHint") })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: "share-user-name", className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.displayName") }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          id: "share-user-name",
-          type: "text",
-          "aria-label": t("pptx.share.displayName"),
-          value: userName,
-          onChange: (e) => onUserNameChange(e.target.value),
-          readOnly: preconfigured,
-          placeholder: t("pptx.share.namePlaceholder"),
-          className: `w-full px-3 py-1.5 rounded border border-border bg-background text-foreground text-[13px] placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary${inputReadOnlyClass}`
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { htmlFor: "share-server-url", className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.serverLabel") }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          id: "share-server-url",
-          type: "text",
-          "aria-label": t("pptx.share.serverLabel"),
-          value: serverUrl,
-          onChange: (e) => onServerUrlChange(e.target.value),
-          readOnly: preconfigured,
-          placeholder: t("pptx.share.serverPlaceholder"),
-          className: `w-full px-3 py-1.5 rounded border border-border bg-background text-foreground text-[13px] placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-primary${inputReadOnlyClass}`
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: serverUrl.trim().length === 0 ? t("pptx.share.p2pHint") : t("pptx.share.serverHint") })
-  ] });
-}
-function ActiveSessionView({
-  collab,
-  activeCollaboration,
-  copied,
-  onCopyRoomId,
-  onStopCollaboration
-}) {
-  const { t } = useTranslation();
-  const statusColor = collab.status === "connected" ? "text-green-400" : collab.status === "connecting" ? "text-yellow-400" : "text-red-400";
-  const statusIcon = collab.status === "connected" || collab.status === "connecting" ? /* @__PURE__ */ jsx(LuWifi, { className: "w-4 h-4" }) : /* @__PURE__ */ jsx(LuWifiOff, { className: "w-4 h-4" });
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx("span", { className: statusColor, children: statusIcon }),
-      /* @__PURE__ */ jsx("span", { className: "text-[13px] font-medium text-foreground capitalize", children: collab.status }),
-      /* @__PURE__ */ jsxs("span", { className: "text-[12px] text-muted-foreground ml-auto flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(LuUsers, { className: "w-3.5 h-3.5" }),
-        t("pptx.collaboration.userCount", { count: collab.connectedCount })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.shareLink") }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex-1 px-3 py-1.5 rounded border border-border bg-background text-[11px] text-foreground select-all font-mono truncate", children: buildCollabShareUrl(collab.config) }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onCopyRoomId,
-            className: "flex items-center gap-1 px-2.5 py-1.5 rounded border border-border bg-muted hover:bg-accent text-[12px] text-foreground transition-colors shrink-0",
-            title: t("pptx.share.copyLink"),
-            children: copied ? /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LuCheck, { className: "w-3.5 h-3.5 text-green-400" }),
-              /* @__PURE__ */ jsx("span", { children: t("pptx.share.copied") })
-            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(LuCopy, { className: "w-3.5 h-3.5" }),
-              /* @__PURE__ */ jsx("span", { children: t("pptx.share.copyUrl") })
-            ] })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground", children: t("pptx.share.shareHint") })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 text-[11px] text-muted-foreground", children: [
-      /* @__PURE__ */ jsxs("span", { children: [
-        t("pptx.share.room"),
-        " ",
-        /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children: collab.config.roomId })
-      ] }),
-      /* @__PURE__ */ jsxs("span", { children: [
-        t("pptx.share.server"),
-        " ",
-        /* @__PURE__ */ jsx("code", { className: "font-mono text-foreground", children: isP2P(collab.config) ? t("pptx.share.p2pServerValue") : collab.config.serverUrl })
-      ] })
-    ] }),
-    collab.remoteUsers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
-      /* @__PURE__ */ jsx("label", { className: "block text-[12px] font-medium text-foreground", children: t("pptx.share.connectedUsers") }),
-      /* @__PURE__ */ jsxs("div", { className: "rounded border border-border bg-background divide-y divide-border max-h-[140px] overflow-y-auto", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "w-6 h-6 rounded-full flex items-center justify-center text-[9px] font-semibold text-white shrink-0",
-              style: { backgroundColor: collab.config.userColor ?? "#6366f1" },
-              children: getInitials3(activeCollaboration?.userName ?? collab.config.userName)
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-[12px] text-foreground truncate", children: activeCollaboration?.userName ?? collab.config.userName }),
-          /* @__PURE__ */ jsx("span", { className: "text-[10px] text-muted-foreground ml-auto", children: t("pptx.share.you") })
-        ] }),
-        collab.remoteUsers.map((user) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2", children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "w-6 h-6 rounded-full flex items-center justify-center text-[9px] font-semibold text-white shrink-0",
-              style: { backgroundColor: user.userColor },
-              children: user.userAvatar ? /* @__PURE__ */ jsx(
-                "img",
-                {
-                  src: user.userAvatar,
-                  alt: "",
-                  className: "w-full h-full rounded-full object-cover"
-                }
-              ) : getInitials3(user.userName)
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { className: "text-[12px] text-foreground truncate", children: user.userName }),
-          /* @__PURE__ */ jsxs("span", { className: "text-[10px] text-muted-foreground ml-auto", children: [
-            "Slide ",
-            user.activeSlideIndex + 1
-          ] })
-        ] }, user.clientId))
-      ] })
-    ] }),
-    onStopCollaboration && /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onStopCollaboration,
-        className: "w-full px-3 py-2 rounded border border-red-500/30 bg-red-500/10 hover:bg-red-500/20 text-[12px] text-red-400 font-medium transition-colors",
-        children: t("pptx.share.stopSharing")
-      }
-    )
-  ] });
-}
 function HyperlinkTabContent({
   targetType,
   url,
@@ -27808,7 +28332,7 @@ function SlideCanvas({
                   // pinch-zoom. View/present mode keeps the default so the slide can
                   // still be scrolled and swipe-navigated.
                   touchAction: isEditableCanvas ? "none" : void 0,
-                  ...getSlideBackgroundStyle(activeSlide)
+                  ...getReactSlideBackgroundStyle(activeSlide)
                 },
                 onClick: handleStageClick,
                 onDoubleClick: handleStageDblClick,
@@ -28988,10 +29512,11 @@ function EquationEditorDialog({
   const [latex, setLatex] = useState(initialLatex);
   const deferredLatex = useDeferredValue(latex);
   const textareaRef = useRef(null);
+  const dialogRef = useRef(null);
+  useModalFocus(isOpen, dialogRef, onClose, textareaRef);
   useEffect(() => {
     if (isOpen) {
       setLatex(initialLatex);
-      setTimeout(() => textareaRef.current?.focus(), 50);
     }
   }, [isOpen, initialLatex]);
   const { mathml, omml } = useMemo(() => {
@@ -29055,11 +29580,13 @@ function EquationEditorDialog({
       children: /* @__PURE__ */ jsxs(
         "div",
         {
+          ref: dialogRef,
           style: panelStyle,
           className: "bg-background border border-border rounded-xl shadow-2xl w-[640px] max-h-[85vh] flex flex-col overflow-hidden max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:w-full max-md:max-h-[88dvh] max-md:rounded-t-2xl max-md:rounded-b-none max-md:border-x-0 max-md:border-b-0 max-md:pb-[max(env(safe-area-inset-bottom),0px)]",
           onClick: (e) => e.stopPropagation(),
           role: "dialog",
           "aria-modal": "true",
+          tabIndex: -1,
           "aria-label": isEditing ? t("pptx.equation.editTitle", "Edit Equation") : t("pptx.equation.insertTitle", "Insert Equation"),
           children: [
             /* @__PURE__ */ jsxs(
@@ -29075,6 +29602,7 @@ function EquationEditorDialog({
                       type: "button",
                       onClick: onClose,
                       className: "p-1 rounded hover:bg-accent text-muted-foreground hover:text-foreground transition-colors",
+                      "aria-label": t("pptx.settings.close"),
                       children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4" })
                     }
                   )
@@ -29209,6 +29737,8 @@ function InsertSmartArtDialog({
   const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
   const [activeCategory, setActiveCategory] = useState("list");
   const [selectedLayout, setSelectedLayout] = useState(null);
+  const dialogRef = useRef(null);
+  useModalFocus(isOpen, dialogRef, onClose);
   const filteredPresets = PRESETS.filter((p) => p.category === activeCategory);
   const handleInsert = useCallback(() => {
     if (!selectedLayout) {
@@ -29243,11 +29773,13 @@ function InsertSmartArtDialog({
         children: /* @__PURE__ */ jsxs(
           "div",
           {
+            ref: dialogRef,
             style: panelStyle,
             className: "pointer-events-auto w-[600px] max-w-[90vw] max-h-[80vh] rounded-lg border border-border bg-background shadow-2xl flex flex-col max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:w-full max-md:max-w-none max-md:max-h-[88dvh] max-md:rounded-t-2xl max-md:rounded-b-none max-md:border-x-0 max-md:border-b-0 max-md:pb-[max(env(safe-area-inset-bottom),0px)]",
             role: "dialog",
             "aria-modal": "true",
             "aria-label": t("pptx.smartart.insertTitle"),
+            tabIndex: -1,
             children: [
               /* @__PURE__ */ jsxs(
                 "div",
@@ -29546,9 +30078,19 @@ function ViewerDialogGroup(props) {
   ] });
 }
 function ViewerPresentationLayer(props) {
-  const { mode, slides, canvasSize, templateElements, presentation, onExitPresentation, isMobile } = props;
+  const {
+    mode,
+    slides,
+    canvasSize,
+    templateElements,
+    presentation,
+    onExitPresentation,
+    isMobile,
+    onUpdateNotes
+  } = props;
   const presenterActive = mode === "present" && presentation.presenterMode;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
+    mode === "present" && !presentation.presenterMode && /* @__PURE__ */ jsx(PresentationAudienceEffects, { snapshot: presentation.presenterSnapshot }),
     presenterActive && (isMobile ? /* @__PURE__ */ jsx(
       MobilePresenterView,
       {
@@ -29572,7 +30114,20 @@ function ViewerPresentationLayer(props) {
         onExit: onExitPresentation,
         onOpenAudienceWindow: presentation.openAudienceWindow,
         onCloseAudienceWindow: presentation.closeAudienceWindow,
-        isAudienceWindowOpen: presentation.isAudienceWindowOpen()
+        isAudienceWindowOpen: presentation.isAudienceWindowOpen(),
+        snapshot: presentation.presenterSnapshot,
+        onNavigateToSlide: presentation.navigateToSlide,
+        onToggleTimer: presentation.togglePresenterTimer,
+        onResetTimer: presentation.resetPresenterTimer,
+        onStepZoom: presentation.stepPresenterZoom,
+        onResetZoom: presentation.resetPresenterZoom,
+        onSetBlackout: presentation.setPresenterBlackout,
+        onUpdateSnapshot: presentation.updatePresenterSnapshot,
+        onToggleSubtitles: () => presentation.setPresenterSubtitlesVisible(
+          !presentation.presenterSnapshot.subtitlesVisible
+        ),
+        onSwapDisplays: () => void presentation.swapPresenterDisplays(),
+        onUpdateNotes
       }
     )),
     mode === "present" && presentation.rehearsing && /* @__PURE__ */ jsx(
@@ -29750,7 +30305,7 @@ function ViewerCanvasArea(props) {
           {
             handoutMaster: s.handoutMaster,
             canvasSize,
-            slidesPerPage: s.handoutSlidesPerPage
+            slidesPerPage: s.handoutMaster?.slidesPerPage ?? s.handoutSlidesPerPage
           }
         ) : /* @__PURE__ */ jsx(
           SlideCanvas,
@@ -30797,6 +31352,11 @@ function ThemeGallery({
   const { t } = useTranslation();
   const [selectedTheme, setSelectedTheme] = useState(currentTheme ?? null);
   const fileInputRef = useRef(null);
+  useEffect(() => {
+    if (open) {
+      setSelectedTheme(currentTheme ?? null);
+    }
+  }, [currentTheme, open]);
   if (!open) {
     return null;
   }
@@ -30924,6 +31484,9 @@ function ViewerSidePanels(props) {
     onResizeRight
   } = props;
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
+  const currentBuiltInTheme = BUILT_IN_THEMES.find(
+    (candidate) => themeColorSchemesEqual(s.theme?.colorScheme, candidate.colorScheme)
+  ) ?? null;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     (mode === "edit" || mode === "master") && s.isInspectorPaneOpen && onResizeRight && /* @__PURE__ */ jsx(ResizeHandle, { direction: "horizontal", onResize: onResizeRight }),
     /* @__PURE__ */ jsx(
@@ -31021,7 +31584,7 @@ function ViewerSidePanels(props) {
       ThemeGallery,
       {
         open: s.isThemeGalleryOpen,
-        currentTheme: null,
+        currentTheme: currentBuiltInTheme,
         canEdit,
         onClose: () => s.setIsThemeGalleryOpen(false),
         onApplyTheme: (theme) => {
@@ -31125,12 +31688,28 @@ function ViewerMainContent(props) {
         masterViewTab: state.masterViewTab,
         notesMaster: state.notesMaster,
         handoutMaster: state.handoutMaster,
-        handoutSlidesPerPage: state.handoutSlidesPerPage,
+        handoutSlidesPerPage: state.handoutMaster?.slidesPerPage ?? state.handoutSlidesPerPage,
         onSelectMaster: dialogs.handleSelectMaster,
         onSelectLayout: dialogs.handleSelectLayout,
-        onCollapse: () => state.setIsSlidesPaneOpen(false),
+        onCollapse: dialogs.handleCloseMasterView,
         onTabChange: state.setMasterViewTab,
-        onHandoutSlidesPerPageChange: state.setHandoutSlidesPerPage
+        onHandoutSlidesPerPageChange: (count) => {
+          state.setHandoutSlidesPerPage(count);
+          state.setHandoutMaster(
+            (master) => master ? { ...master, slidesPerPage: count } : master
+          );
+          state.setIsDirty(true);
+        },
+        onNotesMasterBackgroundChange: (backgroundColor) => {
+          state.setNotesMaster((master) => master ? { ...master, backgroundColor } : master);
+          state.setIsDirty(true);
+        },
+        onHandoutMasterBackgroundChange: (backgroundColor) => {
+          state.setHandoutMaster(
+            (master) => master ? { ...master, backgroundColor } : master
+          );
+          state.setIsDirty(true);
+        }
       }
     ),
     /* @__PURE__ */ jsx(
@@ -31862,6 +32441,7 @@ var PowerPointViewer = forwardRef(
       {
         style: themeStyle,
         "data-pptx-viewer": "",
+        "aria-busy": loading,
         className: "h-full w-full bg-background text-foreground relative",
         children: [
           /* @__PURE__ */ jsx(
@@ -32088,6 +32668,7 @@ var PowerPointViewer = forwardRef(
               templateElements: state.templateElements,
               presentation,
               onExitPresentation: () => handleSetMode("edit"),
+              onUpdateNotes: propertyHandlers.handleUpdateNotes,
               isMobile
             }
           )