@stll/folio-react 0.7.0 → 0.8.1

package/dist/{renderAsync-evdyE_GW.js → renderAsync-BtWYvQMT.js}

@@ -1,9 +1,10 @@
-import { i as cn, n as FolioUIProvider, r as useFolioUI, t as DEFAULT_COMPONENTS } from "./folio-ui-C-85DSuK.js";
+import { i as cn, n as FolioUIProvider, r as useFolioUI, t as DEFAULT_COMPONENTS } from "./folio-ui-BgDDRsUX.js";
 import { t as messages_exports } from "./messages.js";
 import { c } from "react-compiler-runtime";
 import * as React$1 from "react";
 import React, { Component, Suspense, cloneElement, createContext, forwardRef, isValidElement, lazy, memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { AlertCircleIcon, AlertTriangleIcon, AlignCenterIcon, AlignJustifyIcon, AlignLeftIcon, AlignRightIcon, BaselineIcon, BoldIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClipboardCopyIcon, EyeIcon, FileIcon, GlobeIcon, ImageIcon, IndentDecreaseIcon, IndentIncreaseIcon, InfoIcon, ItalicIcon, LinkIcon, ListIcon, ListOrderedIcon, MoreHorizontalIcon, OmegaIcon, PaintbrushIcon, PenLineIcon, PencilIcon, PilcrowIcon, Redo2Icon, RulerIcon, SeparatorHorizontalIcon, SquarePenIcon, StickyNoteIcon, TableIcon, TableOfContentsIcon, TypeIcon, UnderlineIcon, Undo2Icon, UnlinkIcon, XIcon } from "lucide-react";
+import { closeHistory, redo, undo } from "prosemirror-history";
 import { IntlProvider, useTranslations } from "use-intl";
 import { FOLIO_DOCUMENT_OPERATION_CONTRACT_VERSION, applyFolioDocumentOperations, assertSupportedFolioDocumentOperationVersion, createFolioAIEditSnapshot, getCommentAnchorsFromDoc, getFolioDocumentOperationIssues, getTrackedChangesFromDoc } from "@stll/folio-core/ai-edits";
 import { normalizeBaseDirection } from "@stll/folio-core/docx/normalizeBaseDirection";
@@ -92,7 +93,6 @@ import { applyImagePosition, applyImageProperties, applyImageTransform, applyIma
 import { classifyEditorKeydown, deleteSelectedTable, isFocusInInputLike, isMacPlatform } from "@stll/folio-core/managers/editorShortcuts";
 import { getScrollTopForZoomAnchor, getViewportCenterZoomAnchorForZoomChange } from "@stll/folio-core/paged-layout/zoomScrollAnchor";
 import { ZOOM_MAX, ZOOM_MIN, ZOOM_STEP } from "@stll/folio-core/utils/zoom";
-import { redo, undo } from "prosemirror-history";
 import { createRoot } from "react-dom/client";
 //#region src/hooks/useHistory.ts
 /**
@@ -7716,13 +7716,13 @@ function _temp2$3(a, b) {
 }
 //#endregion
 //#region src/components/DocxEditorDialogs.tsx
-const FindReplaceDialog = lazy(() => import("./FindReplaceDialog-Bx7QaFQ_.js").then((n) => n.n).then((m) => ({ default: m.FindReplaceDialog })));
-const TablePropertiesDialog = lazy(() => import("./TablePropertiesDialog-PQxKKM0Y.js").then((n) => n.n).then((m) => ({ default: m.TablePropertiesDialog })));
-const ImagePositionDialog = lazy(() => import("./ImagePositionDialog-D3MileYL.js").then((n) => n.n).then((m) => ({ default: m.ImagePositionDialog })));
-const ImagePropertiesDialog = lazy(() => import("./ImagePropertiesDialog-CzK8HCaW.js").then((n) => n.n).then((m) => ({ default: m.ImagePropertiesDialog })));
-const FootnotePropertiesDialog = lazy(() => import("./FootnotePropertiesDialog-2lmpg9m8.js").then((n) => n.n).then((m) => ({ default: m.FootnotePropertiesDialog })));
-const PageSetupDialog = lazy(() => import("./PageSetupDialog-PSs9YdPb.js").then((n) => n.n).then((m) => ({ default: m.PageSetupDialog })));
-const InsertSymbolDialog = lazy(() => import("./InsertSymbolDialog-Df9dyLvn.js").then((n) => n.n).then((m) => ({ default: m.InsertSymbolDialog })));
+const FindReplaceDialog = lazy(() => import("./FindReplaceDialog-CqKK82nE.js").then((n) => n.n).then((m) => ({ default: m.FindReplaceDialog })));
+const TablePropertiesDialog = lazy(() => import("./TablePropertiesDialog-B_AGrPR8.js").then((n) => n.n).then((m) => ({ default: m.TablePropertiesDialog })));
+const ImagePositionDialog = lazy(() => import("./ImagePositionDialog-DNodkoI2.js").then((n) => n.n).then((m) => ({ default: m.ImagePositionDialog })));
+const ImagePropertiesDialog = lazy(() => import("./ImagePropertiesDialog-CLsDIUWb.js").then((n) => n.n).then((m) => ({ default: m.ImagePropertiesDialog })));
+const FootnotePropertiesDialog = lazy(() => import("./FootnotePropertiesDialog-CixRdIiT.js").then((n) => n.n).then((m) => ({ default: m.FootnotePropertiesDialog })));
+const PageSetupDialog = lazy(() => import("./PageSetupDialog-COkgeOQn.js").then((n) => n.n).then((m) => ({ default: m.PageSetupDialog })));
+const InsertSymbolDialog = lazy(() => import("./InsertSymbolDialog-DCFLmfzn.js").then((n) => n.n).then((m) => ({ default: m.InsertSymbolDialog })));
 function DocxEditorDialogs(t0) {
 	const $ = c(47);
 	const { findReplace, tableProperties, imagePosition, imageProperties, pageSetup, footnoteProperties, insertSymbol } = t0;
@@ -7891,61 +7891,88 @@ function DefaultLoadingIndicator() {
 	return t2;
 }
 function DefaultPlaceholder() {
-	const $ = c(1);
+	const $ = c(5);
+	const t = useTranslations("folio");
 	let t0;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t0 = /* @__PURE__ */ jsxs("div", {
+		t0 = /* @__PURE__ */ jsx(FileIcon, {
+			size: 48,
+			strokeWidth: 1.5
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	if ($[1] !== t) {
+		t1 = t("noDocumentLoaded");
+		$[1] = t;
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== t1) {
+		t2 = /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full flex-col items-center justify-center text-[var(--doc-text-subtle)]",
-			children: [/* @__PURE__ */ jsx(FileIcon, {
-				size: 48,
-				strokeWidth: 1.5
-			}), /* @__PURE__ */ jsx("span", {
+			children: [t0, /* @__PURE__ */ jsx("span", {
 				className: "mt-4 text-sm",
-				children: "No document loaded"
+				children: t1
 			})]
 		});
-		$[0] = t0;
-	} else t0 = $[0];
-	return t0;
+		$[3] = t1;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
 }
 function ParseError(t0) {
-	const $ = c(4);
+	const $ = c(10);
 	const { message } = t0;
+	const t = useTranslations("folio");
 	let t1;
-	let t2;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
 		t1 = /* @__PURE__ */ jsx(AlertCircleIcon, {
 			size: 48,
 			strokeWidth: 1.5,
 			className: "text-[var(--doc-error)]"
 		});
-		t2 = /* @__PURE__ */ jsx("h3", {
-			className: "mt-4 text-base font-semibold text-[var(--doc-error)]",
-			children: "Failed to Load Document"
-		});
 		$[0] = t1;
-		$[1] = t2;
-	} else {
-		t1 = $[0];
-		t2 = $[1];
-	}
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== t) {
+		t2 = t("loadDocumentFailedTitle");
+		$[1] = t;
+		$[2] = t2;
+	} else t2 = $[2];
 	let t3;
-	if ($[2] !== message) {
-		t3 = /* @__PURE__ */ jsxs("div", {
+	if ($[3] !== t2) {
+		t3 = /* @__PURE__ */ jsx("h3", {
+			className: "mt-4 text-base font-semibold text-[var(--doc-error)]",
+			children: t2
+		});
+		$[3] = t2;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== message) {
+		t4 = /* @__PURE__ */ jsx("p", {
+			className: "mt-2 max-w-[400px] text-sm text-[var(--doc-text-muted)]",
+			children: message
+		});
+		$[5] = message;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t3 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full flex-col items-center justify-center p-5 text-center",
 			children: [
 				t1,
-				t2,
-				/* @__PURE__ */ jsx("p", {
-					className: "mt-2 max-w-[400px] text-sm text-[var(--doc-text-muted)]",
-					children: message
-				})
+				t3,
+				t4
 			]
 		});
-		$[2] = message;
-		$[3] = t3;
-	} else t3 = $[3];
-	return t3;
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	return t5;
 }
 //#endregion
 //#region src/components/ErrorBoundary.tsx
@@ -11010,6 +11037,7 @@ const labelStyle = {
 	letterSpacing: .3
 };
 const InlineHeaderFooterEditor = forwardRef(function InlineHeaderFooterEditor({ position, targetElement, parentElement, getActiveView, onClose, onRemove }, ref) {
+	const t = useTranslations("folio");
 	const [showOptions, setShowOptions] = useState(false);
 	const optionsRef = useRef(null);
 	const [overlayPos, setOverlayPos] = useState(null);
@@ -11089,7 +11117,7 @@ const InlineHeaderFooterEditor = forwardRef(function InlineHeaderFooterEditor({
 			return redo(view.state, view.dispatch);
 		}
 	}));
-	const label = position === "header" ? "Header" : "Footer";
+	const label = position === "header" ? t("headerFooter.header") : t("headerFooter.footer");
 	if (!overlayPos) return null;
 	return /* @__PURE__ */ jsxs("div", {
 		role: "presentation",
@@ -11111,7 +11139,6 @@ const InlineHeaderFooterEditor = forwardRef(function InlineHeaderFooterEditor({
 				children: label
 			}), /* @__PURE__ */ jsx(OptionsMenu, {
 				position,
-				label,
 				showOptions,
 				setShowOptions,
 				optionsRef,
@@ -11127,7 +11154,6 @@ const InlineHeaderFooterEditor = forwardRef(function InlineHeaderFooterEditor({
 				children: label
 			}), /* @__PURE__ */ jsx(OptionsMenu, {
 				position,
-				label,
 				showOptions,
 				setShowOptions,
 				optionsRef,
@@ -11139,8 +11165,9 @@ const InlineHeaderFooterEditor = forwardRef(function InlineHeaderFooterEditor({
 	});
 });
 function OptionsMenu(t0) {
-	const $ = c(17);
-	const { position, label, showOptions, setShowOptions, optionsRef, onRemove, onClose, getActiveView } = t0;
+	const $ = c(22);
+	const { position, showOptions, setShowOptions, optionsRef, onRemove, onClose, getActiveView } = t0;
+	const t = useTranslations("folio");
 	let t1;
 	if ($[0] !== getActiveView) {
 		t1 = (fieldType) => {
@@ -11169,22 +11196,35 @@ function OptionsMenu(t0) {
 	} else t2 = $[2];
 	let t3;
 	if ($[3] !== setShowOptions) {
-		t3 = /* @__PURE__ */ jsx("button", {
-			type: "button",
-			className: "hf-options-button",
-			onClick: (e) => {
-				e.stopPropagation();
-				setShowOptions(_temp$1);
-			},
-			onMouseDown: _temp2$1,
-			children: "Options ▾"
-		});
+		t3 = (e) => {
+			e.stopPropagation();
+			setShowOptions(_temp$1);
+		};
 		$[3] = setShowOptions;
 		$[4] = t3;
 	} else t3 = $[4];
 	let t4;
-	if ($[5] !== insertField || $[6] !== label || $[7] !== onClose || $[8] !== onRemove || $[9] !== position || $[10] !== setShowOptions || $[11] !== showOptions) {
-		t4 = showOptions && /* @__PURE__ */ jsxs("div", {
+	if ($[5] !== t) {
+		t4 = t("headerFooter.options");
+		$[5] = t;
+		$[6] = t4;
+	} else t4 = $[6];
+	let t5;
+	if ($[7] !== t3 || $[8] !== t4) {
+		t5 = /* @__PURE__ */ jsxs("button", {
+			type: "button",
+			className: "hf-options-button",
+			onClick: t3,
+			onMouseDown: _temp2$1,
+			children: [t4, " ▾"]
+		});
+		$[7] = t3;
+		$[8] = t4;
+		$[9] = t5;
+	} else t5 = $[9];
+	let t6;
+	if ($[10] !== insertField || $[11] !== onClose || $[12] !== onRemove || $[13] !== position || $[14] !== setShowOptions || $[15] !== showOptions || $[16] !== t) {
+		t6 = showOptions && /* @__PURE__ */ jsxs("div", {
 			className: `hf-options-dropdown${position === "footer" ? " hf-options-dropdown--up" : ""}`,
 			children: [
 				/* @__PURE__ */ jsx("button", {
@@ -11194,7 +11234,7 @@ function OptionsMenu(t0) {
 						setShowOptions(false);
 						insertField("PAGE");
 					},
-					children: "Insert current page number"
+					children: t("headerFooter.insertPageNumber")
 				}),
 				/* @__PURE__ */ jsx("button", {
 					type: "button",
@@ -11203,55 +11243,51 @@ function OptionsMenu(t0) {
 						setShowOptions(false);
 						insertField("NUMPAGES");
 					},
-					children: "Insert total page count"
+					children: t("headerFooter.insertPageCount")
 				}),
 				/* @__PURE__ */ jsx("div", { className: "hf-options-divider" }),
-				onRemove && /* @__PURE__ */ jsxs("button", {
+				onRemove && /* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: "hf-options-item",
 					onClick: () => {
 						setShowOptions(false);
 						onRemove();
 					},
-					children: ["Remove ", label.toLowerCase()]
+					children: position === "header" ? t("headerFooter.removeHeader") : t("headerFooter.removeFooter")
 				}),
-				/* @__PURE__ */ jsxs("button", {
+				/* @__PURE__ */ jsx("button", {
 					type: "button",
 					className: "hf-options-item",
 					onClick: () => {
 						setShowOptions(false);
 						onClose();
 					},
-					children: [
-						"Close ",
-						label.toLowerCase(),
-						" editing"
-					]
+					children: position === "header" ? t("headerFooter.closeHeaderEditing") : t("headerFooter.closeFooterEditing")
 				})
 			]
 		});
-		$[5] = insertField;
-		$[6] = label;
-		$[7] = onClose;
-		$[8] = onRemove;
-		$[9] = position;
-		$[10] = setShowOptions;
-		$[11] = showOptions;
-		$[12] = t4;
-	} else t4 = $[12];
-	let t5;
-	if ($[13] !== optionsRef || $[14] !== t3 || $[15] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
+		$[10] = insertField;
+		$[11] = onClose;
+		$[12] = onRemove;
+		$[13] = position;
+		$[14] = setShowOptions;
+		$[15] = showOptions;
+		$[16] = t;
+		$[17] = t6;
+	} else t6 = $[17];
+	let t7;
+	if ($[18] !== optionsRef || $[19] !== t5 || $[20] !== t6) {
+		t7 = /* @__PURE__ */ jsxs("div", {
 			style: t2,
 			ref: optionsRef,
-			children: [t3, t4]
+			children: [t5, t6]
 		});
-		$[13] = optionsRef;
-		$[14] = t3;
-		$[15] = t4;
-		$[16] = t5;
-	} else t5 = $[16];
-	return t5;
+		$[18] = optionsRef;
+		$[19] = t5;
+		$[20] = t6;
+		$[21] = t7;
+	} else t7 = $[21];
+	return t7;
 }
 function _temp2$1(e_0) {
 	return e_0.stopPropagation();
@@ -11360,7 +11396,7 @@ function areSelectionFormattingEqual(a, b) {
 * Edit mode: text + URL inputs with Apply.
 */
 function HyperlinkPopup(t0) {
-	const $ = c(85);
+	const $ = c(88);
 	const { data, onNavigate, onCopy, onEdit, onRemove, onClose, readOnly } = t0;
 	const t = useTranslations("folio");
 	const [mode, setMode] = useState("view");
@@ -11610,81 +11646,88 @@ function HyperlinkPopup(t0) {
 		} else t22 = $[42];
 		const t23 = !t22;
 		let t24;
-		if ($[43] !== handleApply || $[44] !== t23) {
-			t24 = /* @__PURE__ */ jsx("button", {
+		if ($[43] !== t) {
+			t24 = t("common.apply");
+			$[43] = t;
+			$[44] = t24;
+		} else t24 = $[44];
+		let t25;
+		if ($[45] !== handleApply || $[46] !== t23 || $[47] !== t24) {
+			t25 = /* @__PURE__ */ jsx("button", {
 				className: "text-primary shrink-0 rounded px-3 py-1 text-sm font-semibold disabled:opacity-40",
 				disabled: t23,
 				onClick: handleApply,
 				type: "button",
-				children: "Apply"
+				children: t24
 			});
-			$[43] = handleApply;
-			$[44] = t23;
-			$[45] = t24;
-		} else t24 = $[45];
-		let t25;
-		if ($[46] !== t21 || $[47] !== t24) {
-			t25 = /* @__PURE__ */ jsxs("div", {
+			$[45] = handleApply;
+			$[46] = t23;
+			$[47] = t24;
+			$[48] = t25;
+		} else t25 = $[48];
+		let t26;
+		if ($[49] !== t21 || $[50] !== t25) {
+			t26 = /* @__PURE__ */ jsxs("div", {
 				className: "flex items-center gap-2",
 				children: [
 					t19,
 					t21,
-					t24
+					t25
 				]
 			});
-			$[46] = t21;
-			$[47] = t24;
-			$[48] = t25;
-		} else t25 = $[48];
-		let t26;
-		if ($[49] !== t14 || $[50] !== t18 || $[51] !== t25) {
-			t26 = /* @__PURE__ */ jsxs("div", {
+			$[49] = t21;
+			$[50] = t25;
+			$[51] = t26;
+		} else t26 = $[51];
+		let t27;
+		if ($[52] !== t14 || $[53] !== t18 || $[54] !== t26) {
+			t27 = /* @__PURE__ */ jsxs("div", {
 				ref: popupRef,
 				className: "fixed z-[10000] w-80 rounded-lg border border-[var(--doc-border)] bg-[var(--doc-page)] p-3 shadow-lg",
 				onMouseDown: t13,
 				role: "presentation",
 				style: t14,
-				children: [t18, t25]
+				children: [t18, t26]
 			});
-			$[49] = t14;
-			$[50] = t18;
-			$[51] = t25;
-			$[52] = t26;
-		} else t26 = $[52];
-		return t26;
+			$[52] = t14;
+			$[53] = t18;
+			$[54] = t26;
+			$[55] = t27;
+		} else t27 = $[55];
+		return t27;
 	}
 	let t13;
-	if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[56] === Symbol.for("react.memo_cache_sentinel")) {
 		t13 = containedHandler(_temp2);
-		$[53] = t13;
-	} else t13 = $[53];
+		$[56] = t13;
+	} else t13 = $[56];
 	let t14;
-	if ($[54] !== left || $[55] !== top) {
+	if ($[57] !== left || $[58] !== top) {
 		t14 = {
 			top,
 			left
 		};
-		$[54] = left;
-		$[55] = top;
-		$[56] = t14;
-	} else t14 = $[56];
+		$[57] = left;
+		$[58] = top;
+		$[59] = t14;
+	} else t14 = $[59];
 	let t15;
-	if ($[57] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[60] === Symbol.for("react.memo_cache_sentinel")) {
 		t15 = /* @__PURE__ */ jsx(GlobeIcon, { className: "text-muted-foreground size-4.5 shrink-0" });
-		$[57] = t15;
-	} else t15 = $[57];
+		$[60] = t15;
+	} else t15 = $[60];
 	let t16;
-	if ($[58] !== data.href || $[59] !== onNavigate) {
+	if ($[61] !== data.href || $[62] !== onNavigate) {
 		t16 = (e_6) => {
 			e_6.preventDefault();
 			onNavigate(data.href);
 		};
-		$[58] = data.href;
-		$[59] = onNavigate;
-		$[60] = t16;
-	} else t16 = $[60];
+		$[61] = data.href;
+		$[62] = onNavigate;
+		$[63] = t16;
+	} else t16 = $[63];
 	let t17;
-	if ($[61] !== data.href || $[62] !== t16) {
+	if ($[64] !== data.href || $[65] !== t16) {
 		t17 = /* @__PURE__ */ jsx("a", {
 			className: "text-primary truncate text-sm hover:underline",
 			href: data.href,
@@ -11694,35 +11737,35 @@ function HyperlinkPopup(t0) {
 			title: data.href,
 			children: data.href
 		});
-		$[61] = data.href;
-		$[62] = t16;
-		$[63] = t17;
-	} else t17 = $[63];
+		$[64] = data.href;
+		$[65] = t16;
+		$[66] = t17;
+	} else t17 = $[66];
 	let t18;
-	if ($[64] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[67] === Symbol.for("react.memo_cache_sentinel")) {
 		t18 = /* @__PURE__ */ jsx("span", { className: "bg-border h-5 w-px shrink-0" });
-		$[64] = t18;
-	} else t18 = $[64];
+		$[67] = t18;
+	} else t18 = $[67];
 	let t19;
-	if ($[65] !== data.href || $[66] !== onCopy) {
+	if ($[68] !== data.href || $[69] !== onCopy) {
 		t19 = () => onCopy(data.href);
-		$[65] = data.href;
-		$[66] = onCopy;
-		$[67] = t19;
-	} else t19 = $[67];
+		$[68] = data.href;
+		$[69] = onCopy;
+		$[70] = t19;
+	} else t19 = $[70];
 	let t20;
-	if ($[68] !== t) {
+	if ($[71] !== t) {
 		t20 = t("copyLink");
-		$[68] = t;
-		$[69] = t20;
-	} else t20 = $[69];
+		$[71] = t;
+		$[72] = t20;
+	} else t20 = $[72];
 	let t21;
-	if ($[70] === Symbol.for("react.memo_cache_sentinel")) {
+	if ($[73] === Symbol.for("react.memo_cache_sentinel")) {
 		t21 = /* @__PURE__ */ jsx(ClipboardCopyIcon, { size: 16 });
-		$[70] = t21;
-	} else t21 = $[70];
+		$[73] = t21;
+	} else t21 = $[73];
 	let t22;
-	if ($[71] !== t19 || $[72] !== t20) {
+	if ($[74] !== t19 || $[75] !== t20) {
 		t22 = /* @__PURE__ */ jsx("button", {
 			className: "flex size-7 items-center justify-center rounded text-[var(--doc-text-muted)] hover:bg-[var(--doc-bg-hover)] transition-colors",
 			onClick: t19,
@@ -11730,12 +11773,12 @@ function HyperlinkPopup(t0) {
 			type: "button",
 			children: t21
 		});
-		$[71] = t19;
-		$[72] = t20;
-		$[73] = t22;
-	} else t22 = $[73];
+		$[74] = t19;
+		$[75] = t20;
+		$[76] = t22;
+	} else t22 = $[76];
 	let t23;
-	if ($[74] !== data.displayText || $[75] !== data.href || $[76] !== onRemove || $[77] !== readOnly || $[78] !== t) {
+	if ($[77] !== data.displayText || $[78] !== data.href || $[79] !== onRemove || $[80] !== readOnly || $[81] !== t) {
 		t23 = !readOnly && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("button", {
 			className: "flex size-7 items-center justify-center rounded text-[var(--doc-text-muted)] hover:bg-[var(--doc-bg-hover)] transition-colors",
 			onClick: () => {
@@ -11753,15 +11796,15 @@ function HyperlinkPopup(t0) {
 			type: "button",
 			children: /* @__PURE__ */ jsx(UnlinkIcon, { size: 16 })
 		})] });
-		$[74] = data.displayText;
-		$[75] = data.href;
-		$[76] = onRemove;
-		$[77] = readOnly;
-		$[78] = t;
-		$[79] = t23;
-	} else t23 = $[79];
+		$[77] = data.displayText;
+		$[78] = data.href;
+		$[79] = onRemove;
+		$[80] = readOnly;
+		$[81] = t;
+		$[82] = t23;
+	} else t23 = $[82];
 	let t24;
-	if ($[80] !== t14 || $[81] !== t17 || $[82] !== t22 || $[83] !== t23) {
+	if ($[83] !== t14 || $[84] !== t17 || $[85] !== t22 || $[86] !== t23) {
 		t24 = /* @__PURE__ */ jsxs("div", {
 			ref: popupRef,
 			className: "fixed z-[10000] flex max-w-[400px] items-center gap-2 rounded-lg border border-[var(--doc-border)] bg-[var(--doc-page)] px-3 py-2 shadow-lg",
@@ -11776,12 +11819,12 @@ function HyperlinkPopup(t0) {
 				t23
 			]
 		});
-		$[80] = t14;
-		$[81] = t17;
-		$[82] = t22;
-		$[83] = t23;
-		$[84] = t24;
-	} else t24 = $[84];
+		$[83] = t14;
+		$[84] = t17;
+		$[85] = t22;
+		$[86] = t23;
+		$[87] = t24;
+	} else t24 = $[87];
 	return t24;
 }
 function _temp2(e_5) {
@@ -12263,7 +12306,7 @@ function useFolioComments({ doc, autoOpenReviewSidebar, anchorPositions, editorC
 * - Error boundary
 * - Loading states
 */
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-B8X5a8JW.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-Byn5lyrt.js").then((m) => ({ default: m.CommentsSidebar })));
 const TextContextMenu = lazy(() => import("./TextContextMenu-Ci7-M4oU.js").then((m) => ({ default: m.TextContextMenu })));
 const loadAttemptSelectiveSave = async () => {
 	const { attemptSelectiveSave } = await import("@stll/folio-core/docx/selectiveSave");
@@ -12281,6 +12324,7 @@ const DISPLAY_MODE_LABEL_KEYS = {
 	original: "markupView.original"
 };
 const preventMouseDownDefault = (event) => event.preventDefault();
+let documentOperationUndoHandleCursor = Date.now();
 function isDisplayMode(value) {
 	return typeof value === "string" && DISPLAY_MODES.some((mode) => mode === value);
 }
@@ -12544,6 +12588,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		commentsProp,
 		onCommentsChange
 	});
+	const documentOperationUndoEntriesRef = useRef([]);
 	const styleResolverCacheRef = useRef(null);
 	const getCachedStyleResolver = useCallback((styles) => {
 		const cached = styleResolverCacheRef.current;
@@ -13835,12 +13880,23 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 					applied: [],
 					skipped,
 					issues: getFolioDocumentOperationIssues(batch.operations, skipped),
-					receipts: []
+					receipts: [],
+					undoHandle: null
 				};
 			}
+			const existingUndoEntry = documentOperationUndoEntriesRef.current.at(-1);
+			if (existingUndoEntry && (!view_20.state.doc.eq(existingUndoEntry.afterState.doc) || commentsRef.current !== existingUndoEntry.commentsAfter)) documentOperationUndoEntriesRef.current.length = 0;
+			const commentsBefore = commentsRef.current;
 			const createdComments = [];
+			const operationView = {
+				state: view_20.state,
+				dispatch: (transaction) => {
+					view_20.dispatch(closeHistory(transaction));
+					operationView.state = view_20.state;
+				}
+			};
 			const result = applyFolioDocumentOperations({
-				view: view_20,
+				view: operationView,
 				snapshot,
 				batch,
 				author: operationAuthor,
@@ -13848,14 +13904,62 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 					const comment = createComment(text_3, operationAuthor);
 					createdComments.push(comment);
 					return comment.id;
-				}
+				},
+				createUndoHandle: () => ({
+					type: "documentOperationUndo",
+					id: `react-${String(documentOperationUndoHandleCursor++)}`
+				})
 			});
 			if (createdComments.length > 0) updateComments((currentComments_0) => [...currentComments_0, ...createdComments]);
+			if (result.undoHandle !== null) documentOperationUndoEntriesRef.current.push({
+				undoHandle: result.undoHandle,
+				afterState: view_20.state,
+				commentsBefore,
+				commentsAfter: commentsRef.current
+			});
 			return result;
 		},
-		applyAIEditOperations: ({ snapshot: snapshot_0, operations, mode = "tracked-changes", author: operationAuthor_0 = author }) => {
+		undoDocumentOperations: (undoHandle) => {
+			const entries = documentOperationUndoEntriesRef.current;
+			const entryIndex = entries.findIndex((entry_2) => entry_2.undoHandle.type === undoHandle.type && entry_2.undoHandle.id === undoHandle.id);
+			if (entryIndex === -1) return {
+				status: "rejected",
+				undoHandle,
+				reason: "unknownHandle"
+			};
+			if (entryIndex !== entries.length - 1) return {
+				status: "rejected",
+				undoHandle,
+				reason: "notLatest"
+			};
+			const entry_3 = entries.at(-1);
 			const view_21 = pagedEditorRef.current?.getView();
-			if (!view_21) return {
+			if (!entry_3 || !view_21) return {
+				status: "rejected",
+				undoHandle,
+				reason: "unknownHandle"
+			};
+			if (!view_21.state.doc.eq(entry_3.afterState.doc) || commentsRef.current !== entry_3.commentsAfter) return {
+				status: "rejected",
+				undoHandle,
+				reason: "documentChanged"
+			};
+			if (!(pagedEditorRef.current?.undo() ?? false)) return {
+				status: "rejected",
+				undoHandle,
+				reason: "documentChanged"
+			};
+			replaceComments(entry_3.commentsBefore);
+			entries.pop();
+			requestAnimationFrame(refreshBodyHistoryAvailability);
+			return {
+				status: "undone",
+				undoHandle
+			};
+		},
+		applyAIEditOperations: ({ snapshot: snapshot_0, operations, mode = "tracked-changes", author: operationAuthor_0 = author }) => {
+			const view_22 = pagedEditorRef.current?.getView();
+			if (!view_22) return {
 				applied: [],
 				skipped: operations.map((operation_0) => ({
 					id: operation_0.id,
@@ -13864,7 +13968,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			};
 			const createdComments_0 = [];
 			const { applied: applied_0, skipped: skipped_0 } = applyFolioDocumentOperations({
-				view: view_21,
+				view: view_22,
 				snapshot: snapshot_0,
 				batch: {
 					version: FOLIO_DOCUMENT_OPERATION_CONTRACT_VERSION,
@@ -13885,14 +13989,14 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			};
 		},
 		acceptAIEditOperation: (revisionId) => {
-			const view_22 = pagedEditorRef.current?.getView();
-			if (!view_22) return false;
-			return acceptAIEditRevision(revisionId)(view_22.state, view_22.dispatch);
-		},
-		rejectAIEditOperation: (revisionId_0) => {
 			const view_23 = pagedEditorRef.current?.getView();
 			if (!view_23) return false;
-			return rejectAIEditRevision(revisionId_0)(view_23.state, view_23.dispatch);
+			return acceptAIEditRevision(revisionId)(view_23.state, view_23.dispatch);
+		},
+		rejectAIEditOperation: (revisionId_0) => {
+			const view_24 = pagedEditorRef.current?.getView();
+			if (!view_24) return false;
+			return rejectAIEditRevision(revisionId_0)(view_24.state, view_24.dispatch);
 		},
 		undo: () => {
 			if (hfEditPosition && hfEditorRef.current) return hfEditorRef.current.undo();
@@ -13907,98 +14011,98 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			return redone;
 		},
 		scrollToAIEditOperation: (revisionId_1) => {
-			const view_24 = pagedEditorRef.current?.getView();
-			if (!view_24) return false;
-			const range_2 = findAIEditRevisionRange(view_24.state, revisionId_1);
+			const view_25 = pagedEditorRef.current?.getView();
+			if (!view_25) return false;
+			const range_2 = findAIEditRevisionRange(view_25.state, revisionId_1);
 			if (!range_2) return false;
-			const { from: from_8, to: to_8 } = clampRangeToDocSize(view_24.state.doc.content.size, range_2);
-			const $from = view_24.state.doc.resolve(from_8);
-			const $to = view_24.state.doc.resolve(to_8);
-			view_24.dispatch(view_24.state.tr.setSelection(TextSelection.between($from, $to)));
+			const { from: from_8, to: to_8 } = clampRangeToDocSize(view_25.state.doc.content.size, range_2);
+			const $from = view_25.state.doc.resolve(from_8);
+			const $to = view_25.state.doc.resolve(to_8);
+			view_25.dispatch(view_25.state.tr.setSelection(TextSelection.between($from, $to)));
 			requestAnimationFrame(() => {
 				pagedEditorRef.current?.scrollToPosition(from_8);
 			});
 			return true;
 		},
 		scrollToBlock: (blockId, snapshot_1) => {
-			const view_25 = pagedEditorRef.current?.getView();
-			if (!view_25) return false;
+			const view_26 = pagedEditorRef.current?.getView();
+			if (!view_26) return false;
 			const range_3 = resolveFolioAIBlockRange({
 				blockId,
-				doc: view_25.state.doc,
+				doc: view_26.state.doc,
 				snapshot: snapshot_1
 			});
 			if (range_3 === null) return false;
 			const { from: from_9, to: to_9 } = range_3;
-			const $from_0 = view_25.state.doc.resolve(from_9);
-			const $to_0 = view_25.state.doc.resolve(to_9);
-			view_25.dispatch(view_25.state.tr.setSelection(TextSelection.between($from_0, $to_0)));
+			const $from_0 = view_26.state.doc.resolve(from_9);
+			const $to_0 = view_26.state.doc.resolve(to_9);
+			view_26.dispatch(view_26.state.tr.setSelection(TextSelection.between($from_0, $to_0)));
 			requestAnimationFrame(() => {
 				pagedEditorRef.current?.scrollToPosition(from_9);
 			});
 			return true;
 		},
 		getTrackedChanges: () => {
-			const view_26 = pagedEditorRef.current?.getView();
-			return view_26 ? getTrackedChangesFromDoc(view_26.state.doc) : [];
+			const view_27 = pagedEditorRef.current?.getView();
+			return view_27 ? getTrackedChangesFromDoc(view_27.state.doc) : [];
 		},
 		getCommentAnchors: () => {
-			const view_27 = pagedEditorRef.current?.getView();
-			return view_27 ? getCommentAnchorsFromDoc(view_27.state.doc) : [];
+			const view_28 = pagedEditorRef.current?.getView();
+			return view_28 ? getCommentAnchorsFromDoc(view_28.state.doc) : [];
 		},
 		getSelectionText: () => {
-			const view_28 = pagedEditorRef.current?.getView();
-			return view_28 ? getSelectedText(view_28.state) : "";
+			const view_29 = pagedEditorRef.current?.getView();
+			return view_29 ? getSelectedText(view_29.state) : "";
 		},
 		getPageText: (page_0) => {
-			const view_29 = pagedEditorRef.current?.getView();
-			if (!view_29) return null;
-			return getPageTextFromLayout(pagedEditorRef.current?.getEditor()?.getLayout() ?? null, view_29.state.doc, page_0);
+			const view_30 = pagedEditorRef.current?.getView();
+			if (!view_30) return null;
+			return getPageTextFromLayout(pagedEditorRef.current?.getEditor()?.getLayout() ?? null, view_30.state.doc, page_0);
 		},
 		getContentControls: (filter = {}) => {
-			const view_30 = pagedEditorRef.current?.getView();
-			if (!view_30) return [];
-			return findBlockSdtMatches(view_30.state.doc, filter).map((match_0) => ({
+			const view_31 = pagedEditorRef.current?.getView();
+			if (!view_31) return [];
+			return findBlockSdtMatches(view_31.state.doc, filter).map((match_0) => ({
 				properties: blockSdtAttrsToSdtProperties(match_0.node),
 				path: match_0.path,
 				pmPos: match_0.pos
 			}));
 		},
 		scrollToContentControl: (filter_0) => {
-			const view_31 = pagedEditorRef.current?.getView();
-			if (!view_31) return false;
-			const match_1 = findBlockSdtMatch(view_31.state.doc, filter_0);
+			const view_32 = pagedEditorRef.current?.getView();
+			if (!view_32) return false;
+			const match_1 = findBlockSdtMatch(view_32.state.doc, filter_0);
 			if (!match_1) return false;
 			const inside = match_1.pos + 1;
-			const $pos = view_31.state.doc.resolve(inside);
-			view_31.dispatch(view_31.state.tr.setSelection(TextSelection.near($pos)));
+			const $pos = view_32.state.doc.resolve(inside);
+			view_32.dispatch(view_32.state.tr.setSelection(TextSelection.near($pos)));
 			requestAnimationFrame(() => {
 				pagedEditorRef.current?.scrollToPosition(inside);
 			});
 			return true;
 		},
 		setContentControlContent: (filter_1, input, options_2 = {}) => {
-			const view_32 = pagedEditorRef.current?.getView();
-			if (!view_32) return false;
-			const tr_0 = typeof input === "string" ? setContentControlContentTr(view_32.state, filter_1, input, options_2) : setContentControlContentBlocksTr(view_32.state, filter_1, input, options_2);
+			const view_33 = pagedEditorRef.current?.getView();
+			if (!view_33) return false;
+			const tr_0 = typeof input === "string" ? setContentControlContentTr(view_33.state, filter_1, input, options_2) : setContentControlContentBlocksTr(view_33.state, filter_1, input, options_2);
 			if (!tr_0) return false;
-			view_32.dispatch(tr_0);
+			view_33.dispatch(tr_0);
 			return true;
 		},
 		setContentControlValue: (filter_2, input_0, options_3 = {}) => {
-			const view_33 = pagedEditorRef.current?.getView();
-			if (!view_33) return false;
-			const tr_1 = setContentControlValueTr(view_33.state, filter_2, input_0, options_3);
+			const view_34 = pagedEditorRef.current?.getView();
+			if (!view_34) return false;
+			const tr_1 = setContentControlValueTr(view_34.state, filter_2, input_0, options_3);
 			if (!tr_1) return false;
-			view_33.dispatch(tr_1);
+			view_34.dispatch(tr_1);
 			return true;
 		},
 		removeContentControl: (filter_3, options_4 = {}) => {
-			const view_34 = pagedEditorRef.current?.getView();
-			if (!view_34) return false;
-			const tr_2 = removeContentControlTr(view_34.state, filter_3, options_4);
+			const view_35 = pagedEditorRef.current?.getView();
+			if (!view_35) return false;
+			const tr_2 = removeContentControlTr(view_35.state, filter_3, options_4);
 			if (!tr_2) return false;
-			view_34.dispatch(tr_2);
+			view_35.dispatch(tr_2);
 			return true;
 		}
 	}), [
@@ -14012,6 +14116,8 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		loadParsedDocument,
 		loadBuffer,
 		updateComments,
+		replaceComments,
+		commentsRef,
 		commentsDirtyRef,
 		hfEditPosition,
 		refreshBodyHistoryAvailability
@@ -14067,39 +14173,39 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		if (isDisplayMode(value)) setDisplayMode(value);
 	}, [setDisplayMode]);
 	const handleAcceptActiveChange = useCallback(() => {
-		const view_35 = pagedEditorRef.current?.getView();
-		if (!view_35) return;
-		const { from: from_10, to: to_10 } = view_35.state.selection;
-		const range_4 = findChangeAtPosition(view_35.state, from_10, to_10);
-		acceptChange(range_4.from, range_4.to)(view_35.state, view_35.dispatch);
-	}, []);
-	const handleRejectActiveChange = useCallback(() => {
 		const view_36 = pagedEditorRef.current?.getView();
 		if (!view_36) return;
-		const { from: from_11, to: to_11 } = view_36.state.selection;
-		const range_5 = findChangeAtPosition(view_36.state, from_11, to_11);
-		rejectChange(range_5.from, range_5.to)(view_36.state, view_36.dispatch);
+		const { from: from_10, to: to_10 } = view_36.state.selection;
+		const range_4 = findChangeAtPosition(view_36.state, from_10, to_10);
+		acceptChange(range_4.from, range_4.to)(view_36.state, view_36.dispatch);
 	}, []);
-	const handlePreviousChange = useCallback(() => {
+	const handleRejectActiveChange = useCallback(() => {
 		const view_37 = pagedEditorRef.current?.getView();
 		if (!view_37) return;
-		const { from: from_12 } = view_37.state.selection;
-		const change = findPreviousChange(view_37.state, from_12);
+		const { from: from_11, to: to_11 } = view_37.state.selection;
+		const range_5 = findChangeAtPosition(view_37.state, from_11, to_11);
+		rejectChange(range_5.from, range_5.to)(view_37.state, view_37.dispatch);
+	}, []);
+	const handlePreviousChange = useCallback(() => {
+		const view_38 = pagedEditorRef.current?.getView();
+		if (!view_38) return;
+		const { from: from_12 } = view_38.state.selection;
+		const change = findPreviousChange(view_38.state, from_12);
 		if (!change) return;
-		view_37.dispatch(view_37.state.tr.setSelection(TextSelection.create(view_37.state.doc, change.from, change.to)));
-		view_37.focus();
+		view_38.dispatch(view_38.state.tr.setSelection(TextSelection.create(view_38.state.doc, change.from, change.to)));
+		view_38.focus();
 		requestAnimationFrame(() => {
 			pagedEditorRef.current?.scrollToPosition(change.from);
 		});
 	}, []);
 	const handleNextChange = useCallback(() => {
-		const view_38 = pagedEditorRef.current?.getView();
-		if (!view_38) return;
-		const { to: to_12 } = view_38.state.selection;
-		const change_0 = findNextChange(view_38.state, to_12);
+		const view_39 = pagedEditorRef.current?.getView();
+		if (!view_39) return;
+		const { to: to_12 } = view_39.state.selection;
+		const change_0 = findNextChange(view_39.state, to_12);
 		if (!change_0) return;
-		view_38.dispatch(view_38.state.tr.setSelection(TextSelection.create(view_38.state.doc, change_0.from, change_0.to)));
-		view_38.focus();
+		view_39.dispatch(view_39.state.tr.setSelection(TextSelection.create(view_39.state.doc, change_0.from, change_0.to)));
+		view_39.focus();
 		requestAnimationFrame(() => {
 			pagedEditorRef.current?.scrollToPosition(change_0.from);
 		});
@@ -14269,8 +14375,8 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		requestAnimationFrame(syncCommentHighlightStyles);
 	}, [onScrollTopChange, syncCommentHighlightStyles]);
 	const handlePagedSelectionChange = useCallback((_from, _to) => {
-		const view_39 = getActiveEditorView() ?? pagedEditorRef.current?.getView() ?? null;
-		handleSelectionChange(view_39 ? extractSelectionState(view_39.state) : null);
+		const view_40 = getActiveEditorView() ?? pagedEditorRef.current?.getView() ?? null;
+		handleSelectionChange(view_40 ? extractSelectionState(view_40.state) : null);
 	}, [getActiveEditorView, handleSelectionChange]);
 	const handleTotalPagesChange = useCallback((totalPages) => {
 		setScrollPageInfo((previous) => updateScrollPageTotal(previous, totalPages));
@@ -14295,9 +14401,9 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 	}, [author, updateComments]);
 	const handleAddComment = useCallback((addText) => {
 		const comment_3 = createComment(addText, author);
-		const view_40 = pagedEditorRef.current?.getView();
-		if (!view_40 || !commentSelectionRange) return false;
-		if (!applyCommentMarkRange(view_40, commentSelectionRange, comment_3.id, { replacePending: true })) return false;
+		const view_41 = pagedEditorRef.current?.getView();
+		if (!view_41 || !commentSelectionRange) return false;
+		if (!applyCommentMarkRange(view_41, commentSelectionRange, comment_3.id, { replacePending: true })) return false;
 		const commentAuthor_2 = getCommentAuthorKey(comment_3.author);
 		setVisibleCommentAuthors((current) => {
 			if (current === null) return null;
@@ -14331,8 +14437,8 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		updateComments((previous_4) => [...previous_4, createComment(text_6, author, revisionId_2)]);
 	}, [author, updateComments]);
 	const handleCancelAddComment = useCallback(() => {
-		const view_41 = pagedEditorRef.current?.getView();
-		if (view_41 && commentSelectionRange) removePendingCommentMarkRange(view_41, commentSelectionRange);
+		const view_42 = pagedEditorRef.current?.getView();
+		if (view_42 && commentSelectionRange) removePendingCommentMarkRange(view_42, commentSelectionRange);
 		setIsAddingComment(false);
 		setCommentSelectionRange(null);
 		setAddCommentYPosition(null);
@@ -14343,15 +14449,15 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		setIsAddingComment
 	]);
 	const handleSidebarAcceptChange = useCallback((from_13, to_13) => {
-		const view_42 = pagedEditorRef.current?.getView();
-		if (!view_42) return;
-		acceptChange(from_13, to_13)(view_42.state, view_42.dispatch);
+		const view_43 = pagedEditorRef.current?.getView();
+		if (!view_43) return;
+		acceptChange(from_13, to_13)(view_43.state, view_43.dispatch);
 		extractTrackedChanges();
 	}, [extractTrackedChanges]);
 	const handleSidebarRejectChange = useCallback((from_14, to_14) => {
-		const view_43 = pagedEditorRef.current?.getView();
-		if (!view_43) return;
-		rejectChange(from_14, to_14)(view_43.state, view_43.dispatch);
+		const view_44 = pagedEditorRef.current?.getView();
+		if (!view_44) return;
+		rejectChange(from_14, to_14)(view_44.state, view_44.dispatch);
 		extractTrackedChanges();
 	}, [extractTrackedChanges]);
 	const commentsPageWidth = history.state?.package.document.finalSectionProperties?.pageWidth;
@@ -14424,8 +14530,8 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 	const getBodyEditorView = useCallback(() => pagedEditorRef.current?.getView() ?? null, []);
 	const closeTableProperties = useCallback(() => setTablePropsOpen(false), []);
 	const applyTableProperties = useCallback((props_0) => {
-		const view_44 = getActiveEditorView();
-		if (view_44) setTableProperties(props_0)(view_44.state, view_44.dispatch);
+		const view_45 = getActiveEditorView();
+		if (view_45) setTableProperties(props_0)(view_45.state, view_45.dispatch);
 	}, [getActiveEditorView]);
 	const closeImagePosition = useCallback(() => setImagePositionOpen(false), [setImagePositionOpen]);
 	const closeImageProperties = useCallback(() => setImagePropsOpen(false), [setImagePropsOpen]);
@@ -14433,8 +14539,8 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 	const closeFootnoteProperties = useCallback(() => setFootnotePropsOpen(false), []);
 	const closeInsertSymbol = useCallback(() => setShowInsertSymbol(false), []);
 	const insertSymbol = useCallback((symbol) => {
-		const view_45 = getActiveEditorView();
-		if (view_45) view_45.dispatch(view_45.state.tr.insertText(symbol).scrollIntoView());
+		const view_46 = getActiveEditorView();
+		if (view_46) view_46.dispatch(view_46.state.tr.insertText(symbol).scrollIntoView());
 	}, [getActiveEditorView]);
 	const imagePropertiesCurrentData = useMemo(() => buildImagePropertiesData(state.pmImageContext), [state.pmImageContext]);
 	const currentFindResult = findResultRef.current;
@@ -14760,8 +14866,8 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 														onMouseDown: (e_1) => {
 															e_1.preventDefault();
 															e_1.stopPropagation();
-															const view_46 = pagedEditorRef.current?.getView();
-															if (!view_46) {
+															const view_47 = pagedEditorRef.current?.getView();
+															if (!view_47) {
 																setFloatingCommentBtn(null);
 																return;
 															}
@@ -14769,9 +14875,9 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 																from: floatingCommentBtn.from,
 																to: floatingCommentBtn.to
 															};
-															const currentSelection = view_46.state.selection;
+															const currentSelection = view_47.state.selection;
 															const safeRange = resolveCommentCreationRange({
-																docSize: view_46.state.doc.content.size,
+																docSize: view_47.state.doc.content.size,
 																capturedRange,
 																currentRange: {
 																	from: currentSelection.from,
@@ -14785,7 +14891,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 																return;
 															}
 															setCommentSelectionRange(safeRange);
-															if (!applyCommentMarkRange(view_46, safeRange, -1, { selectEnd: true })) {
+															if (!applyCommentMarkRange(view_47, safeRange, -1, { selectEnd: true })) {
 																setCommentSelectionRange(null);
 																setFloatingCommentBtn(null);
 																return;
@@ -14858,7 +14964,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 										})
 									})]
 								}),
-								scrollPageInfo.totalPages > 1 && /* @__PURE__ */ jsxs("div", {
+								scrollPageInfo.totalPages > 1 && /* @__PURE__ */ jsx("div", {
 									style: {
 										position: "absolute",
 										right: 24,
@@ -14879,11 +14985,10 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 									},
 									"aria-live": "polite",
 									role: "status",
-									children: [
-										scrollPageInfo.currentPage,
-										" of ",
-										scrollPageInfo.totalPages
-									]
+									children: t("viewer.pageOfTotal", {
+										current: String(scrollPageInfo.currentPage),
+										total: String(scrollPageInfo.totalPages)
+									})
 								}),
 								showOutline && outlineHeadings.length > 1 && /* @__PURE__ */ jsx(DocumentOutline, {
 									headings: outlineHeadings,