@stll/folio-react 0.21.0 → 0.22.0

package/dist/{CommentsSidebar-BN6EX4xT.js → CommentsSidebar-D68oqCy8.js}

@@ -1,4 +1,4 @@
-import { d as containedHandler } from "./renderAsync-D5P4hvJg.js";
+import { d as containedHandler } from "./renderAsync-Dxi_koXh.js";
 import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { CheckIcon, MoreVerticalIcon } from "lucide-react";
 import { useLocale, useTranslations } from "use-intl";

package/dist/compat/eigenpal.d.ts

@@ -1,4 +1,4 @@
-import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-CpeG0afF.js";
+import { c as DocxEditorRef, i as renderAsync, n as EditorHandle, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle } from "../renderAsync-DuY_uo1B.js";
 import { ReactNode } from "react";
 import { CreateEmptyDocumentOptions, createDocumentWithText, createEmptyDocument } from "@stll/folio-core/utils/createDocument";
 //#region src/compat/eigenpal.d.ts

package/dist/compat/eigenpal.js

@@ -1,4 +1,4 @@
-import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-D5P4hvJg.js";
+import { n as DocxEditor$1, t as renderAsync } from "../renderAsync-Dxi_koXh.js";
 import { t as messages_exports } from "../messages.js";
 import { c } from "react-compiler-runtime";
 import { forwardRef } from "react";

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { _ as FolioUIProvider, a as DocxEditorApplyDocumentOperationsOptions, c as DocxEditorRef, d as ToolbarProps, f as EditorMode, g as FolioUIComponents, h as FolioButtonProps, i as renderAsync, l as HighlightPassageOptions, m as ColorPreset, n as EditorHandle, o as DocxEditorCollaboration, p as FontOption, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle, u as HighlightPassageResult, v as OutlineItem, y as FontDefinition } from "./renderAsync-CpeG0afF.js";
+import { _ as FolioUIProvider, a as DocxEditorApplyDocumentOperationsOptions, c as DocxEditorRef, d as ToolbarProps, f as EditorMode, g as FolioUIComponents, h as FolioButtonProps, i as renderAsync, l as HighlightPassageOptions, m as ColorPreset, n as EditorHandle, o as DocxEditorCollaboration, p as FontOption, r as RenderAsyncOptions, s as DocxEditorProps, t as DocxEditorHandle, u as HighlightPassageResult, v as OutlineItem, y as FontDefinition } from "./renderAsync-DuY_uo1B.js";
 import { A as HyperlinkDialog, C as ImagePropertiesData, D as ImagePositionDialog, E as ImagePositionData, F as FindReplaceDialog, I as FindReplaceDialogProps, M as HyperlinkDialogProps, N as FootnotePropertiesDialog, O as ImagePositionDialogProps, P as FootnotePropertiesDialogProps, S as InsertImageDialogProps, T as ImagePropertiesDialogProps, _ as InsertTableStyleOption, a as TablePropertiesDialogProps, b as InsertImageDialog, c as SplitCellDialogProps, d as PasteSpecialMode, f as PageSetupDialog, g as InsertTableDialogProps, h as InsertTableDialogData, i as TablePropertiesDialog, j as HyperlinkDialogData, k as HyperlinkBookmarkOption, l as PasteSpecialDialog, m as InsertTableDialog, n as WatermarkDialogProps, o as SplitCellDialog, p as PageSetupDialogProps, r as TableProperties, s as SplitCellDialogData, t as WatermarkDialog, u as PasteSpecialDialogProps, v as InsertSymbolDialog, w as ImagePropertiesDialog, x as InsertImageDialogData, y as InsertSymbolDialogProps } from "./dialogs-DZz6gVev.js";
 import React, { CSSProperties, ReactNode, RefObject } from "react";
 import { CreateEmptyDocumentOptions, createEmptyDocument } from "@stll/folio-core/utils/createDocument";

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as formatZoom, c as FormattingBar, i as clampZoom, l as ZoomControl, n as DocxEditor, o as parseZoom, r as ZOOM_PRESETS, s as useWheelZoom, t as renderAsync, u as AutocompleteCaretOverlay } from "./renderAsync-D5P4hvJg.js";
+import { a as formatZoom, c as FormattingBar, i as clampZoom, l as ZoomControl, n as DocxEditor, o as parseZoom, r as ZOOM_PRESETS, s as useWheelZoom, t as renderAsync, u as AutocompleteCaretOverlay } from "./renderAsync-Dxi_koXh.js";
 import { n as FolioUIProvider } from "./folio-ui-BgDDRsUX.js";
 import { t as FindReplaceDialog } from "./FindReplaceDialog-CqKK82nE.js";
 import { t as FootnotePropertiesDialog } from "./FootnotePropertiesDialog-CixRdIiT.js";

package/dist/{renderAsync-CpeG0afF.d.ts → renderAsync-DuY_uo1B.d.ts}

