pptx-react-viewer 1.20.0 → 1.22.0

package/dist/{chunk-TUVSZMLW.mjs → chunk-7P7QQGTI.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, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_TRANSITION_OPTIONS, 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, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-UDJHJM5B.mjs';
-import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, ACTION_BUTTON_PRESETS, getElementLabel, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, buildUserFontFaceStyles, openPptxFile, readBackstageRecentFile, buildCssGradientFromShapeStyle, buildSmartArtA11y, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, 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, 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, groupIntoParagraphs, substituteFieldText, 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, BACKSTAGE_TEMPLATES, formatBackstageDate, formatBackstageSize, 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-GG2KBJSN.mjs';
-import { translationsEn } from './chunk-4LPWBQTH.mjs';
+import { DEFAULT_STROKE_COLOR, getConnectorPathGeometry, buildLineShadowCss, buildLineGlowFilter, renderConnectorMarker, MIN_ELEMENT_SIZE, getShapeVisualStyle, getTextStyleForElement, DEFAULT_TEXT_COLOR, renderVectorShape, isConnectorOrLineElement, build3DExtrusionData, getImageRenderStyle, cn, getTextLayoutStyle, renderTableElement, renderMediaElement, shouldRenderFallbackLabel, SHAPE_PRESETS, ANIMATION_PRESET_OPTIONS, useReducedMotion, useViewerState, useIsMobile, useResizablePanels, useDerivedSlideState, useZoomViewport, useEditorHistory, usePresentationSetup, useTouchGestures, useViewerDialogs, useEditorOperations, useViewerIntegration, useYjsDocumentSync, useFollowMode, useBroadcastFollower, DEFAULT_FILL_COLOR, hasDagDuotoneEffect, renderDagDuotoneSvgFilter, getCropShapeClipPath, resolvePalette, resolveStyle, layoutToCategory, wrapChrome, isImageTiled, getImageTilingStyle, getDuotoneColors, getTextWarpStyle, renderTextSegments, buildReactChartViewModel, renderChartElement, buildTextBody3DSceneStyle, SLIDE_TRANSITION_OPTIONS, SLIDE_NAV_THUMBNAIL_WIDTH, 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, DEFAULT_TEXT_FONT_SIZE, DEFAULT_FONT_FAMILY, TOOLBAR_SECTIONS, useVirtualizedSlides, useSwipeNavigation, useSheetDismissDrag, detectTargetType, parseEmailUrl, parseSlideFromUrl, ACTION_VERB_MAP, buildTree, treeWidth, treeDepth, nodeOpacity, gearPath, resolveSmartArtDataPalette, HYPERLINK_COLOR, GRID_SIZE, startPreviewAnimation, stopPreviewAnimation } from './chunk-DZUI64SO.mjs';
+import { normalizeHexColor, colorWithOpacity, normalizeStrokeDashType, getSvgStrokeDasharray, getCompoundLineOffsets, getCompoundLineWidths, svgLineCap, getElementTransform, isEditableTextElement, getAriaRole, getAriaLabel, getAriaRoleDescription, getImageEffectsOpacity, getImageEffectsFilter, getElementTransformWithoutRotation, ACTION_BUTTON_PRESETS, getElementLabel, RULER_THICKNESS, RULER_FONT_SIZE, convertLatexToOmml, convertOmmlToMathMl, sanitizeMathMl, buildUserFontFaceStyles, readStoredViewerPrefs, resolveThemeCatalogEntry, THEME_CATALOG, writeStoredViewerPrefs, openPptxFile, readBackstageRecentFile, buildCssGradientFromShapeStyle, buildSmartArtA11y, buildSummaryZoomView, getImageColorWashStyle, getPendingSelectionRestore, restoreSegmentSelection, getTextCompensationTransform, formatAxisValue, hasPressureVariation, getInkReplayStyles, INK_REPLAY_KEYFRAMES, resolveInkColor, resolveInkWidth, resolveInkOpacity, pressuresToWidths, getContentPartReplayStyles, resolveOleType, getOleTypeColor, getOleTypeLabel, shouldUseSvgWarp, themeToCssVars, DEFAULT_INSERT_CHART_TYPE, hasCopyableFormat, createBackstagePresentation, SETTING_TOGGLES, buildJoinCollaborationConfig, buildCreateCollaborationConfig, generateBroadcastRoomId, DEFAULT_BROADCAST_SERVER_URL, buildBroadcastViewerUrl, resolveTransportForServerUrl, resolveDrawingShapeNodeId, 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, 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, groupIntoParagraphs, substituteFieldText, 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, 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-5SBQZEKD.mjs';
+import { LOCALE_CATALOG, translationsEn } from './chunk-E3KJKCSV.mjs';
 import { hasShapeProperties, hasTextProperties, isInkElement, SWITCHABLE_LAYOUT_TYPES, isImageLikeElement, getLinkedTextBoxSegments, 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-3ZGCM6RC.mjs';
 import React14, { createContext, useMemo, useState, useCallback, forwardRef, useEffect, useRef, Suspense, useLayoutEffect, useContext, 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, 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, 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';
 
 var ViewerThemeContext = createContext(void 0);
 function ViewerThemeProvider({ theme, children }) {
@@ -700,7 +700,10 @@ function StatusBar({
   mode,
   onSetMode,
   onToggleSlideSorter,
-  collaborationSlot
+  collaborationSlot,
+  hideZoomControls = false,
+  hideNotesToggle = false,
+  hideFullscreenToggle = false
 }) {
   const { t } = useTranslation();
   let statusText;
@@ -737,7 +740,7 @@ function StatusBar({
       }
     ),
     /* @__PURE__ */ jsx("div", { className: "flex-1" }),
-    onToggleNotes && /* @__PURE__ */ jsxs(
+    onToggleNotes && !hideNotesToggle && /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -779,7 +782,7 @@ function StatusBar({
           children: /* @__PURE__ */ jsx(LuColumns2, { className: "w-3.5 h-3.5" })
         }
       ),
-      /* @__PURE__ */ jsx(
+      !hideFullscreenToggle && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -795,7 +798,7 @@ function StatusBar({
       /* @__PURE__ */ jsx("div", { className: "w-px h-3 bg-border/40 mx-0.5" }),
       collaborationSlot
     ] }),
-    scale !== void 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+    scale !== void 0 && !hideZoomControls && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: "w-px h-3 bg-border/60 mx-0.5" }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
         onZoomOut && /* @__PURE__ */ jsx(
@@ -2829,7 +2832,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React14.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-RYHVTFOT.mjs');
+      return await import('./Model3DScene-NLUSXHD6.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -13122,6 +13125,139 @@ function DrawSection(p) {
     ] })
   ] });
 }
+var AccountAuthContext = createContext(void 0);
+var cardClass = "border border-border bg-card p-6 text-card-foreground";
+function AccountPage() {
+  const { t } = useTranslation();
+  const accountAuth = useContext(AccountAuthContext);
+  const [profile, setProfile] = useState(
+    () => readStoredViewerPrefs().profile ?? DEFAULT_VIEWER_PROFILE
+  );
+  const updateProfile = (patch) => {
+    const next = { ...profile, ...patch };
+    setProfile(next);
+    saveViewerProfile(next);
+  };
+  const [usage, setUsage] = useState(null);
+  const [cleared, setCleared] = useState(false);
+  const refreshUsage = () => {
+    void getLocalStorageUsageSummary().then(setUsage);
+  };
+  useEffect(refreshUsage, []);
+  const handleClear = () => {
+    if (!window.confirm(t("pptx.account.storage.clearConfirm"))) {
+      return;
+    }
+    void clearAllLocalViewerData().then(() => {
+      setCleared(true);
+      refreshUsage();
+      setTimeout(() => setCleared(false), 4e3);
+      return void 0;
+    });
+  };
+  const version = "1.21.0" ;
+  return /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] space-y-6", children: [
+    /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
+      /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+        /* @__PURE__ */ jsx(LuUser, { className: "text-primary" }),
+        " ",
+        t("pptx.account.profile.title")
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-4 flex items-center gap-4", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "grid size-14 shrink-0 place-items-center rounded-full text-xl font-semibold text-white",
+            style: { background: profile.avatarColor },
+            children: resolveProfileInitial(profile)
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("label", { htmlFor: "pptx-account-name", className: "text-xs text-muted-foreground", children: t("pptx.account.profile.nameLabel") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "pptx-account-name",
+              type: "text",
+              value: profile.displayName,
+              onChange: (e) => updateProfile({ displayName: e.target.value }),
+              placeholder: t("pptx.account.profile.namePlaceholder"),
+              className: "mt-1 h-9 w-full border border-input bg-background px-3 text-sm outline-none focus:border-ring"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-4 text-xs text-muted-foreground", children: t("pptx.account.profile.avatarColorLabel") }),
+      /* @__PURE__ */ jsx("div", { className: "mt-2 flex gap-2", children: AVATAR_COLOR_SWATCHES.map((color) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": color,
+          "aria-pressed": profile.avatarColor === color,
+          onClick: () => updateProfile({ avatarColor: color }),
+          className: cn(
+            "size-7 rounded-full border-2 transition-transform",
+            profile.avatarColor === color ? "border-foreground scale-110" : "border-transparent hover:scale-105"
+          ),
+          style: { background: color }
+        },
+        color
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
+      /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+        /* @__PURE__ */ jsx(LuHardDrive, { className: "text-primary" }),
+        " ",
+        t("pptx.account.storage.title")
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: usage && usage.presentationCount > 0 ? t("pptx.account.storage.usage", {
+        count: usage.presentationCount,
+        size: formatBackstageSize(usage.totalBytes)
+      }) : t("pptx.account.storage.usageEmpty") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-3 text-xs leading-5 text-muted-foreground", children: t("pptx.account.storage.privacyBlurb") }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleClear,
+          className: "mt-4 border border-destructive/40 px-4 py-2 text-xs font-semibold text-destructive hover:bg-destructive/10",
+          children: t("pptx.account.storage.clear")
+        }
+      ),
+      cleared && /* @__PURE__ */ jsx("p", { className: "mt-2 text-xs text-primary", children: t("pptx.account.storage.clearedNotice") })
+    ] }),
+    /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
+      /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+        /* @__PURE__ */ jsx(LuInfo, { className: "text-primary" }),
+        " ",
+        t("pptx.account.about.title")
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "mt-3 text-sm text-muted-foreground", children: [
+        "pptx-react-viewer",
+        ` \xB7 ${t("pptx.account.about.version", { version })}` 
+      ] })
+    ] }),
+    accountAuth?.enabled && /* @__PURE__ */ jsxs("section", { className: cardClass, children: [
+      /* @__PURE__ */ jsxs("h2", { className: "flex items-center gap-2 text-sm font-semibold", children: [
+        /* @__PURE__ */ jsx(LuLogIn, { className: "text-primary" }),
+        " ",
+        t("pptx.account.signIn.title")
+      ] }),
+      accountAuth.signedInUser ? /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: t("pptx.account.signIn.signedInAs", { name: accountAuth.signedInUser.name }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { className: "mt-3 text-sm text-muted-foreground", children: t("pptx.account.signIn.description") }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: accountAuth.onSignIn,
+            className: "mt-4 bg-primary px-5 py-2.5 text-sm font-semibold text-primary-foreground hover:opacity-90",
+            children: t("pptx.account.signIn.button")
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
 var ICONS = {
   home: LuHouse,
   new: LuFilePlus2,
@@ -13209,6 +13345,8 @@ function FileSection(p) {
   const [page, setPage] = useState("home");
   const [query, setQuery] = useState("");
   const [recent, setRecent] = useState([]);
+  const { isHidden } = useToolbarVisibility(p.hiddenActions);
+  const exportHidden = isHidden("export");
   useEffect(() => {
     void listBackstageRecentFiles().then(setRecent);
   }, []);
@@ -13243,7 +13381,9 @@ function FileSection(p) {
             }
           ),
           /* @__PURE__ */ jsxs("nav", { className: "flex min-h-0 flex-1 flex-col py-2", children: [
-            BACKSTAGE_NAV.filter((item) => !item.group).map((item) => /* @__PURE__ */ jsxs(
+            BACKSTAGE_NAV.filter(
+              (item) => !item.group && !(item.id === "export" && exportHidden)
+            ).map((item) => /* @__PURE__ */ jsxs(
               "button",
               {
                 type: "button",
@@ -13390,7 +13530,7 @@ function FileSection(p) {
               }
             )
           ] }),
-          page === "export" && /* @__PURE__ */ jsxs("div", { className: "mt-8 grid max-w-[900px] grid-cols-2 gap-5", children: [
+          page === "export" && !exportHidden && /* @__PURE__ */ jsxs("div", { className: "mt-8 grid max-w-[900px] grid-cols-2 gap-5", children: [
             /* @__PURE__ */ jsx(
               BackstageAction,
               {
@@ -13466,16 +13606,7 @@ function FileSection(p) {
               }
             )
           ] }),
-          page === "account" && /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[700px] border border-border bg-card p-7 text-card-foreground", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
-              /* @__PURE__ */ jsx("span", { className: "grid size-14 place-items-center rounded-full bg-primary text-xl font-semibold text-primary-foreground", children: "P" }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: "PowerPoint Viewer" }),
-                /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Local-first presentation editing" })
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx("p", { className: "mt-6 text-sm leading-6 text-muted-foreground", children: "Your presentations and recovery history stay in your browser unless you explicitly share or download them." })
-          ] }),
+          page === "account" && /* @__PURE__ */ jsx(AccountPage, {}),
           page === "options" && /* @__PURE__ */ jsxs("div", { className: "mt-8 max-w-[760px] border border-border bg-card p-7 text-card-foreground", children: [
             /* @__PURE__ */ jsx(LuSettings, { className: "text-3xl text-primary" }),
             /* @__PURE__ */ jsx("h2", { className: "mt-4 text-lg font-semibold", children: "PowerPoint Options" }),
@@ -14431,6 +14562,7 @@ function ReviewSection(p) {
 }
 function SlideShowSection(p) {
   const { t } = useTranslation();
+  const { isHidden } = useToolbarVisibility(p.hiddenActions);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(RibbonGroup, { label: t("pptx.slideShow.start", { defaultValue: "Start Slide Show" }), children: [
       /* @__PURE__ */ jsx(
@@ -14470,7 +14602,7 @@ function SlideShowSection(p) {
           disabled: true
         }
       ),
-      /* @__PURE__ */ jsx(
+      !isHidden("broadcast") && /* @__PURE__ */ jsx(
         RibbonCommand,
         {
           label: t("pptx.slideShow.broadcast"),
@@ -15614,8 +15746,9 @@ function MobileMenuSheet(props) {
   const { t } = useTranslation();
   const { open, onClose } = props;
   const [active, setActive] = useState("home");
+  const { isTabVisible } = useToolbarVisibility(props.hiddenActions);
   return /* @__PURE__ */ jsx(MobileSheet, { open, onClose, autoHeight: true, title: t("pptx.mobileToolbar.menu"), children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 px-3 py-2", children: MENU_ITEMS.map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-10 bg-background border-b border-border", children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1.5 px-3 py-2", children: MENU_ITEMS.filter(({ key }) => isTabVisible(key)).map(({ key, label, icon: Icon }) => /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -15774,7 +15907,8 @@ function MobileSectionBody({
           onToggleSubtitles: p.onToggleSubtitles ?? (() => {
           }),
           showSubtitles: p.showSubtitles ?? false,
-          onSetMode: p.onSetMode
+          onSetMode: p.onSetMode,
+          hiddenActions: p.hiddenActions
         }
       ) });
     case "review":
@@ -15840,7 +15974,8 @@ function MobileSectionBody({
           onOpenDocumentProperties: p.onOpenDocumentProperties,
           onOpenPasswordProtection: p.onOpenPasswordProtection,
           onOpenFontEmbedding: p.onOpenFontEmbedding,
-          onOpenDigitalSignatures: p.onOpenDigitalSignatures
+          onOpenDigitalSignatures: p.onOpenDigitalSignatures,
+          hiddenActions: p.hiddenActions
         }
       ) });
     default:
@@ -15854,6 +15989,7 @@ function MobileToolbar(props) {
   const { t } = useTranslation();
   const { mode, canUndo, canRedo, onUndo, onRedo, onSetMode, onSaveAsPptx } = props;
   const [menuOpen, setMenuOpen] = useState(false);
+  const { isHidden } = useToolbarVisibility(props.hiddenActions);
   const showEdit = mode === "edit" || mode === "master";
   const btn = "inline-flex items-center justify-center min-w-[44px] min-h-[44px] rounded-md text-foreground/80 hover:bg-accent/60 disabled:opacity-40 disabled:cursor-not-allowed active:scale-95 transition-transform";
   return /* @__PURE__ */ jsxs(
@@ -15874,32 +16010,30 @@ function MobileToolbar(props) {
             children: /* @__PURE__ */ jsx(LuMenu, { className: "w-5 h-5" })
           }
         ),
-        showEdit && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onUndo,
-              disabled: !canUndo,
-              className: btn,
-              title: t("pptx.toolbar.undo"),
-              "aria-label": t("pptx.toolbar.undo"),
-              children: /* @__PURE__ */ jsx(LuUndo, { className: "w-5 h-5" })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              onClick: onRedo,
-              disabled: !canRedo,
-              className: btn,
-              title: t("pptx.toolbar.redo"),
-              "aria-label": t("pptx.toolbar.redo"),
-              children: /* @__PURE__ */ jsx(LuRedo, { className: "w-5 h-5" })
-            }
-          )
-        ] }),
+        showEdit && !isHidden("undo") && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onUndo,
+            disabled: !canUndo,
+            className: btn,
+            title: t("pptx.toolbar.undo"),
+            "aria-label": t("pptx.toolbar.undo"),
+            children: /* @__PURE__ */ jsx(LuUndo, { className: "w-5 h-5" })
+          }
+        ),
+        showEdit && !isHidden("redo") && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onRedo,
+            disabled: !canRedo,
+            className: btn,
+            title: t("pptx.toolbar.redo"),
+            "aria-label": t("pptx.toolbar.redo"),
+            children: /* @__PURE__ */ jsx(LuRedo, { className: "w-5 h-5" })
+          }
+        ),
         /* @__PURE__ */ jsx("div", { className: "flex-1" }),
         /* @__PURE__ */ jsx(
           "button",
@@ -15912,7 +16046,7 @@ function MobileToolbar(props) {
             children: /* @__PURE__ */ jsx(LuDownload, { className: "w-5 h-5" })
           }
         ),
-        /* @__PURE__ */ jsx(
+        !isHidden("fullscreen") && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -15923,7 +16057,7 @@ function MobileToolbar(props) {
             children: /* @__PURE__ */ jsx(LuPresentation, { className: "w-5 h-5" })
           }
         ),
-        showEdit && /* @__PURE__ */ jsx(
+        showEdit && !isHidden("share") && /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
@@ -16285,8 +16419,9 @@ function TabRowActions(p) {
   const { t } = useTranslation();
   const collab = useCollaboration();
   const isCollaborating = collab && collab.status === "connected";
+  const { isHidden } = useToolbarVisibility(p.hiddenActions);
   return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 pr-1", children: [
-    p.onEnterRehearsalMode && /* @__PURE__ */ jsxs(
+    p.onEnterRehearsalMode && !isHidden("record") && /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -16300,7 +16435,7 @@ function TabRowActions(p) {
         ]
       }
     ),
-    /* @__PURE__ */ jsxs(
+    !isHidden("share") && /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -16792,6 +16927,7 @@ function ToolbarPrimaryRow(p) {
 function Toolbar(p) {
   const { mode, isNarrowViewport, isCompactToolbarOpen, toolbarSection, onSetToolbarSection } = p;
   const { t } = useTranslation();
+  const { isTabVisible } = useToolbarVisibility(p.hiddenActions);
   if (isNarrowViewport && mode !== "present") {
     return /* @__PURE__ */ jsx(MobileToolbar, { ...p });
   }
@@ -16824,7 +16960,7 @@ function Toolbar(p) {
             role: "tablist",
             className: "flex items-center border-b border-border/60 px-1 max-md:overflow-x-auto max-md:scrollbar-none",
             children: [
-              TOOLBAR_SECTIONS.map((s) => /* @__PURE__ */ jsx(
+              TOOLBAR_SECTIONS.filter((s) => isTabVisible(s.id)).map((s) => /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
@@ -16845,7 +16981,8 @@ function Toolbar(p) {
                 {
                   onEnterRehearsalMode: p.canEdit ? p.onEnterRehearsalMode : void 0,
                   onOpenShareDialog: p.onOpenShareDialog,
-                  onPackageForSharing: p.onPackageForSharing
+                  onPackageForSharing: p.onPackageForSharing,
+                  hiddenActions: p.hiddenActions
                 }
               ),
               isNarrowViewport && /* @__PURE__ */ jsx(
@@ -16898,7 +17035,8 @@ function Toolbar(p) {
                   onOpenDocumentProperties: p.onOpenDocumentProperties,
                   onOpenPasswordProtection: p.onOpenPasswordProtection,
                   onOpenFontEmbedding: p.onOpenFontEmbedding,
-                  onOpenDigitalSignatures: p.onOpenDigitalSignatures
+                  onOpenDigitalSignatures: p.onOpenDigitalSignatures,
+                  hiddenActions: p.hiddenActions
                 }
               ),
               sHome && /* @__PURE__ */ jsx(
@@ -17040,7 +17178,8 @@ function Toolbar(p) {
                   onToggleSubtitles: p.onToggleSubtitles ?? (() => {
                   }),
                   showSubtitles: p.showSubtitles ?? false,
-                  onSetMode: p.onSetMode
+                  onSetMode: p.onSetMode,
+                  hiddenActions: p.hiddenActions
                 }
               ),
               sRec && /* @__PURE__ */ jsx(
@@ -24926,7 +25065,8 @@ function PresentationTouchControls({
   currentSlideIndex,
   totalSlides,
   onMovePresentationSlide,
-  onEndPresentation
+  onEndPresentation,
+  hideNavigation = false
 }) {
   const { t } = useTranslation();
   const { isTouchDevice } = useIsMobile();
@@ -24956,42 +25096,44 @@ function PresentationTouchControls({
         children: /* @__PURE__ */ jsx(LuX, { size: 22 })
       }
     ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: `fixed z-[90] top-1/2 -translate-y-1/2 ${btnClass} disabled:opacity-30`,
-        style: {
-          left: "calc(env(safe-area-inset-left, 0px) + 0.5rem)",
-          touchAction: "manipulation"
-        },
-        disabled: currentSlideIndex <= 0,
-        onClick: (e) => {
-          stop(e);
-          onMovePresentationSlide(-1);
-        },
-        "aria-label": t("pptx.presenter.previousSlide"),
-        children: /* @__PURE__ */ jsx(LuChevronLeft, { size: 26 })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: `fixed z-[90] top-1/2 -translate-y-1/2 ${btnClass} disabled:opacity-30`,
-        style: {
-          right: "calc(env(safe-area-inset-right, 0px) + 0.5rem)",
-          touchAction: "manipulation"
-        },
-        disabled: currentSlideIndex >= totalSlides - 1,
-        onClick: (e) => {
-          stop(e);
-          onMovePresentationSlide(1);
-        },
-        "aria-label": t("pptx.presenter.nextSlide"),
-        children: /* @__PURE__ */ jsx(LuChevronRight, { size: 26 })
-      }
-    ),
+    !hideNavigation && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `fixed z-[90] top-1/2 -translate-y-1/2 ${btnClass} disabled:opacity-30`,
+          style: {
+            left: "calc(env(safe-area-inset-left, 0px) + 0.5rem)",
+            touchAction: "manipulation"
+          },
+          disabled: currentSlideIndex <= 0,
+          onClick: (e) => {
+            stop(e);
+            onMovePresentationSlide(-1);
+          },
+          "aria-label": t("pptx.presenter.previousSlide"),
+          children: /* @__PURE__ */ jsx(LuChevronLeft, { size: 26 })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `fixed z-[90] top-1/2 -translate-y-1/2 ${btnClass} disabled:opacity-30`,
+          style: {
+            right: "calc(env(safe-area-inset-right, 0px) + 0.5rem)",
+            touchAction: "manipulation"
+          },
+          disabled: currentSlideIndex >= totalSlides - 1,
+          onClick: (e) => {
+            stop(e);
+            onMovePresentationSlide(1);
+          },
+          "aria-label": t("pptx.presenter.nextSlide"),
+          children: /* @__PURE__ */ jsx(LuChevronRight, { size: 26 })
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx(
       "span",
       {
@@ -28699,8 +28841,10 @@ function ViewerBottomPanels({
   mode,
   onSetMode,
   onToggleSlideSorter,
-  hideStatusBar = false
+  hideStatusBar = false,
+  hiddenActions
 }) {
+  const { isHidden } = useToolbarVisibility(hiddenActions);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     onResizeBottom && !isSlideNotesCollapsed && /* @__PURE__ */ jsx(ResizeHandle, { direction: "vertical", onResize: onResizeBottom }),
     /* @__PURE__ */ jsx(
@@ -28731,7 +28875,10 @@ function ViewerBottomPanels({
         mode,
         onSetMode,
         onToggleSlideSorter,
-        collaborationSlot
+        collaborationSlot,
+        hideZoomControls: isHidden("zoom"),
+        hideNotesToggle: isHidden("notes"),
+        hideFullscreenToggle: isHidden("fullscreen")
       }
     )
   ] });
@@ -28916,6 +29063,7 @@ function scopeLayoutOptionsToActiveSlide(options, activeSlide) {
 function TitleBar(p) {
   const { t } = useTranslation();
   const editing = (p.mode === "edit" || p.mode === "master") && p.canEdit;
+  const { isHidden } = useToolbarVisibility(p.hiddenActions);
   const [searchQuery, setSearchQuery] = useState("");
   const [searchFocused, setSearchFocused] = useState(false);
   const searchRef = useRef(null);
@@ -29002,7 +29150,7 @@ function TitleBar(p) {
           children: /* @__PURE__ */ jsx(LuSave, { className: "w-3.5 h-3.5" })
         }
       ),
-      /* @__PURE__ */ jsx(
+      !isHidden("undo") && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -29014,7 +29162,7 @@ function TitleBar(p) {
           children: /* @__PURE__ */ jsx(LuUndo, { className: "w-3.5 h-3.5" })
         }
       ),
-      /* @__PURE__ */ jsx(
+      !isHidden("redo") && /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
@@ -29144,7 +29292,8 @@ function ViewerToolbarSection(props) {
     fileName,
     autosaveStatus,
     autosaveEnabled = true,
-    onToggleAutosave
+    onToggleAutosave,
+    hiddenActions
   } = props;
   const handleAddAnimation = useCallback(
     (preset, group) => {
@@ -29351,7 +29500,8 @@ function ViewerToolbarSection(props) {
         onSave: exportHandlers.handleSaveAsPptx,
         findReplaceOpen: findReplace.findReplaceOpen,
         onToggleFindReplace: () => findReplace.setFindReplaceOpen(!findReplace.findReplaceOpen),
-        onCommandSearch: handleCommandSearch
+        onCommandSearch: handleCommandSearch,
+        hiddenActions
       }
     ),
     /* @__PURE__ */ jsx(
@@ -29360,6 +29510,7 @@ function ViewerToolbarSection(props) {
         fileName,
         mode,
         canEdit,
+        hiddenActions,
         isNarrowViewport: dialogs.isNarrowViewport,
         isSidebarCollapsed: !s.isSlidesPaneOpen,
         isInspectorPaneOpen: s.isInspectorPaneOpen,
@@ -30315,9 +30466,11 @@ function ViewerCanvasArea(props) {
     annotations,
     presentation,
     onEndPresentation,
-    findReplace
+    findReplace,
+    hiddenActions
   } = props;
   const { t } = useTranslation();
+  const { isHidden } = useToolbarVisibility(hiddenActions);
   const effectiveSlide = mode === "master" ? masterPseudoSlide : activeSlide;
   const effectiveTemplateElements = mode === "master" ? s.activeLayout ? s.activeMaster?.elements ?? [] : [] : templateElements;
   const fieldContext = useMemo(() => {
@@ -30593,7 +30746,8 @@ function ViewerCanvasArea(props) {
             totalSlides: slides.length,
             onMovePresentationSlide: presentation.movePresentationSlide,
             onEndPresentation: onEndPresentation ?? (() => {
-            })
+            }),
+            hideNavigation: isHidden("navigation")
           }
         ),
         mode === "present" && /* @__PURE__ */ jsx(
@@ -31783,7 +31937,8 @@ function ViewerMainContent(props) {
     leftPanelWidth,
     onResizeLeft,
     rightPanelWidth,
-    onResizeRight
+    onResizeRight,
+    hiddenActions
   } = props;
   const {
     ops,
@@ -31878,7 +32033,8 @@ function ViewerMainContent(props) {
         annotations,
         presentation,
         onEndPresentation,
-        findReplace
+        findReplace,
+        hiddenActions
       }
     ),
     state.contextMenuState && /* @__PURE__ */ jsx(
@@ -32226,6 +32382,75 @@ function MobileChromeOverlay(props) {
     )
   ] });
 }
+function SettingsAppearanceTab({
+  activeThemeKey,
+  themes,
+  onSelectTheme
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-3", children: themes.map((entry) => {
+    const isActive = entry.key === activeThemeKey;
+    const previewBackground = entry.theme?.colors?.background ?? "#0b0f19";
+    const previewPrimary = entry.theme?.colors?.primary ?? "#6366f1";
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelectTheme(entry.key),
+        "aria-pressed": isActive,
+        className: cn(
+          "flex items-center gap-3 rounded-lg border px-3 py-2.5 text-left transition-colors",
+          isActive ? "border-primary bg-primary/10" : "border-border hover:border-primary/50 hover:bg-accent"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "h-8 w-8 shrink-0 rounded-full border border-border/60 shadow-inner",
+              style: {
+                background: `linear-gradient(135deg, ${previewBackground} 50%, ${previewPrimary} 50%)`
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn("text-xs font-medium", isActive ? "text-primary" : "text-foreground"),
+              children: t(entry.labelKey)
+            }
+          )
+        ]
+      },
+      entry.key
+    );
+  }) });
+}
+function SettingsLanguageTab({
+  activeLocale,
+  locales,
+  onSelectLocale
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: locales.map((locale) => {
+    const isActive = locale.code === activeLocale;
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => onSelectLocale(locale.code),
+        "aria-pressed": isActive,
+        className: cn(
+          "flex w-full items-center justify-between rounded px-3 py-2.5 text-left transition-colors",
+          isActive ? "bg-primary/10 text-primary" : "text-foreground hover:bg-accent"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "text-sm", children: locale.nativeLabel }),
+          locale.nativeLabel !== locale.label && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: locale.label })
+        ]
+      },
+      locale.code
+    );
+  }) });
+}
 function ToggleSwitch({
   label,
   enabled,
@@ -32261,19 +32486,16 @@ function ToggleSwitch({
 function SettingsDialog({
   isOpen,
   onClose,
-  spellCheckEnabled = false,
-  onSetSpellCheckEnabled,
-  showGrid = false,
-  onSetShowGrid,
-  showRulers = false,
-  onSetShowRulers,
-  snapToGrid = false,
-  onSetSnapToGrid,
-  reducedMotion = false,
-  onToggleReducedMotion
+  settings,
+  onSettingsChange,
+  themeKey,
+  availableThemes,
+  onSelectTheme,
+  localeCode,
+  availableLocales,
+  onSelectLocale
 }) {
   const [activeTab, setActiveTab] = useState("general");
-  const [autoSave, setAutoSave] = useState(true);
   const { t } = useTranslation();
   const { panelStyle, handlers: dragHandlers } = useModalDismissDrag(onClose);
   const handleKeyDown = useCallback(
@@ -32295,6 +32517,8 @@ function SettingsDialog({
   }
   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") }
   ];
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -32359,56 +32583,31 @@ function SettingsDialog({
                 tab.id
               )) }),
               /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 max-h-[60vh] overflow-y-auto", children: [
-                activeTab === "general" && /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-                  /* @__PURE__ */ jsx(
-                    ToggleSwitch,
-                    {
-                      label: t("pptx.settings.autoSave"),
-                      enabled: autoSave,
-                      onToggle: () => setAutoSave(!autoSave)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    ToggleSwitch,
-                    {
-                      label: t("pptx.settings.spellCheck"),
-                      enabled: spellCheckEnabled,
-                      onToggle: () => onSetSpellCheckEnabled?.(!spellCheckEnabled)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    ToggleSwitch,
-                    {
-                      label: t("pptx.settings.showGrid"),
-                      enabled: showGrid,
-                      onToggle: () => onSetShowGrid?.(!showGrid)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    ToggleSwitch,
-                    {
-                      label: t("pptx.settings.showRulers"),
-                      enabled: showRulers,
-                      onToggle: () => onSetShowRulers?.(!showRulers)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    ToggleSwitch,
-                    {
-                      label: t("pptx.settings.snapToGrid"),
-                      enabled: snapToGrid,
-                      onToggle: () => onSetSnapToGrid?.(!snapToGrid)
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    ToggleSwitch,
-                    {
-                      label: t("pptx.settings.reducedMotion"),
-                      enabled: reducedMotion,
-                      onToggle: () => onToggleReducedMotion?.()
-                    }
-                  )
-                ] }),
+                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,
+                  {
+                    activeThemeKey: themeKey,
+                    themes: availableThemes,
+                    onSelectTheme
+                  }
+                ),
+                activeTab === "language" && /* @__PURE__ */ jsx(
+                  SettingsLanguageTab,
+                  {
+                    activeLocale: localeCode,
+                    locales: availableLocales,
+                    onSelectLocale
+                  }
+                ),
                 activeTab === "shortcuts" && /* @__PURE__ */ jsx("div", { className: "space-y-0.5", children: SHORTCUT_REFERENCE_ITEMS.map((shortcut, i) => /* @__PURE__ */ jsxs(
                   "div",
                   {
@@ -32449,12 +32648,20 @@ var PowerPointViewer = forwardRef(
       onSlideCountChange,
       onOpenFile: hostOpenFile,
       theme,
+      defaultThemeKey,
+      availableThemes,
+      onThemeChange,
+      defaultLocale,
+      availableLocales,
+      onLocaleChange,
+      accountAuth,
       authorName,
       collaboration,
       onStartCollaboration,
       onStopCollaboration,
       shareDefaults,
-      smartArt3D = false
+      smartArt3D = false,
+      hiddenActions
     } = props;
     useEffect(() => {
       const css = buildUserFontFaceStyles(fonts);
@@ -32467,7 +32674,57 @@ var PowerPointViewer = forwardRef(
       document.head.appendChild(style);
       return () => style.remove();
     }, [fonts]);
-    const themeStyle = useThemeStyle(theme);
+    const [themeKey, setThemeKey] = useState(
+      () => defaultThemeKey ?? readStoredViewerPrefs().themeKey ?? "default"
+    );
+    const themeCatalog = availableThemes ?? THEME_CATALOG;
+    const effectiveTheme = theme ?? resolveThemeCatalogEntry(themeKey, themeCatalog);
+    const handleThemeChange = useCallback(
+      (key) => {
+        setThemeKey(key);
+        if (onThemeChange) {
+          onThemeChange(key);
+        } else {
+          writeStoredViewerPrefs({ themeKey: key });
+        }
+      },
+      [onThemeChange]
+    );
+    const themeStyle = useThemeStyle(effectiveTheme);
+    const { i18n } = useTranslation();
+    const [localeCode, setLocaleCode] = useState(
+      () => defaultLocale ?? readStoredViewerPrefs().localeCode ?? "en"
+    );
+    useEffect(() => {
+      if (localeCode !== "en" && !onLocaleChange) {
+        void i18n.changeLanguage(localeCode);
+      }
+    }, []);
+    const resolvedLocales = useMemo(() => {
+      if (availableLocales) {
+        return availableLocales;
+      }
+      const registeredCodes = i18n.options.resources ? Object.keys(i18n.options.resources) : i18n.languages ?? ["en"];
+      return registeredCodes.map(
+        (code) => LOCALE_CATALOG.find((entry) => entry.code === code) ?? {
+          code,
+          label: code,
+          nativeLabel: code
+        }
+      );
+    }, [availableLocales, i18n]);
+    const handleLocaleChange = useCallback(
+      (code) => {
+        setLocaleCode(code);
+        if (onLocaleChange) {
+          onLocaleChange(code);
+        } else {
+          void i18n.changeLanguage(code);
+          writeStoredViewerPrefs({ localeCode: code });
+        }
+      },
+      [onLocaleChange, i18n]
+    );
     const [content, setContent] = useState(incomingContent);
     useEffect(() => {
       setContent(incomingContent);
@@ -32512,6 +32769,51 @@ var PowerPointViewer = forwardRef(
       activeSlide,
       selectedElement
     } = state;
+    const settings = useMemo(
+      () => ({
+        autoSave: autosaveEnabled,
+        spellCheck: state.spellCheckEnabled,
+        showGrid: state.showGrid,
+        showRulers: state.showRulers,
+        snapToGrid: state.snapToGrid,
+        reducedMotion
+      }),
+      [
+        autosaveEnabled,
+        state.spellCheckEnabled,
+        state.showGrid,
+        state.showRulers,
+        state.snapToGrid,
+        reducedMotion
+      ]
+    );
+    const handleSettingsChange = useCallback(
+      (key, value) => {
+        switch (key) {
+          case "autoSave":
+            setAutosaveEnabled(value);
+            break;
+          case "spellCheck":
+            state.setSpellCheckEnabled(value);
+            break;
+          case "showGrid":
+            state.setShowGrid(value);
+            break;
+          case "showRulers":
+            state.setShowRulers(value);
+            break;
+          case "snapToGrid":
+            state.setSnapToGrid(value);
+            break;
+          case "reducedMotion":
+            if (value !== reducedMotion) {
+              toggleReducedMotion();
+            }
+            break;
+        }
+      },
+      [state, reducedMotion, toggleReducedMotion]
+    );
     const mobile = useIsMobile({ containerRef });
     const { isMobile, isTouchDevice, isVirtualKeyboardOpen } = mobile;
     const resizablePanels = useResizablePanels();
@@ -32750,7 +33052,8 @@ var PowerPointViewer = forwardRef(
                     fileName,
                     autosaveStatus,
                     autosaveEnabled,
-                    onToggleAutosave: () => setAutosaveEnabled((p) => !p)
+                    onToggleAutosave: () => setAutosaveEnabled((p) => !p),
+                    hiddenActions
                   }
                 ),
                 /* @__PURE__ */ jsx(
@@ -32784,7 +33087,8 @@ var PowerPointViewer = forwardRef(
                     leftPanelWidth: isMobile ? void 0 : resizablePanels.leftWidth,
                     onResizeLeft: isMobile ? void 0 : resizablePanels.onResizeLeft,
                     rightPanelWidth: isMobile ? void 0 : resizablePanels.rightWidth,
-                    onResizeRight: isMobile ? void 0 : resizablePanels.onResizeRight
+                    onResizeRight: isMobile ? void 0 : resizablePanels.onResizeRight,
+                    hiddenActions
                   }
                 ),
                 mode !== "present" && (!isVirtualKeyboardOpen || !state.isSlideNotesCollapsed) && /* @__PURE__ */ jsx(
@@ -32810,7 +33114,8 @@ var PowerPointViewer = forwardRef(
                     mode,
                     onSetMode: handleSetMode,
                     onToggleSlideSorter: () => state.setShowSlideSorter((p) => !p),
-                    hideStatusBar: isMobile
+                    hideStatusBar: isMobile,
+                    hiddenActions
                   }
                 ),
                 mode !== "present" && isMobile && /* @__PURE__ */ jsx(
@@ -32864,16 +33169,14 @@ var PowerPointViewer = forwardRef(
             {
               isOpen: isSettingsOpen,
               onClose: () => setIsSettingsOpen(false),
-              spellCheckEnabled: state.spellCheckEnabled,
-              onSetSpellCheckEnabled: state.setSpellCheckEnabled,
-              showGrid: state.showGrid,
-              onSetShowGrid: state.setShowGrid,
-              showRulers: state.showRulers,
-              onSetShowRulers: state.setShowRulers,
-              snapToGrid: state.snapToGrid,
-              onSetSnapToGrid: state.setSnapToGrid,
-              reducedMotion,
-              onToggleReducedMotion: toggleReducedMotion
+              settings,
+              onSettingsChange: handleSettingsChange,
+              themeKey,
+              availableThemes: themeCatalog,
+              onSelectTheme: handleThemeChange,
+              localeCode,
+              availableLocales: resolvedLocales,
+              onSelectLocale: handleLocaleChange
             }
           ),
           isHeaderFooterOpen && /* @__PURE__ */ jsx(
@@ -32968,7 +33271,7 @@ var PowerPointViewer = forwardRef(
         ]
       }
     );
-    return /* @__PURE__ */ jsx(SmartArt3DContext.Provider, { value: smartArt3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme, children: /* @__PURE__ */ jsxs(
+    return /* @__PURE__ */ jsx(AccountAuthContext.Provider, { value: accountAuth, children: /* @__PURE__ */ jsx(SmartArt3DContext.Provider, { value: smartArt3D, children: /* @__PURE__ */ jsx(ViewerThemeProvider, { theme: effectiveTheme, children: /* @__PURE__ */ jsxs(
       CollaborationProvider,
       {
         config: collaboration,
@@ -32996,7 +33299,7 @@ var PowerPointViewer = forwardRef(
           viewerContent
         ]
       }
-    ) }) });
+    ) }) }) });
   }
 );
 PowerPointViewer.displayName = "PowerPointViewer";