pptx-react-viewer 1.24.0 → 1.25.0

package/dist/{chunk-PUQ6GIOM.mjs → chunk-NKSIDFYP.mjs}

@@ -1,11 +1,11 @@
-import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, SHORTCUT_REFERENCE_ITEMS, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-YJVMOX2Y.mjs';
-import { RULER_THICKNESS, RULER_FONT_SIZE, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, SETTING_TOGGLES, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-KPT54MHG.mjs';
-import { LOCALE_CATALOG, translationsEn } from './chunk-E3KJKCSV.mjs';
+import { SHAPE_PRESETS, DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useViewerOptions, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, getCropShapeClipPath, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, scopeLayoutOptionsToActiveSlide, useToolbarVisibility, useKeyboardInsets, useModalDismissDrag, useCollaborativeState, styleShadow, styleStroke, colour, fitFontSize, smartArtNodeGroupProps, chevronPoints, SmartArtNodeText, truncate, renderStepDownProcess, renderAlternatingFlow, renderDescendingProcess, renderPictureAccentList, renderVerticalBlockList, renderGroupedList, renderPyramidList, renderHorizontalPictureList, renderAccentProcess, renderVerticalChevronList, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, SHORTCUT_REFERENCE_ITEMS as SHORTCUT_REFERENCE_ITEMS$1, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-VDALVGDT.mjs';
+import { RULER_THICKNESS, RULER_FONT_SIZE, normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, ACTION_BUTTON_PRESETS, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, EQUATION_TEMPLATES, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, DEFAULT_VIEWER_OPTIONS, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, viewerOptionsToPreferences, applyPreferenceToOptions, listAutosaveSnapshots, deleteAutosaveSnapshot, buildSmartArtA11y, buildCssGradientFromShapeStyle, getElementLabel, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, VIEWER_OPTIONS_TABS, DEFAULT_QUICK_ACCESS_COMMAND_IDS, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, getSlideBackgroundStyle, filterCommands, resolveTitleBarStatusKey, TITLE_BAR_CLASSES, TITLE_BAR_DEFAULT_FILE_KEY, shouldConfirmExternalHyperlink, safeOpenUrl, isPpactionUrl, parsePpactionUrl, formatVersionTimestamp, formatRelativeTime, scanAvailableFontFamilies, PRESETS, CATEGORIES, convertOmmlToLatex, clampPercent, HANDOUT_OPTIONS, TOOLBAR_TABS, SHORTCUT_REFERENCE_ITEMS, resolveViewerAddinRows, availableQuickAccessCommands, addQuickAccessCommand, removeQuickAccessCommand, moveQuickAccessCommand, activateModalFocus, buildCollaborationShareUrl, presentationInkPath, mobileElapsedSince, isFirstSlide, isLastSlide, formatMobileElapsed, mobileSlideCounter, formatElapsed, computeInlineEditorRect, findSmartArtNodeText, rebuildDrawingShapesIfCleared, shouldCommitSmartArtNodeText, getImageSvgFilters, buildDuotoneCacheKey, getDuotoneCachedResult, applyDuotone, setDuotoneCachedResult, buildCacheKey, DEFAULT_COLOR_CHANGE_TOLERANCE, getCachedResult, applyColorChange, setCachedResult, findChartPartTarget, dragValueForPart, withChartPointValue, dragAnchorViewY, withChartTitle, computeSmartArtLayout, buildSmartArt3DModel, extractPathPoints, generatePressureCircles, isBrowserOpenableMime, formatBytes, getOleBadgeLabel, openUrlInNewTab, getWarpPath, TAB_ROW_ACTION_CLASSES, listBackstageRecentFiles, BACKSTAGE_NAV, INSERT_CHART_TYPES, SLIDE_VIRTUALIZATION_THRESHOLD, getShapeAdjustmentHandleDescriptor, getSlideTransitionAnimations, SLIDE_TRANSITION_KEYFRAMES, formatSlideCounter, isUrlSafe, computeHandoutLayout, getPrintableArea, generateNoteLineCount, computeAllNotesPages, getNotesPrintableArea, QUICK_ACCESS_COMMAND_CATALOG, notesSegmentsToSpans, erasePresentationInkAt, movePresenterPointer, appendPresentationInkPoint, NOTES_FONT_SIZE_DEFAULT, formatTime, NOTES_FONT_SIZE_MIN, clampNotesFontSize, NOTES_FONT_SIZE_STEP, NOTES_FONT_SIZE_MAX, groupIntoParagraphs, substituteFieldText, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, DEFAULT_VIEWER_PROFILE, resolveProfileInitial, AVATAR_COLOR_SWATCHES, getConnectionSites, generateTicks, getCommentMarkerPosition, buildThemeColorGrid, THEME_COLOR_LABELS, buildSmartArtPresetData, getLocalStorageUsageSummary, saveViewerProfile, clearAllLocalViewerData, TABLE_STYLE_PRESETS, formatCommentTimestamp, DIRECTIONAL_PRESETS, computeMergeCellRight, computeMergeCellDown, computeSplitCell, DUOTONE_PRESETS, ARTISTIC_EFFECTS, LBL, SEL, FILL_MODE_OPTIONS, SECTION_HEADING, NUM, GRADIENT_TYPE_OPTIONS, PATTERN_OPTIONS } from './chunk-QOBKJKLT.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-M3SIFXWD.mjs';
 import { hasShapeProperties, hasTextProperties, SWITCHABLE_LAYOUT_TYPES, isInkElement, isImageLikeElement, getLinkedTextBoxSegments, themeColorSchemesEqual, setSmartArtNodeStyle, updateSmartArtNodeText, getSubstituteFontFamily, THEME_COLOR_SCHEME_KEYS, chartDataChangeType, chartDataUpdatePoint, chartDataAddCategory, chartDataRemoveCategory, chartDataAddSeries, chartDataRemoveSeries, setChartAxisLogScale, setChartAxisTitleStyle, setChartAxisGridlineStyle, setChartSeriesMarker, setChartSeriesChartType, setChartDataPointFill, setChartDataPointExplosion, setChartDataPointMarker, setChartDataPointLabel, getOleObjectTypeLabel, pptxActionToElementAction, applyThemeOverrideToSlide, COLOR_MAP_ALIAS_KEYS, DEFAULT_COLOR_MAP, addSmartArtNodeAsChild, removeSmartArtNode, elementActionToPptxAction, switchSmartArtLayout, addSmartArtNode, demoteSmartArtNode, promoteSmartArtNode, reorderSmartArtNode } from './chunk-LDZQNYWL.mjs';
 import React32, { 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, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuMenu, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuPackage, LuFileImage, LuVideo, LuBox, LuClipboardPaste, LuScissors, LuPaintbrush, LuChevronDown, LuSquare, LuImage, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuSparkles, LuChevronUp, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuSpellCheck, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuZoomIn, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuZoomOut, LuScan, LuMonitorOff, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
+import { LuRotateCw, LuMessageSquare, LuEyeOff, LuSettings, LuX, LuCalendarDays, LuHash, LuText, LuCast, LuSave, LuUndo, LuRedo, LuSearch, LuShieldCheck, LuPlus, LuPanelLeftClose, LuStickyNote, LuMonitor, LuColumns2, LuPresentation, LuMinus, LuLayers, LuSettings2, LuClock, LuDownload, LuTrash2, LuCheck, LuLock, LuEye, LuFileText, LuType, LuLoader, LuShieldAlert, LuSignature, LuInfo, LuTriangleAlert, LuPrinter, LuPenTool, LuChevronUp, LuChevronDown, LuWifi, LuWifiOff, LuUsers, LuCopy, LuChevronLeft, LuChevronRight, LuPlay, LuPause, LuMenu, LuShare2, LuPanelLeft, LuPanelRight, LuArrowLeft, LuFolderOpen, LuPackage, LuFileImage, LuVideo, LuBox, LuClipboardPaste, LuScissors, LuPaintbrush, LuSquare, LuImage, LuDatabase, LuAArrowUp, LuAArrowDown, LuRemoveFormatting, LuHighlighter, LuList, LuListOrdered, LuIndentDecrease, LuIndentIncrease, LuReplace, LuMousePointer2, LuShapes, LuPaintBucket, LuPenLine, LuSparkles, LuPalette, LuPencil, LuStar, LuMoveRight, LuMousePointerClick, LuClock3, LuMonitorPlay, LuListVideo, LuCaptions, LuCamera, LuEraser, LuRotateCcw, LuCircleHelp, LuSpellCheck, LuBookOpen, LuLanguages, LuGlobe, LuGitCompare, LuMessageSquarePlus, LuLockKeyhole, LuPanelTop, LuLayoutGrid, LuGrid3X3, LuPipette, LuRuler, LuZoomIn, LuMaximize2, LuCode, LuCaseSensitive, LuTimer, LuGripVertical, LuUpload, LuBold, LuItalic, LuUnderline, LuStrikethrough, LuLink, LuGrid2X2, LuCopyPlus, LuCirclePlay, LuCirclePause, LuZoomOut, LuScan, LuMonitorOff, LuClipboardCopy, LuWand, LuTextCursorInput, LuFile, LuEllipsis, LuUserRound, LuFilePlus2, LuHouse, LuUser, LuHardDrive, LuLogIn, LuFolderPlus, LuAlignLeft, LuAlignCenter, LuAlignRight, LuAlignJustify, LuColumns3, LuSpline, LuAlignHorizontalSpaceAround, LuAlignVerticalSpaceAround, LuMove, LuRadio, LuLockOpen, LuArrowDown, LuArrowUp, LuArrowRight, LuReply, LuBookmark } from 'react-icons/lu';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -1334,7 +1334,7 @@ function AccountPage() {
       return void 0;
     });
   };
-  const version = "1.23.0" ;
+  const version = "1.24.1" ;
   return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
     /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
       /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
@@ -8264,7 +8264,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React32.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-QTNGCODM.mjs');
+      return await import('./Model3DScene-GGNUAOGD.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -11737,7 +11737,7 @@ function ShortcutPanel({ isOpen, onClose }) {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: SHORTCUT_REFERENCE_ITEMS.map((shortcut) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto p-2 space-y-1", children: SHORTCUT_REFERENCE_ITEMS$1.map((shortcut) => /* @__PURE__ */ jsxs(
           "div",
           {
             className: "flex items-center justify-between gap-3 rounded bg-muted/80 px-2 py-1.5",
@@ -30433,6 +30433,79 @@ function ViewerPresentationLayer(props) {
     )
   ] });
 }