@@ -869,8 +869,10 @@ type DocxEditorProps = {
     to: number;
   }) => void) | undefined;
   /**
-   * Operational flags for save-path features. Selective save and its tripwire
-   * mode are OFF by default; hosts opt in once their rollout pipeline is ready.
+   * Operational flags for save-path features. Selective save is ON by
+   * default — a save always succeeds, falling back to a full repack whenever
+   * the patch-safety checks refuse. Pass `featureFlags={{ selectiveSave:
+   * false }}` to always full-repack. The tripwire mode stays OFF by default.
    */
   featureFlags?: FolioSelectiveSaveFlags;
   /**

package/dist/{renderAsync-D5P4hvJg.js → renderAsync-Dxi_koXh.js}

@@ -52,6 +52,7 @@ import { createLatestRequestGate } from "@stll/folio-core/controller/latestReque
 import { runLayoutPipeline } from "@stll/folio-core/controller/layoutPipeline";
 import { browserClock, createLayoutScheduler } from "@stll/folio-core/controller/layoutScheduler";
 import { createLayoutSession } from "@stll/folio-core/controller/layoutSession";
+import { createHyphenationReadiness } from "@stll/folio-core/controller/hyphenationReadiness";
 import { documentFontsAreLoaded, getDocumentFontSet, waitForInitialLayoutFonts } from "@stll/folio-core/controller/fontReadiness";
 import { getFootnoteText } from "@stll/folio-core/docx/footnoteParser";
 import { convertHeaderFooterPmDocToContent, convertHeaderFooterToContent } from "@stll/folio-core/layout-bridge/convert/headerFooterLayout";
@@ -2841,7 +2842,7 @@ function buildFootnoteRenderItems(pageFootnoteMap, footnoteContentMap, doc) {
 * PagedEditor - Main paginated editing component.
 */
 const PagedEditor = forwardRef(function PagedEditor(props, ref) {
-	const { document, documentIO, documentIdentity, fonts: hostFonts, styles, theme: _theme, sectionProperties, headerContent, footerContent, firstPageHeaderContent, firstPageFooterContent, headerContentRId, footerContentRId, firstPageHeaderContentRId, firstPageFooterContentRId, readOnly = false, pageGap = 24, zoom = 1, pageRenderer, 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, commentsSidebarOpen = false, sidebarOverlay, scrollContainerRef: scrollContainerRefProp, onHyperlinkClick, onContextMenu, onAnchorPositionsChange, onTotalPagesChange, anchorPositionMode = "comments-and-revisions", onAnonymizationTermClick, selectedAnonymizationCanonical = null, anonymizationSelectionSeq } = props;
+	const { document, documentIO, documentIdentity, fonts: hostFonts, styles, theme: _theme, sectionProperties, headerContent, footerContent, firstPageHeaderContent, firstPageFooterContent, headerContentRId, footerContentRId, firstPageHeaderContentRId, firstPageFooterContentRId, readOnly = false, pageGap = 24, zoom = 1, pageRenderer, 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, commentsSidebarOpen = false, 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 scrollContainerRefProp.current;
 		return containerRef.current;
@@ -2873,12 +2874,14 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	const onEditorViewReadyRef = useRef(onEditorViewReady);
 	const onDocumentChangeRef = useRef(onDocumentChange);
 	const onTotalPagesChangeRef = useRef(onTotalPagesChange);
+	const onErrorRef = useRef(onError);
 	const lastTotalPagesRef = useRef(null);
 	onSelectionChangeRef.current = onSelectionChange;
 	onSelectionTextChangeRef.current = onSelectionTextChange;
 	onEditorViewReadyRef.current = onEditorViewReady;
 	onDocumentChangeRef.current = onDocumentChange;
 	onTotalPagesChangeRef.current = onTotalPagesChange;
+	onErrorRef.current = onError;
 	const [layout, setLayout] = useState(null);
 	const layoutRef = useRef(layout);
 	layoutRef.current = layout;
@@ -3110,7 +3113,18 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	* 3. Layout blocks onto pages
 	* 4. Paint pages to DOM
 	*/
-	const runLayoutPipeline$1 = useCallback((state, options = {}) => {
+	const [hyphenationReadiness] = useState(() => createHyphenationReadiness({
+		relayout: () => {
+			const view_1 = hiddenPMRef.current?.getView();
+			const state = view_1?.state ?? layoutSessionRef.current.lastEditorState;
+			if (!state) return;
+			runLayoutPipelineRef.current(state, { reason: "hyphenation-ready" });
+			if (view_1) updateSelectionOverlayRef.current(view_1.state);
+		},
+		onError: (error) => onErrorRef.current?.(error)
+	}));
+	useEffect(() => hyphenationReadiness.cancel, [hyphenationReadiness]);
+	const runLayoutPipeline$1 = useCallback((state_0, options = {}) => {
 		const outcome = runLayoutPipeline({
 			contentWidth,
 			columns,
@@ -3147,8 +3161,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			buildFootnoteRenderItems,
 			describeInvalidHighlightMarks,
 			emptyTemplatePreviewEntries: EMPTY_TEMPLATE_PREVIEW_ENTRIES,
-			emptyTemplatePreviewHidden: EMPTY_TEMPLATE_PREVIEW_HIDDEN
-		}, state, options);
+			emptyTemplatePreviewHidden: EMPTY_TEMPLATE_PREVIEW_HIDDEN,
+			hyphenationReadiness
+		}, state_0, options);
 		if (outcome.blocks) setBlocks(outcome.blocks);
 		if (outcome.measures !== void 0) setMeasures(outcome.measures);
 		if (outcome.layout) setLayout(outcome.layout);
@@ -3192,7 +3207,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	if (!folioEditorRef.current) folioEditorRef.current = createFolioEditor({
 		getEditorApi: () => hiddenPMRef.current,
 		getLayout: () => layoutRef.current,
-		runLayout: (state_0, options_0) => runLayoutPipelineRef.current(state_0, options_0),
+		runLayout: (state_1, options_0) => runLayoutPipelineRef.current(state_1, options_0),
 		getDocumentIO: () => documentIORef.current,
 		emitter: folioEmitterRef.current
 	});
@@ -3221,7 +3236,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	]);
 	const layoutSchedulerRef = useRef(null);
 	if (layoutSchedulerRef.current === null) layoutSchedulerRef.current = createLayoutScheduler({
-		runLayout: (state_1, options_1) => runLayoutPipelineRef.current(state_1, options_1),
+		runLayout: (state_2, options_1) => runLayoutPipelineRef.current(state_2, options_1),
 		debounceMs: TRANSACTION_LAYOUT_DEBOUNCE_MS,
 		leadingFrame: true,
 		maxDelayMs: TRANSACTION_LAYOUT_MAX_DELAY_MS,
@@ -3246,8 +3261,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			flushDocumentChangeNotification();
 		}, DOCUMENT_CHANGE_NOTIFY_DELAY);
 	}, [flushDocumentChangeNotification]);
-	const scheduleLayout = useCallback((state_2, dirtyRange) => {
-		layoutSchedulerRef.current?.schedule(state_2, dirtyRange);
+	const scheduleLayout = useCallback((state_3, dirtyRange) => {
+		layoutSchedulerRef.current?.schedule(state_3, dirtyRange);
 	}, []);
 	useEffect(() => () => {
 		layoutSchedulerRef.current?.dispose();
@@ -3274,14 +3289,14 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		} : null;
 	}, []);
 	const refreshBodyImeCaretAnchor = useCallback(() => {
-		const view_1 = hiddenPMRef.current?.getView();
-		if (!view_1) return;
-		const { selection: selection_1 } = view_1.state;
+		const view_2 = hiddenPMRef.current?.getView();
+		if (!view_2) return;
+		const { selection: selection_1 } = view_2.state;
 		const domCaret = selection_1.empty ? getCaretFromDom(selection_1.head, zoom) : null;
 		const overlayRect_0 = (pagesContainerRef.current?.parentElement?.querySelector("[data-testid=\"selection-overlay\"]"))?.getBoundingClientRect();
 		syncImeCaretAnchor({
 			hiddenHost: hiddenPMRef.current?.getHostElement(),
-			editorView: view_1,
+			editorView: view_2,
 			visibleCaret: domCaret && overlayRect_0 ? {
 				left: overlayRect_0.left + domCaret.x * zoom,
 				top: overlayRect_0.top + domCaret.y * zoom
@@ -3291,17 +3306,17 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	/**
 	* Update selection overlay from PM selection.
 	*/
-	const updateSelectionOverlay = useCallback((state_3) => {
-		const { from, to } = state_3.selection;
+	const updateSelectionOverlay = useCallback((state_4) => {
+		const { from, to } = state_4.selection;
 		const isCurrentRequest = selectionOverlayRequestGate.begin();
-		if (directivesRef.current.length > 0) setDirectiveCaretPos(state_3.selection.head);
+		if (directivesRef.current.length > 0) setDirectiveCaretPos(state_4.selection.head);
 		onSelectionChangeRef.current?.(from, to);
 		folioEmitterRef.current.emit("selectionChange", {
 			from,
 			to
 		});
 		if (onSelectionTextChangeRef.current) {
-			const text_0 = from === to ? "" : state_3.doc.textBetween(from, to, " ", " ");
+			const text_0 = from === to ? "" : state_4.doc.textBetween(from, to, " ", " ");
 			onSelectionTextChangeRef.current({
 				from,
 				to,
@@ -3321,7 +3336,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		if (pagesContainerRef.current) {
 			const prevSelected = pagesContainerRef.current.querySelectorAll(".layout-table-cell-selected");
 			for (const el_0 of Array.from(prevSelected)) el_0.classList.remove("layout-table-cell-selected");
-			const sel = state_3.selection;
+			const sel = state_4.selection;
 			if ("$anchorCell" in sel && typeof sel.forEachCell === "function") {
 				const selectedRanges = [];
 				sel.forEachCell((node_0, pos) => {
@@ -3474,8 +3489,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			if (animationFrame !== null) cancelAnimationFrame(animationFrame);
 			animationFrame = requestAnimationFrame(() => {
 				animationFrame = null;
-				const state_4 = hiddenPMRef.current?.getState();
-				if (state_4) updateSelectionOverlayRef.current(state_4);
+				const state_5 = hiddenPMRef.current?.getState();
+				if (state_5) updateSelectionOverlayRef.current(state_5);
 			});
 		};
 		pagesContainer_0.addEventListener(PAINTER_PAINTED_EVENT, repaintSelection);
@@ -3716,7 +3731,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		}
 		updatePassageHighlightOverlay();
 	}, [passageHighlightOverlayRequestGate, updatePassageHighlightOverlay]);
-	const hideSelectionOverlayDuringInput = useCallback((state_5) => {
+	const hideSelectionOverlayDuringInput = useCallback((state_6) => {
 		selectionOverlayRequestGate.invalidate();
 		suppressSelectionOverlayRef.current = true;
 		setCaretPosition(null);
@@ -3725,7 +3740,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		revealSelectionOverlayTimerRef.current = window.setTimeout(() => {
 			revealSelectionOverlayTimerRef.current = null;
 			suppressSelectionOverlayRef.current = false;
-			updateSelectionOverlay(hiddenPMRef.current?.getState() ?? state_5);
+			updateSelectionOverlay(hiddenPMRef.current?.getState() ?? state_6);
 		}, SELECTION_REVEAL_AFTER_INPUT_DELAY);
 	}, [selectionOverlayRequestGate, updateSelectionOverlay]);
 	useEffect(() => () => {
@@ -3834,7 +3849,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	*/
 	const [hfCaretSelection, setHfCaretSelection] = useState(null);
 	const activeHfPageNumberRef = useRef(null);
-	const handleHfPmTransaction = useCallback((rId, kind, view_2, docChanged_0, selectionChanged) => {
+	const handleHfPmTransaction = useCallback((rId, kind, view_3, docChanged_0, selectionChanged) => {
 		if (docChanged_0) {
 			let bodyState = hiddenPMRef.current?.getState();
 			if (!bodyState && precomputedInitialStateRef.current) bodyState = precomputedInitialStateRef.current;
@@ -3845,7 +3860,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			if (bodyState) scheduleLayout(bodyState, null);
 		}
 		if (docChanged_0 || selectionChanged) {
-			const { from: from_1, to: to_1 } = view_2.state.selection;
+			const { from: from_1, to: to_1 } = view_3.state.selection;
 			const pageNumber = activeHfPageNumberRef.current;
 			setHfCaretSelection({
 				rId,
@@ -3861,13 +3876,13 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			});
 		}
 	}, [scheduleLayout, ensureHiddenEditorView]);
-	const handleNoteStoryTransaction = useCallback((view_3, docChanged_1, selectionChanged_0) => {
+	const handleNoteStoryTransaction = useCallback((view_4, docChanged_1, selectionChanged_0) => {
 		if (docChanged_1) {
 			const bodyState_0 = hiddenPMRef.current?.getState();
 			if (bodyState_0) scheduleLayout(bodyState_0, null);
 		}
 		if (docChanged_1 || selectionChanged_0) {
-			const { from: from_2, to: to_2 } = view_3.state.selection;
+			const { from: from_2, to: to_2 } = view_4.state.selection;
 			onSelectionChangeRef.current?.(from_2, to_2);
 			folioEmitterRef.current.emit("selectionChange", {
 				from: from_2,
@@ -3888,19 +3903,19 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	/**
 	* Handle selection change from PM.
 	*/
-	const handleSelectionChange = useCallback((state_6) => {
-		const { selection: selection_2 } = state_6;
+	const handleSelectionChange = useCallback((state_7) => {
+		const { selection: selection_2 } = state_7;
 		if (selection_2 instanceof NodeSelection && selection_2.node.type.name === "image") {
 			setSelectionRects([]);
 			setCaretPosition(null);
-		} else if (syncCoordinator.isSafeToRender()) updateSelectionOverlay(state_6);
+		} else if (syncCoordinator.isSafeToRender()) updateSelectionOverlay(state_7);
 		requestAnimationFrame(() => {
-			const view_4 = hiddenPMRef.current?.getView();
-			if (!view_4) {
+			const view_5 = hiddenPMRef.current?.getView();
+			if (!view_5) {
 				setSelectedImageInfo(null);
 				return;
 			}
-			const { selection: sel_0 } = view_4.state;
+			const { selection: sel_0 } = view_5.state;
 			if (sel_0 instanceof NodeSelection && sel_0.node.type.name === "image") {
 				const pmPos_2 = sel_0.from;
 				const imgEl = pagesContainerRef.current ? findBodyPmAnchor(pagesContainerRef.current, pmPos_2) : null;
@@ -3976,9 +3991,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		return null;
 	}, []);
 	const findCellPosFromPmPos = useCallback((pmPos_4) => {
-		const view_5 = hiddenPMRef.current?.getView();
-		if (!view_5) return null;
-		return findCellPosInDoc(view_5.state.doc, pmPos_4);
+		const view_6 = hiddenPMRef.current?.getView();
+		if (!view_6) return null;
+		return findCellPosInDoc(view_6.state.doc, pmPos_4);
 	}, [findCellPosInDoc]);
 	/**
 	* Find the closest image element from a click target.
@@ -4015,9 +4030,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		});
 	}, [layout, scrollToPositionImpl]);
 	const scrollToParaIdImpl = useCallback((paraId, options_2) => {
-		const state_7 = hiddenPMRef.current?.getState();
-		if (!state_7) return false;
-		const startPos = findStartPosForParaId(state_7.doc, paraId);
+		const state_8 = hiddenPMRef.current?.getState();
+		if (!state_8) return false;
+		const startPos = findStartPosForParaId(state_8.doc, paraId);
 		if (startPos == null || startPos < 0) return false;
 		scrollToPositionImpl(startPos);
 		requestAnimationFrame(() => {
@@ -4025,8 +4040,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				const pages = pagesContainerRef.current;
 				if (pages) flashParagraphFragmentsByParaId(pages, paraId, options_2.highlight);
 			}
-			const targetNode = state_7.doc.nodeAt(startPos);
-			const inner = targetNode?.isTextblock === true ? Math.min(startPos + 1 + targetNode.content.size, state_7.doc.content.size) : Math.min(startPos + 1, state_7.doc.content.size);
+			const targetNode = state_8.doc.nodeAt(startPos);
+			const inner = targetNode?.isTextblock === true ? Math.min(startPos + 1 + targetNode.content.size, state_8.doc.content.size) : Math.min(startPos + 1, state_8.doc.content.size);
 			hiddenPMRef.current?.setSelection(inner);
 			hiddenPMRef.current?.focus();
 		});
@@ -4040,8 +4055,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		}
 		if (!hiddenPMRef.current?.getView()) ensureHiddenEditorView();
 		hiddenPMRef.current?.focus();
-		const view_6 = hiddenPMRef.current?.getView();
-		if (view_6) updateSelectionOverlay(view_6.state);
+		const view_7 = hiddenPMRef.current?.getView();
+		if (view_7) updateSelectionOverlay(view_7.state);
 		setIsFocused(true);
 	}, [
 		ensureHiddenEditorView,
@@ -4072,10 +4087,10 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			cellDragAnchorPosRef.current = null;
 			cellDragContentEndRef.current = null;
 			isCellDraggingRef.current = false;
-			const view_7 = hiddenPMRef.current?.getView();
+			const view_8 = hiddenPMRef.current?.getView();
 			let endPos;
-			if (view_7) {
-				endPos = Math.max(0, view_7.state.doc.content.size - 1);
+			if (view_8) {
+				endPos = Math.max(0, view_8.state.doc.content.size - 1);
 				hiddenPMRef.current?.setSelection(endPos);
 			} else {
 				endPos = Math.max(0, (precomputedInitialStateRef.current?.doc.content.size ?? 1) - 1);
@@ -4095,11 +4110,11 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		queueHiddenEditorSelection
 	]);
 	const copySelectionText = useCallback(() => {
-		const view_8 = hiddenPMRef.current?.getView();
-		if (!view_8) return false;
-		const { from: from_3, to: to_3 } = view_8.state.selection;
+		const view_9 = hiddenPMRef.current?.getView();
+		if (!view_9) return false;
+		const { from: from_3, to: to_3 } = view_9.state.selection;
 		if (from_3 === to_3) return false;
-		const text_1 = view_8.state.doc.textBetween(from_3, to_3, "\n");
+		const text_1 = view_9.state.doc.textBetween(from_3, to_3, "\n");
 		if (!text_1) return false;
 		if (navigator.clipboard === void 0) return false;
 		navigator.clipboard.writeText(text_1).catch(() => void 0);
@@ -4196,9 +4211,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			const colIndex = Number.parseInt(target_1.dataset["columnIndex"] ?? "0", 10);
 			resizeColumnIndexRef.current = colIndex;
 			resizeTablePmStartRef.current = Number.parseInt(target_1.dataset["tablePmStart"] ?? "0", 10);
-			const view_9 = resizeViewForRead;
-			if (view_9) {
-				const $pos_1 = view_9.state.doc.resolve(resizeTablePmStartRef.current + 1);
+			const view_10 = resizeViewForRead;
+			if (view_10) {
+				const $pos_1 = view_10.state.doc.resolve(resizeTablePmStartRef.current + 1);
 				for (let d_0 = $pos_1.depth; d_0 >= 0; d_0--) {
 					const node_2 = $pos_1.node(d_0);
 					if (node_2.type.name === "table") {
@@ -4228,9 +4243,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			const rowIndex = Number.parseInt(target_1.dataset["rowIndex"] ?? "0", 10);
 			resizeRowIndexRef.current = rowIndex;
 			resizeRowTablePmStartRef.current = Number.parseInt(target_1.dataset["tablePmStart"] ?? "0", 10);
-			const view_10 = resizeViewForRead;
-			if (view_10) {
-				const $pos_2 = view_10.state.doc.resolve(resizeRowTablePmStartRef.current + 1);
+			const view_11 = resizeViewForRead;
+			if (view_11) {
+				const $pos_2 = view_11.state.doc.resolve(resizeRowTablePmStartRef.current + 1);
 				for (let d_1 = $pos_2.depth; d_1 >= 0; d_1--) {
 					const node_3 = $pos_2.node(d_1);
 					if (node_3.type.name === "table") {
@@ -4263,9 +4278,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			const colIndex_0 = Number.parseInt(target_1.dataset["columnIndex"] ?? "0", 10);
 			resizeRightEdgeColIndexRef.current = colIndex_0;
 			resizeRightEdgePmStartRef.current = Number.parseInt(target_1.dataset["tablePmStart"] ?? "0", 10);
-			const view_11 = resizeViewForRead;
-			if (view_11) {
-				const $pos_3 = view_11.state.doc.resolve(resizeRightEdgePmStartRef.current + 1);
+			const view_12 = resizeViewForRead;
+			if (view_12) {
+				const $pos_3 = view_12.state.doc.resolve(resizeRightEdgePmStartRef.current + 1);
 				for (let d_2 = $pos_3.depth; d_2 >= 0; d_2--) {
 					const node_4 = $pos_3.node(d_2);
 					if (node_4.type.name === "table") {
@@ -4464,18 +4479,18 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				resizeHandleRef.current.classList.remove("dragging");
 				resizeHandleRef.current = null;
 			}
-			const view_12 = (resizingHfSurfaceRef.current ? hfPMsRef.current?.getView(resizingHfSurfaceRef.current.rId) : hiddenPMRef.current?.getView()) ?? null;
+			const view_13 = (resizingHfSurfaceRef.current ? hfPMsRef.current?.getView(resizingHfSurfaceRef.current.rId) : hiddenPMRef.current?.getView()) ?? null;
 			resizingHfSurfaceRef.current = null;
-			if (view_12) {
+			if (view_13) {
 				const pmStart_0 = resizeTablePmStartRef.current;
 				const colIdx = resizeColumnIndexRef.current;
 				const { left: newLeft, right: newRight } = resizeOrigWidthsRef.current;
-				const $pos_5 = view_12.state.doc.resolve(pmStart_0 + 1);
+				const $pos_5 = view_13.state.doc.resolve(pmStart_0 + 1);
 				for (let d_3 = $pos_5.depth; d_3 >= 0; d_3--) {
 					const node_5 = $pos_5.node(d_3);
 					if (node_5.type.name === "table") {
 						const tablePos = $pos_5.before(d_3);
-						const tr = view_12.state.tr;
+						const tr = view_13.state.tr;
 						const tableAttrs = expectTableAttrs(node_5);
 						if (!tableAttrs.columnWidths) break;
 						const widths_1 = [...tableAttrs.columnWidths];
@@ -4501,7 +4516,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 							});
 							rowOffset += row.nodeSize;
 						});
-						view_12.dispatch(tr);
+						view_13.dispatch(tr);
 						break;
 					}
 				}
@@ -4514,18 +4529,18 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				resizeRowHandleRef.current.classList.remove("dragging");
 				resizeRowHandleRef.current = null;
 			}
-			const view_13 = (resizingHfSurfaceRef.current ? hfPMsRef.current?.getView(resizingHfSurfaceRef.current.rId) : hiddenPMRef.current?.getView()) ?? null;
+			const view_14 = (resizingHfSurfaceRef.current ? hfPMsRef.current?.getView(resizingHfSurfaceRef.current.rId) : hiddenPMRef.current?.getView()) ?? null;
 			resizingHfSurfaceRef.current = null;
-			if (view_13) {
+			if (view_14) {
 				const pmStart_1 = resizeRowTablePmStartRef.current;
 				const rowIdx = resizeRowIndexRef.current;
 				const newHeight_0 = resizeRowOrigHeightRef.current;
-				const $pos_6 = view_13.state.doc.resolve(pmStart_1 + 1);
+				const $pos_6 = view_14.state.doc.resolve(pmStart_1 + 1);
 				for (let d_4 = $pos_6.depth; d_4 >= 0; d_4--) {
 					const node_6 = $pos_6.node(d_4);
 					if (node_6.type.name === "table") {
 						const tablePos_0 = $pos_6.before(d_4);
-						const tr_0 = view_13.state.tr;
+						const tr_0 = view_14.state.tr;
 						let rowOffset_0 = tablePos_0 + 1;
 						let idx = 0;
 						node_6.forEach((row_0) => {
@@ -4536,7 +4551,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 							rowOffset_0 += row_0.nodeSize;
 							idx++;
 						});
-						view_13.dispatch(tr_0);
+						view_14.dispatch(tr_0);
 						break;
 					}
 				}
@@ -4549,18 +4564,18 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				resizeRightEdgeHandleRef.current.classList.remove("dragging");
 				resizeRightEdgeHandleRef.current = null;
 			}
-			const view_14 = (resizingHfSurfaceRef.current ? hfPMsRef.current?.getView(resizingHfSurfaceRef.current.rId) : hiddenPMRef.current?.getView()) ?? null;
+			const view_15 = (resizingHfSurfaceRef.current ? hfPMsRef.current?.getView(resizingHfSurfaceRef.current.rId) : hiddenPMRef.current?.getView()) ?? null;
 			resizingHfSurfaceRef.current = null;
-			if (view_14) {
+			if (view_15) {
 				const pmStart_2 = resizeRightEdgePmStartRef.current;
 				const colIdx_0 = resizeRightEdgeColIndexRef.current;
 				const newWidth_1 = resizeRightEdgeOrigWidthRef.current;
-				const $pos_7 = view_14.state.doc.resolve(pmStart_2 + 1);
+				const $pos_7 = view_15.state.doc.resolve(pmStart_2 + 1);
 				for (let d_5 = $pos_7.depth; d_5 >= 0; d_5--) {
 					const node_7 = $pos_7.node(d_5);
 					if (node_7.type.name === "table") {
 						const tablePos_1 = $pos_7.before(d_5);
-						const tr_1 = view_14.state.tr;
+						const tr_1 = view_15.state.tr;
 						const tableAttrs_0 = expectTableAttrs(node_7);
 						if (!tableAttrs_0.columnWidths) break;
 						const widths_2 = [...tableAttrs_0.columnWidths];
@@ -4582,7 +4597,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 							});
 							rowOffset_1 += row_1.nodeSize;
 						});
-						view_14.dispatch(tr_1);
+						view_15.dispatch(tr_1);
 						break;
 					}
 				}
@@ -4724,13 +4739,13 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		e_2.preventDefault();
 		e_2.stopPropagation();
 		if (!tableInsertButton || !hiddenPMRef.current) return;
-		const view_15 = hiddenPMRef.current.getView();
-		if (!view_15) return;
+		const view_16 = hiddenPMRef.current.getView();
+		if (!view_16) return;
 		const { type, cellPmPos } = tableInsertButton;
-		const tr_2 = view_15.state.tr.setSelection(TextSelection$1.create(view_15.state.doc, cellPmPos + 1));
-		view_15.dispatch(tr_2);
-		if (type === "row") addRowBelow(view_15.state, view_15.dispatch);
-		else addColumnRight(view_15.state, view_15.dispatch);
+		const tr_2 = view_16.state.tr.setSelection(TextSelection$1.create(view_16.state.doc, cellPmPos + 1));
+		view_16.dispatch(tr_2);
+		if (type === "row") addRowBelow(view_16.state, view_16.dispatch);
+		else addColumnRight(view_16.state, view_16.dispatch);
 		setTableInsertButton(null);
 		hiddenPMRef.current.focus();
 	}, [tableInsertButton]);
@@ -4757,10 +4772,10 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			if (href.startsWith("#")) {
 				const bookmarkName = href.slice(1);
 				if (bookmarkName && hiddenPMRef.current) {
-					const view_16 = hiddenPMRef.current.getView();
-					if (view_16) {
+					const view_17 = hiddenPMRef.current.getView();
+					if (view_17) {
 						const targetPos = { value: null };
-						view_16.state.doc.descendants((node_8, pos_2) => {
+						view_17.state.doc.descendants((node_8, pos_2) => {
 							if (targetPos.value !== null) return false;
 							if (node_8.type.name === "paragraph") {
 								if (node_8.attrs["bookmarks"]?.some((b) => b.name === bookmarkName)) {
@@ -4849,9 +4864,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		if (e_3.detail === 2 && hiddenPMRef.current) {
 			const pmPos_12 = getPositionFromMouse(e_3.clientX, e_3.clientY);
 			if (pmPos_12 !== null) {
-				const view_17 = hiddenPMRef.current.getView();
-				if (view_17) {
-					const { doc: doc_0 } = view_17.state;
+				const view_18 = hiddenPMRef.current.getView();
+				if (view_18) {
+					const { doc: doc_0 } = view_18.state;
 					const $pos_9 = doc_0.resolve(pmPos_12);
 					const parent_0 = $pos_9.parent;
 					if (parent_0.isTextblock) {
@@ -4877,9 +4892,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		if (e_3.detail === 3 && hiddenPMRef.current) {
 			const pmPos_13 = getPositionFromMouse(e_3.clientX, e_3.clientY);
 			if (pmPos_13 !== null) {
-				const view_18 = hiddenPMRef.current.getView();
-				if (view_18) {
-					const { doc: doc_1 } = view_18.state;
+				const view_19 = hiddenPMRef.current.getView();
+				if (view_19) {
+					const { doc: doc_1 } = view_19.state;
 					const $pos_10 = doc_1.resolve(pmPos_13);
 					const paragraphStart = $pos_10.start($pos_10.depth);
 					const paragraphEnd = $pos_10.end($pos_10.depth);
@@ -4924,9 +4939,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				}
 			}
 		}
-		const view_19 = hiddenPMRef.current?.getView();
-		if (!view_19) return;
-		const { from: from_5, to: to_5 } = view_19.state.selection;
+		const view_20 = hiddenPMRef.current?.getView();
+		if (!view_20) return;
+		const { from: from_5, to: to_5 } = view_20.state.selection;
 		const pmPos_15 = getPositionFromMouse(e_4.clientX, e_4.clientY);
 		if (pmPos_15 !== null && (from_5 === to_5 || pmPos_15 < from_5 || pmPos_15 > to_5)) {
 			hiddenPMRef.current?.setSelection(pmPos_15);
@@ -4967,9 +4982,9 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	* Handle image resize from the overlay.
 	*/
 	const handleImageResize = useCallback((pmPos_16, newWidth_2, newHeight_1) => {
-		const view_20 = hiddenPMRef.current?.getView();
-		if (!view_20) return;
-		const committed = commitImageResize(view_20, pmPos_16, newWidth_2, newHeight_1);
+		const view_21 = hiddenPMRef.current?.getView();
+		if (!view_21) return;
+		const committed = commitImageResize(view_21, pmPos_16, newWidth_2, newHeight_1);
 		if (committed !== null) hiddenPMRef.current?.setNodeSelection(committed);
 	}, []);
 	/**
@@ -4989,10 +5004,10 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	* to the drop position determined by mouse coordinates.
 	*/
 	const handleImageDragMove = useCallback((pmPos_17, clientX_1, clientY_1) => {
-		const view_21 = hiddenPMRef.current?.getView();
-		if (!view_21) return;
+		const view_22 = hiddenPMRef.current?.getView();
+		if (!view_22) return;
 		try {
-			const node_11 = view_21.state.doc.nodeAt(pmPos_17);
+			const node_11 = view_22.state.doc.nodeAt(pmPos_17);
 			if (!node_11 || node_11.type.name !== "image") return;
 			let committed_0 = null;
 			if (isFloatingImage(node_11)) {
@@ -5015,11 +5030,11 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				const dropX = (clientX_1 - contentRect.left) / zoom;
 				const dropY = (clientY_1 - contentRect.top) / zoom;
 				const PIXELS_TO_EMU = 914400 / 96;
-				committed_0 = commitImageFloatMove(view_21, pmPos_17, Math.round(dropX * PIXELS_TO_EMU), Math.round(dropY * PIXELS_TO_EMU));
+				committed_0 = commitImageFloatMove(view_22, pmPos_17, Math.round(dropX * PIXELS_TO_EMU), Math.round(dropY * PIXELS_TO_EMU));
 			} else {
 				const dropPos = getPositionFromMouse(clientX_1, clientY_1);
 				if (dropPos === null) return;
-				committed_0 = commitImageInlineMove(view_21, pmPos_17, dropPos);
+				committed_0 = commitImageInlineMove(view_22, pmPos_17, dropPos);
 			}
 			if (committed_0 !== null) hiddenPMRef.current?.setNodeSelection(committed_0);
 		} catch {}
@@ -5048,11 +5063,11 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			return;
 		}
 		if (e_7.target instanceof HTMLElement && e_7.target.closest("[data-hf-r-id], [data-note-kind][data-note-id]")) return;
-		let view_22 = hiddenPMRef.current?.getView();
-		if (!view_22) {
+		let view_23 = hiddenPMRef.current?.getView();
+		if (!view_23) {
 			ensureHiddenEditorView({ sync: true });
-			view_22 = hiddenPMRef.current?.getView();
-			if (view_22) {
+			view_23 = hiddenPMRef.current?.getView();
+			if (view_23) {
 				if (isPlainTextInputEvent(e_7)) {
 					e_7.preventDefault();
 					queueHiddenEditorTextInput(e_7.key);
@@ -5075,7 +5090,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			}
 			return;
 		}
-		if (pendingHiddenEditorSelectionRef.current || queuedInputBeforeHiddenEditorRef.current.length > 0) applyPendingHiddenEditorInput(view_22);
+		if (pendingHiddenEditorSelectionRef.current || queuedInputBeforeHiddenEditorRef.current.length > 0) applyPendingHiddenEditorInput(view_23);
 		if (!hiddenPMRef.current?.isFocused()) focusHiddenEditor();
 		if (["PageUp", "PageDown"].includes(e_7.key) && !e_7.metaKey && !e_7.ctrlKey) {}
 		if (e_7.key === "Home" && (e_7.metaKey || e_7.ctrlKey)) {
@@ -5168,20 +5183,20 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 	/**
 	* Run initial layout when document or view changes.
 	*/
-	const handleEditorViewReady = useCallback((view_23) => {
-		onEditorViewReadyRef.current?.(view_23);
-		anonymizationMatchesRef.current = anonymizationDecorationsKey.getState(view_23.state)?.matches ?? [];
-		const initialSuggestion = autocompleteSuggestionKey.getState(view_23.state)?.suggestion;
+	const handleEditorViewReady = useCallback((view_24) => {
+		onEditorViewReadyRef.current?.(view_24);
+		anonymizationMatchesRef.current = anonymizationDecorationsKey.getState(view_24.state)?.matches ?? [];
+		const initialSuggestion = autocompleteSuggestionKey.getState(view_24.state)?.suggestion;
 		if (initialSuggestion !== void 0) autocompleteSuggestionRef.current = initialSuggestion;
 		updateAutocompleteOverlay();
-		directivesRef.current = templateDirectivesKey.getState(view_23.state)?.ranges ?? [];
-		const previewState = templatePreviewValuesKey.getState(view_23.state);
+		directivesRef.current = templateDirectivesKey.getState(view_24.state)?.ranges ?? [];
+		const previewState = templatePreviewValuesKey.getState(view_24.state);
 		templatePreviewRef.current = {
 			entries: previewState?.entries ?? EMPTY_TEMPLATE_PREVIEW_ENTRIES,
 			hidden: previewState?.hidden ?? EMPTY_TEMPLATE_PREVIEW_HIDDEN,
 			mode: previewState?.preview?.mode ?? "plain"
 		};
-		const aiState = aiSuggestionDecorationsKey.getState(view_23.state);
+		const aiState = aiSuggestionDecorationsKey.getState(view_24.state);
 		aiSuggestionsRef.current = {
 			suggestions: aiState?.suggestions ?? EMPTY_AI_SUGGESTIONS,
 			focusedId: aiState?.focusedId ?? null
@@ -5189,17 +5204,17 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		const focusReadyView = () => {
 			if (readOnly || !shouldFocusHiddenEditorOnReadyRef.current) return;
 			requestAnimationFrame(() => {
-				if (hiddenPMRef.current?.getView() !== view_23) return;
-				applyPendingHiddenEditorInput(view_23);
-				view_23.focus();
+				if (hiddenPMRef.current?.getView() !== view_24) return;
+				applyPendingHiddenEditorInput(view_24);
+				view_24.focus();
 				refreshBodyImeCaretAnchor();
 				setIsFocused(true);
 			});
 		};
-		if (layoutSessionRef.current.lastPmDoc?.eq(view_23.state.doc)) {
+		if (layoutSessionRef.current.lastPmDoc?.eq(view_24.state.doc)) {
 			const lastPreview = layoutSessionRef.current.lastTemplatePreview;
-			if (templatePreviewRef.current.mode !== lastPreview.mode || templatePreviewDirtyRange(lastPreview, templatePreviewRef.current) !== null) runLayoutPipeline$1(view_23.state, { reason: "manual" });
-			updateSelectionOverlay(view_23.state);
+			if (templatePreviewRef.current.mode !== lastPreview.mode || templatePreviewDirtyRange(lastPreview, templatePreviewRef.current) !== null) runLayoutPipeline$1(view_24.state, { reason: "manual" });
+			updateSelectionOverlay(view_24.state);
 			updateAnonymizationOverlay();
 			updateDirectivesOverlay();
 			updateAISuggestionsOverlay();
@@ -5218,7 +5233,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		const runAfterFontWait_0 = (fontsLoaded_0) => {
 			pendingInitialFontReadyLayoutRef.current = false;
 			const currentView_0 = hiddenPMRef.current?.getView();
-			if (currentView_0 !== view_23) return;
+			if (currentView_0 !== view_24) return;
 			recordLayoutPhase("initial", "initial-fonts", performance.now() - fontWaitStartedAt_0);
 			resetCanvasContext();
 			clearAllCaches();
@@ -5228,7 +5243,7 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 				suppressFontReadyUntilRef.current = performance.now() + INITIAL_FONT_READY_SUPPRESSION_MS;
 			}
 		};
-		waitForInitialLayoutFonts(document, view_23.state.doc).then(runAfterFontWait_0, () => runAfterFontWait_0(false));
+		waitForInitialLayoutFonts(document, view_24.state.doc).then(runAfterFontWait_0, () => runAfterFontWait_0(false));
 		focusReadyView();
 	}, [
 		applyPendingHiddenEditorInput,
@@ -5290,12 +5305,12 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		};
 		const handleFontsLoaded = () => {
 			if (pendingInitialFontReadyLayoutRef.current || performance.now() < suppressFontReadyUntilRef.current || layoutSessionRef.current.usedLoadedFonts) return;
-			const view_24 = hiddenPMRef.current?.getView();
-			if (view_24) {
+			const view_25 = hiddenPMRef.current?.getView();
+			if (view_25) {
 				resetCanvasContext();
 				clearAllCaches();
-				runLayoutPipelineRef.current(view_24.state, { reason: "font-ready" });
-				updateSelectionOverlayRef.current(view_24.state);
+				runLayoutPipelineRef.current(view_25.state, { reason: "font-ready" });
+				updateSelectionOverlayRef.current(view_25.state);
 			}
 		};
 		fontSet.addEventListener("loading", handleFontsLoading);
@@ -5320,12 +5335,12 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			registered = faces;
 			if (faces.length === 0 && familyMap.size === 0) return;
 			setEmbeddedFontFamilyMap(familyMap.size > 0 ? familyMap : null);
-			const view_25 = hiddenPMRef.current?.getView();
-			if (!view_25) return;
+			const view_26 = hiddenPMRef.current?.getView();
+			if (!view_26) return;
 			resetCanvasContext();
 			clearAllCaches();
-			runLayoutPipelineRef.current(view_25.state, { reason: "font-ready" });
-			updateSelectionOverlayRef.current(view_25.state);
+			runLayoutPipelineRef.current(view_26.state, { reason: "font-ready" });
+			updateSelectionOverlayRef.current(view_26.state);
 		});
 		return () => {
 			cancelled_1 = true;
@@ -5338,12 +5353,12 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		let cancelled_2 = false;
 		let registered_0 = [];
 		const remeasureForFontChange = () => {
-			const view_26 = hiddenPMRef.current?.getView();
-			if (!view_26) return;
+			const view_27 = hiddenPMRef.current?.getView();
+			if (!view_27) return;
 			resetCanvasContext();
 			clearAllCaches();
-			runLayoutPipelineRef.current(view_26.state, { reason: "font-ready" });
-			updateSelectionOverlayRef.current(view_26.state);
+			runLayoutPipelineRef.current(view_27.state, { reason: "font-ready" });
+			updateSelectionOverlayRef.current(view_27.state);
 		};
 		loadHostFontFaces(hostFonts).then((faces_0) => {
 			if (cancelled_2) {
@@ -5369,20 +5384,20 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			lastLayoutInputSignatureRef.current = layoutInputSignature;
 			return;
 		}
-		const view_27 = hiddenPMRef.current?.getView();
-		if (view_27) {
+		const view_28 = hiddenPMRef.current?.getView();
+		if (view_28) {
 			const layoutInputsChanged = lastLayoutInputSignatureRef.current !== layoutInputSignature;
 			lastLayoutInputSignatureRef.current = layoutInputSignature;
-			if (!layoutInputsChanged && view_27.state.doc === layoutSessionRef.current.lastPmDoc) return;
-			runLayoutPipelineRef.current(view_27.state, { reason: "layout-input" });
+			if (!layoutInputsChanged && view_28.state.doc === layoutSessionRef.current.lastPmDoc) return;
+			runLayoutPipelineRef.current(view_28.state, { reason: "layout-input" });
 		}
 	}, [document, layoutInputSignature]);
 	useEffect(() => {
 		const container = containerRef.current;
 		if (!container) return;
 		const observer = new ResizeObserver(() => {
-			const state_8 = hiddenPMRef.current?.getState();
-			if (state_8) updateSelectionOverlay(state_8);
+			const state_9 = hiddenPMRef.current?.getState();
+			if (state_9) updateSelectionOverlay(state_9);
 		});
 		observer.observe(container);
 		return () => observer.disconnect();
@@ -5442,8 +5457,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			setIsFocused(true);
 		},
 		blur() {
-			const view_28 = getActiveEditorStory().view;
-			if (view_28?.hasFocus() && view_28.dom instanceof HTMLElement) view_28.dom.blur();
+			const view_29 = getActiveEditorStory().view;
+			if (view_29?.hasFocus() && view_29.dom instanceof HTMLElement) view_29.dom.blur();
 			setIsFocused(false);
 		},
 		isFocused() {
@@ -5519,25 +5534,25 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 			return bestNumber;
 		},
 		getBlockRect(blockId) {
-			const state_9 = folioEditor.getState();
+			const state_10 = folioEditor.getState();
 			const pagesContainer_6 = pagesContainerRef.current;
 			const scrollRoot = getScrollContainer();
-			if (!state_9 || !pagesContainer_6 || !scrollRoot) return null;
+			if (!state_10 || !pagesContainer_6 || !scrollRoot) return null;
 			return readBlockRects({
 				blockIds: [blockId],
-				snapshot: createFolioAIEditSnapshot$1(state_9.doc),
+				snapshot: createFolioAIEditSnapshot$1(state_10.doc),
 				pagesContainer: pagesContainer_6,
 				scrollRoot
 			}).get(blockId) ?? null;
 		},
 		getBlockRects(blockIds) {
-			const state_10 = folioEditor.getState();
+			const state_11 = folioEditor.getState();
 			const pagesContainer_7 = pagesContainerRef.current;
 			const scrollRoot_0 = getScrollContainer();
-			if (!state_10 || !pagesContainer_7 || !scrollRoot_0) return /* @__PURE__ */ new Map();
+			if (!state_11 || !pagesContainer_7 || !scrollRoot_0) return /* @__PURE__ */ new Map();
 			return readBlockRects({
 				blockIds,
-				snapshot: createFolioAIEditSnapshot$1(state_10.doc),
+				snapshot: createFolioAIEditSnapshot$1(state_11.doc),
 				pagesContainer: pagesContainer_7,
 				scrollRoot: scrollRoot_0
 			});
@@ -5566,8 +5581,8 @@ const PagedEditor = forwardRef(function PagedEditor(props, ref) {
 		onTotalPagesChangeRef.current?.(totalPages);
 	}, [layout]);
 	useEffect(() => {
-		const state_11 = hiddenPMRef.current?.getState();
-		if (layout && state_11) updateSelectionOverlay(state_11);
+		const state_12 = hiddenPMRef.current?.getState();
+		if (layout && state_12) updateSelectionOverlay(state_12);
 	}, [layout, updateSelectionOverlay]);
 	const totalHeight = useMemo(() => {
 		if (!layout) return DEFAULT_PAGE_HEIGHT_PX + 48;
@@ -12260,7 +12275,7 @@ function useFolioComments({ doc, autoOpenReviewSidebar, anchorPositions, editorC
 * - Error boundary
 * - Loading states
 */
-const CommentsSidebar = lazy(() => import("./CommentsSidebar-BN6EX4xT.js").then((m) => ({ default: m.CommentsSidebar })));
+const CommentsSidebar = lazy(() => import("./CommentsSidebar-D68oqCy8.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");
@@ -15043,6 +15058,7 @@ const DocxEditor = forwardRef(function DocxEditor({ documentBuffer, password, do
 													anonymizationSelectionSeq,
 													...showCommentsSidebar ? { onAnchorPositionsChange: setAnchorPositions } : {},
 													onTotalPagesChange: handleTotalPagesChange,
+													onError: handleEditorError,
 													scrollContainerRef,
 													sidebarOverlay: commentsSidebarOverlay
 												}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stll/folio-react",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "description": "React editor for folio: a Word-document (.docx) editor for the browser, built on @stll/folio-core and ProseMirror.",
   "keywords": [
     "document-editor",
@@ -75,7 +75,7 @@
     "@fontsource/noto-sans-arabic": "^5.2.7",
     "@fontsource/source-sans-3": "^5.2.9",
     "@fontsource/tinos": "^5.2.7",
-    "@stll/folio-core": "^0.47.0",
+    "@stll/folio-core": "^0.49.0",
     "better-result": "3.0.1",
     "lucide-react": "1.24.0",
     "prosemirror-history": "^1.5.0",