pptx-react-viewer 1.21.0 → 1.22.1

package/dist/{chunk-K6C5G2J6.mjs → chunk-B7JRQB5F.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, 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-2C3XYEFM.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-FTJ5JKLB.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 }) {
@@ -1564,6 +1564,7 @@ function ResizeHandles({
       {
         type: "button",
         "aria-label": t("pptx.resizeHandles.rotateAria"),
+        "data-pptx-compact": true,
         className: "absolute left-1/2 top-0 -translate-x-1/2 -translate-y-1/2 z-20 flex items-center justify-center w-5 h-5 max-md:w-7 max-md:h-7 rounded-full border border-white bg-primary text-white shadow cursor-grab active:cursor-grabbing",
         style: peStyle,
         onPointerDown: (e) => {
@@ -1588,6 +1589,7 @@ function ResizeHandles({
       {
         type: "button",
         "aria-label": t("pptx.canvas.adjustShape"),
+        "data-pptx-compact": true,
         className: "absolute h-2.5 w-2.5 max-md:h-4 max-md:w-4 rotate-45 border border-amber-700 bg-amber-300 shadow z-10",
         style: {
           left: adjH.left - 5,
@@ -2832,7 +2834,7 @@ function FailedToLoad() {
 var LazyModel3DScene = React14.lazy(
   async () => {
     try {
-      return await import('./Model3DScene-FERG6DP5.mjs');
+      return await import('./Model3DScene-NLUSXHD6.mjs');
     } catch {
       return { default: FailedToLoad };
     }
@@ -3179,6 +3181,7 @@ function SmartArtNodeStyleBar({
         {
           type: "button",
           "aria-label": `Set fill to ${color}`,
+          "data-pptx-compact": true,
           className: "w-5 h-5 rounded-full border border-black/10 hover:scale-125 transition-transform",
           style: { background: color },
           onClick: () => onPickFill(color)
@@ -13125,6 +13128,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.22.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,
@@ -13473,16 +13609,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" }),
@@ -15138,6 +15265,7 @@ function TextSection(p) {
               {
                 type: "button",
                 "aria-label": c,
+                "data-pptx-compact": true,
                 className: `w-5 h-5 rounded-full border transition-transform hover:scale-125 ${currentColor?.toLowerCase() === c ? "border-primary ring-1 ring-primary" : "border-border"}`,
                 style: { backgroundColor: c },
                 onMouseDown: (e) => e.preventDefault(),
@@ -15195,6 +15323,7 @@ function TextSection(p) {
               {
                 type: "button",
                 "aria-label": c,
+                "data-pptx-compact": true,
                 className: `w-5 h-5 rounded-full border transition-transform hover:scale-125 ${currentHighlight?.toLowerCase() === c ? "border-primary ring-1 ring-primary" : "border-border"}`,
                 style: { backgroundColor: c },
                 onMouseDown: (e) => e.preventDefault(),
@@ -16144,6 +16273,7 @@ function DrawingGroup(p) {
             {
               type: "button",
               "aria-label": `Fill colour ${c}`,
+              "data-pptx-compact": true,
               className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
               style: { backgroundColor: c },
               title: c,
@@ -16172,6 +16302,7 @@ function DrawingGroup(p) {
             {
               type: "button",
               "aria-label": `Outline colour ${c}`,
+              "data-pptx-compact": true,
               className: "w-5 h-5 rounded border border-border/60 hover:scale-110 transition-transform",
               style: { backgroundColor: c },
               title: c,
@@ -32258,6 +32389,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,
@@ -32293,19 +32493,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(
@@ -32327,6 +32524,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: [
@@ -32391,56 +32590,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",
                   {
@@ -32481,6 +32655,13 @@ var PowerPointViewer = forwardRef(
       onSlideCountChange,
       onOpenFile: hostOpenFile,
       theme,
+      defaultThemeKey,
+      availableThemes,
+      onThemeChange,
+      defaultLocale,
+      availableLocales,
+      onLocaleChange,
+      accountAuth,
       authorName,
       collaboration,
       onStartCollaboration,
@@ -32500,7 +32681,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);
@@ -32545,6 +32776,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();
@@ -32900,16 +33176,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(
@@ -33004,7 +33278,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,
@@ -33032,7 +33306,7 @@ var PowerPointViewer = forwardRef(
           viewerContent
         ]
       }
-    ) }) });
+    ) }) }) });
   }
 );
 PowerPointViewer.displayName = "PowerPointViewer";