@stll/folio-react 0.27.0 → 0.29.0

package/dist/{renderAsync-Bcpsd6Fw.js → renderAsync-D3Bxr14I.js}

@@ -1,6 +1,7 @@
-import { i as cn, n as FolioUIProvider, r as useFolioUI, t as DEFAULT_COMPONENTS } from "./folio-ui-rCHqCEG6.js";
+import { i as cn, n as FolioUIProvider, r as useFolioUI, t as DEFAULT_COMPONENTS } from "./folio-ui-ruRywxeb.js";
 import { t as messages_exports } from "./messages.js";
 import { c } from "react-compiler-runtime";
+import { readBlobText } from "@stll/folio-core/utils/textEncoding";
 import { CANONICAL_GAP, canonicalRefusalMessage, usesCanonicalSession } from "@stll/folio-core/types/canonicalCapabilities";
 import * as React$1 from "react";
 import React, { Component, Suspense, cloneElement, createContext, forwardRef, isValidElement, lazy, memo, useCallback, useEffect, useEffectEvent, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -16,7 +17,7 @@ import { createNoteReferenceFollower, withoutUnreferencedNotes } from "@stll/fol
 import { cloneDocumentWithParagraphPropertySources } from "@stll/folio-core/docx/document-clone";
 import { normalizeBaseDirection } from "@stll/folio-core/docx/normalizeBaseDirection";
 import { getCachedNumberingMap } from "@stll/folio-core/docx/numberingParser";
-import { classifyEditorKeydown, deleteSelectedTable, historyShortcutOwner, isFocusInInputLike, isKeydownInShortcutScope, isMacPlatform } from "@stll/folio-core/managers/editorShortcuts";
+import { DEFAULT_KEYBOARD_SHORTCUT_SCOPE, classifyEditorKeydown, deleteSelectedTable, historyShortcutOwner, isFocusInInputLike, isKeydownInShortcutScope, isMacPlatform } from "@stll/folio-core/managers/editorShortcuts";
 import { getEditorScrollRoot, scrollEditorBy, scrollEditorElementIntoView, scrollEditorTo } from "@stll/folio-core/paged-layout/editorScrollRoot";
 import { computeScrollPageInfo, updateScrollPageTotal } from "@stll/folio-core/paged-layout/scrollPageInfo";
 import { NO_LIST_STATE, TextSelection, addColumnLeft, addColumnRight, addRowAbove, addRowBelow, applyFormatMarks, applyStyle, applyTableStyle, autoFitContents, captureFormatMarks, clearFormatting, clearTextColor, continueNumbering, createStyleResolver, decreaseIndent, decreaseListLevel, deleteColumn, deleteRow, deleteTable, distributeColumns, extractSelectionState, getDocumentBuiltInStyles, getSelectedText, getTableContext, increaseIndent, increaseListLevel, listStateLevel, mergeCells, removeTabStop, removeTableBorders, restartNumbering, sameListState, schema, selectColumn, selectRow, selectTable, setAlignment, setAllTableBorders, setCellBorder, setCellFillColor, setCellMargins, setCellTextDirection, setCellVerticalAlign, setFontFamily, setFontSize, setHighlight, setIndentFirstLine, setIndentLeft, setIndentRight, setInsideTableBorders, setLineSpacing, setLtr, setNumberingValue, setOutsideTableBorders, setRowHeight, setRtl, setTableBorderColor, setTableBorderPreset, setTableBorderWidth, setTableProperties, setTextColor, splitCell, toggleBidi, toggleBold, toggleBulletList, toggleHeaderRow, toggleItalic, toggleNoWrap, toggleNumberedList, toggleStrike, toggleSubscript, toggleSuperscript, toggleUnderline } from "@stll/folio-core/prosemirror";
@@ -30,7 +31,7 @@ import { executeEditorCommand, executeFirstEditorCommand } from "@stll/folio-cor
 import { insertPageBreak } from "@stll/folio-core/prosemirror/commands/pageBreak";
 import { clearTrackedChanges, getChangedParagraphIds, hasStructuralChanges, hasUntrackedChanges, repackWithEditorSectionRemovals } from "@stll/folio-core/prosemirror/extensions/features/ParagraphChangeTrackerExtension";
 import { createStarterKit } from "@stll/folio-core/prosemirror/extensions/StarterKit";
-import { resolveFindMatchRange } from "@stll/folio-core/prosemirror/findReplaceSelection";
+import { findInMarkupView, resolveFindMatchRange } from "@stll/folio-core/prosemirror/findReplaceSelection";
 import { createAICitationDecorationsPlugin } from "@stll/folio-core/prosemirror/plugins/aiCitationDecorations";
 import { AI_SUGGESTION_SEVERITY_CLASS, aiSuggestionDecorationsKey, createAISuggestionDecorationsPlugin } from "@stll/folio-core/prosemirror/plugins/aiSuggestionDecorations";
 import { anonymizationDecorationsKey, createAnonymizationDecorationsPlugin, slugAnonymizationLabel } from "@stll/folio-core/prosemirror/plugins/anonymizationDecorations";
@@ -81,7 +82,6 @@ import { clickToPosition } from "@stll/folio-core/layout-bridge/engine/clickToPo
 import { getPageTop, hitTestFragment, hitTestTableCell } from "@stll/folio-core/layout-bridge/engine/hitTest";
 import { clearAllCaches, resetCanvasContext } from "@stll/folio-core/layout-bridge/engine/measuring";
 import { resolveHeaderFooterSelectionGeometry } from "@stll/folio-core/render-dom/HeaderFooterSelectionOverlay";
-import { setEmbeddedFontFamilyMap } from "@stll/folio-core/utils/fontResolver";
 import { resolveSectionHeaderFooterRefs } from "@stll/folio-core/layout-engine";
 import { recordLayoutPhase } from "@stll/folio-core/layout-engine/layoutInstrumentation";
 import { LayoutPainter } from "@stll/folio-core/layout-painter";
@@ -113,7 +113,8 @@ import { ErrorManager } from "@stll/folio-core/managers/ErrorManager";
 import { ContextMenuManager } from "@stll/folio-core/managers/ContextMenuManager";
 import { DocumentLoaderManager } from "@stll/folio-core/managers/DocumentLoaderManager";
 import { getDocumentLoadSource } from "@stll/folio-core/utils/documentLoaderBehavior";
-import { DISPLAY_MODES, EditorModeManager, isReadOnlyMode, isTrackChangesMode, toggledTrackChangesMode } from "@stll/folio-core/managers/EditorModeManager";
+import { DISPLAY_MODES, EditorModeManager, getEditorReadOnlyReason, getReviewViewReadOnlyReason, isTrackChangesMode, toggledTrackChangesMode } from "@stll/folio-core/managers/EditorModeManager";
+import { reviewDisplayModeToDisplayMode } from "@stll/folio-core/managers/reviewDisplayMode";
 import { FindReplaceManager } from "@stll/folio-core/managers/FindReplaceManager";
 import { createEmptyHeaderFooter, pickActiveHeaderFooterRId, removeHeaderFooter, resolveEffectiveSectionProperties, resolveHeaderFooterContent, saveHeaderFooterContent } from "@stll/folio-core/utils/headerFooter";
 import { createCanonicalHeaderFooterOperation, removeCanonicalHeaderFooterOperations } from "@stll/folio-core/controller/canonicalOperations";
@@ -355,9 +356,10 @@ const HOST_STYLES = {
 	zIndex: -1,
 	pointerEvents: "none"
 };
-const HiddenHeaderFooterPMs = memo(forwardRef(function HiddenHeaderFooterPMs({ document, styles, theme, onTransaction, experimentalSession, getCanonicalApi, onSessionRefusal }, ref) {
+const HiddenHeaderFooterPMs = memo(forwardRef(function HiddenHeaderFooterPMs({ document, readOnly, styles, theme, onTransaction, experimentalSession, getCanonicalApi, onSessionRefusal }, ref) {
 	const hostRef = useRef(null);
 	const documentRef = useRef(document);
+	const readOnlyRef = useRef(readOnly);
 	const stylesRef = useRef(styles);
 	const themeRef = useRef(theme);
 	const onTransactionRef = useRef(onTransaction);
@@ -367,6 +369,7 @@ const HiddenHeaderFooterPMs = memo(forwardRef(function HiddenHeaderFooterPMs({ d
 	const managerRef = useRef(null);
 	useLayoutEffect(() => {
 		documentRef.current = document;
+		readOnlyRef.current = readOnly;
 		stylesRef.current = styles;
 		themeRef.current = theme;
 		onTransactionRef.current = onTransaction;
@@ -376,6 +379,7 @@ const HiddenHeaderFooterPMs = memo(forwardRef(function HiddenHeaderFooterPMs({ d
 		managerRef.current ??= createHeaderFooterEditorManager({
 			getHost: () => hostRef.current,
 			getDocument: () => documentRef.current,
+			getReadOnly: () => readOnlyRef.current ?? false,
 			getStyles: () => stylesRef.current,
 			getTheme: () => themeRef.current,
 			getCanonicalApi: () => canonicalApiRef.current?.() ?? null,
@@ -385,8 +389,10 @@ const HiddenHeaderFooterPMs = memo(forwardRef(function HiddenHeaderFooterPMs({ d
 				onTransactionRef.current?.(rId, kind, view, docChanged, selectionChanged);
 			}
 		});
+		managerRef.current.sync();
 	}, [
 		document,
+		readOnly,
 		styles,
 		theme,
 		onTransaction,
@@ -394,9 +400,6 @@ const HiddenHeaderFooterPMs = memo(forwardRef(function HiddenHeaderFooterPMs({ d
 		experimentalSession,
 		onSessionRefusal
 	]);
-	useEffect(() => {
-		managerRef.current?.sync();
-	});
 	useEffect(() => () => {
 		managerRef.current?.destroy();
 	}, []);
@@ -3045,7 +3048,7 @@ function buildFootnoteRenderItems(pageFootnoteMap, footnoteContentMap, doc) {
 * PagedEditor - Main paginated editing component.
 */
 const PagedEditor = forwardRef(function PagedEditor(props, ref) {
-	const { document, documentIO, documentIdentity, experimentalSession, fonts: hostFonts, styles, theme: _theme, sectionProperties, headerContent, footerContent, firstPageHeaderContent, firstPageFooterContent, headerContentRId, footerContentRId, firstPageHeaderContentRId, firstPageFooterContentRId, readOnly = false, pageGap = 24, zoom = 1, pageRenderer, markupView, showMarginGuides = false, marginGuideColor, onDocumentChange, onReadOnlyEditAttempt, onCopy, onCut, onPaste, onSelectionChange, onSelectionTextChange, onEditorViewReady, externalPlugins = EMPTY_PLUGINS, showTemplateDirectives = true, collaboration, extensionManager, suggestionModeActive = false, suggestionAuthor, onActiveNoteStoryChange, onHeaderFooterDoubleClick, hfEditMode, activeHeaderFooterRId, onBodyClick, className, style, pageEndGutter = 0, sidebarOverlay, scrollContainerRef: scrollContainerRefProp, onHyperlinkClick, onContextMenu, onAnchorPositionsChange, onTotalPagesChange, onError, anchorPositionMode = "comments-and-revisions", onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq } = props;
+	const { document, documentIO, documentIdentity, experimentalSession, fonts: hostFonts, styles, theme: _theme, sectionProperties, headerContent, footerContent, firstPageHeaderContent, firstPageFooterContent, headerContentRId, footerContentRId, firstPageHeaderContentRId, firstPageFooterContentRId, readOnly = false, pageGap = 24, zoom = 1, pageRenderer, markupView, showCommentHighlights = true, showMarginGuides = false, marginGuideColor, onDocumentChange, onReadOnlyEditAttempt, onCopy, onCut, onPaste, onSelectionChange, onSelectionTextChange, onEditorViewReady, externalPlugins = EMPTY_PLUGINS, showTemplateDirectives = true, collaboration, extensionManager, suggestionModeActive = false, suggestionAuthor, onActiveNoteStoryChange, onHeaderFooterDoubleClick, hfEditMode, activeHeaderFooterRId, onBodyClick, className, style, pageEndGutter = 0, sidebarOverlay, scrollContainerRef: scrollContainerRefProp, onHyperlinkClick, onContextMenu, onAnchorPositionsChange, onTotalPagesChange, onError, anchorPositionMode = "comments-and-revisions", onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq } = props;
 	const getScrollContainer = useCallback(() => {
 		if (scrollContainerRefProp && typeof scrollContainerRefProp === "object") return getEditorScrollRoot(scrollContainerRefProp.current);
 		return getEditorScrollRoot(containerRef.current);
@@ -3069,7 +3072,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	const activeNoteStoryRef = useRef(null);
 	const [noteStoryActive, setNoteStoryActive] = useState(false);
 	const painterRef = useRef(null);
-	const noteStoryPlugins = useMemo(() => externalPlugins.filter(({ spec }) => spec.key === suggestionModeKey), [externalPlugins]);
+	const noteStoryPlugins = useMemo(() => externalPlugins.filter((plugin) => suggestionModeKey.owns(plugin)), [externalPlugins]);
 	const handleActiveNoteStoryChange = useCallback((story) => {
 		activeNoteStoryRef.current = story;
 		setNoteStoryActive(story !== null);
@@ -3322,6 +3325,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	const layoutInputSignature = useMemo(() => buildLayoutInputSignature({
 		columns,
 		markupView,
+		showCommentHighlights,
 		contentWidth,
 		defaultTabStop,
 		mirrorMargins,
@@ -3343,6 +3347,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	}), [
 		columns,
 		markupView,
+		showCommentHighlights,
 		contentWidth,
 		defaultTabStop,
 		mirrorMargins,
@@ -3417,7 +3422,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			emptyTemplatePreviewEntries: EMPTY_TEMPLATE_PREVIEW_ENTRIES,
 			emptyTemplatePreviewHidden: EMPTY_TEMPLATE_PREVIEW_HIDDEN,
 			hyphenationReadiness,
-			markupView
+			markupView,
+			showCommentHighlights
 		}, state, options);
 		if (outcome.blocks) setBlocks(outcome.blocks);
 		if (outcome.measures !== void 0) setMeasures(outcome.measures);
@@ -3454,6 +3460,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		mirrorMargins,
 		styles,
 		markupView,
+		showCommentHighlights,
 		layoutInputSignature,
 		hyphenationReadiness
 	]);
@@ -5533,7 +5540,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				setIsFocused(true);
 			});
 		};
-		if (layoutSessionRef.current.lastPmDoc?.eq(view_24.state.doc) && layoutSessionRef.current.lastMeasureInputs?.markupView === markupView) {
+		if (layoutSessionRef.current.lastPmDoc?.eq(view_24.state.doc) && layoutSessionRef.current.lastMeasureInputs?.markupView === markupView && layoutSessionRef.current.lastMeasureInputs?.showCommentHighlights === (showCommentHighlights && markupView !== "no-markup" && markupView !== "original")) {
 			const lastPreview = layoutSessionRef.current.lastTemplatePreview;
 			if (templatePreviewRef.current.mode !== lastPreview.mode || templatePreviewDirtyRange(lastPreview, templatePreviewRef.current) !== null) runLayoutPipeline$1(view_24.state, { reason: "manual" });
 			updateSelectionOverlay(view_24.state);
@@ -5574,7 +5581,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		updateAutocompleteOverlay,
 		readOnly,
 		refreshBodyImeCaretAnchor,
-		markupView
+		markupView,
+		showCommentHighlights
 	]);
 	const handleEditorViewDestroy = useCallback(() => {
 		onEditorViewReadyRef.current?.(null);
@@ -5638,7 +5646,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			}
 			registered = faces;
 			if (faces.length === 0 && familyMap.size === 0) return;
-			setEmbeddedFontFamilyMap(familyMap.size > 0 ? familyMap : null);
+			layoutSessionRef.current.embeddedFontFamilyMap = new Map(familyMap);
 			const view_26 = hiddenPMRef.current?.getView();
 			if (!view_26) return;
 			resetCanvasContext();
@@ -5649,7 +5657,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		return () => {
 			cancelled_1 = true;
 			removeFontFaces(registered);
-			setEmbeddedFontFamilyMap(null);
+			delete layoutSessionRef.current.embeddedFontFamilyMap;
 		};
 	}, [embeddedFontBuffer, runtime]);
 	useEffect(() => {
@@ -5962,6 +5970,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			/* @__PURE__ */ jsx(HiddenHeaderFooterPMs, {
 				ref: hfPMsRef,
 				document,
+				readOnly,
 				onTransaction: handleHfPmTransaction,
 				getCanonicalApi,
 				onSessionRefusal: handleSessionRefusal,
@@ -8339,14 +8348,14 @@ function _temp$10(heading) {
 }
 //#endregion
 //#region src/components/DocxEditorDialogs.tsx
-const FindReplaceDialog = lazy(() => import("./FindReplaceDialog-LlVMe3EW.js").then((n) => n.n).then((m) => ({ default: m.FindReplaceDialog })));
-const TablePropertiesDialog = lazy(() => import("./TablePropertiesDialog-Vu0HXQz6.js").then((n) => n.n).then((m) => ({ default: m.TablePropertiesDialog })));
-const ImagePositionDialog = lazy(() => import("./ImagePositionDialog-Cwt6R8iM.js").then((n) => n.n).then((m) => ({ default: m.ImagePositionDialog })));
-const ImagePropertiesDialog = lazy(() => import("./ImagePropertiesDialog-GNZLBFLB.js").then((n) => n.n).then((m) => ({ default: m.ImagePropertiesDialog })));
-const FootnotePropertiesDialog = lazy(() => import("./FootnotePropertiesDialog-D73t3LNP.js").then((n) => n.n).then((m) => ({ default: m.FootnotePropertiesDialog })));
-const PageSetupDialog = lazy(() => import("./PageSetupDialog-DD6IEZAo.js").then((n) => n.n).then((m) => ({ default: m.PageSetupDialog })));
-const SetNumberingValueDialog = lazy(() => import("./SetNumberingValueDialog-CDQGDvP1.js").then((m) => ({ default: m.SetNumberingValueDialog })));
-const InsertSymbolDialog = lazy(() => import("./InsertSymbolDialog-CeEhkEvc.js").then((n) => n.n).then((m) => ({ default: m.InsertSymbolDialog })));
+const FindReplaceDialog = lazy(() => import("./FindReplaceDialog-CUd8xdgd.js").then((n) => n.n).then((m) => ({ default: m.FindReplaceDialog })));
+const TablePropertiesDialog = lazy(() => import("./TablePropertiesDialog-uSTmyEcu.js").then((n) => n.n).then((m) => ({ default: m.TablePropertiesDialog })));
+const ImagePositionDialog = lazy(() => import("./ImagePositionDialog-Oap9knQ-.js").then((n) => n.n).then((m) => ({ default: m.ImagePositionDialog })));
+const ImagePropertiesDialog = lazy(() => import("./ImagePropertiesDialog-lLMKHv0u.js").then((n) => n.n).then((m) => ({ default: m.ImagePropertiesDialog })));
+const FootnotePropertiesDialog = lazy(() => import("./FootnotePropertiesDialog-BEs7N62_.js").then((n) => n.n).then((m) => ({ default: m.FootnotePropertiesDialog })));
+const PageSetupDialog = lazy(() => import("./PageSetupDialog-DTWCdPkX.js").then((n) => n.n).then((m) => ({ default: m.PageSetupDialog })));
+const SetNumberingValueDialog = lazy(() => import("./SetNumberingValueDialog-twVIZMLc.js").then((m) => ({ default: m.SetNumberingValueDialog })));
+const InsertSymbolDialog = lazy(() => import("./InsertSymbolDialog-Drm40-9j.js").then((n) => n.n).then((m) => ({ default: m.InsertSymbolDialog })));
 function DocxEditorDialogs(t0) {
 	const $ = c(52);
 	const { findReplace, tableProperties, imagePosition, imageProperties, pageSetup, footnoteProperties, insertSymbol, setNumberingValue } = t0;
@@ -10786,8 +10795,8 @@ const useDocumentLoader = (t0) => {
 * editing mode does not switch the display mode.
 */
 function useEditorMode(t0) {
-	const $ = c(24);
-	const { modeProp, onModeChange, readOnlyProp } = t0;
+	const $ = c(28);
+	const { modeProp, onModeChange, readOnlyProp, reviewDisplayMode } = t0;
 	let t1;
 	if ($[0] !== modeProp) {
 		t1 = () => new EditorModeManager(modeProp ?? "editing");
@@ -10809,60 +10818,75 @@ function useEditorMode(t0) {
 		$[5] = t2;
 	} else t2 = $[5];
 	const setEditingMode = t2;
+	let effectiveDisplayMode;
 	let t3;
-	if ($[6] !== editingMode || $[7] !== readOnlyProp) {
-		t3 = isReadOnlyMode(editingMode, readOnlyProp);
-		$[6] = editingMode;
-		$[7] = readOnlyProp;
-		$[8] = t3;
-	} else t3 = $[8];
-	const readOnly = t3;
+	if ($[6] !== displayMode || $[7] !== editingMode || $[8] !== readOnlyProp || $[9] !== reviewDisplayMode) {
+		effectiveDisplayMode = reviewDisplayMode === void 0 ? displayMode : reviewDisplayModeToDisplayMode(reviewDisplayMode);
+		t3 = getEditorReadOnlyReason({
+			editingMode,
+			readOnlyProp,
+			displayMode: effectiveDisplayMode
+		});
+		$[6] = displayMode;
+		$[7] = editingMode;
+		$[8] = readOnlyProp;
+		$[9] = reviewDisplayMode;
+		$[10] = effectiveDisplayMode;
+		$[11] = t3;
+	} else {
+		effectiveDisplayMode = $[10];
+		t3 = $[11];
+	}
+	const readOnlyReason = t3;
+	const readOnly = readOnlyReason !== null;
 	let t4;
-	if ($[9] !== editingMode) {
+	if ($[12] !== editingMode) {
 		t4 = isTrackChangesMode(editingMode);
-		$[9] = editingMode;
-		$[10] = t4;
-	} else t4 = $[10];
+		$[12] = editingMode;
+		$[13] = t4;
+	} else t4 = $[13];
 	const trackChangesOn = t4;
 	let t5;
-	if ($[11] !== editingMode || $[12] !== setEditingMode) {
+	if ($[14] !== editingMode || $[15] !== setEditingMode) {
 		t5 = () => {
 			setEditingMode(toggledTrackChangesMode(editingMode));
 		};
-		$[11] = editingMode;
-		$[12] = setEditingMode;
-		$[13] = t5;
-	} else t5 = $[13];
+		$[14] = editingMode;
+		$[15] = setEditingMode;
+		$[16] = t5;
+	} else t5 = $[16];
 	const toggleTrackChanges = t5;
 	let t6;
-	if ($[14] !== manager) {
+	if ($[17] !== manager) {
 		t6 = (mode_0) => {
 			manager.setDisplayMode(mode_0);
 		};
-		$[14] = manager;
-		$[15] = t6;
-	} else t6 = $[15];
+		$[17] = manager;
+		$[18] = t6;
+	} else t6 = $[18];
 	const setDisplayMode = t6;
 	let t7;
-	if ($[16] !== displayMode || $[17] !== editingMode || $[18] !== readOnly || $[19] !== setDisplayMode || $[20] !== setEditingMode || $[21] !== toggleTrackChanges || $[22] !== trackChangesOn) {
+	if ($[19] !== editingMode || $[20] !== effectiveDisplayMode || $[21] !== readOnly || $[22] !== readOnlyReason || $[23] !== setDisplayMode || $[24] !== setEditingMode || $[25] !== toggleTrackChanges || $[26] !== trackChangesOn) {
 		t7 = {
 			editingMode,
 			setEditingMode,
 			readOnly,
+			readOnlyReason,
 			trackChangesOn,
 			toggleTrackChanges,
-			displayMode,
+			displayMode: effectiveDisplayMode,
 			setDisplayMode
 		};
-		$[16] = displayMode;
-		$[17] = editingMode;
-		$[18] = readOnly;
-		$[19] = setDisplayMode;
-		$[20] = setEditingMode;
-		$[21] = toggleTrackChanges;
-		$[22] = trackChangesOn;
-		$[23] = t7;
-	} else t7 = $[23];
+		$[19] = editingMode;
+		$[20] = effectiveDisplayMode;
+		$[21] = readOnly;
+		$[22] = readOnlyReason;
+		$[23] = setDisplayMode;
+		$[24] = setEditingMode;
+		$[25] = toggleTrackChanges;
+		$[26] = trackChangesOn;
+		$[27] = t7;
+	} else t7 = $[27];
 	return t7;
 }
 //#endregion
@@ -10880,71 +10904,130 @@ function useEditorMode(t0) {
 * from `dialogs/useFindReplace.ts`; this hook layers the document-aware
 * operations (find, replace, scroll-to-match) on top.
 */
+const toEditorFindMatch = ({ from, to, ...match }) => ({
+	...match,
+	contentIndex: 0,
+	authoredRange: {
+		from,
+		to
+	}
+});
 function useFindReplace(t0) {
-	const $ = c(35);
-	const { documentState, getDocumentState, containerRef, handleDocumentChange, findReplace, selectMatch } = t0;
+	const $ = c(49);
+	const { documentState, getDocumentState, getEditorState, markupView: markupViewProp, containerRef, handleDocumentChange, findReplace, selectMatch, readOnlyReason, onReadonlyEditAttempt } = t0;
+	const markupView = markupViewProp ?? "all-markup";
 	let t1;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = new FindReplaceManager();
-		$[0] = t1;
-	} else t1 = $[0];
-	const manager = t1;
+	if ($[0] !== markupView || $[1] !== readOnlyReason) {
+		t1 = getReviewViewReadOnlyReason(markupView) ?? readOnlyReason ?? null;
+		$[0] = markupView;
+		$[1] = readOnlyReason;
+		$[2] = t1;
+	} else t1 = $[2];
+	const replacementRefusal = t1;
+	let t2;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = new FindReplaceManager();
+		$[3] = t2;
+	} else t2 = $[3];
+	const manager = t2;
 	const [currentResult, setCurrentResult] = useState(null);
+	const activeSearch = useRef(null);
 	const { setMatches, goToMatch } = findReplace;
-	let t2;
-	if ($[1] !== setMatches) {
-		t2 = () => {
+	let t3;
+	if ($[4] !== setMatches) {
+		t3 = () => {
+			activeSearch.current = null;
 			manager.clear();
 			setCurrentResult(null);
 			setMatches([], 0);
 		};
-		$[1] = setMatches;
-		$[2] = t2;
-	} else t2 = $[2];
-	const resetFindResult = t2;
-	let t3;
-	if ($[3] !== documentState || $[4] !== getDocumentState) {
-		t3 = () => getDocumentState?.() ?? documentState ?? null;
-		$[3] = documentState;
-		$[4] = getDocumentState;
+		$[4] = setMatches;
 		$[5] = t3;
 	} else t3 = $[5];
-	const readDocumentState = t3;
+	const resetFindResult = t3;
 	let t4;
-	if ($[6] !== containerRef || $[7] !== selectMatch) {
-		t4 = (match) => {
-			if (!selectMatch?.(match) && containerRef.current) scrollToMatch(containerRef.current, match);
-		};
-		$[6] = containerRef;
-		$[7] = selectMatch;
+	if ($[6] !== documentState || $[7] !== getDocumentState) {
+		t4 = () => getDocumentState?.() ?? documentState ?? null;
+		$[6] = documentState;
+		$[7] = getDocumentState;
 		$[8] = t4;
 	} else t4 = $[8];
-	const revealMatch = t4;
+	const readDocumentState = t4;
 	let t5;
-	if ($[9] !== readDocumentState || $[10] !== resetFindResult || $[11] !== revealMatch || $[12] !== setMatches) {
-		t5 = (searchText, options) => {
+	if ($[9] !== containerRef || $[10] !== selectMatch) {
+		t5 = (match) => {
+			if (!selectMatch?.(match) && containerRef.current) scrollToMatch(containerRef.current, match);
+		};
+		$[9] = containerRef;
+		$[10] = selectMatch;
+		$[11] = t5;
+	} else t5 = $[11];
+	const revealMatch = t5;
+	let t6;
+	if ($[12] !== getEditorState || $[13] !== markupView || $[14] !== readDocumentState || $[15] !== resetFindResult || $[16] !== revealMatch || $[17] !== setMatches) {
+		t6 = (searchText, options) => {
 			const currentDocument = readDocumentState();
 			if (!currentDocument || !searchText.trim()) {
 				resetFindResult();
 				return null;
 			}
-			const matches = findInDocument(currentDocument, searchText, options);
+			const editorState = getEditorState?.();
+			let matches;
+			if (markupView === "all-markup") matches = findInDocument(currentDocument, searchText, options);
+			else {
+				if (!editorState) {
+					resetFindResult();
+					return null;
+				}
+				matches = findInMarkupView({
+					state: editorState,
+					markupView,
+					searchText,
+					options
+				}).map(toEditorFindMatch);
+			}
+			activeSearch.current = {
+				searchText,
+				options
+			};
 			const result = manager.setMatches(matches);
 			setCurrentResult(result);
 			setMatches(matches, 0);
 			if (matches.length > 0) revealMatch(matches[0]);
 			return result;
 		};
-		$[9] = readDocumentState;
-		$[10] = resetFindResult;
-		$[11] = revealMatch;
-		$[12] = setMatches;
-		$[13] = t5;
-	} else t5 = $[13];
-	const handleFind = t5;
-	let t6;
-	if ($[14] !== goToMatch || $[15] !== revealMatch) {
-		t6 = () => {
+		$[12] = getEditorState;
+		$[13] = markupView;
+		$[14] = readDocumentState;
+		$[15] = resetFindResult;
+		$[16] = revealMatch;
+		$[17] = setMatches;
+		$[18] = t6;
+	} else t6 = $[18];
+	const handleFind = t6;
+	const previousMarkupView = useRef(markupView);
+	let t7;
+	let t8;
+	if ($[19] !== handleFind || $[20] !== markupView) {
+		t7 = () => {
+			if (previousMarkupView.current === markupView) return;
+			previousMarkupView.current = markupView;
+			const search = activeSearch.current;
+			if (search) handleFind(search.searchText, search.options);
+		};
+		t8 = [markupView, handleFind];
+		$[19] = handleFind;
+		$[20] = markupView;
+		$[21] = t7;
+		$[22] = t8;
+	} else {
+		t7 = $[21];
+		t8 = $[22];
+	}
+	useEffect(t7, t8);
+	let t9;
+	if ($[23] !== goToMatch || $[24] !== revealMatch) {
+		t9 = () => {
 			const stepped = manager.navigate("next");
 			if (!stepped) return null;
 			setCurrentResult(manager.getResult());
@@ -10952,14 +11035,14 @@ function useFindReplace(t0) {
 			revealMatch(stepped.match);
 			return stepped.match;
 		};
-		$[14] = goToMatch;
-		$[15] = revealMatch;
-		$[16] = t6;
-	} else t6 = $[16];
-	const handleFindNext = t6;
-	let t7;
-	if ($[17] !== goToMatch || $[18] !== revealMatch) {
-		t7 = () => {
+		$[23] = goToMatch;
+		$[24] = revealMatch;
+		$[25] = t9;
+	} else t9 = $[25];
+	const handleFindNext = t9;
+	let t10;
+	if ($[26] !== goToMatch || $[27] !== revealMatch) {
+		t10 = () => {
 			const stepped_0 = manager.navigate("previous");
 			if (!stepped_0) return null;
 			setCurrentResult(manager.getResult());
@@ -10967,14 +11050,14 @@ function useFindReplace(t0) {
 			revealMatch(stepped_0.match);
 			return stepped_0.match;
 		};
-		$[17] = goToMatch;
-		$[18] = revealMatch;
-		$[19] = t7;
-	} else t7 = $[19];
-	const handleFindPrevious = t7;
-	let t8;
-	if ($[20] !== handleDocumentChange || $[21] !== readDocumentState) {
-		t8 = (replaceText) => {
+		$[26] = goToMatch;
+		$[27] = revealMatch;
+		$[28] = t10;
+	} else t10 = $[28];
+	const handleFindPrevious = t10;
+	let t11;
+	if ($[29] !== handleDocumentChange || $[30] !== readDocumentState) {
+		t11 = (replaceText) => {
 			const currentDocument_0 = readDocumentState();
 			if (!currentDocument_0) return false;
 			const newDoc = manager.replaceCurrent(currentDocument_0, replaceText);
@@ -10982,14 +11065,14 @@ function useFindReplace(t0) {
 			handleDocumentChange(newDoc);
 			return true;
 		};
-		$[20] = handleDocumentChange;
-		$[21] = readDocumentState;
-		$[22] = t8;
-	} else t8 = $[22];
-	const handleReplace = t8;
-	let t9;
-	if ($[23] !== handleDocumentChange || $[24] !== readDocumentState || $[25] !== resetFindResult) {
-		t9 = (searchText_0, replaceText_0, options_0) => {
+		$[29] = handleDocumentChange;
+		$[30] = readDocumentState;
+		$[31] = t11;
+	} else t11 = $[31];
+	const handleReplace = t11;
+	let t12;
+	if ($[32] !== handleDocumentChange || $[33] !== readDocumentState || $[34] !== resetFindResult) {
+		t12 = (searchText_0, replaceText_0, options_0) => {
 			const currentDocument_1 = readDocumentState();
 			if (!currentDocument_1 || !searchText_0.trim()) return 0;
 			const matches_0 = findInDocument(currentDocument_1, searchText_0, options_0);
@@ -10999,33 +11082,56 @@ function useFindReplace(t0) {
 			resetFindResult();
 			return outcome.replacedCount;
 		};
-		$[23] = handleDocumentChange;
-		$[24] = readDocumentState;
-		$[25] = resetFindResult;
-		$[26] = t9;
-	} else t9 = $[26];
-	const handleReplaceAll = t9;
-	let t10;
-	if ($[27] !== currentResult || $[28] !== handleFind || $[29] !== handleFindNext || $[30] !== handleFindPrevious || $[31] !== handleReplace || $[32] !== handleReplaceAll || $[33] !== resetFindResult) {
-		t10 = {
+		$[32] = handleDocumentChange;
+		$[33] = readDocumentState;
+		$[34] = resetFindResult;
+		$[35] = t12;
+	} else t12 = $[35];
+	const handleReplaceAll = t12;
+	let t13;
+	if ($[36] !== onReadonlyEditAttempt || $[37] !== replacementRefusal) {
+		t13 = () => {
+			if (replacementRefusal) onReadonlyEditAttempt?.(replacementRefusal);
+			return false;
+		};
+		$[36] = onReadonlyEditAttempt;
+		$[37] = replacementRefusal;
+		$[38] = t13;
+	} else t13 = $[38];
+	const refuseReplace = t13;
+	let t14;
+	if ($[39] !== refuseReplace) {
+		t14 = () => {
+			refuseReplace();
+			return 0;
+		};
+		$[39] = refuseReplace;
+		$[40] = t14;
+	} else t14 = $[40];
+	const refuseReplaceAll = t14;
+	const t15 = replacementRefusal ? refuseReplace : handleReplace;
+	const t16 = replacementRefusal ? refuseReplaceAll : handleReplaceAll;
+	let t17;
+	if ($[41] !== currentResult || $[42] !== handleFind || $[43] !== handleFindNext || $[44] !== handleFindPrevious || $[45] !== resetFindResult || $[46] !== t15 || $[47] !== t16) {
+		t17 = {
 			currentResult,
 			resetFindResult,
 			handleFind,
 			handleFindNext,
 			handleFindPrevious,
-			handleReplace,
-			handleReplaceAll
+			handleReplace: t15,
+			handleReplaceAll: t16
 		};
-		$[27] = currentResult;
-		$[28] = handleFind;
-		$[29] = handleFindNext;
-		$[30] = handleFindPrevious;
-		$[31] = handleReplace;
-		$[32] = handleReplaceAll;
-		$[33] = resetFindResult;
-		$[34] = t10;
-	} else t10 = $[34];
-	return t10;
+		$[41] = currentResult;
+		$[42] = handleFind;
+		$[43] = handleFindNext;
+		$[44] = handleFindPrevious;
+		$[45] = resetFindResult;
+		$[46] = t15;
+		$[47] = t16;
+		$[48] = t17;
+	} else t17 = $[48];
+	return t17;
 }
 //#endregion
 //#region src/components/hooks/useHeaderFooterEditor.ts
@@ -11945,7 +12051,7 @@ function roundZoom(zoom) {
 * React hook for Ctrl+scroll zoom functionality
 */
 function useWheelZoom(options = {}) {
-	const { initialZoom = DEFAULT_INITIAL_ZOOM, minZoom = DEFAULT_MIN_ZOOM, maxZoom = DEFAULT_MAX_ZOOM, zoomStep = DEFAULT_ZOOM_STEP, enabled = true, containerRef, getCurrentZoom, onZoomChange, keyboardShortcuts = "document", shortcutRoots = NO_SHORTCUT_ROOTS, preventDefault = true } = options;
+	const { initialZoom = DEFAULT_INITIAL_ZOOM, minZoom = DEFAULT_MIN_ZOOM, maxZoom = DEFAULT_MAX_ZOOM, zoomStep = DEFAULT_ZOOM_STEP, enabled = true, containerRef, getCurrentZoom, onZoomChange, keyboardShortcuts = DEFAULT_KEYBOARD_SHORTCUT_SCOPE, shortcutRoots = NO_SHORTCUT_ROOTS, preventDefault = true } = options;
 	const [zoom, setZoomState] = useState(initialZoom);
 	const zoomRef = useRef(zoom);
 	useEffect(() => {
@@ -13819,7 +13925,7 @@ function _temp(id_4) {
 */
 /** No headings to track while the outline is not shown. */
 const NO_HEADINGS = [];
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-BbwdJakm.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-D7eTgHpL.js").then((m) => ({ default: m.CommentsSidebar })));
 const TextContextMenu = lazy(() => import("./TextContextMenu-DZ3AUFKh.js").then((m) => ({ default: m.TextContextMenu })));
 const loadAttemptSelectiveSave = async () => {
 	const { attemptSelectiveSave } = await import("@stll/folio-core/docx/selectiveSave");
@@ -13921,7 +14027,7 @@ const createPagedEditorBinding = () => {
 /**
 * DocxEditor - Complete DOCX editor component
 */
-const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, document: initialDocument, onSave, author = "User", onChange, onSelectionChange, onSelectionTextChange, onError, onFontsLoaded: onFontsLoadedCallback, fontFamilies, fonts, theme, showToolbar = true, showZoomControl = true, showReviewControls = true, showHeaderFooterEditing = true, pageRenderer, showMarginGuides = false, marginGuideColor, showRuler: showRulerProp = false, rulerUnit = "inch", initialZoom = 1, enableWheelZoom = true, keyboardShortcuts = "document", hostShortcuts: hostShortcutsProp, readOnly: readOnlyProp = false, autoOpenReviewSidebar = true, components, toolbarExtra, className = "", style, placeholder, loadingIndicator, preserveDocumentWhileLoading = false, initialScrollTop, onScrollTopChange, showOutline: showOutlineProp = true, outlineDepth: outlineDepthProp, onOutlineDepthChange, onPrint, onInsertImage, onInsertTable, showTableInsert = true, onInsertPageBreak, onInsertTOC, onCopy, onCut, onPaste, mode: modeProp, onModeChange, onReadonlyEditAttempt, onCompatibilityChange, onEditorViewReady, onAnonymizationMatchesChange, onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq, showTemplateDirectives = false, onSlashMenuChange, onSlashMenuKeyAction, customContextMenuItems, onCustomContextAction, comments: commentsProp, onCommentsChange, collaboration, plugins, featureFlags, experimentalSession, onSelectiveSaveTripwire }, ref) {
+const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, document: initialDocument, onSave, author = "User", onChange, onSelectionChange, onSelectionTextChange, onError, onFontsLoaded: onFontsLoadedCallback, fontFamilies, fonts, theme, showToolbar = true, showZoomControl = true, showReviewControls = true, showHeaderFooterEditing = true, pageRenderer, showMarginGuides = false, marginGuideColor, showRuler: showRulerProp = false, rulerUnit = "inch", initialZoom = 1, enableWheelZoom = true, keyboardShortcuts = DEFAULT_KEYBOARD_SHORTCUT_SCOPE, hostShortcuts: hostShortcutsProp, readOnly: readOnlyProp = false, reviewDisplayMode, showCommentHighlights = true, autoOpenReviewSidebar = true, components, toolbarExtra, className = "", style, placeholder, loadingIndicator, preserveDocumentWhileLoading = false, initialScrollTop, onScrollTopChange, showOutline: showOutlineProp = true, outlineDepth: outlineDepthProp, onOutlineDepthChange, onPrint, onInsertImage, onInsertTable, showTableInsert = true, onInsertPageBreak, onInsertTOC, onCopy, onCut, onPaste, mode: modeProp, onModeChange, onReadonlyEditAttempt, onCompatibilityChange, onEditorViewReady, onAnonymizationMatchesChange, onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq, showTemplateDirectives = false, onSlashMenuChange, onSlashMenuKeyAction, customContextMenuItems, onCustomContextAction, comments: commentsProp, onCommentsChange, collaboration, plugins, featureFlags, experimentalSession, onSelectiveSaveTripwire }, ref) {
 	const pagedEditorRef = useRef(null);
 	const [pagedEditorBinding] = useState(createPagedEditorBinding);
 	const scrollContainerRef = useRef(null);
@@ -13976,10 +14082,11 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		setTrackedChangeEntries(entries);
 	}, []);
 	const [anchorPositions, setAnchorPositions] = useState(EMPTY_ANCHOR_POSITIONS);
-	const { editingMode, readOnly, trackChangesOn, toggleTrackChanges, displayMode, setDisplayMode } = useEditorMode({
+	const { editingMode, readOnly, readOnlyReason, trackChangesOn, toggleTrackChanges, displayMode, setDisplayMode } = useEditorMode({
 		modeProp,
 		onModeChange,
-		readOnlyProp
+		readOnlyProp,
+		...reviewDisplayMode === void 0 ? {} : { reviewDisplayMode }
 	});
 	useEffect(() => {
 		pagedEditorRef.current?.getEditor().setCanonicalMode(editingMode === "suggesting" ? {
@@ -14322,6 +14429,13 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		...!usesCanonicalSession(experimentalSession, CANONICAL_GAP.authorityRouting) ? {} : { experimentalSession },
 		getHfView: pagedEditorBinding.getHfView
 	});
+	useLayoutEffect(() => {
+		if (readOnly && hfEditPosition) handleBodyClick();
+	}, [
+		readOnly,
+		hfEditPosition,
+		handleBodyClick
+	]);
 	let activeHfRId = hfEditIsFirstPage ? activeFirstFooterRId : activeFooterRId;
 	if (hfEditPosition === "header") activeHfRId = hfEditIsFirstPage ? activeFirstHeaderRId : activeHeaderRId;
 	const visibleOutlineHeadings = useMemo(() => filterHeadingsByDepth(outlineHeadings, outlineDepth), [outlineDepth, outlineHeadings]);
@@ -14671,23 +14785,31 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		canonicalCommentsSerialized,
 		onCommentsChange
 	]);
+	const selectFindMatch = useCallback((match) => {
+		const editor_1 = pagedEditorRef.current;
+		const view_8 = editor_1?.getView();
+		if (!editor_1 || !view_8) return false;
+		const range = match.authoredRange ?? resolveFindMatchRange(view_8.state.doc, match);
+		if (!range) return false;
+		editor_1.setSelection(range.from, range.to);
+		requestAnimationFrame(() => {
+			editor_1.scrollToPosition(range.from);
+		});
+		return true;
+	}, []);
+	const notifyReadonlyEditAttempt = useCallback(() => {
+		if (readOnlyReason) onReadonlyEditAttempt?.(readOnlyReason);
+	}, [readOnlyReason, onReadonlyEditAttempt]);
 	const { currentResult: currentFindResult, resetFindResult, handleFind, handleFindNext, handleFindPrevious, handleReplace, handleReplaceAll } = useFindReplace({
 		getDocumentState: buildCurrentDocument,
+		getEditorState: () => pagedEditorRef.current?.getView()?.state ?? null,
+		markupView: displayMode,
 		containerRef,
 		handleDocumentChange,
 		findReplace,
-		selectMatch: useCallback((match) => {
-			const editor_1 = pagedEditorRef.current;
-			const view_8 = editor_1?.getView();
-			if (!editor_1 || !view_8) return false;
-			const range = resolveFindMatchRange(view_8.state.doc, match);
-			if (!range) return false;
-			editor_1.setSelection(range.from, range.to);
-			requestAnimationFrame(() => {
-				editor_1.scrollToPosition(range.from);
-			});
-			return true;
-		}, [])
+		selectMatch: selectFindMatch,
+		readOnlyReason,
+		onReadonlyEditAttempt
 	});
 	useLayoutEffect(() => {
 		resetFindResultRef.current = resetFindResult;
@@ -15480,8 +15602,8 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 					let html = "";
 					let text_1 = "";
 					for (const item_1 of items_0) {
-						if (item_1.types.includes("text/html")) html = await (await item_1.getType("text/html")).text();
-						if (item_1.types.includes("text/plain")) text_1 = await (await item_1.getType("text/plain")).text();
+						if (item_1.types.includes("text/html")) html = await readBlobText(await item_1.getType("text/html"));
+						if (item_1.types.includes("text/plain")) text_1 = await readBlobText(await item_1.getType("text/plain"));
 					}
 					const dt = new DataTransfer();
 					if (html) dt.items.add(html, "text/html");
@@ -15786,6 +15908,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		onError?.(error_1);
 	}, [onError]);
 	useImperativeHandle(ref, () => ({
+		getReadOnlyReason: () => readOnlyReason,
 		getDocument: () => buildCurrentDocument(),
 		hasPendingChanges: () => {
 			const view_21 = pagedEditorRef.current?.getView();
@@ -15812,6 +15935,10 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 			openFind(readFindSelectionSeed());
 		},
 		openReplace: () => {
+			if (readOnlyReason) {
+				notifyReadonlyEditAttempt();
+				return;
+			}
 			openReplace(readFindSelectionSeed());
 		},
 		loadDocument: (document_0) => {
@@ -16234,7 +16361,12 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 		getPageText: (page_1) => {
 			const view_44 = pagedEditorRef.current?.getView();
 			if (!view_44) return null;
-			return getPageTextFromLayout(pagedEditorRef.current?.getEditor()?.getLayout() ?? null, view_44.state.doc, page_1);
+			return getPageTextFromLayout({
+				layout: pagedEditorRef.current?.getEditor()?.getLayout() ?? null,
+				doc: view_44.state.doc,
+				page: page_1,
+				projection: projectMarkupView(view_44.state, displayMode)
+			});
 		},
 		getTargetPage: (target_2, snapshot_6) => {
 			const view_45 = pagedEditorRef.current?.getView();
@@ -16304,6 +16436,9 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 	}), [
 		author,
 		buildCurrentDocument,
+		displayMode,
+		readOnlyReason,
+		notifyReadonlyEditAttempt,
 		scrollPageInfo,
 		handleSave,
 		setZoomWithViewportAnchor,
@@ -17242,6 +17377,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 															documentIO,
 															documentIdentity: loadedDocumentIdentity,
 															markupView: displayMode,
+															showCommentHighlights,
 															...fonts !== void 0 ? { fonts } : {},
 															theme: history.state.package.theme || theme || null,
 															sectionProperties: effectiveSectionProperties ?? null,
@@ -17272,7 +17408,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 															...onCopy !== void 0 ? { onCopy } : {},
 															...onCut !== void 0 ? { onCut } : {},
 															...onPaste !== void 0 ? { onPaste } : {},
-															...onReadonlyEditAttempt !== void 0 ? { onReadOnlyEditAttempt: onReadonlyEditAttempt } : {},
+															...onReadonlyEditAttempt !== void 0 ? { onReadOnlyEditAttempt: notifyReadonlyEditAttempt } : {},
 															onSelectionChange: handlePagedSelectionChange,
 															...onSelectionTextChange !== void 0 ? { onSelectionTextChange } : {},
 															onEditorViewReady: handleBodyViewReady,