+var itemClass = "block w-full whitespace-nowrap px-3 py-1.5 text-left text-xs text-foreground transition-colors hover:bg-accent";
+function PresentationContextMenu(p) {
+  const { t } = useTranslation();
+  const run = (action) => {
+    action();
+    p.onClose();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "fixed inset-0 z-[1299]",
+        onClick: p.onClose,
+        onContextMenu: (e) => {
+          e.preventDefault();
+          p.onClose();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-pptx-presentation-menu": "",
+        role: "menu",
+        tabIndex: -1,
+        className: "fixed z-[1300] min-w-[160px] rounded-md border border-border bg-popover py-1 shadow-xl",
+        style: { left: p.state.x, top: p.state.y },
+        onContextMenu: (e) => e.preventDefault(),
+        children: [
+          /* @__PURE__ */ jsx("button", { type: "button", role: "menuitem", className: itemClass, onClick: () => run(p.onNext), children: t("pptx.presenter.nextSlide") }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: itemClass,
+              onClick: () => run(p.onPrevious),
+              children: t("pptx.presenter.previousSlide")
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "my-1 border-t border-border/60" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: itemClass,
+              onClick: () => run(p.onEndShow),
+              children: t("pptx.presenter.endPresentation")
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+function PresentationEndOverlay({ onExit }) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-pptx-end-of-show": "",
+      onClick: onExit,
+      className: "absolute inset-0 z-[90] flex cursor-default items-start bg-black text-left",
+      children: /* @__PURE__ */ jsx("span", { className: "px-4 py-3 text-[12px] text-white/70", children: t("pptx.presentation.endOfSlideShow", "End of slide show, click to exit.") })
+    }
+  );
+}
+var ViewerOptionsContext = createContext(DEFAULT_VIEWER_OPTIONS);
+function useViewerOptionsContext() {
+  return useContext(ViewerOptionsContext);
+}
 function ViewerCanvasArea(props) {
   const {
     mode,
@@ -30458,6 +30531,7 @@ function ViewerCanvasArea(props) {
   } = props;
   const { t } = useTranslation();
   const { isHidden } = useToolbarVisibility(hiddenActions);
+  const viewerOptions = useViewerOptionsContext();
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const effectiveTemplateElements = mode === "master" ? s.activeLayout ? s.activeMaster?.elements ?? [] : [] : templateElements;
   const fieldContext = useMemo(() => {
@@ -30494,15 +30568,26 @@ function ViewerCanvasArea(props) {
     }
     return { theme: s.theme, tableStyleMap: s.tableStyleMap };
   }, [s.theme, s.tableStyleMap]);
+  const openExternalUrl = useCallback(
+    (url) => {
+      if (shouldConfirmExternalHyperlink(viewerOptions, url) && !window.confirm(`${t("pptx.options.trust.confirmHyperlinks")}
+
+${url}`)) {
+        return;
+      }
+      safeOpenUrl(url);
+    },
+    [viewerOptions, t]
+  );
   const handleActionClick = useCallback(
     (_elementId, action) => {
       if (mode === "present") {
         presentation.handlePresentationAction(action);
       } else if (action.url) {
-        safeOpenUrl(action.url);
+        openExternalUrl(action.url);
       }
     },
-    [mode, presentation]
+    [mode, presentation, openExternalUrl]
   );
   const handleHyperlinkClick = useCallback(
     (url) => {
@@ -30519,9 +30604,25 @@ function ViewerCanvasArea(props) {
         }
         return;
       }
-      safeOpenUrl(url);
+      openExternalUrl(url);
     },
-    [mode, presentation]
+    [mode, presentation, openExternalUrl]
+  );
+  const [presentationMenu, setPresentationMenu] = useState(
+    null
+  );
+  const handlePresentationContextMenu = useCallback(
+    (e) => {
+      if (mode !== "present") {
+        return;
+      }
+      e.preventDefault();
+      if (!viewerOptions.advanced.slideShowShowMenuOnRightClick) {
+        return;
+      }
+      setPresentationMenu({ x: e.clientX, y: e.clientY });
+    },
+    [mode, viewerOptions.advanced.slideShowShowMenuOnRightClick]
   );
   const toolbarHoveringRef = useRef(false);
   const handleToolbarMouseEnter = useCallback(() => {
@@ -30551,227 +30652,243 @@ function ViewerCanvasArea(props) {
     onNext: handleSwipeNext,
     onPrev: handleSwipePrev
   });
-  return /* @__PURE__ */ jsxs(
-    "main",
-    {
-      "aria-label": t("pptx.viewer.slideEditorAria"),
-      className: "flex-1 min-w-0 relative flex flex-col bg-background",
-      onTouchStart: swipe.onTouchStart,
-      onTouchEnd: swipe.onTouchEnd,
-      children: [
-        findReplace.findReplaceOpen && /* @__PURE__ */ jsx(
-          FindReplacePanel,
-          {
-            findQuery: findReplace.findQuery,
-            replaceQuery: findReplace.replaceQuery,
-            findMatchCase: findReplace.findMatchCase,
-            findResults: findReplace.findResults,
-            findResultIndex: findReplace.findResultIndex,
-            onSetFindQuery: findReplace.setFindQuery,
-            onSetReplaceQuery: findReplace.setReplaceQuery,
-            onSetFindMatchCase: findReplace.setFindMatchCase,
-            onPerformFind: findReplace.performFind,
-            onNavigateResult: findReplace.navigateFindResult,
-            onReplace: findReplace.handleReplace,
-            onReplaceAll: findReplace.handleReplaceAll,
-            onClose: () => findReplace.setFindReplaceOpen(false)
-          }
-        ),
-        mode === "master" && s.masterViewTab === "notes" ? /* @__PURE__ */ jsx(
-          NotesMasterCanvas,
-          {
-            notesMaster: s.notesMaster,
-            canvasSize,
-            notesCanvasSize: s.notesCanvasSize
-          }
-        ) : mode === "master" && s.masterViewTab === "handout" ? /* @__PURE__ */ jsx(
-          HandoutMasterCanvas,
-          {
-            handoutMaster: s.handoutMaster,
-            canvasSize,
-            slidesPerPage: s.handoutMaster?.slidesPerPage ?? s.handoutSlidesPerPage
-          }
-        ) : /* @__PURE__ */ jsx(
-          SlideCanvas,
-          {
-            activeSlide: effectiveSlide,
-            templateElements: effectiveTemplateElements,
-            canvasSize,
-            zoom,
-            mode,
-            canEdit,
-            editTemplateMode: mode === "master" || s.editTemplateMode,
-            selectedElementIdSet: s.selectedElementIdSet,
-            selectedElement,
-            inlineEditingElementId: s.inlineEditingElementId,
-            inlineEditingText: s.inlineEditingText,
-            spellCheckEnabled: s.spellCheckEnabled,
-            mediaDataUrls: s.mediaDataUrls,
-            tableEditorState: s.tableEditorState,
-            marqueeSelectionState: s.marqueeSelectionState,
-            snapLines: s.snapLines,
-            showGrid: s.showGrid,
-            gridSpacingPx,
-            showRulers: s.showRulers,
-            guides: s.guides,
-            presentationElementStates: mode === "present" ? presentation.presentationElementStates : void 0,
-            presentationKeyframesCss: mode === "present" ? presentation.presentationKeyframesCss : void 0,
-            onClick: canvasHandlers.handleElementClick,
-            onDoubleClick: canvasHandlers.handleElementDoubleClick,
-            onMouseDown: canvasHandlers.handleElementMouseDown,
-            onContextMenu: canvasHandlers.handleElementContextMenu,
-            onCanvasMouseDown: canvasHandlers.handleCanvasMouseDown,
-            onResizePointerDown: canvasHandlers.handleResizePointerDown,
-            onAdjustmentPointerDown: canvasHandlers.handleAdjustmentPointerDown,
-            onRotate: canvasHandlers.handleRotate,
-            onInlineEditChange: s.setInlineEditingText,
-            onInlineEditCommit: canvasHandlers.handleInlineEditCommit,
-            onInlineEditCancel: () => s.setInlineEditingElementId(null),
-            onTableCellSelect: (cell, elementId) => s.setTableEditorState(cell ? { ...cell, elementId } : null),
-            onCommitCellEdit: tableOps.handleCommitCellEdit,
-            onUpdateSmartArtElement: canvasHandlers.handleUpdateSmartArtElement,
-            onFormatText: canvasHandlers.handleFormatText,
-            onResizeTableColumns: tableOps.handleResizeTableColumns,
-            onResizeTableRow: tableOps.handleResizeTableRow,
-            findResults: findReplace.findResults,
-            findResultIndex: findReplace.findResultIndex,
-            activeSlideIndex,
-            activeTool: s.activeTool,
-            drawingColor: s.drawingColor,
-            drawingWidth: s.drawingWidth,
-            isDrawingRef: s.isDrawingRef,
-            onAddInkElement: insertHandlers.handleAddInkElement,
-            onAddFreeformShape: insertHandlers.handleAddFreeformShape,
-            onEraseInkElement: insertHandlers.handleEraseInkElement,
-            onActionClick: handleActionClick,
-            onHyperlinkClick: handleHyperlinkClick,
-            allSlides: mode === "present" ? slides : void 0,
-            onZoomClick: mode === "present" ? presentation.handleZoomClick : void 0,
-            sourceSlideIndex: mode === "present" ? activeSlideIndex : void 0,
-            fieldContext,
-            tableStyleContext,
-            collaborationOverlay: /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                RemoteSelectionOverlay,
-                {
-                  elements: effectiveSlide?.elements ?? [],
-                  activeSlideIndex
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                CollaborationCursorOverlay,
-                {
-                  activeSlideIndex,
-                  canvasWidth: canvasSize.width,
-                  canvasHeight: canvasSize.height,
-                  selectedElementId: s.selectedElementId
-                }
-              )
-            ] }),
-            comments: activeSlide?.comments,
-            showCommentMarkers: s.sidebarPanelMode === "comments",
-            onCommentMarkerClick: () => s.setSidebarPanelMode("comments"),
-            onMoveGuide: (guideId, position) => {
-              s.setGuides(
-                (prev) => prev.map(
-                  (guide) => guide.id === guideId ? {
-                    ...guide,
-                    position: guide.axis === "h" ? Math.max(0, Math.min(canvasSize.height, position)) : Math.max(0, Math.min(canvasSize.width, position))
-                  } : guide
+  return (
+    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- the canvas area hosts swipe navigation and the presentation-mode right-click menu; it has no interactive semantics of its own
+    /* @__PURE__ */ jsxs(
+      "main",
+      {
+        "aria-label": t("pptx.viewer.slideEditorAria"),
+        className: "flex-1 min-w-0 relative flex flex-col bg-background",
+        onTouchStart: swipe.onTouchStart,
+        onTouchEnd: swipe.onTouchEnd,
+        onContextMenu: mode === "present" ? handlePresentationContextMenu : void 0,
+        children: [
+          findReplace.findReplaceOpen && /* @__PURE__ */ jsx(
+            FindReplacePanel,
+            {
+              findQuery: findReplace.findQuery,
+              replaceQuery: findReplace.replaceQuery,
+              findMatchCase: findReplace.findMatchCase,
+              findResults: findReplace.findResults,
+              findResultIndex: findReplace.findResultIndex,
+              onSetFindQuery: findReplace.setFindQuery,
+              onSetReplaceQuery: findReplace.setReplaceQuery,
+              onSetFindMatchCase: findReplace.setFindMatchCase,
+              onPerformFind: findReplace.performFind,
+              onNavigateResult: findReplace.navigateFindResult,
+              onReplace: findReplace.handleReplace,
+              onReplaceAll: findReplace.handleReplaceAll,
+              onClose: () => findReplace.setFindReplaceOpen(false)
+            }
+          ),
+          mode === "master" && s.masterViewTab === "notes" ? /* @__PURE__ */ jsx(
+            NotesMasterCanvas,
+            {
+              notesMaster: s.notesMaster,
+              canvasSize,
+              notesCanvasSize: s.notesCanvasSize
+            }
+          ) : mode === "master" && s.masterViewTab === "handout" ? /* @__PURE__ */ jsx(
+            HandoutMasterCanvas,
+            {
+              handoutMaster: s.handoutMaster,
+              canvasSize,
+              slidesPerPage: s.handoutMaster?.slidesPerPage ?? s.handoutSlidesPerPage
+            }
+          ) : /* @__PURE__ */ jsx(
+            SlideCanvas,
+            {
+              activeSlide: effectiveSlide,
+              templateElements: effectiveTemplateElements,
+              canvasSize,
+              zoom,
+              mode,
+              canEdit,
+              editTemplateMode: mode === "master" || s.editTemplateMode,
+              selectedElementIdSet: s.selectedElementIdSet,
+              selectedElement,
+              inlineEditingElementId: s.inlineEditingElementId,
+              inlineEditingText: s.inlineEditingText,
+              spellCheckEnabled: s.spellCheckEnabled,
+              mediaDataUrls: s.mediaDataUrls,
+              tableEditorState: s.tableEditorState,
+              marqueeSelectionState: s.marqueeSelectionState,
+              snapLines: s.snapLines,
+              showGrid: s.showGrid,
+              gridSpacingPx,
+              showRulers: s.showRulers,
+              guides: s.guides,
+              presentationElementStates: mode === "present" ? presentation.presentationElementStates : void 0,
+              presentationKeyframesCss: mode === "present" ? presentation.presentationKeyframesCss : void 0,
+              onClick: canvasHandlers.handleElementClick,
+              onDoubleClick: canvasHandlers.handleElementDoubleClick,
+              onMouseDown: canvasHandlers.handleElementMouseDown,
+              onContextMenu: canvasHandlers.handleElementContextMenu,
+              onCanvasMouseDown: canvasHandlers.handleCanvasMouseDown,
+              onResizePointerDown: canvasHandlers.handleResizePointerDown,
+              onAdjustmentPointerDown: canvasHandlers.handleAdjustmentPointerDown,
+              onRotate: canvasHandlers.handleRotate,
+              onInlineEditChange: s.setInlineEditingText,
+              onInlineEditCommit: canvasHandlers.handleInlineEditCommit,
+              onInlineEditCancel: () => s.setInlineEditingElementId(null),
+              onTableCellSelect: (cell, elementId) => s.setTableEditorState(cell ? { ...cell, elementId } : null),
+              onCommitCellEdit: tableOps.handleCommitCellEdit,
+              onUpdateSmartArtElement: canvasHandlers.handleUpdateSmartArtElement,
+              onFormatText: canvasHandlers.handleFormatText,
+              onResizeTableColumns: tableOps.handleResizeTableColumns,
+              onResizeTableRow: tableOps.handleResizeTableRow,
+              findResults: findReplace.findResults,
+              findResultIndex: findReplace.findResultIndex,
+              activeSlideIndex,
+              activeTool: s.activeTool,
+              drawingColor: s.drawingColor,
+              drawingWidth: s.drawingWidth,
+              isDrawingRef: s.isDrawingRef,
+              onAddInkElement: insertHandlers.handleAddInkElement,
+              onAddFreeformShape: insertHandlers.handleAddFreeformShape,
+              onEraseInkElement: insertHandlers.handleEraseInkElement,
+              onActionClick: handleActionClick,
+              onHyperlinkClick: handleHyperlinkClick,
+              allSlides: mode === "present" ? slides : void 0,
+              onZoomClick: mode === "present" ? presentation.handleZoomClick : void 0,
+              sourceSlideIndex: mode === "present" ? activeSlideIndex : void 0,
+              fieldContext,
+              tableStyleContext,
+              collaborationOverlay: /* @__PURE__ */ jsxs(Fragment, { children: [
+                /* @__PURE__ */ jsx(
+                  RemoteSelectionOverlay,
+                  {
+                    elements: effectiveSlide?.elements ?? [],
+                    activeSlideIndex
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  CollaborationCursorOverlay,
+                  {
+                    activeSlideIndex,
+                    canvasWidth: canvasSize.width,
+                    canvasHeight: canvasSize.height,
+                    selectedElementId: s.selectedElementId
+                  }
                 )
-              );
-            },
-            onDeleteGuide: (guideId) => {
-              s.setGuides((prev) => prev.filter((guide) => guide.id !== guideId));
+              ] }),
+              comments: activeSlide?.comments,
+              showCommentMarkers: s.sidebarPanelMode === "comments",
+              onCommentMarkerClick: () => s.setSidebarPanelMode("comments"),
+              onMoveGuide: (guideId, position) => {
+                s.setGuides(
+                  (prev) => prev.map(
+                    (guide) => guide.id === guideId ? {
+                      ...guide,
+                      position: guide.axis === "h" ? Math.max(0, Math.min(canvasSize.height, position)) : Math.max(0, Math.min(canvasSize.width, position))
+                    } : guide
+                  )
+                );
+              },
+              onDeleteGuide: (guideId) => {
+                s.setGuides((prev) => prev.filter((guide) => guide.id !== guideId));
+              },
+              onCreateGuideFromRuler: (axis, positionPx) => {
+                s.setGuides((prev) => [
+                  ...prev,
+                  {
+                    id: `guide-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
+                    axis,
+                    position: positionPx
+                  }
+                ]);
+              }
+            }
+          ),
+          mode === "present" && presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsx(
+            PresentationTransitionOverlay,
+            {
+              outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
+              templateElements,
+              canvasSize,
+              transition: presentation.transitionOverlay.transition,
+              durationMs: presentation.transitionOverlay.durationMs,
+              onComplete: presentation.handleTransitionOverlayComplete
             },
-            onCreateGuideFromRuler: (axis, positionPx) => {
-              s.setGuides((prev) => [
-                ...prev,
+            `${presentation.transitionOverlay.outgoingSlideIndex}-${presentation.transitionOverlay.incomingSlideIndex}`
+          ),
+          mode === "present" && presentation.endOfShowVisible && /* @__PURE__ */ jsx(PresentationEndOverlay, { onExit: () => presentation.movePresentationSlide(1) }),
+          mode === "present" && presentationMenu && /* @__PURE__ */ jsx(
+            PresentationContextMenu,
+            {
+              state: presentationMenu,
+              onNext: () => presentation.movePresentationSlide(1),
+              onPrevious: () => presentation.movePresentationSlide(-1),
+              onEndShow: onEndPresentation ?? (() => {
+              }),
+              onClose: () => setPresentationMenu(null)
+            }
+          ),
+          mode === "present" && annotations.presentationTool !== "none" && /* @__PURE__ */ jsx(
+            PresentationAnnotationOverlay,
+            {
+              canvasSize,
+              editorScale: zoom.editorScale,
+              presentationTool: annotations.presentationTool,
+              annotationStrokes: annotations.annotationStrokes,
+              currentStroke: annotations.currentStroke,
+              laserPosition: annotations.laserPosition,
+              onPointerDown: annotations.handlePointerDown,
+              onPointerMove: annotations.handlePointerMove,
+              onPointerUp: annotations.handlePointerUp,
+              onLaserMove: annotations.handleLaserMove,
+              onLaserLeave: annotations.handleLaserLeave,
+              onEraseAtPoint: annotations.eraseAtPoint
+            }
+          ),
+          mode === "present" && /* @__PURE__ */ jsx(PresentationSubtitleBar, { visible: Boolean(s.presentationProperties.showSubtitles) }),
+          mode === "present" && /* @__PURE__ */ jsx(
+            PresentationTouchControls,
+            {
+              currentSlideIndex: presentation.presentationSlideIndex,
+              totalSlides: slides.length,
+              onMovePresentationSlide: presentation.movePresentationSlide,
+              onEndPresentation: onEndPresentation ?? (() => {
+              }),
+              hideNavigation: isHidden("navigation")
+            }
+          ),
+          mode === "present" && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-[80] transition-opacity duration-300",
+              style: {
+                opacity: annotations.toolbarVisible ? 1 : 0,
+                pointerEvents: annotations.toolbarVisible ? "auto" : "none"
+              },
+              onMouseEnter: handleToolbarMouseEnter,
+              onMouseLeave: handleToolbarMouseLeave,
+              children: /* @__PURE__ */ jsx(
+                PresentationToolbar,
                 {
-                  id: `guide-${Date.now()}-${Math.random().toString(36).slice(2, 8)}`,
-                  axis,
-                  position: positionPx
+                  presentationTool: annotations.presentationTool,
+                  penColor: annotations.penColor,
+                  highlighterColor: annotations.highlighterColor,
+                  hasAnnotations: annotations.annotationStrokes.length > 0,
+                  onSetTool: annotations.setPresentationTool,
+                  onSetPenColor: annotations.setPenColor,
+                  onSetHighlighterColor: annotations.setHighlighterColor,
+                  onClearAnnotations: annotations.clearAnnotations,
+                  currentSlideIndex: presentation.presentationSlideIndex,
+                  totalSlides: slides.length,
+                  onMovePresentationSlide: presentation.movePresentationSlide,
+                  presentationStartTime: presentation.presentationStartTime,
+                  onEndPresentation: onEndPresentation ?? (() => {
+                  }),
+                  onTogglePresenterView: presentation.togglePresenterView,
+                  presenterMode: presentation.presenterMode
                 }
-              ]);
+              )
             }
-          }
-        ),
-        mode === "present" && presentation.transitionOverlay && slides[presentation.transitionOverlay.outgoingSlideIndex] && /* @__PURE__ */ jsx(
-          PresentationTransitionOverlay,
-          {
-            outgoingSlide: slides[presentation.transitionOverlay.outgoingSlideIndex],
-            templateElements,
-            canvasSize,
-            transition: presentation.transitionOverlay.transition,
-            durationMs: presentation.transitionOverlay.durationMs,
-            onComplete: presentation.handleTransitionOverlayComplete
-          },
-          `${presentation.transitionOverlay.outgoingSlideIndex}-${presentation.transitionOverlay.incomingSlideIndex}`
-        ),
-        mode === "present" && annotations.presentationTool !== "none" && /* @__PURE__ */ jsx(
-          PresentationAnnotationOverlay,
-          {
-            canvasSize,
-            editorScale: zoom.editorScale,
-            presentationTool: annotations.presentationTool,
-            annotationStrokes: annotations.annotationStrokes,
-            currentStroke: annotations.currentStroke,
-            laserPosition: annotations.laserPosition,
-            onPointerDown: annotations.handlePointerDown,
-            onPointerMove: annotations.handlePointerMove,
-            onPointerUp: annotations.handlePointerUp,
-            onLaserMove: annotations.handleLaserMove,
-            onLaserLeave: annotations.handleLaserLeave,
-            onEraseAtPoint: annotations.eraseAtPoint
-          }
-        ),
-        mode === "present" && /* @__PURE__ */ jsx(PresentationSubtitleBar, { visible: Boolean(s.presentationProperties.showSubtitles) }),
-        mode === "present" && /* @__PURE__ */ jsx(
-          PresentationTouchControls,
-          {
-            currentSlideIndex: presentation.presentationSlideIndex,
-            totalSlides: slides.length,
-            onMovePresentationSlide: presentation.movePresentationSlide,
-            onEndPresentation: onEndPresentation ?? (() => {
-            }),
-            hideNavigation: isHidden("navigation")
-          }
-        ),
-        mode === "present" && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: "absolute bottom-6 left-1/2 -translate-x-1/2 z-[80] transition-opacity duration-300",
-            style: {
-              opacity: annotations.toolbarVisible ? 1 : 0,
-              pointerEvents: annotations.toolbarVisible ? "auto" : "none"
-            },
-            onMouseEnter: handleToolbarMouseEnter,
-            onMouseLeave: handleToolbarMouseLeave,
-            children: /* @__PURE__ */ jsx(
-              PresentationToolbar,
-              {
-                presentationTool: annotations.presentationTool,
-                penColor: annotations.penColor,
-                highlighterColor: annotations.highlighterColor,
-                hasAnnotations: annotations.annotationStrokes.length > 0,
-                onSetTool: annotations.setPresentationTool,
-                onSetPenColor: annotations.setPenColor,
-                onSetHighlighterColor: annotations.setHighlighterColor,
-                onClearAnnotations: annotations.clearAnnotations,
-                currentSlideIndex: presentation.presentationSlideIndex,
-                totalSlides: slides.length,
-                onMovePresentationSlide: presentation.movePresentationSlide,
-                presentationStartTime: presentation.presentationStartTime,
-                onEndPresentation: onEndPresentation ?? (() => {
-                }),
-                onTogglePresenterView: presentation.togglePresenterView,
-                presenterMode: presentation.presenterMode
-              }
-            )
-          }
-        )
-      ]
-    }
+          )
+        ]
+      }
+    )
   );
 }
 
@@ -32369,6 +32486,423 @@ function MobileChromeOverlay(props) {
     )
   ] });
 }
+function AddinTable({
+  title,
+  rows,
+  selectedId,
+  onSelect
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("section", { children: [
+    /* @__PURE__ */ jsx("h4", { className: "mb-1 text-xs font-semibold text-foreground", children: title }),
+    rows.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-1 text-xs italic text-muted-foreground", children: t("pptx.options.addIns.description") }) : /* @__PURE__ */ jsx("table", { className: "w-full border-collapse text-left", children: /* @__PURE__ */ jsx("tbody", { children: rows.map((row) => /* @__PURE__ */ jsxs(
+      "tr",
+      {
+        onClick: () => onSelect(row.id),
+        className: cn(
+          "cursor-pointer border-b border-border/40 transition-colors",
+          selectedId === row.id ? "bg-primary/10" : "hover:bg-accent"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("td", { className: "px-2 py-1.5 text-xs text-foreground", children: t(row.nameKey) }),
+          /* @__PURE__ */ jsx("td", { className: "px-2 py-1.5 font-mono text-[11px] text-muted-foreground", children: row.location }),
+          /* @__PURE__ */ jsx("td", { className: "px-2 py-1.5 text-xs text-muted-foreground", children: t(`pptx.options.addInType.${row.type}`) })
+        ]
+      },
+      row.id
+    )) }) })
+  ] });
+}
+function OptionsAddInsPane({ addinStatus }) {
+  const { t } = useTranslation();
+  const [selectedId, setSelectedId] = useState(null);
+  const rows = resolveViewerAddinRows(addinStatus);
+  const active = rows.filter((row) => row.active);
+  const inactive = rows.filter((row) => !row.active);
+  const selected = rows.find((row) => row.id === selectedId);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-[1fr_auto_auto] gap-x-2 border-b border-border pb-1 pl-2 text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: [
+      /* @__PURE__ */ jsx("span", { children: t("pptx.options.addIns.name") }),
+      /* @__PURE__ */ jsx("span", { children: t("pptx.options.addIns.location") }),
+      /* @__PURE__ */ jsx("span", { children: t("pptx.options.addIns.type") })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AddinTable,
+      {
+        title: t("pptx.options.addIns.active"),
+        rows: active,
+        selectedId,
+        onSelect: setSelectedId
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AddinTable,
+      {
+        title: t("pptx.options.addIns.inactive"),
+        rows: inactive,
+        selectedId,
+        onSelect: setSelectedId
+      }
+    ),
+    selected && /* @__PURE__ */ jsxs("div", { className: "rounded border border-border/60 bg-muted/40 p-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-foreground", children: t(selected.nameKey) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: t(selected.descriptionKey) }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 font-mono text-[11px] text-muted-foreground", children: selected.location })
+    ] })
+  ] });
+}
+function readValue(options, control) {
+  const group = options[control.group];
+  const value = group[control.key];
+  return typeof value === "boolean" || typeof value === "number" || typeof value === "string" ? value : void 0;
+}
+function InfoTip({ text }) {
+  return /* @__PURE__ */ jsx("span", { title: text, className: "inline-flex cursor-help align-middle", children: /* @__PURE__ */ jsx(LuInfo, { className: "ml-1 h-3.5 w-3.5 text-primary/70", "aria-label": text }) });
+}
+function ControlRow({
+  control,
+  options,
+  onOptionChange
+}) {
+  const { t } = useTranslation();
+  const value = readValue(options, control);
+  const label = t(control.labelKey);
+  const info = control.infoKey ? /* @__PURE__ */ jsx(InfoTip, { text: t(control.infoKey) }) : null;
+  const rowClass = cn("flex items-center justify-between gap-3 py-1.5", control.indent && "pl-6");
+  if (control.kind === "toggle") {
+    return /* @__PURE__ */ jsxs("label", { className: cn(rowClass, "cursor-pointer select-none"), children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
+        label,
+        info
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "checkbox",
+          className: "h-4 w-4 shrink-0 accent-[var(--pptx-primary,#6366f1)]",
+          checked: value === true,
+          onChange: (event) => onOptionChange(control.group, control.key, event.target.checked)
+        }
+      )
+    ] });
+  }
+  if (control.kind === "select") {
+    return /* @__PURE__ */ jsxs("div", { className: rowClass, children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
+        label,
+        info
+      ] }),
+      /* @__PURE__ */ jsx(
+        "select",
+        {
+          "aria-label": label,
+          className: "max-w-[55%] rounded border border-border bg-background px-2 py-1 text-xs text-foreground",
+          value: typeof value === "string" ? value : "",
+          onChange: (event) => onOptionChange(control.group, control.key, event.target.value),
+          children: control.choices.map((choice) => /* @__PURE__ */ jsx("option", { value: choice.value, children: t(choice.labelKey) }, choice.value))
+        }
+      )
+    ] });
+  }
+  if (control.kind === "number") {
+    return /* @__PURE__ */ jsxs("div", { className: rowClass, children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
+        label,
+        info
+      ] }),
+      /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            "aria-label": label,
+            className: "w-20 rounded border border-border bg-background px-2 py-1 text-right text-xs text-foreground",
+            min: control.min,
+            max: control.max,
+            step: control.step ?? 1,
+            value: typeof value === "number" ? value : control.min,
+            onChange: (event) => {
+              const parsed = Number(event.target.value);
+              if (Number.isFinite(parsed)) {
+                onOptionChange(
+                  control.group,
+                  control.key,
+                  Math.min(control.max, Math.max(control.min, parsed))
+                );
+              }
+            }
+          }
+        ),
+        control.unitKey && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: t(control.unitKey) })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: rowClass, children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
+      label,
+      info
+    ] }),
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        type: "text",
+        "aria-label": label,
+        className: "w-48 max-w-[55%] rounded border border-border bg-background px-2 py-1 text-xs text-foreground",
+        maxLength: control.maxLength,
+        value: typeof value === "string" ? value : "",
+        onChange: (event) => onOptionChange(control.group, control.key, event.target.value)
+      }
+    )
+  ] });
+}
+function OptionsPane({
+  tab,
+  options,
+  onOptionChange,
+  renderSpecial,
+  children
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(tab.descriptionKey) }),
+    tab.sections.map((section) => /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t(section.titleKey) }),
+      section.descriptionKey && /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t(section.descriptionKey) }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: section.controls.map((control) => /* @__PURE__ */ jsx(
+        ControlRow,
+        {
+          control,
+          options,
+          onOptionChange
+        },
+        `${control.group}.${control.key}.${section.id}`
+      )) }),
+      section.special && renderSpecial?.(section)
+    ] }, section.id)),
+    children
+  ] });
+}
+function CommandList({
+  title,
+  commandIds,
+  selectedId,
+  onSelect
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium text-muted-foreground", children: title }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        role: "listbox",
+        "aria-label": title,
+        className: "h-48 space-y-0.5 overflow-y-auto rounded border border-border/60 p-1",
+        children: commandIds.map((id) => {
+          const command = QUICK_ACCESS_COMMAND_CATALOG.find((entry) => entry.id === id);
+          if (!command) {
+            return null;
+          }
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "option",
+              "aria-selected": selectedId === id,
+              onClick: () => onSelect(id),
+              className: cn(
+                "flex w-full items-center rounded px-2 py-1.5 text-left text-sm transition-colors",
+                selectedId === id ? "bg-primary/15 text-primary" : "text-foreground hover:bg-accent"
+              ),
+              children: t(command.labelKey)
+            },
+            id
+          );
+        })
+      }
+    )
+  ] });
+}
+function OptionsQuickAccessPane({
+  options,
+  onQuickAccessCommandsChange,
+  onResetQuickAccess
+}) {
+  const { t } = useTranslation();
+  const [selectedAvailable, setSelectedAvailable] = useState(null);
+  const [selectedCurrent, setSelectedCurrent] = useState(null);
+  const current = options.quickAccess.commandIds;
+  const available = availableQuickAccessCommands(current).map((entry) => entry.id);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-3", children: [
+      /* @__PURE__ */ jsx(
+        CommandList,
+        {
+          title: t("pptx.options.quickAccess.chooseCommands"),
+          commandIds: available,
+          selectedId: selectedAvailable,
+          onSelect: setSelectedAvailable
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            disabled: !selectedAvailable,
+            onClick: () => {
+              if (selectedAvailable) {
+                onQuickAccessCommandsChange(addQuickAccessCommand(current, selectedAvailable));
+                setSelectedAvailable(null);
+              }
+            },
+            className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              t("pptx.options.quickAccess.add"),
+              " >>"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            disabled: !selectedCurrent,
+            onClick: () => {
+              if (selectedCurrent) {
+                onQuickAccessCommandsChange(removeQuickAccessCommand(current, selectedCurrent));
+                setSelectedCurrent(null);
+              }
+            },
+            className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+            children: [
+              "<< ",
+              t("pptx.options.quickAccess.remove")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        CommandList,
+        {
+          title: t("pptx.options.quickAccess.currentCommands"),
+          commandIds: current,
+          selectedId: selectedCurrent,
+          onSelect: setSelectedCurrent
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col justify-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": t("pptx.options.quickAccess.moveUp"),
+            disabled: !selectedCurrent,
+            onClick: () => {
+              if (selectedCurrent) {
+                onQuickAccessCommandsChange(moveQuickAccessCommand(current, selectedCurrent, "up"));
+              }
+            },
+            className: "rounded border border-border p-1.5 text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+            children: /* @__PURE__ */ jsx(LuChevronUp, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": t("pptx.options.quickAccess.moveDown"),
+            disabled: !selectedCurrent,
+            onClick: () => {
+              if (selectedCurrent) {
+                onQuickAccessCommandsChange(
+                  moveQuickAccessCommand(current, selectedCurrent, "down")
+                );
+              }
+            },
+            className: "rounded border border-border p-1.5 text-foreground transition-colors hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50",
+            children: /* @__PURE__ */ jsx(LuChevronDown, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onResetQuickAccess,
+        className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
+        children: t("pptx.options.quickAccess.reset")
+      }
+    )
+  ] });
+}
+function OptionsRibbonPane({
+  options,
+  onRibbonTabHiddenChange,
+  onResetRibbon
+}) {
+  const { t } = useTranslation();
+  const hidden = new Set(options.ribbon.hiddenTabIds);
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-5", children: [
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.options.ribbon.tabsTitle") }),
+      /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.ribbon.tabsDescription") }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-0.5 rounded border border-border/60 p-2", children: TOOLBAR_TABS.map((tab) => {
+        const isFile = tab.id === "file";
+        const isVisible = isFile || !hidden.has(tab.id);
+        return /* @__PURE__ */ jsxs(
+          "label",
+          {
+            className: cn(
+              "flex items-center gap-2 rounded px-2 py-1.5",
+              isFile ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-accent"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  className: "h-4 w-4 accent-[var(--pptx-primary,#6366f1)]",
+                  checked: isVisible,
+                  disabled: isFile,
+                  onChange: (event) => onRibbonTabHiddenChange(tab.id, !event.target.checked)
+                }
+              ),
+              /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: t(tab.labelKey) })
+            ]
+          },
+          tab.id
+        );
+      }) }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: onResetRibbon,
+          className: "mt-2 rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
+          children: t("pptx.options.ribbon.reset")
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("section", { children: [
+      /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.settings.keyboardShortcuts") }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center justify-between gap-3 rounded px-3 py-2",
+            i % 2 === 0 ? "bg-muted/60" : ""
+          ),
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground", children: t(shortcut.actionKey) }),
+            /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap font-mono text-[11px] text-muted-foreground", children: shortcut.shortcut })
+          ]
+        },
+        shortcut.actionKey
+      )) })
+    ] })
+  ] });
+}
 function SettingsAppearanceTab({
   activeThemeKey,
   themes,
@@ -32438,43 +32972,17 @@ function SettingsLanguageTab({
     );
   }) });
 }
-function ToggleSwitch({
-  label,
-  enabled,
-  onToggle
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-2.5 px-3", children: [
-    /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground", children: label }),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        onClick: onToggle,
-        className: cn(
-          "relative inline-flex h-5 w-9 items-center rounded-full transition-colors",
-          enabled ? "bg-primary" : "bg-muted-foreground/30"
-        ),
-        role: "switch",
-        "aria-checked": enabled,
-        "aria-label": label,
-        children: /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: cn(
-              "inline-block h-3.5 w-3.5 rounded-full bg-white transition-transform",
-              enabled ? "translate-x-[18px]" : "translate-x-[3px]"
-            )
-          }
-        )
-      }
-    )
-  ] });
-}
 function SettingsDialog({
   isOpen,
   onClose,
-  settings,
-  onSettingsChange,
+  options,
+  onOptionChange,
+  onRestoreOptions,
+  onRibbonTabHiddenChange,
+  onQuickAccessCommandsChange,
+  onResetOptions,
+  onClearCache,
+  addinStatus,
   themeKey,
   availableThemes,
   onSelectTheme,
@@ -32482,9 +32990,23 @@ function SettingsDialog({
   availableLocales,
   onSelectLocale
 }) {
-  const [activeTab, setActiveTab] = useState("general");
+  const [activeTabId, setActiveTabId] = useState("general");
   const { t } = useTranslation();
   const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
+  const snapshotRef = useRef(null);
+  const wasOpenRef = useRef(false);
+  useEffect(() => {
+    if (isOpen && !wasOpenRef.current) {
+      snapshotRef.current = options;
+    }
+    wasOpenRef.current = isOpen;
+  }, [isOpen, options]);
+  const handleCancel = useCallback(() => {
+    if (snapshotRef.current) {
+      onRestoreOptions(snapshotRef.current);
+    }
+    onClose();
+  }, [onClose, onRestoreOptions]);
   const handleKeyDown = useCallback(
     (e) => {
       if (e.key === "Escape") {
@@ -32502,12 +33024,10 @@ function SettingsDialog({
   if (!isOpen) {
     return null;
   }
-  const tabs = [
-    { id: "general", label: t("pptx.settings.general") },
-    { id: "appearance", label: t("pptx.settings.appearance") },
-    { id: "language", label: t("pptx.settings.language") },
-    { id: "shortcuts", label: t("pptx.settings.keyboardShortcuts") }
-  ];
+  const activeTab = VIEWER_OPTIONS_TABS.find((tab) => tab.id === activeTabId) ?? VIEWER_OPTIONS_TABS[0];
+  if (!activeTab) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       "button",
@@ -32528,87 +33048,157 @@ function SettingsDialog({
           "div",
           {
             style: panelStyle,
-            className: "pointer-events-auto w-[min(32rem,calc(100%-2rem))] 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)]",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-label": t("pptx.options.title"),
+            className: "pointer-events-auto flex max-h-[85vh] w-[min(56rem,calc(100%-2rem))] flex-col rounded-xl border border-border bg-popover shadow-2xl backdrop-blur-xl max-md:fixed max-md:inset-x-0 max-md:bottom-0 max-md:top-auto max-md:max-h-[88dvh] max-md:w-full 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",
                 {
                   ...dragHandlers,
-                  className: "flex items-center justify-between px-5 py-4 border-b border-border/60 touch-none",
+                  className: "flex items-center justify-between border-b border-border/60 px-5 py-4 touch-none",
                   children: [
                     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ jsx(LuSettings, { className: "w-5 h-5 text-primary" }),
-                      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("pptx.settings.title") })
+                      /* @__PURE__ */ jsx(LuSettings, { className: "h-5 w-5 text-primary" }),
+                      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold text-foreground", children: t("pptx.options.title") })
                     ] }),
                     /* @__PURE__ */ jsx(
                       "button",
                       {
                         type: "button",
                         onClick: onClose,
-                        className: "p-1 rounded hover:bg-accent transition-colors",
+                        className: "rounded p-1 transition-colors hover:bg-accent",
                         "aria-label": t("pptx.settings.close"),
-                        children: /* @__PURE__ */ jsx(LuX, { className: "w-4 h-4 text-muted-foreground" })
+                        children: /* @__PURE__ */ jsx(LuX, { className: "h-4 w-4 text-muted-foreground" })
                       }
                     )
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx("div", { className: "flex border-b border-border/60 px-5", children: tabs.map((tab) => /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setActiveTab(tab.id),
-                  className: cn(
-                    "px-3 py-2 text-xs font-medium transition-colors relative",
-                    activeTab === tab.id ? "text-primary" : "text-muted-foreground hover:text-foreground"
-                  ),
-                  children: [
-                    tab.label,
-                    activeTab === tab.id && /* @__PURE__ */ jsx("span", { className: "absolute bottom-0 left-0 right-0 h-0.5 bg-primary rounded-full" })
-                  ]
-                },
-                tab.id
-              )) }),
-              /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 max-h-[60vh] overflow-y-auto", children: [
-                activeTab === "general" && /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: SETTING_TOGGLES.map((toggle) => /* @__PURE__ */ jsx(
-                  ToggleSwitch,
-                  {
-                    label: t(toggle.labelKey),
-                    enabled: settings[toggle.key],
-                    onToggle: () => onSettingsChange(toggle.key, !settings[toggle.key])
-                  },
-                  toggle.key
-                )) }),
-                activeTab === "appearance" && /* @__PURE__ */ jsx(
-                  SettingsAppearanceTab,
+              /* @__PURE__ */ jsxs("div", { className: "flex min-h-0 flex-1 max-md:flex-col", children: [
+                /* @__PURE__ */ jsx(
+                  "nav",
                   {
-                    activeThemeKey: themeKey,
-                    themes: availableThemes,
-                    onSelectTheme
+                    "aria-label": t("pptx.options.title"),
+                    className: "w-44 shrink-0 space-y-0.5 overflow-y-auto border-r border-border/60 p-2 max-md:flex max-md:w-full max-md:space-y-0 max-md:gap-1 max-md:overflow-x-auto max-md:border-b max-md:border-r-0",
+                    children: VIEWER_OPTIONS_TABS.map((tab) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setActiveTabId(tab.id),
+                        "aria-current": activeTabId === tab.id,
+                        className: cn(
+                          "block w-full whitespace-nowrap rounded px-3 py-2 text-left text-sm transition-colors max-md:w-auto",
+                          activeTabId === tab.id ? "bg-primary/10 font-medium text-primary" : "text-foreground hover:bg-accent"
+                        ),
+                        children: t(tab.labelKey)
+                      },
+                      tab.id
+                    ))
                   }
                 ),
-                activeTab === "language" && /* @__PURE__ */ jsx(
-                  SettingsLanguageTab,
+                /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-5 py-4", children: activeTab.custom === "language" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
+                  /* @__PURE__ */ jsxs("section", { children: [
+                    /* @__PURE__ */ jsx("h3", { className: "mb-1 border-b border-border/60 pb-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: t("pptx.options.language.displayLanguage") }),
+                    /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.language.displayLanguageDescription") }),
+                    /* @__PURE__ */ jsx(
+                      SettingsLanguageTab,
+                      {
+                        activeLocale: localeCode,
+                        locales: availableLocales,
+                        onSelectLocale
+                      }
+                    )
+                  ] })
+                ] }) : activeTab.custom === "ribbon" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
+                  /* @__PURE__ */ jsx(
+                    OptionsRibbonPane,
+                    {
+                      options,
+                      onRibbonTabHiddenChange,
+                      onResetRibbon: () => onResetOptions("ribbon")
+                    }
+                  )
+                ] }) : activeTab.custom === "addIns" ? /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: t(activeTab.descriptionKey) }),
+                  /* @__PURE__ */ jsx(OptionsAddInsPane, { addinStatus })
+                ] }) : /* @__PURE__ */ jsx(
+                  OptionsPane,
                   {
-                    activeLocale: localeCode,
-                    locales: availableLocales,
-                    onSelectLocale
+                    tab: activeTab,
+                    options,
+                    onOptionChange,
+                    renderSpecial: (section) => {
+                      if (section.special === "themePicker") {
+                        return /* @__PURE__ */ jsx("div", { className: "mt-2", children: /* @__PURE__ */ jsx(
+                          SettingsAppearanceTab,
+                          {
+                            activeThemeKey: themeKey,
+                            themes: availableThemes,
+                            onSelectTheme
+                          }
+                        ) });
+                      }
+                      if (section.special === "clearCache") {
+                        return /* @__PURE__ */ jsxs("div", { className: "mt-2", children: [
+                          /* @__PURE__ */ jsx("p", { className: "mb-2 text-xs text-muted-foreground", children: t("pptx.options.save.clearCacheDescription") }),
+                          /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: onClearCache,
+                              className: "rounded border border-border px-3 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
+                              children: t("pptx.options.save.clearCacheNow")
+                            }
+                          )
+                        ] });
+                      }
+                      return null;
+                    },
+                    children: activeTab.custom === "quickAccess" && /* @__PURE__ */ jsx(
+                      OptionsQuickAccessPane,
+                      {
+                        options,
+                        onQuickAccessCommandsChange,
+                        onResetQuickAccess: () => onQuickAccessCommandsChange([...DEFAULT_QUICK_ACCESS_COMMAND_IDS])
+                      }
+                    )
                   }
-                ),
-                activeTab === "shortcuts" && /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxs(
-                  "div",
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 border-t border-border/60 px-5 py-3", children: [
+                /* @__PURE__ */ jsx(
+                  "button",
                   {
-                    className: cn(
-                      "flex items-center justify-between gap-3 rounded px-3 py-2",
-                      i % 2 === 0 ? "bg-muted/60" : ""
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-xs text-foreground", children: t(shortcut.actionKey) }),
-                      /* @__PURE__ */ jsx("span", { className: "font-mono text-[11px] text-muted-foreground whitespace-nowrap", children: shortcut.shortcut })
-                    ]
-                  },
-                  shortcut.actionKey
-                )) })
+                    type: "button",
+                    onClick: () => onResetOptions(),
+                    className: "rounded border border-border px-3 py-1.5 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+                    children: t("pptx.options.resetAll")
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleCancel,
+                      className: "rounded border border-border px-4 py-1.5 text-xs text-foreground transition-colors hover:bg-accent",
+                      children: t("pptx.common.cancel")
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClose,
+                      className: "rounded bg-primary px-4 py-1.5 text-xs font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+                      children: t("pptx.common.ok")
+                    }
+                  )
+                ] })
               ] })
             ]
           }
@@ -32801,6 +33391,49 @@ var PowerPointViewer = forwardRef(
       },
       [state, reducedMotion, toggleReducedMotion]
     );
+    const { optionsStore, options: viewerOptions } = useViewerOptions();
+    const settingsRef = useRef(settings);
+    settingsRef.current = settings;
+    const syncingFromOptionsRef = useRef(false);
+    useEffect(() => {
+      const mapped = viewerOptionsToPreferences(viewerOptions);
+      let changed = false;
+      for (const key of Object.keys(mapped)) {
+        if (mapped[key] !== settingsRef.current[key]) {
+          changed = true;
+          handleSettingsChange(key, mapped[key]);
+        }
+      }
+      if (changed) {
+        syncingFromOptionsRef.current = true;
+      }
+    }, [viewerOptions, handleSettingsChange]);
+    useEffect(() => {
+      const current = optionsStore.getOptions();
+      const mapped = viewerOptionsToPreferences(current);
+      const keys = Object.keys(mapped);
+      if (syncingFromOptionsRef.current) {
+        if (keys.every((key) => mapped[key] === settings[key])) {
+          syncingFromOptionsRef.current = false;
+        }
+        return;
+      }
+      let next = current;
+      for (const key of keys) {
+        if (mapped[key] !== settings[key]) {
+          next = applyPreferenceToOptions(next, key, settings[key]);
+        }
+      }
+      if (next !== current) {
+        optionsStore.setOptions(next);
+      }
+    }, [settings, optionsStore]);
+    const handleClearOptionsCache = useCallback(() => {
+      void (async () => {
+        const snapshots = await listAutosaveSnapshots();
+        await Promise.all(snapshots.map((entry) => deleteAutosaveSnapshot(entry.key)));
+      })();
+    }, []);
     const mobile = useIsMobile({ containerRef });
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
     const resizablePanels = useResizablePanels();
@@ -32960,7 +33593,8 @@ var PowerPointViewer = forwardRef(
       handleEnterRehearsalMode,
       autosaveStatus,
       isEncryptedDialogOpen,
-      setIsEncryptedDialogOpen
+      setIsEncryptedDialogOpen,
+      loadVersion
     } = useViewerIntegration({
       state,
       zoom,
@@ -33156,8 +33790,13 @@ var PowerPointViewer = forwardRef(
             {
               isOpen: isSettingsOpen,
               onClose: () => setIsSettingsOpen(false),
-              settings,
-              onSettingsChange: handleSettingsChange,
+              options: viewerOptions,
+              onOptionChange: (group, key, value) => optionsStore.setValue(group, key, value),
+              onRestoreOptions: (snapshot) => optionsStore.setOptions(snapshot),
+              onRibbonTabHiddenChange: (tabId, hidden) => optionsStore.setRibbonTabHidden(tabId, hidden),
+              onQuickAccessCommandsChange: (commandIds) => optionsStore.setQuickAccessCommands(commandIds),
+              onResetOptions: (group) => optionsStore.reset(group),
+              onClearCache: handleClearOptionsCache,
               themeKey,
               availableThemes: themeCatalog,
               onSelectTheme: handleThemeChange,
@@ -33272,7 +33911,8 @@ var PowerPointViewer = forwardRef(
               templateElementsBySlideId,
               setSlides: state.setSlides,
               config: collaboration,
-              content
+              content,
+              loadVersion
             }
           ),
           /* @__PURE__ */ jsx(
@@ -33309,7 +33949,8 @@ function CollaborationDocumentSync({
   templateElementsBySlideId,
   setSlides,
   config,
-  content
+  content,
+  loadVersion
 }) {
   const collab = useCollaboration();
   const contentRef = useRef(content);
@@ -33329,7 +33970,8 @@ function CollaborationDocumentSync({
     isConnected: collab?.status === "connected",
     isSynced: collab?.synced ?? true,
     config,
-    getSourceBytes
+    getSourceBytes,
+    loadVersion
   });
   return null;
 }