@a3s-lab/office 0.3.0 → 0.4.0

package/dist/0~document-editor.js

@@ -3,12 +3,12 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import extension_placeholder from "@tiptap/extension-placeholder";
 import { EditorContent, useEditor } from "@tiptap/react";
 import { Fragment as external_react_Fragment, forwardRef, useCallback, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
-import { Extension } from "@tiptap/core";
+import { Extension, createNodeFromContent } from "@tiptap/core";
 import { NodeSelection, Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
 import { Decoration, DecorationSet } from "@tiptap/pm/view";
-import { AArrowDown, AArrowUp, AlignCenter, AlignJustify, AlignLeft, AlignRight, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, ArrowDown, ArrowUp, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, Bold, BookMarked, BookOpen, Check, CheckCheck, CheckCircle2, ChevronDown, ChevronRight, ChevronUp, ClipboardCopy, ClipboardPaste, Cloud, Columns3, Eraser, FileDiff, FilePlus2, FileText, Globe2, Grid2X2, Hash, Highlighter, Image, IndentDecrease, IndentIncrease, Italic, Link2, List, ListChecks, ListOrdered, MessageSquarePlus, MessageSquareReply, MessagesSquare, MoveVertical, Paintbrush, Palette, PanelBottom, PanelBottomOpen, PanelLeftOpen, PanelTop, PanelTopOpen, Pilcrow, PilcrowLeft, PilcrowRight, Plus, Quote, Redo2, RefreshCw, Replace, ReplaceAll, RotateCcw, Rows3, Ruler, Scan, Search, Settings2, StretchHorizontal, Strikethrough, Subscript, Superscript, Table2, TableCellsMerge, TableCellsSplit, TableProperties, TextWrap, Trash2, Underline, Undo2, Unlink, X, XCircle, ZoomIn, ZoomOut } from "lucide-react";
+import { AArrowDown, AArrowUp, AlignCenter, AlignJustify, AlignLeft, AlignRight, AlignVerticalJustifyCenter, AlignVerticalJustifyEnd, AlignVerticalJustifyStart, ArrowDown, ArrowUp, BetweenHorizontalEnd, BetweenHorizontalStart, BetweenVerticalEnd, BetweenVerticalStart, Bold, BookMarked, BookOpen, Bookmark, Check, CheckCheck, CheckCircle2, ChevronDown, ChevronRight, ChevronUp, ClipboardCopy, ClipboardPaste, Cloud, Columns3, Eraser, FileDiff, FilePlus2, FileText, Globe2, Grid2X2, Hash, Highlighter, Image, IndentDecrease, IndentIncrease, Italic, Link2, List, ListChecks, ListOrdered, MessageSquarePlus, MessageSquareReply, MessagesSquare, MoveVertical, Paintbrush, Palette, PanelBottom, PanelBottomOpen, PanelLeftOpen, PanelTop, PanelTopOpen, Pilcrow, PilcrowLeft, PilcrowRight, Plus, Quote, Redo2, RefreshCw, Replace, ReplaceAll, RotateCcw, Rows3, Ruler, Scan, Search, Settings2, StretchHorizontal, Strikethrough, Subscript, Superscript, Table2, TableCellsMerge, TableCellsSplit, TableProperties, TextWrap, Trash2, TriangleAlert, Underline, Undo2, Unlink, X, XCircle, ZoomIn, ZoomOut } from "lucide-react";
+import { Node as model_Node } from "@tiptap/pm/model";
 import extension_color from "@tiptap/extension-color";
-import extension_image from "@tiptap/extension-image";
 import { TableKit } from "@tiptap/extension-table";
 import extension_text_align from "@tiptap/extension-text-align";
 import { TextStyle } from "@tiptap/extension-text-style";
@@ -16,27 +16,49 @@ import extension_underline from "@tiptap/extension-underline";
 import starter_kit from "@tiptap/starter-kit";
 import { BubbleMenu } from "@tiptap/react/menus";
 import { TableMap, isInTable, selectedRect } from "@tiptap/pm/tables";
-import { nextDocumentTabAlignment, normalizedTabPosition, documentParagraphTabStops, DEFAULT_DOCUMENT_TABLE_CELL_MARGINS, documentImageLayoutOptions, documentImageProperties, normalizeDocumentTabStops } from "./0~4750.js";
-import { documentTableRowRepeats, documentTableRowOptions, documentTableCellFormat, activeDocumentTableStyle, DEFAULT_DOCUMENT_TABLE_CELL_FORMAT, documentTableRowCantSplit, documentTableHorizontalAlignment, DOCUMENT_TABLE_STYLE_OPTIONS, canSetDocumentTableRowRepeatHeader } from "./0~2582.js";
-import { normalizeDocumentHtml, documentInitialSectionLayout, isValidDocumentCitationTag, sanitizeDocumentPageChromeHtml, mountWorkLiveDocumentCapture, resolveWorkDocumentEditorInput, createDocumentBibliography, syncDocumentContentFromHtml, clampDocumentMargin, documentMargins, millimetersToPixels as work_document_layout_millimetersToPixels, documentCitationStyleDetails, updateDocumentPageChromeVariant, normalizeDocumentColumns, documentPageChromeLegacyFields, resolveDocumentPageChrome, setCustomDocumentColumns, documentCitationStyle, normalizeDocumentPageChrome, createWorkDocumentModel, documentSectionLayoutFromNodeAttributes, updateDocumentColumnWidth } from "./2881.js";
 import { useOfficeTaskPaneEscape, normalizeOfficeFontFamily, OfficeCheckbox, useOfficeDialog, useOfficeTaskPaneModal, CommittedOfficeNumberField, officeFontFamilyLabel, officeFontFamilies, CollectionState, createOfficeKernelClient, OfficeNumberField } from "./0~7048.js";
-import { office_text_field_OfficeTextArea, Popover, officeOverlayPortalRoot, button_Button, icon_button_IconButton, office_text_field_OfficeTextField, useDialogFocusScope, useOfficeEditorWheelZoom, office_text_field_OfficeFileInput } from "./0~9512.js";
+import { office_text_field_OfficeTextArea, Popover, officeOverlayPortalRoot, button_Button, useOfficePublishPresenceLocation, OfficeTiptapPresenceLayer, icon_button_IconButton, office_text_field_OfficeTextField, useDialogFocusScope, useOfficeEditorWheelZoom, office_text_field_OfficeFileInput } from "./0~6090.js";
 import { WorkOfficePreviewBar, isWorkspaceContextMenuKeyboardEvent, Tabs, WorkOfficeZoomControls, WorkOfficeStatusBar, Dialog, WorkOfficeRibbon, workspaceContextMenuPosition, OfficeSelect, WorkspaceContextMenu, WorkOfficeRibbonGroup, WorkOfficeRibbonButton } from "./0~4595.js";
-import { createOfficeId as createWorkId } from "./1134.js";
-import { canInsertDocumentComment, documentTableSizing, activeDocumentSection, documentCommentViews, retainAnchoredDocumentComments, DocumentSubscript, documentCitationCount, documentBulletListStyle, collectDocumentChanges, editorDocumentCaptionTargets, collectDocumentCommentAnchors, documentTabLeaderLabel, documentOrderedListState, MAX_DOCUMENT_NUMBERING_START, documentCommentDraftRange, DocumentSuperscript, documentSectionById, createWorkDocumentExtensions } from "./0~work-document-extensions.js";
+import { documentTableSizing, documentTableRowOptions, documentCommentViews, documentParagraphSpacing, documentPageBordersVisible, DOCUMENT_PAGE_BORDER_EDGES, normalizeDocumentColumns, clampDocumentMargin, normalizeDocumentTabStops, DOCUMENT_BOOKMARK_DUPLICATE_MESSAGE, createWorkDocumentModel, nextDocumentTabAlignment, documentBookmarkNameExists, normalizedTabPosition, DocumentImage, collectDocumentChanges, documentCitationCount, isDocumentParagraphArtBorderStyle, resolveDocumentPageMargins, updateDocumentPageMarginMode, resolveDocumentPageBorders, canSetDocumentTableRowRepeatHeader, MAX_DOCUMENT_IMAGE_RELATIVE_HEIGHT, retainAnchoredDocumentComments, measureDocumentLayoutBlocks, DocumentTableRowIdentity, work_document_page_margins_twipsToMillimeters, DEFAULT_DOCUMENT_TABLE_CELL_FORMAT, resolveWorkDocumentEditorInput, collectDocumentTextLayoutParagraphs, millimetersToPixels as work_document_layout_millimetersToPixels, documentBulletListStyle, readOfficeDocumentCollaboration as readWorkOfficeDocumentCollaboration, documentTabLeaderLabel, documentOrderedListState, normalizeDocumentPageChrome, documentPageMarginsForLayout, documentTableCellFormat, updateDocumentCustomPageMillimeters, documentCommentDraftRange, normalizeDocumentPageGeometry, documentParagraphTabStops, normalizeDocumentImageLayer, documentImageProperties, documentParagraphIndent, documentTableHorizontalAlignment, isValidDocumentCitationTag, canInsertDocumentComment, sanitizeDocumentPageChromeHtml, pageTwipsToMillimeters, normalizeDocumentPageBorders, DocumentParagraphFormatting, activeDocumentSection, documentTextLayoutBatches, normalizeDocumentImageWrapSide, normalizeDocumentHtml, documentParagraphDirection, documentParagraphPagination, updateDocumentPageOrientation, documentCitationStyleDetails, documentInitialSectionLayout, documentPageChromeLegacyFields, setCustomDocumentColumns, collectDocumentCommentAnchors, documentCitationStyle, updateDocumentPageMarginMillimeters, canChangeDocumentIndent, validateDocumentBookmarkName, DEFAULT_DOCUMENT_TABLE_CELL_MARGINS, DocumentSuperscript, documentSectionById, DOCUMENT_TABLE_STYLE_OPTIONS, updateDocumentColumnWidth, updateDocumentPaperSizePreset, DocumentEquation, documentPageMetrics, normalizeDocumentParagraphIndent, updateDocumentGutterPosition, mountWorkLiveDocumentCapture, activeDocumentBookmark, createDocumentBibliography, DocumentSubscript, DocumentParagraphIdentity, syncDocumentContentFromHtml, updateDocumentPageChromeVariant, editorDocumentCaptionTargets, resolveDocumentPageChrome, updateDocumentMirrorMargins, documentImageLayoutOptions, MAX_DOCUMENT_NUMBERING_START, resolveDocumentPageSize, activeDocumentTableStyle, editorDocumentBookmarkReferenceTargets, createOfficeDocumentCollaborationBinding as createWorkOfficeDocumentCollaborationBinding, createWorkDocumentExtensions } from "./8928.js";
+import { createOfficeId as createWorkId } from "./5184.js";
 import { normalizeDocumentHref, DOCUMENT_LINK_VALIDATION_MESSAGE } from "./0~work-document-links.js";
 import { OfficeColorPicker, isOfficeShortcutBlocked } from "./0~3635.js";
 import { OfficeTableInsertPopover, readOfficeFileAsDataUrl } from "./0~9445.js";
-import { documentParagraphSpacing, normalizeDocumentParagraphIndent, documentParagraphDirection, documentParagraphPagination, documentParagraphIndent, canChangeDocumentIndent } from "./0~5861.js";
 import { mergeOfficeTiptapExtensions, documentTextStatistics, documentCurrentPage, documentPageCount, documentAgentMenuItems, createWorkDocumentSelectionSnapshot, documentPlainTextAsHtml, createWorkDocumentSelectionAction, documentCustomSelectionMenuItems } from "./0~5050.js";
-import { OFFICE_DOCUMENT_LAYOUT_HEBREW_FONT_ID, WorkEditorLoadingState, OFFICE_DOCUMENT_LAYOUT_FONT_ID, OFFICE_DOCUMENT_LAYOUT_ARABIC_FONT_ID, documentLayoutFontKey, OFFICE_DOCUMENT_LAYOUT_LATIN_FONT_ID } from "./432.js";
-import { useOfficeDraft } from "./0~use-office-draft.js";
+import { WorkEditorLoadingState, documentLayoutFontKey, useOfficeCollaborationLocationNavigator, OFFICE_DOCUMENT_LAYOUT_HEBREW_FONT_ID, useOfficeEditorInitialFocus, OFFICE_DOCUMENT_LAYOUT_FONT_ID, OFFICE_DOCUMENT_LAYOUT_ARABIC_FONT_ID, OFFICE_DOCUMENT_LAYOUT_LATIN_FONT_ID } from "./432.js";
+import { useOfficeDraft, InlineNotice } from "./0~345.js";
 import { documentPageColor, normalizeDocumentPageColor } from "./0~work-document-page-color.js";
 var document_editor_namespaceObject = {};
 __webpack_require__.r(document_editor_namespaceObject);
 __webpack_require__.d(document_editor_namespaceObject, {
     DocumentEditor: ()=>DocumentEditor
 });
+function documentPageSurfaceGeometry(pages, fallback, requestedPageCount = pages.length) {
+    const pageCount = Math.max(1, Math.trunc(requestedPageCount));
+    const metrics = Array.from({
+        length: pageCount
+    }, (_, pageIndex)=>pages[pageIndex] ?? fallback);
+    const width = Math.max(1, ...metrics.map((page)=>page.width));
+    let top = 0;
+    const frames = metrics.map((page, pageIndex)=>{
+        const frame = {
+            height: page.height,
+            left: (width - page.width) / 2,
+            page,
+            pageIndex,
+            top,
+            width: page.width
+        };
+        top += page.height;
+        if (pageIndex + 1 < metrics.length) top += page.pageGap;
+        return frame;
+    });
+    return {
+        frames,
+        height: Math.max(1, top),
+        width
+    };
+}
 function pageBreakDecorations(pageBreak) {
     const tableBreak = pageBreak.tableBreak;
     if (tableBreak?.cellBreaks?.length) {
@@ -149,14 +171,19 @@ function documentTableRepeatedHeaderElement(tableBreak, extraClassName = '') {
 }
 function applyDocumentPageBreakVariables(element, pageBreak) {
     element.style.setProperty('--work-document-page-spacer-height', `${pageBreak.spacerHeight}px`);
-    element.style.setProperty('--work-document-page-gap-offset', `${pageBreak.remainingBodyHeight + pageBreak.page.marginBottom}px`);
-    element.style.setProperty('--work-document-page-gap-height', `${pageBreak.page.pageGap}px`);
+    element.style.setProperty('--work-document-page-gap-offset', `${pageBreak.remainingBodyHeight + pageBreak.previousPage.marginBottom}px`);
+    element.style.setProperty('--work-document-page-gap-height', `${pageBreak.previousPage.pageGap}px`);
     element.style.setProperty('--work-document-previous-page-footer-top', `${pageBreak.remainingBodyHeight}px`);
-    element.style.setProperty('--work-document-next-page-header-top', `${pageBreak.remainingBodyHeight + pageBreak.page.marginBottom + pageBreak.page.pageGap}px`);
-    element.style.setProperty('--work-document-page-header-height', `${pageBreak.page.headerHeight}px`);
-    element.style.setProperty('--work-document-page-footer-height', `${pageBreak.page.footerHeight}px`);
-    element.style.setProperty('--work-document-page-margin-left', `${pageBreak.page.marginLeft}px`);
-    element.style.setProperty('--work-document-page-margin-right', `${pageBreak.page.marginRight}px`);
+    element.style.setProperty('--work-document-next-page-header-top', `${pageBreak.remainingBodyHeight + pageBreak.previousPage.marginBottom + pageBreak.previousPage.pageGap}px`);
+    element.style.setProperty('--work-document-page-header-height', `${pageBreak.nextPage.headerHeight}px`);
+    element.style.setProperty('--work-document-page-footer-height', `${pageBreak.previousPage.footerHeight}px`);
+    element.style.setProperty('--work-document-page-margin-left', `${pageBreak.nextPage.marginLeft}px`);
+    element.style.setProperty('--work-document-page-margin-right', `${pageBreak.nextPage.marginRight}px`);
+    const previousPageOffset = (pageBreak.nextPage.width - pageBreak.previousPage.width) / 2;
+    element.style.setProperty('--work-document-previous-page-margin-left', `${previousPageOffset + pageBreak.previousPage.marginLeft}px`);
+    element.style.setProperty('--work-document-previous-page-margin-right', `${previousPageOffset + pageBreak.previousPage.marginRight}px`);
+    element.style.setProperty('--work-document-next-page-margin-left', `${pageBreak.nextPage.marginLeft}px`);
+    element.style.setProperty('--work-document-next-page-margin-right', `${pageBreak.nextPage.marginRight}px`);
     element.style.setProperty('--work-document-break-inline-offset-left', `${pageBreak.inlineOffsetLeft}px`);
     element.style.setProperty('--work-document-break-inline-offset-right', `${pageBreak.inlineOffsetRight}px`);
 }
@@ -263,1273 +290,6 @@ function documentPaginationState(state) {
         revision: 0
     };
 }
-function reusableDocumentLayoutBlocks(previous, blockId, element, nodeTo, dirtyFrom) {
-    if (nodeTo > dirtyFrom) return [];
-    return previous.filter((candidate)=>candidate.block.id === blockId || candidate.block.flowId === blockId).map((candidate)=>({
-            ...candidate,
-            block: {
-                ...candidate.block
-            },
-            element
-        }));
-}
-function isDocumentListNode(node) {
-    return 'bulletList' === node.type.name || 'orderedList' === node.type.name;
-}
-function documentListChildId(listId, itemIndex, node, childIndex, nestedList = isDocumentListNode(node)) {
-    const kind = nestedList ? 'list' : node.type.name;
-    return `${listId}-item-${itemIndex}-${kind}-${childIndex}`;
-}
-function verticalBlockStart(style) {
-    return nonNegativePixels(style.marginTop) + nonNegativePixels(style.paddingTop) + nonNegativePixels(style.borderTopWidth);
-}
-function verticalBlockEnd(style) {
-    return nonNegativePixels(style.marginBottom) + nonNegativePixels(style.paddingBottom) + nonNegativePixels(style.borderBottomWidth);
-}
-function documentInlineOffsets(editor, element) {
-    const elementRect = element.getBoundingClientRect();
-    const editorRect = editor.view.dom.getBoundingClientRect();
-    const scaleX = editor.view.dom.offsetWidth > 0 ? editorRect.width / editor.view.dom.offsetWidth : 1;
-    return {
-        inlineOffsetLeft: Math.max(0, (elementRect.left - editorRect.left) / Math.max(scaleX, 0.01)),
-        inlineOffsetRight: Math.max(0, (editorRect.right - elementRect.right) / Math.max(scaleX, 0.01))
-    };
-}
-function documentNodeParagraphPagination(node) {
-    return {
-        keepLines: directNodeBoolean(node, 'keepLines') ?? false,
-        keepWithNext: directNodeBoolean(node, 'keepWithNext') ?? 'heading' === node.type.name,
-        pageBreakBefore: directNodeBoolean(node, 'pageBreakBefore') ?? false,
-        widowControl: directNodeBoolean(node, 'widowControl') ?? true
-    };
-}
-function directNodeBoolean(node, attribute) {
-    const value = node.attrs[attribute];
-    return 'boolean' == typeof value ? value : null;
-}
-function measuredDocumentBlock({ block, element, from, to }) {
-    return {
-        block,
-        element,
-        from,
-        to,
-        inlineOffsetLeft: 0,
-        inlineOffsetRight: 0,
-        observeResize: true
-    };
-}
-function shouldKeepDocumentBlockTogether(node) {
-    return 'table' === node.type.name || 'blockquote' === node.type.name || 'codeBlock' === node.type.name || 'image' === node.type.name || 'documentNote' === node.type.name;
-}
-function documentPaginationLayoutKey(layout) {
-    return JSON.stringify({
-        margins: layout.margins,
-        orientation: layout.orientation,
-        pageSize: layout.pageSize
-    });
-}
-function documentBlockId(sectionPosition, index, position) {
-    return `section-${sectionPosition}-block-${index}-${position}`;
-}
-function work_document_pagination_dom_outerHeight(element) {
-    if (!element) return 0;
-    const style = getComputedStyle(element);
-    return element.offsetHeight + nonNegativePixels(style.marginTop) + nonNegativePixels(style.marginBottom);
-}
-function nonNegativePixels(value) {
-    const parsed = Number.parseFloat(value);
-    return Number.isFinite(parsed) ? Math.max(0, parsed) : 0;
-}
-function positivePixels(value) {
-    const parsed = Number.parseFloat(value);
-    return Number.isFinite(parsed) && parsed > 0 ? parsed : 0;
-}
-function finitePixels(value) {
-    const parsed = Number.parseFloat(value);
-    return Number.isFinite(parsed) ? parsed : 0;
-}
-function elementForNode(editor, position) {
-    const node = editor.view.nodeDOM(position);
-    if (!node || node.nodeType !== Node.ELEMENT_NODE) return null;
-    return node;
-}
-const MAX_DOCUMENT_TEXT_LAYOUT_PARAGRAPHS = 1024;
-const MAX_DOCUMENT_TEXT_LAYOUT_RUNS = 16384;
-const MAX_DOCUMENT_TEXT_LAYOUT_BYTES = 1048576;
-const MAX_DOCUMENT_TEXT_LAYOUT_RUNS_PER_PARAGRAPH = 4096;
-const MAX_DOCUMENT_TEXT_LAYOUT_FONTS_PER_RUN = 8;
-function collectDocumentTextLayoutParagraphs(editor, fonts, loadedFontIds, previous = null, dirtyFrom = 0) {
-    const paragraphs = [];
-    if (!fonts.length || 0 === loadedFontIds.size) return {
-        paragraphs
-    };
-    let runCount = 0;
-    let textBytes = 0;
-    const collectParagraph = (node, element, id, position)=>{
-        if (paragraphs.length >= MAX_DOCUMENT_TEXT_LAYOUT_PARAGRAPHS) return;
-        if (reusableDocumentLayoutBlocks(previous?.blocks ?? [], id, element, position + node.nodeSize, dirtyFrom).length) return;
-        const paragraph = documentTextLayoutParagraph(node, element, id, fonts, loadedFontIds);
-        if (!paragraph) return;
-        const paragraphBytes = utf8ByteLength(paragraph.text);
-        if (runCount + paragraph.runs.length > MAX_DOCUMENT_TEXT_LAYOUT_RUNS || textBytes + paragraphBytes > MAX_DOCUMENT_TEXT_LAYOUT_BYTES) return;
-        runCount += paragraph.runs.length;
-        textBytes += paragraphBytes;
-        paragraphs.push(paragraph);
-    };
-    editor.state.doc.forEach((section, sectionPosition)=>{
-        if ('documentSection' !== section.type.name) return;
-        let requiresBrowserLineMeasurement = false;
-        section.forEach((node, offset, index)=>{
-            if (paragraphs.length >= MAX_DOCUMENT_TEXT_LAYOUT_PARAGRAPHS) return;
-            if (isFloatingSquareDocumentImage(node)) {
-                requiresBrowserLineMeasurement = true;
-                return;
-            }
-            if (requiresBrowserLineMeasurement) return;
-            const position = sectionPosition + offset + 1;
-            const element = elementForNode(editor, position);
-            if (!element) return;
-            const id = documentBlockId(sectionPosition, index, position);
-            if (isDocumentListNode(node)) return void collectDocumentListTextLayoutParagraphs(editor, node, position, id, collectParagraph);
-            collectParagraph(node, element, id, position);
-        });
-    });
-    return {
-        paragraphs
-    };
-}
-function isFloatingSquareDocumentImage(node) {
-    return 'image' === node.type.name && 'square' === node.attrs.layout && ('left' === node.attrs.alignment || 'right' === node.attrs.alignment);
-}
-function collectDocumentListTextLayoutParagraphs(editor, list, listPosition, listId, collectParagraph) {
-    list.forEach((item, itemOffset, itemIndex)=>{
-        if ('listItem' !== item.type.name) return;
-        const itemPosition = listPosition + itemOffset + 1;
-        item.forEach((node, offset, index)=>{
-            const position = itemPosition + offset + 1;
-            const nestedList = isDocumentListNode(node);
-            const id = documentListChildId(listId, itemIndex, node, index, nestedList);
-            if (nestedList) return void collectDocumentListTextLayoutParagraphs(editor, node, position, id, collectParagraph);
-            const element = elementForNode(editor, position);
-            if (element) collectParagraph(node, element, id, position);
-        });
-    });
-}
-function utf8ByteLength(value) {
-    let bytes = 0;
-    for(let index = 0; index < value.length; index += 1){
-        const code = value.charCodeAt(index);
-        if (code <= 0x7f) bytes += 1;
-        else if (code <= 0x7ff) bytes += 2;
-        else if (code >= 0xd800 && code <= 0xdbff && index + 1 < value.length && value.charCodeAt(index + 1) >= 0xdc00 && value.charCodeAt(index + 1) <= 0xdfff) {
-            bytes += 4;
-            index += 1;
-        } else bytes += 3;
-    }
-    return bytes;
-}
-function documentTextLayoutParagraph(node, element, id, fonts, loadedFontIds) {
-    const text = documentTextLayoutContent(node);
-    if (!isDocumentLineFragmentNode(node) || null === text || text.length < 2 || text.includes('\u00ad') || element.querySelector('img,br,table,[data-document-note],[contenteditable="false"]:not(.work-document-auto-page-break):not([data-document-tab])')) return null;
-    const style = getComputedStyle(element);
-    const paragraphStyle = documentTextParagraphStyle(style);
-    const hasTabs = text.includes('\t');
-    if (!paragraphStyle || hasTabs && 'ltr' !== paragraphStyle.direction) return null;
-    const runs = collectDocumentTextLayoutRuns(element, text, fonts, loadedFontIds, paragraphStyle);
-    if (!runs) return null;
-    const width = element.clientWidth || element.offsetWidth || positivePixels(style.width);
-    const maxWidth = width - nonNegativePixels(style.paddingLeft) - nonNegativePixels(style.paddingRight);
-    if (maxWidth <= 1) return null;
-    const textIndent = finitePixels(style.textIndent);
-    return {
-        id,
-        text,
-        runs,
-        maxWidth,
-        firstLineMaxWidth: Math.max(1, maxWidth - textIndent),
-        direction: paragraphStyle.direction,
-        whiteSpace: paragraphStyle.whiteSpace,
-        ...hasTabs ? {
-            tabLayout: {
-                origin: nonNegativePixels(style.marginLeft),
-                firstLineIndent: textIndent,
-                defaultInterval: 48,
-                stops: normalizeDocumentTabStops(node.attrs.tabStops).map(({ position, alignment })=>({
-                        position,
-                        alignment
-                    }))
-            }
-        } : {}
-    };
-}
-function isDocumentLineFragmentNode(node) {
-    return 'paragraph' === node.type.name || 'heading' === node.type.name;
-}
-function documentTextLayoutContent(node) {
-    const content = [];
-    let supported = true;
-    node.forEach((child)=>{
-        if (child.isText) content.push(child.text ?? '');
-        else if ('documentTab' === child.type.name) content.push('\t');
-        else supported = false;
-    });
-    return supported ? content.join('') : null;
-}
-function collectDocumentTextLayoutRuns(element, expectedText, fonts, loadedFontIds, paragraphStyle = documentTextParagraphStyle(getComputedStyle(element))) {
-    if (!paragraphStyle) return null;
-    const tokens = documentTextLayoutDomTokens(element);
-    if (!tokens) return null;
-    const text = [];
-    const runs = [];
-    let utf16Offset = 0;
-    for (const token of tokens){
-        const runStyle = documentTextLayoutRunStyle(getComputedStyle(token.styleElement), fonts, loadedFontIds, paragraphStyle, token.styleElement === element);
-        if (!runStyle) return null;
-        const startUtf16 = utf16Offset;
-        utf16Offset += token.text.length;
-        text.push(token.text);
-        const previous = runs.at(-1);
-        if (previous && previous.endUtf16 === startUtf16 && documentTextLayoutRunStyleKey(previous) === documentTextLayoutRunStyleKey(runStyle)) previous.endUtf16 = utf16Offset;
-        else runs.push({
-            startUtf16,
-            endUtf16: utf16Offset,
-            ...runStyle
-        });
-        if (runs.length > MAX_DOCUMENT_TEXT_LAYOUT_RUNS_PER_PARAGRAPH) return null;
-    }
-    return text.join('') === expectedText && runs.length ? runs : null;
-}
-function documentTextLayoutDomTokens(element) {
-    const tokens = [];
-    const visit = (node)=>{
-        if (node.nodeType === Node.TEXT_NODE) {
-            const textNode = node;
-            if (!textNode.data.length) return true;
-            const parent = textNode.parentElement;
-            if (!parent) return false;
-            tokens.push({
-                text: textNode.data,
-                styleElement: parent
-            });
-            return true;
-        }
-        if (node.nodeType !== Node.ELEMENT_NODE) return true;
-        const child = node;
-        if (child.classList.contains('work-document-auto-page-break')) return true;
-        if (child.matches('[data-document-tab]')) {
-            tokens.push({
-                text: '\t',
-                styleElement: child.parentElement ?? element
-            });
-            return true;
-        }
-        if ('false' === child.contentEditable) return true;
-        return Array.from(child.childNodes).every(visit);
-    };
-    return Array.from(element.childNodes).every(visit) ? tokens : null;
-}
-function documentTextParagraphStyle(style) {
-    if (!cssValueIs(style.whiteSpace, 'normal', 'break-spaces') || !cssValueIs(style.overflowWrap, 'normal', 'anywhere', 'break-word') || !cssValueIs(style.wordBreak, 'normal') || !cssValueIs(style.hyphens, 'manual', 'none') || !cssValueIs(style.textTransform, 'none') || !cssValueIs(style.unicodeBidi, 'normal', 'isolate')) return null;
-    return {
-        direction: 'rtl' === style.direction ? 'rtl' : 'ltr',
-        whiteSpace: 'break-spaces' === style.whiteSpace ? 'breakSpaces' : 'normal'
-    };
-}
-function documentTextLayoutRunStyle(style, fonts, loadedFontIds, paragraphStyle, paragraphRoot) {
-    const direction = 'rtl' === style.direction ? 'rtl' : 'ltr';
-    const whiteSpace = 'break-spaces' === style.whiteSpace ? 'breakSpaces' : 'normal';
-    if (direction !== paragraphStyle.direction || whiteSpace !== paragraphStyle.whiteSpace || !cssValueIs(style.whiteSpace, 'normal', 'break-spaces') || !cssValueIs(style.overflowWrap, 'normal', 'anywhere', 'break-word') || !cssValueIs(style.wordBreak, 'normal') || !cssValueIs(style.hyphens, 'manual', 'none') || !cssValueIs(style.wordSpacing, 'normal', '0', '0px') || !cssValueIs(style.textTransform, 'none') || !cssValueIs(style.fontVariationSettings, 'normal') || !cssValueIs(style.fontVariantCaps, 'normal') || !cssValueIs(style.fontVariantEastAsian, 'normal') || !cssValueIs(style.fontVariantNumeric, 'normal') || !cssValueIs(style.fontVariantPosition, 'normal') || !cssValueIs(style.fontStretch, 'normal', '100%') || !cssValueIs(style.verticalAlign, 'baseline') || !cssValueIs(style.unicodeBidi, 'normal') && !(paragraphRoot && 'isolate' === style.unicodeBidi)) return null;
-    const fontStyle = style.fontStyle && 'normal' !== style.fontStyle ? 'italic' === style.fontStyle ? 'italic' : null : 'normal';
-    if (!fontStyle) return null;
-    const families = cssFontFamilies(style.fontFamily);
-    if (!families?.length) return null;
-    const weight = cssFontWeight(style.fontWeight);
-    const matchedFonts = [];
-    for (const family of families){
-        if (isGenericCssFontFamily(family)) break;
-        const font = matchingDocumentLayoutFont(fonts, loadedFontIds, family, weight, fontStyle);
-        if (!font) return null;
-        if (!matchedFonts.some((candidate)=>candidate.id === font.id)) matchedFonts.push(font);
-        if (matchedFonts.length > MAX_DOCUMENT_TEXT_LAYOUT_FONTS_PER_RUN) return null;
-    }
-    const [font, ...fallbackFonts] = matchedFonts;
-    if (!font) return null;
-    const fontSize = positivePixels(style.fontSize);
-    const lineHeight = positivePixels(style.lineHeight) || Math.max(1, 1.2 * fontSize);
-    if (fontSize <= 0 || fontSize > 512 || lineHeight <= 0 || lineHeight > 2048) return null;
-    const ligatures = cssLigatures(style);
-    const kerning = cssKerning(style.fontKerning);
-    if (null === ligatures || null === kerning) return null;
-    const letterSpacing = style.letterSpacing && 'normal' !== style.letterSpacing ? finitePixels(style.letterSpacing) : 0;
-    if (letterSpacing < -100 || letterSpacing > 100) return null;
-    return {
-        fontId: font.id,
-        ...fallbackFonts.length ? {
-            fallbackFontIds: fallbackFonts.map((candidate)=>candidate.id)
-        } : {},
-        fontSize,
-        lineHeight,
-        letterSpacing,
-        ligatures,
-        kerning
-    };
-}
-function matchingDocumentLayoutFont(fonts, loadedFontIds, family, requestedWeight, requestedStyle) {
-    const candidates = fonts.filter((font)=>loadedFontIds.has(font.id) && font.family === family && (font.style ?? 'normal') === requestedStyle);
-    const exact = candidates.find((font)=>(font.weight ?? 400) === requestedWeight);
-    if (exact) return exact;
-    const weights = Array.from(new Set(candidates.map((font)=>font.weight ?? 400))).sort((left, right)=>left - right);
-    const matchedWeight = cssFontWeightSearchOrder(weights, requestedWeight)[0];
-    return void 0 === matchedWeight ? void 0 : candidates.find((font)=>(font.weight ?? 400) === matchedWeight);
-}
-function cssFontWeightSearchOrder(weights, requestedWeight) {
-    if (requestedWeight < 400) return [
-        ...weights.filter((weight)=>weight <= requestedWeight).sort((left, right)=>right - left),
-        ...weights.filter((weight)=>weight > requestedWeight).sort((left, right)=>left - right)
-    ];
-    if (requestedWeight <= 500) return [
-        ...weights.filter((weight)=>weight >= requestedWeight && weight <= 500).sort((left, right)=>left - right),
-        ...weights.filter((weight)=>weight < requestedWeight).sort((left, right)=>right - left),
-        ...weights.filter((weight)=>weight > 500).sort((left, right)=>left - right)
-    ];
-    return [
-        ...weights.filter((weight)=>weight >= requestedWeight).sort((left, right)=>left - right),
-        ...weights.filter((weight)=>weight < requestedWeight).sort((left, right)=>right - left)
-    ];
-}
-function documentTextLayoutRunStyleKey(style) {
-    return [
-        style.fontId,
-        (style.fallbackFontIds ?? []).join('\u0002'),
-        style.fontSize,
-        style.lineHeight,
-        style.letterSpacing ?? 0,
-        style.ligatures ?? true,
-        style.kerning ?? true
-    ].join('\u0000');
-}
-function cssValueIs(value, ...supported) {
-    return !value || supported.includes(value);
-}
-function cssLigatures(style) {
-    const variant = style.fontVariantLigatures;
-    if (variant && 'normal' !== variant && 'none' !== variant) return null;
-    const features = style.fontFeatureSettings;
-    if (!features || 'normal' === features) return 'none' !== variant;
-    if (/^["']?liga["']?\s+(?:0|off)$/i.test(features.trim())) return false;
-    return null;
-}
-function cssKerning(value) {
-    if (!value || 'auto' === value || 'normal' === value) return true;
-    if ('none' === value) return false;
-    return null;
-}
-function cssFontFamilies(value) {
-    const families = [];
-    let current = '';
-    let quote = null;
-    let escaped = false;
-    const pushCurrent = ()=>{
-        const family = current.trim();
-        current = '';
-        if (!family) return false;
-        families.push(family);
-        return true;
-    };
-    for (const character of value){
-        if (escaped) {
-            current += character;
-            escaped = false;
-            continue;
-        }
-        if ('\\' === character) {
-            escaped = true;
-            continue;
-        }
-        if (quote) {
-            if (character === quote) quote = null;
-            else current += character;
-            continue;
-        }
-        if ('"' === character || "'" === character) {
-            if (current.trim()) return null;
-            quote = character;
-            continue;
-        }
-        if (',' === character) {
-            if (!pushCurrent()) return null;
-            continue;
-        }
-        current += character;
-    }
-    if (escaped || quote || !pushCurrent()) return null;
-    return families;
-}
-function isGenericCssFontFamily(family) {
-    return CSS_GENERIC_FONT_FAMILIES.has(family.toLowerCase());
-}
-const CSS_GENERIC_FONT_FAMILIES = new Set([
-    'cursive',
-    'emoji',
-    'fangsong',
-    'fantasy',
-    'math',
-    'monospace',
-    'sans-serif',
-    'serif',
-    'system-ui',
-    'ui-monospace',
-    'ui-rounded',
-    'ui-sans-serif',
-    'ui-serif'
-]);
-function cssFontWeight(value) {
-    if ('normal' === value) return 400;
-    if ('bold' === value) return 700;
-    const parsed = Number.parseInt(value, 10);
-    return Number.isFinite(parsed) ? parsed : 400;
-}
-function createDocumentLineFragments(lines, outerTop, outerBottom, scale = 1) {
-    const normalizedScale = Number.isFinite(scale) && scale > 0 ? scale : 1;
-    return lines.flatMap((line, index)=>{
-        const next = lines[index + 1];
-        const start = 0 === index ? outerTop : line.top;
-        const end = next?.top ?? outerBottom;
-        const from = line.position;
-        const to = next?.position ?? from + 1;
-        if (end <= start || to <= from) return [];
-        return [
-            {
-                from,
-                to,
-                height: Math.max(1, (end - start) / normalizedScale)
-            }
-        ];
-    });
-}
-function measureParagraphLineFragments(editor, node, element, id, from, to, pagination, shapedLayout) {
-    const text = documentTextLayoutContent(node);
-    if (!isDocumentLineFragmentNode(node) || (text ?? node.textContent).length < 2 || element.querySelector('img,table,[data-document-note],[contenteditable="false"]:not(.work-document-auto-page-break):not([data-document-tab])')) return [];
-    if (null !== text && shapedLayout?.missingGlyphCount === 0) {
-        const shaped = measureShapedParagraphLineFragments(editor, element, id, from, to, pagination, shapedLayout);
-        if (shaped.length > 1) return shaped;
-    }
-    const range = element.ownerDocument.createRange();
-    if ('function' != typeof range.getClientRects) return [];
-    range.selectNodeContents(element);
-    const rects = groupDocumentLineRects(Array.from(range.getClientRects()).filter((rect)=>rect.height > 0 && rect.width > 0).map((rect)=>({
-            top: rect.top,
-            right: rect.right,
-            bottom: rect.bottom,
-            left: rect.left
-        })));
-    range.detach();
-    if (rects.length < 2) return [];
-    const textNodes = measureDocumentTextNodes(element);
-    const lines = rects.flatMap((rect, index)=>{
-        if (0 === index) return [
-            {
-                ...rect,
-                position: from
-            }
-        ];
-        const position = documentPositionAtMeasuredLineStart(editor, textNodes, rect) ?? documentPositionAtPoint(editor, element, rect);
-        const previous = rects[index - 1];
-        if (null === position || position <= from || position >= to || rect.top <= previous.top) return [];
-        return [
-            {
-                ...rect,
-                position
-            }
-        ];
-    });
-    const uniqueLines = lines.filter((line, index)=>0 === index || line.position > lines[index - 1].position);
-    if (uniqueLines.length !== rects.length) return [];
-    const elementRect = element.getBoundingClientRect();
-    const style = getComputedStyle(element);
-    const scaleY = element.offsetHeight > 0 ? elementRect.height / element.offsetHeight : 1;
-    const outerTop = elementRect.top - nonNegativePixels(style.marginTop) * scaleY;
-    const outerBottom = elementRect.bottom + nonNegativePixels(style.marginBottom) * scaleY;
-    const fragments = createDocumentLineFragments(uniqueLines, outerTop, outerBottom, scaleY);
-    if (fragments.length !== uniqueLines.length) return [];
-    const editorRect = editor.view.dom.getBoundingClientRect();
-    const scaleX = editor.view.dom.offsetWidth > 0 ? editorRect.width / editor.view.dom.offsetWidth : 1;
-    const inlineOffsetLeft = Math.max(0, (elementRect.left - editorRect.left) / Math.max(scaleX, 0.01));
-    const inlineOffsetRight = Math.max(0, (editorRect.right - elementRect.right) / Math.max(scaleX, 0.01));
-    const minimumFragmentsPerPage = pagination.widowControl ? Math.min(2, fragments.length) : 1;
-    return fragments.map((fragment, flowIndex)=>({
-            block: {
-                id: `${id}-line-${flowIndex}`,
-                height: fragment.height,
-                breakBefore: 0 === flowIndex && pagination.pageBreakBefore,
-                keepTogether: 0 === flowIndex && pagination.keepLines,
-                keepWithNext: flowIndex + 1 === fragments.length && pagination.keepWithNext,
-                flowId: id,
-                flowIndex,
-                flowCount: fragments.length,
-                minimumFragmentsPerPage
-            },
-            element,
-            from: fragment.from,
-            to: flowIndex + 1 < fragments.length ? fragment.to : to,
-            inlineOffsetLeft: 0 === flowIndex ? 0 : inlineOffsetLeft,
-            inlineOffsetRight: 0 === flowIndex ? 0 : inlineOffsetRight,
-            observeResize: false
-        }));
-}
-function measureShapedParagraphLineFragments(editor, element, id, from, to, pagination, layout) {
-    if (layout.lines.length < 2) return [];
-    const style = getComputedStyle(element);
-    const fragments = createShapedDocumentLineFragments(layout.lines, from, to, verticalBlockStart(style), verticalBlockEnd(style));
-    if (fragments.length !== layout.lines.length) return [];
-    const { inlineOffsetLeft, inlineOffsetRight } = documentInlineOffsets(editor, element);
-    const minimumFragmentsPerPage = pagination.widowControl ? Math.min(2, fragments.length) : 1;
-    return fragments.map((fragment, flowIndex)=>({
-            block: {
-                id: `${id}-line-${flowIndex}`,
-                height: fragment.height,
-                breakBefore: 0 === flowIndex && pagination.pageBreakBefore,
-                keepTogether: 0 === flowIndex && pagination.keepLines,
-                keepWithNext: flowIndex + 1 === fragments.length && pagination.keepWithNext,
-                flowId: id,
-                flowIndex,
-                flowCount: fragments.length,
-                minimumFragmentsPerPage
-            },
-            element,
-            from: fragment.from,
-            to: fragment.to,
-            inlineOffsetLeft: 0 === flowIndex ? 0 : inlineOffsetLeft,
-            inlineOffsetRight: 0 === flowIndex ? 0 : inlineOffsetRight,
-            observeResize: false
-        }));
-}
-function createShapedDocumentLineFragments(lines, nodeFrom, nodeTo, blockStart, blockEnd) {
-    const fragments = [];
-    for (const [index, line] of lines.entries()){
-        const next = lines[index + 1];
-        const from = 0 === index ? nodeFrom : nodeFrom + 1 + Math.max(0, line.startUtf16);
-        const to = next ? nodeFrom + 1 + Math.max(0, next.startUtf16) : nodeTo;
-        if (line.endUtf16 < line.startUtf16 || next && next.startUtf16 < line.endUtf16 || !Number.isSafeInteger(from) || !Number.isSafeInteger(to) || to <= from || from < nodeFrom || to > nodeTo) return [];
-        fragments.push({
-            from,
-            to,
-            height: line.height + (0 === index ? blockStart : 0) + (index + 1 === lines.length ? blockEnd : 0)
-        });
-    }
-    return fragments;
-}
-function groupDocumentLineRects(rects) {
-    const lines = [];
-    for (const rect of [
-        ...rects
-    ].sort((left, right)=>left.top - right.top || left.left - right.left)){
-        const line = lines.find((candidate)=>verticallyOverlaps(candidate, rect));
-        if (line) {
-            line.top = Math.min(line.top, rect.top);
-            line.right = Math.max(line.right, rect.right);
-            line.bottom = Math.max(line.bottom, rect.bottom);
-            line.left = Math.min(line.left, rect.left);
-        } else lines.push({
-            ...rect
-        });
-    }
-    return lines.sort((left, right)=>left.top - right.top);
-}
-function verticallyOverlaps(left, right) {
-    const overlap = Math.min(left.bottom, right.bottom) - Math.max(left.top, right.top);
-    const minimumHeight = Math.min(left.bottom - left.top, right.bottom - right.top);
-    return overlap > Math.max(1, 0.2 * minimumHeight);
-}
-function measureDocumentTextNodes(element) {
-    const measurements = [];
-    const showText = element.ownerDocument.defaultView?.NodeFilter.SHOW_TEXT ?? 4;
-    const walker = element.ownerDocument.createTreeWalker(element, showText);
-    let current = walker.nextNode();
-    while(current){
-        const node = current;
-        if (node.data.length > 0 && !node.parentElement?.closest('.work-document-auto-page-break, [contenteditable="false"]')) {
-            const range = element.ownerDocument.createRange();
-            range.selectNodeContents(node);
-            const rects = Array.from(range.getClientRects()).filter((rect)=>rect.height > 0 && rect.width > 0).map((rect)=>({
-                    top: rect.top,
-                    right: rect.right,
-                    bottom: rect.bottom,
-                    left: rect.left
-                }));
-            range.detach();
-            if (rects.length) measurements.push({
-                node,
-                rects
-            });
-        }
-        current = walker.nextNode();
-    }
-    return measurements;
-}
-function documentPositionAtMeasuredLineStart(editor, textNodes, line) {
-    for (const measurement of textNodes){
-        if (!measurement.rects.some((rect)=>verticallyOverlaps(rect, line))) continue;
-        const range = measurement.node.ownerDocument.createRange();
-        const offset = findDocumentLineStartOffset(measurement.node.data.length, line, (candidate)=>{
-            range.setStart(measurement.node, candidate);
-            range.setEnd(measurement.node, candidate + 1);
-            const rectangle = Array.from(range.getClientRects()).find((rect)=>rect.height > 0 && rect.width > 0);
-            return rectangle ? {
-                top: rectangle.top,
-                bottom: rectangle.bottom
-            } : null;
-        });
-        range.detach();
-        if (null !== offset) try {
-            return editor.view.posAtDOM(measurement.node, offset);
-        } catch  {}
-    }
-    return null;
-}
-function findDocumentLineStartOffset(textLength, line, rectangleAt) {
-    if (!Number.isSafeInteger(textLength) || textLength <= 0) return null;
-    let lower = 0;
-    let upper = textLength;
-    while(lower < upper){
-        const middle = Math.floor((lower + upper) / 2);
-        const rectangle = rectangleAt(middle);
-        if (!rectangle || rectangle.bottom <= line.top) lower = middle + 1;
-        else upper = middle;
-    }
-    const searchStart = Math.max(0, lower - 4);
-    const searchEnd = Math.min(textLength, lower + 5);
-    for(let offset = searchStart; offset < searchEnd; offset += 1){
-        const rectangle = rectangleAt(offset);
-        if (rectangle && rectangle.bottom > line.top && rectangle.top < line.bottom) return offset;
-    }
-    return null;
-}
-function documentPositionAtPoint(editor, element, line) {
-    const ownerDocument = element.ownerDocument;
-    const style = getComputedStyle(element);
-    const x = 'rtl' === style.direction ? line.right - 0.5 : line.left + 0.5;
-    const y = line.top + (line.bottom - line.top) / 2;
-    const caretPosition = ownerDocument.caretPositionFromPoint?.(x, y);
-    const offsetNode = caretPosition?.offsetNode ?? ownerDocument.caretRangeFromPoint?.(x, y)?.startContainer;
-    const offset = caretPosition?.offset ?? ownerDocument.caretRangeFromPoint?.(x, y)?.startOffset;
-    if (!offsetNode || void 0 === offset || offsetNode !== element && !element.contains(offsetNode)) return null;
-    try {
-        return editor.view.posAtDOM(offsetNode, offset);
-    } catch  {
-        return null;
-    }
-}
-const MAX_DOCUMENT_TABLE_ROW_FRAGMENTS = 256;
-function createDocumentTableRowFragmentPlan(cells, rowHeight, maximumFragmentedRowHeight) {
-    const height = Math.max(1, rowHeight);
-    const atomic = ()=>[
-            {
-                height,
-                cellRanges: cells.flatMap((cell)=>cell.to > cell.from ? [
-                        {
-                            from: cell.from,
-                            to: cell.to
-                        }
-                    ] : [])
-            }
-        ];
-    if (!cells.length || !Number.isFinite(maximumFragmentedRowHeight) || maximumFragmentedRowHeight <= 0) return atomic();
-    const candidates = normalizedDocumentTableBreakCoordinates(cells.flatMap((cell)=>cell.boundaries.slice(1, -1).map((boundary)=>boundary.y).filter((y)=>y > 0.5 && y < height - 0.5))).slice(0, MAX_DOCUMENT_TABLE_ROW_FRAGMENTS - 1);
-    if (!candidates.length) return atomic();
-    const coordinates = [
-        0,
-        ...candidates,
-        height
-    ];
-    const positions = coordinates.map((coordinate, coordinateIndex)=>cells.map((cell)=>{
-            if (0 === coordinateIndex) return {
-                position: cell.from,
-                y: 0
-            };
-            if (coordinateIndex + 1 === coordinates.length) return {
-                position: cell.to,
-                y: height
-            };
-            return documentTableBoundaryAtOrBefore(cell, coordinate);
-        }));
-    const fragments = coordinates.slice(0, -1).flatMap((coordinate, index)=>{
-        const nextCoordinate = coordinates[index + 1];
-        const cellRanges = cells.flatMap((_cell, cellIndex)=>{
-            const from = positions[index]?.[cellIndex]?.position;
-            const to = positions[index + 1]?.[cellIndex]?.position;
-            return void 0 !== from && void 0 !== to && to > from ? [
-                {
-                    from,
-                    to
-                }
-            ] : [];
-        });
-        if (!cellRanges.length) return [];
-        const cellBreaks = 0 === index ? void 0 : cells.map((cell, cellIndex)=>{
-            const boundary = positions[index]?.[cellIndex] ?? {
-                position: cell.from,
-                y: 0
-            };
-            return {
-                cellIndex: cell.cellIndex,
-                position: boundary.position,
-                alignmentOffset: Math.max(0, coordinate - boundary.y),
-                ...void 0 === cell.tableOffsetLeft ? {} : {
-                    tableOffsetLeft: cell.tableOffsetLeft
-                },
-                ...void 0 === cell.outerWidth ? {} : {
-                    outerWidth: cell.outerWidth
-                },
-                ...void 0 === cell.contentOffsetLeft ? {} : {
-                    contentOffsetLeft: cell.contentOffsetLeft
-                }
-            };
-        });
-        return [
-            {
-                height: Math.max(1, nextCoordinate - coordinate),
-                cellRanges,
-                ...cellBreaks ? {
-                    cellBreaks
-                } : {}
-            }
-        ];
-    });
-    return fragments.length > 1 ? fragments : atomic();
-}
-function normalizedDocumentTableBreakCoordinates(coordinates) {
-    const result = [];
-    for (const coordinate of [
-        ...coordinates
-    ].sort((left, right)=>left - right)){
-        if (!Number.isFinite(coordinate)) continue;
-        const normalized = Math.round(4 * coordinate) / 4;
-        if (0 === result.length || normalized - result.at(-1) >= 1) result.push(normalized);
-    }
-    return result;
-}
-function documentTableBoundaryAtOrBefore(cell, coordinate) {
-    let result = cell.boundaries[0] ?? {
-        position: cell.from,
-        y: 0
-    };
-    for (const boundary of cell.boundaries){
-        if (boundary.y > coordinate + 0.5) break;
-        result = boundary;
-    }
-    return result;
-}
-function measureDocumentTableRows(editor, tableNode, tableElement, tableId, tableFrom, maximumFragmentedRowHeight) {
-    const rows = [];
-    let complete = true;
-    tableNode.forEach((row, offset)=>{
-        const from = tableFrom + offset + 1;
-        const element = elementForNode(editor, from);
-        if ('tableRow' !== row.type.name || !element || 'tr' !== element.tagName.toLowerCase()) {
-            complete = false;
-            return;
-        }
-        rows.push({
-            node: row,
-            element,
-            from,
-            to: from + row.nodeSize,
-            height: Math.max(1, work_document_pagination_dom_outerHeight(element))
-        });
-    });
-    if (!complete || rows.length !== tableNode.childCount || !rows.length) return [];
-    let leadingHeaderRowCount = 0;
-    for (const row of rows){
-        if (!documentTableRowRepeats(row.node)) break;
-        leadingHeaderRowCount += 1;
-    }
-    const repeatHeaderCount = leadingHeaderRowCount < rows.length ? leadingHeaderRowCount : 0;
-    const rowHeight = rows.reduce((sum, row)=>sum + row.height, 0);
-    const tableStyle = getComputedStyle(tableElement);
-    const blockStart = verticalBlockStart(tableStyle);
-    const blockEnd = verticalBlockEnd(tableStyle);
-    const unassignedHeight = Math.max(0, work_document_pagination_dom_outerHeight(tableElement) - rowHeight - blockStart - blockEnd);
-    const repeatHeaderHeight = repeatHeaderCount > 0 ? rows.slice(0, repeatHeaderCount).reduce((sum, row)=>sum + row.height, 0) : 0;
-    const tableBreak = documentTablePaginationBreak(tableElement, tableNode, tableId, rows, repeatHeaderCount, repeatHeaderHeight);
-    const { inlineOffsetLeft, inlineOffsetRight } = documentInlineOffsets(editor, tableElement);
-    const continuationRowHeight = Math.max(1, maximumFragmentedRowHeight - repeatHeaderHeight);
-    const rowPlans = rows.map((row, rowIndex)=>{
-        const cells = measureDocumentTableCellFragments(editor, row);
-        const canSplit = rowIndex >= leadingHeaderRowCount && !documentTableRowCantSplit(row.node);
-        return createDocumentTableRowFragmentPlan(cells, row.height, canSplit ? continuationRowHeight : 0);
-    });
-    const flowCount = rowPlans.reduce((count, fragments)=>count + fragments.length, 0);
-    const repeatHeaderFragmentCount = repeatHeaderCount > 0 ? rowPlans.slice(0, repeatHeaderCount).reduce((count, fragments)=>count + fragments.length, 0) : 0;
-    const result = [];
-    let flowIndex = 0;
-    for (const [rowIndex, row] of rows.entries()){
-        const fragments = rowPlans[rowIndex] ?? [];
-        for (const [fragmentIndex, fragment] of fragments.entries()){
-            const first = 0 === flowIndex;
-            const last = flowIndex + 1 === flowCount;
-            const repeatsHeader = repeatHeaderFragmentCount > 0 && flowIndex >= repeatHeaderFragmentCount;
-            result.push({
-                block: {
-                    id: fragments.length > 1 ? `${tableId}-row-${rowIndex}-fragment-${fragmentIndex}` : `${tableId}-row-${rowIndex}`,
-                    height: fragment.height + (first ? blockStart : 0) + (last ? blockEnd + unassignedHeight : 0),
-                    ...flowCount > 1 ? {
-                        flowId: tableId,
-                        flowIndex,
-                        flowCount,
-                        minimumFragmentsPerPage: 1
-                    } : {},
-                    ...flowCount > 1 && repeatHeaderFragmentCount > 0 ? {
-                        repeatHeaderCount: repeatHeaderFragmentCount,
-                        repeatHeaderHeight
-                    } : {}
-                },
-                element: tableElement,
-                from: row.from,
-                to: row.to,
-                inlineOffsetLeft,
-                inlineOffsetRight,
-                observeResize: false,
-                selectionRanges: fragment.cellRanges,
-                tableBreak: {
-                    ...tableBreak,
-                    repeatedHeaderRowsHtml: repeatsHeader ? tableBreak.repeatedHeaderRowsHtml : [],
-                    repeatedHeaderOverlayHtml: repeatsHeader ? tableBreak.repeatedHeaderOverlayHtml : '',
-                    ...fragment.cellBreaks ? {
-                        cellBreaks: fragment.cellBreaks
-                    } : {}
-                }
-            });
-            flowIndex += 1;
-        }
-    }
-    return result;
-}
-function measureDocumentTableCellFragments(editor, row) {
-    const rowRect = row.element.getBoundingClientRect();
-    const tableElement = row.element.closest('table');
-    const tableRect = tableElement?.getBoundingClientRect();
-    const scaleX = tableElement && tableElement.offsetWidth > 0 && tableRect ? tableRect.width / tableElement.offsetWidth : 1;
-    const scaleY = row.element.offsetHeight > 0 ? rowRect.height / row.element.offsetHeight : 1;
-    const result = [];
-    row.node.forEach((cell, cellOffset, cellIndex)=>{
-        const from = row.from + cellOffset + 2;
-        const to = row.from + cellOffset + cell.nodeSize;
-        const element = elementForNode(editor, from - 1);
-        const boundaries = [];
-        cell.forEach((_block, blockOffset, blockIndex)=>{
-            const position = from + blockOffset;
-            const blockElement = elementForNode(editor, position);
-            if (!blockElement) return;
-            const rect = blockElement.getBoundingClientRect();
-            const style = getComputedStyle(blockElement);
-            const y = Math.max(0, (rect.top - rowRect.top) / Math.max(scaleY, 0.01) - nonNegativePixels(style.marginTop));
-            if (0 === blockIndex) boundaries.push({
-                position: from,
-                y
-            });
-            else boundaries.push({
-                position,
-                y
-            });
-        });
-        const cellStyle = element ? getComputedStyle(element) : null;
-        const cellRect = element?.getBoundingClientRect();
-        const contentStart = boundaries[0]?.y ?? (cellRect ? (cellRect.top - rowRect.top) / Math.max(scaleY, 0.01) + nonNegativePixels(cellStyle?.borderTopWidth ?? '') + nonNegativePixels(cellStyle?.paddingTop ?? '') : 0);
-        if (!boundaries.length) boundaries.push({
-            position: from,
-            y: contentStart
-        });
-        boundaries[0] = {
-            position: from,
-            y: contentStart
-        };
-        const contentEnd = cellRect ? (cellRect.bottom - rowRect.top) / Math.max(scaleY, 0.01) - nonNegativePixels(cellStyle?.borderBottomWidth ?? '') - nonNegativePixels(cellStyle?.paddingBottom ?? '') : row.height;
-        boundaries.push({
-            position: to,
-            y: Math.max(contentStart, Math.min(row.height, contentEnd))
-        });
-        result.push({
-            cellIndex,
-            from,
-            to,
-            boundaries,
-            ...cellRect && tableRect ? {
-                tableOffsetLeft: Math.max(0, (cellRect.left - tableRect.left) / Math.max(scaleX, 0.01)),
-                outerWidth: Math.max(1, element?.offsetWidth || cellRect.width / Math.max(scaleX, 0.01)),
-                contentOffsetLeft: nonNegativePixels(cellStyle?.borderLeftWidth ?? '') + nonNegativePixels(cellStyle?.paddingLeft ?? '')
-            } : {}
-        });
-    });
-    return result;
-}
-function documentTablePaginationBreak(tableElement, tableNode, tableId, rows, repeatHeaderCount, repeatHeaderHeight) {
-    const table = 'table' === tableElement.tagName.toLowerCase() ? tableElement : Array.from(tableElement.children).find((child)=>'table' === child.tagName.toLowerCase());
-    const colgroup = Array.from(table?.children ?? []).find((child)=>'colgroup' === child.tagName.toLowerCase());
-    const tableRect = table?.getBoundingClientRect();
-    const scaleX = table instanceof HTMLElement && table.offsetWidth > 0 && tableRect ? tableRect.width / table.offsetWidth : 1;
-    const scaleY = table instanceof HTMLElement && table.offsetHeight > 0 && tableRect ? tableRect.height / table.offsetHeight : 1;
-    const columnCount = logicalDocumentTableColumnCount(tableNode);
-    const tableWidth = table instanceof HTMLElement ? table.offsetWidth || (tableRect?.width ?? 0) / Math.max(scaleX, 0.01) : tableElement.offsetWidth;
-    const repeatedHeaderRows = rows.slice(0, repeatHeaderCount);
-    const leadingCell = rows[0]?.element.querySelector(':scope > th:first-child, :scope > td:first-child');
-    const leadingCellRect = leadingCell?.getBoundingClientRect();
-    const leadingCellStyle = leadingCell ? getComputedStyle(leadingCell) : null;
-    return {
-        tableId,
-        columnCount,
-        colgroupHtml: colgroup instanceof HTMLElement ? colgroup.outerHTML : '',
-        repeatHeaderHeight,
-        tableWidth,
-        leadingCellOffsetLeft: leadingCellRect && tableRect ? (leadingCellRect.left - tableRect.left) / Math.max(scaleX, 0.01) + nonNegativePixels(leadingCellStyle?.borderLeftWidth ?? '') + nonNegativePixels(leadingCellStyle?.paddingLeft ?? '') : 0,
-        repeatedHeaderRowsHtml: repeatedHeaderRows.map((row)=>repeatedDocumentTableRowHtml(row.element)),
-        repeatedHeaderOverlayHtml: repeatedDocumentTableHeaderOverlayHtml(repeatedHeaderRows, tableRect, scaleX, scaleY, tableWidth, columnCount)
-    };
-}
-function logicalDocumentTableColumnCount(table) {
-    let maximum = 1;
-    table.forEach((row)=>{
-        let columns = 0;
-        row.forEach((cell)=>{
-            const colspan = Number(cell.attrs.colspan);
-            columns += Number.isSafeInteger(colspan) && colspan > 0 ? colspan : 1;
-        });
-        maximum = Math.max(maximum, columns);
-    });
-    return maximum;
-}
-function repeatedDocumentTableRowHtml(row) {
-    const clone = row.cloneNode(true);
-    sanitizeRepeatedDocumentTableElement(clone);
-    return clone.outerHTML;
-}
-function repeatedDocumentTableHeaderOverlayHtml(rows, tableRect, scaleX, scaleY, tableWidth, columnCount) {
-    const container = document.createElement('div');
-    const originTop = rows[0]?.element.getBoundingClientRect().top ?? 0;
-    let fallbackTop = 0;
-    for (const row of rows){
-        const rowRect = row.element.getBoundingClientRect();
-        const rowTop = rowRect.height > 0 ? Math.max(0, (rowRect.top - originTop) / Math.max(scaleY, 0.01)) : fallbackTop;
-        const cells = Array.from(row.element.children).filter((element)=>element instanceof HTMLElement && [
-                'td',
-                'th'
-            ].includes(element.tagName.toLowerCase()));
-        let fallbackColumn = 0;
-        for (const source of cells){
-            const colspan = Math.max(1, Number.parseInt(source.getAttribute('colspan') ?? '1', 10) || 1);
-            const cellRect = source.getBoundingClientRect();
-            const fallbackLeft = fallbackColumn / Math.max(1, columnCount) * tableWidth;
-            const fallbackWidth = colspan / Math.max(1, columnCount) * tableWidth;
-            const left = tableRect && cellRect.width > 0 ? (cellRect.left - tableRect.left) / Math.max(scaleX, 0.01) : fallbackLeft;
-            const width = cellRect.width > 0 ? source.offsetWidth || cellRect.width / Math.max(scaleX, 0.01) : fallbackWidth;
-            const height = cellRect.height > 0 ? source.offsetHeight || cellRect.height / Math.max(scaleY, 0.01) : row.height;
-            container.append(repeatedDocumentTableHeaderCellElement(source, left, rowTop, width, height));
-            fallbackColumn += colspan;
-        }
-        fallbackTop += row.height;
-    }
-    return container.innerHTML;
-}
-function repeatedDocumentTableHeaderCellElement(source, left, top, width, height) {
-    const sourceClone = source.cloneNode(true);
-    sanitizeRepeatedDocumentTableElement(sourceClone);
-    const cell = document.createElement('div');
-    cell.className = 'work-document-table-repeated-header-cell';
-    cell.dataset.sourceCell = source.tagName.toLowerCase();
-    cell.innerHTML = sourceClone.innerHTML;
-    const computed = getComputedStyle(source);
-    for (const property of REPEATED_TABLE_HEADER_STYLE_PROPERTIES){
-        const value = computed.getPropertyValue(property);
-        if (value) cell.style.setProperty(property, value);
-    }
-    cell.style.left = `${left}px`;
-    cell.style.top = `${top}px`;
-    cell.style.width = `${Math.max(1, width)}px`;
-    cell.style.height = `${Math.max(1, height)}px`;
-    return cell;
-}
-const REPEATED_TABLE_HEADER_STYLE_PROPERTIES = [
-    'background-color',
-    'border-top',
-    'border-right',
-    'border-bottom',
-    'border-left',
-    'color',
-    'font-family',
-    'font-size',
-    'font-style',
-    'font-weight',
-    'letter-spacing',
-    'line-height',
-    'padding-top',
-    'padding-right',
-    'padding-bottom',
-    'padding-left',
-    'text-align',
-    'white-space'
-];
-function sanitizeRepeatedDocumentTableElement(clone) {
-    clone.removeAttribute('contenteditable');
-    clone.removeAttribute('data-node-view-content-react');
-    clone.classList.remove('selectedCell');
-    for (const descendant of clone.querySelectorAll('*')){
-        descendant.removeAttribute('contenteditable');
-        descendant.removeAttribute('data-node-view-content-react');
-        descendant.classList.remove('selectedCell');
-        descendant.classList.remove('ProseMirror-selectednode');
-    }
-    clone.querySelectorAll(".work-document-auto-page-break,.work-document-table-page-break,.work-document-table-cell-page-break,.work-document-table-repeated-header").forEach((pageBreak)=>{
-        pageBreak.remove();
-    });
-}
-function measureDocumentLayoutBlocks(editor, previous = null, dirtyFrom = 0, textLayouts = new Map(), maximumFragmentedTableRowHeight = 1000000) {
-    const blocks = [];
-    const counts = {
-        measured: 0,
-        reused: 0
-    };
-    let unsupportedLayout = false;
-    let firstLayoutKey = null;
-    editor.state.doc.forEach((section, sectionPosition, sectionIndex)=>{
-        if ('documentSection' !== section.type.name) return;
-        const layout = documentSectionLayoutFromNodeAttributes(section.attrs);
-        const layoutKey = documentPaginationLayoutKey(layout);
-        firstLayoutKey ??= layoutKey;
-        if (layout.columns.count > 1 || layoutKey !== firstLayoutKey) unsupportedLayout = true;
-        measureSectionBlocks(editor, section, sectionPosition, sectionIndex, layout, previous?.blocks ?? [], dirtyFrom, textLayouts, maximumFragmentedTableRowHeight, counts, blocks);
-    });
-    return {
-        blocks,
-        measuredBlockCount: counts.measured,
-        reusedBlockCount: counts.reused,
-        unsupportedLayout
-    };
-}
-function documentPageMetrics(layout) {
-    const portrait = 'letter' === layout.pageSize ? {
-        width: 816,
-        height: 1056
-    } : {
-        width: work_document_layout_millimetersToPixels(210),
-        height: work_document_layout_millimetersToPixels(297)
-    };
-    const landscape = 'landscape' === layout.orientation;
-    return {
-        width: landscape ? portrait.height : portrait.width,
-        height: landscape ? portrait.width : portrait.height,
-        marginTop: work_document_layout_millimetersToPixels(layout.margins.top),
-        marginRight: work_document_layout_millimetersToPixels(layout.margins.right),
-        marginBottom: work_document_layout_millimetersToPixels(layout.margins.bottom),
-        marginLeft: work_document_layout_millimetersToPixels(layout.margins.left),
-        headerHeight: 0,
-        footerHeight: 0,
-        pageGap: 28
-    };
-}
-function documentPageBodyHeight(page) {
-    return Math.max(1, page.height - page.marginTop - page.marginBottom);
-}
-function documentPaginationSurfaceHeight(pageCount, page) {
-    const count = Math.max(1, Math.trunc(pageCount));
-    return page.height * count + page.pageGap * (count - 1);
-}
-function documentPageChromeHeights(editor) {
-    const page = editor.view.dom.closest('.work-document-page');
-    return {
-        headerHeight: work_document_pagination_dom_outerHeight(page?.querySelector('.work-document-page-header') ?? null),
-        footerHeight: work_document_pagination_dom_outerHeight(page?.querySelector('.work-document-page-footer') ?? null)
-    };
-}
-function measureSectionBlocks(editor, section, sectionPosition, sectionIndex, layout, previous, dirtyFrom, textLayouts, maximumFragmentedTableRowHeight, counts, result) {
-    const sectionBlocks = [];
-    section.forEach((node, offset, index)=>{
-        const position = sectionPosition + offset + 1;
-        const element = elementForNode(editor, position);
-        if (!element) return;
-        const id = documentBlockId(sectionPosition, index, position);
-        const paragraphPagination = documentNodeParagraphPagination(node);
-        if (isDocumentListNode(node)) {
-            const reused = reusableDocumentListLayoutBlocks(previous, id, position + node.nodeSize, dirtyFrom);
-            if (reused.length) {
-                counts.reused += reused.length;
-                sectionBlocks.push(...reused);
-                return;
-            }
-            const listBlocks = measureDocumentListBlocks(editor, node, element, id, position, textLayouts, maximumFragmentedTableRowHeight);
-            if (listBlocks.length) {
-                counts.measured += listBlocks.length;
-                sectionBlocks.push(...listBlocks);
-                return;
-            }
-        }
-        const reused = reusableDocumentLayoutBlocks(previous, id, element, position + node.nodeSize, dirtyFrom);
-        if (reused.length) {
-            counts.reused += reused.length;
-            sectionBlocks.push(...reused);
-            return;
-        }
-        if ('table' === node.type.name) {
-            const tableRows = measureDocumentTableRows(editor, node, element, id, position, maximumFragmentedTableRowHeight);
-            if (tableRows.length) {
-                counts.measured += tableRows.length;
-                sectionBlocks.push(...tableRows);
-                return;
-            }
-        }
-        const lineFragments = measureParagraphLineFragments(editor, node, element, id, position, position + node.nodeSize, paragraphPagination, textLayouts.get(id));
-        if (lineFragments.length > 1) {
-            counts.measured += lineFragments.length;
-            sectionBlocks.push(...lineFragments);
-            return;
-        }
-        counts.measured += 1;
-        sectionBlocks.push(measuredDocumentBlock({
-            block: {
-                id,
-                height: Math.max(1, work_document_pagination_dom_outerHeight(element)),
-                breakBefore: paragraphPagination.pageBreakBefore,
-                breakAfter: 'pageBreak' === node.type.name,
-                keepTogether: paragraphPagination.keepLines || shouldKeepDocumentBlockTogether(node),
-                keepWithNext: paragraphPagination.keepWithNext
-            },
-            element,
-            from: position,
-            to: position + node.nodeSize
-        }));
-    });
-    const last = sectionBlocks.at(-1);
-    if (last && 'continuous' !== layout.breakAfter && 'nextColumn' !== layout.breakAfter) last.block.breakAfter = true;
-    const sectionMetadata = {
-        id: 'string' == typeof section.attrs.id && section.attrs.id ? section.attrs.id : `document-section-${sectionIndex + 1}`,
-        index: sectionIndex,
-        position: sectionPosition,
-        layout
-    };
-    for (const block of sectionBlocks)block.section = sectionMetadata;
-    result.push(...sectionBlocks);
-}
-function measureDocumentListBlocks(editor, list, listElement, listId, listPosition, textLayouts, maximumFragmentedTableRowHeight) {
-    const blocks = [];
-    let complete = true;
-    list.forEach((item, itemOffset, itemIndex)=>{
-        if ('listItem' !== item.type.name) {
-            complete = false;
-            return;
-        }
-        const itemPosition = listPosition + itemOffset + 1;
-        const itemElement = elementForNode(editor, itemPosition);
-        if (!itemElement || 'li' !== itemElement.tagName.toLowerCase()) {
-            complete = false;
-            return;
-        }
-        const itemBlocks = [];
-        item.forEach((node, offset, index)=>{
-            const position = itemPosition + offset + 1;
-            const element = elementForNode(editor, position);
-            if (!element) {
-                complete = false;
-                return;
-            }
-            const nestedList = isDocumentListNode(node);
-            const id = documentListChildId(listId, itemIndex, node, index, nestedList);
-            if (nestedList) {
-                const nestedBlocks = measureDocumentListBlocks(editor, node, element, id, position, textLayouts, maximumFragmentedTableRowHeight);
-                if (!nestedBlocks.length) {
-                    complete = false;
-                    return;
-                }
-                itemBlocks.push(...nestedBlocks);
-                return;
-            }
-            itemBlocks.push(...measureDocumentListItemBlock(editor, node, element, id, position, textLayouts.get(id), maximumFragmentedTableRowHeight));
-        });
-        if (!itemBlocks.length) {
-            complete = false;
-            return;
-        }
-        fitDocumentBlocksToContainer(itemBlocks, itemElement);
-        blocks.push(...itemBlocks);
-    });
-    if (!complete || !blocks.length) return [];
-    fitDocumentBlocksToContainer(blocks, listElement);
-    return blocks;
-}
-function measureDocumentListItemBlock(editor, node, element, id, position, shapedLayout, maximumFragmentedTableRowHeight) {
-    if ('table' === node.type.name) {
-        const rows = measureDocumentTableRows(editor, node, element, id, position, maximumFragmentedTableRowHeight);
-        if (rows.length) return rows;
-    }
-    const pagination = documentNodeParagraphPagination(node);
-    const lineFragments = measureParagraphLineFragments(editor, node, element, id, position, position + node.nodeSize, pagination, shapedLayout);
-    const { inlineOffsetLeft, inlineOffsetRight } = documentInlineOffsets(editor, element);
-    if (lineFragments.length > 1) return lineFragments.map((fragment)=>({
-            ...fragment,
-            inlineOffsetLeft,
-            inlineOffsetRight
-        }));
-    return [
-        {
-            ...measuredDocumentBlock({
-                block: {
-                    id,
-                    height: Math.max(1, work_document_pagination_dom_outerHeight(element)),
-                    breakBefore: pagination.pageBreakBefore,
-                    breakAfter: 'pageBreak' === node.type.name,
-                    keepTogether: pagination.keepLines || shouldKeepDocumentBlockTogether(node),
-                    keepWithNext: pagination.keepWithNext
-                },
-                element,
-                from: position,
-                to: position + node.nodeSize
-            }),
-            inlineOffsetLeft,
-            inlineOffsetRight
-        }
-    ];
-}
-function fitDocumentBlocksToContainer(blocks, container) {
-    const target = work_document_pagination_dom_outerHeight(container);
-    if (!(target > 0) || 0 === blocks.length) return;
-    const measured = blocks.reduce((height, candidate)=>height + candidate.block.height, 0);
-    let difference = target - measured;
-    if (Math.abs(difference) < 0.01) return;
-    const first = blocks[0];
-    const last = blocks.at(-1);
-    if (difference > 0) {
-        const style = getComputedStyle(container);
-        const start = Math.min(difference, verticalBlockStart(style));
-        first.block.height += start;
-        difference -= start;
-        const end = Math.min(difference, verticalBlockEnd(style));
-        last.block.height += end;
-        difference -= end;
-        last.block.height += difference;
-        return;
-    }
-    let remaining = -difference;
-    const candidates = Array.from(new Set([
-        last,
-        first,
-        ...blocks.slice(1, -1).reverse()
-    ]));
-    for (const candidate of candidates){
-        if (remaining <= 0) break;
-        const removable = Math.max(0, candidate.block.height - 1);
-        const amount = Math.min(removable, remaining);
-        candidate.block.height -= amount;
-        remaining -= amount;
-    }
-}
-function reusableDocumentListLayoutBlocks(previous, listId, nodeTo, dirtyFrom) {
-    if (nodeTo > dirtyFrom) return [];
-    const prefix = `${listId}-item-`;
-    return previous.filter(({ block })=>block.id.startsWith(prefix) || block.flowId?.startsWith(prefix)).map((candidate)=>({
-            ...candidate,
-            block: {
-                ...candidate.block
-            }
-        }));
-}
 const DOCUMENT_NAVIGATION_COLLECTION_WINDOW_THRESHOLD = 48;
 const DOCUMENT_NAVIGATION_COLLECTION_WINDOW_LIMIT = 32;
 const DOCUMENT_NAVIGATION_COLLECTION_WINDOW_OVERSCAN = 4;
@@ -3872,8 +2632,8 @@ function formatCommentDate(value) {
     }).format(time);
 }
 const DOCUMENT_EDITOR_FOCUS_RETRY_FRAMES = 4;
-function restoreDocumentEditorFocus(getTarget) {
-    const commandTrigger = document.activeElement;
+function restoreDocumentEditorFocus(getTarget, focusOrigin = document.activeElement) {
+    const commandTrigger = focusOrigin;
     let remainingFrames = DOCUMENT_EDITOR_FOCUS_RETRY_FRAMES;
     const restore = ()=>{
         if (remainingFrames <= 0) return;
@@ -3900,9 +2660,43 @@ function fallbackPaginationPageDescriptor(sectionId, sectionIndex, layout, physi
         sectionId: sectionId ?? 'document-section-1',
         sectionIndex: sectionIndex ?? 0,
         layout,
-        pageChrome: resolveDocumentPageChrome(layout, sectionPage, sectionPage)
+        pageChrome: resolveDocumentPageChrome(layout, sectionPage, sectionPage),
+        page: documentPageMetrics(layout)
     };
 }
+function shouldPublishDocumentUpdate(transaction) {
+    return !transaction.getMeta('preventUpdate') && false !== transaction.getMeta('addToHistory');
+}
+function applyExternalDocumentContent(editor, content) {
+    let nextDocument;
+    try {
+        nextDocument = createNodeFromContent(content, editor.schema, {
+            errorOnInvalidContent: true,
+            slice: false
+        });
+    } catch  {
+        return 'unsupported';
+    }
+    if (!(nextDocument instanceof model_Node)) return 'unsupported';
+    const currentDocument = editor.state.doc;
+    const start = currentDocument.content.findDiffStart(nextDocument.content);
+    if (null === start) return 'unchanged';
+    const end = currentDocument.content.findDiffEnd(nextDocument.content);
+    let currentEnd = end?.a ?? currentDocument.content.size;
+    let nextEnd = end?.b ?? nextDocument.content.size;
+    const overlap = start - Math.min(currentEnd, nextEnd);
+    if (overlap > 0) {
+        currentEnd += overlap;
+        nextEnd += overlap;
+    }
+    try {
+        const transaction = editor.state.tr.replace(start, currentEnd, nextDocument.slice(start, nextEnd)).setMeta('addToHistory', false).setMeta('preventUpdate', true);
+        editor.view.dispatch(transaction);
+        return 'applied';
+    } catch  {
+        return 'unsupported';
+    }
+}
 const SEARCH_CONTEXT_LENGTH = 34;
 function documentTextMatches(document1, rawQuery) {
     const query = rawQuery.toLocaleLowerCase();
@@ -4520,7 +3314,11 @@ const documentFormatBlockAttributeNames = [
     'keepWithNext',
     'pageBreakBefore',
     'widowControl',
+    'contextualSpacing',
+    'outlineLevel',
     'paragraphDirection',
+    'paragraphBorders',
+    'paragraphShading',
     'tabStops'
 ];
 function documentFormatBlockAtSelection(editor) {
@@ -4890,21 +3688,29 @@ function createDocumentPageChromeEditorExtensions(placeholder = '输入页眉或
                 resizable: false
             }
         }),
-        extension_image.configure({
+        DocumentImage.configure({
             allowBase64: true,
             inline: true
         }),
+        DocumentEquation,
         TextStyle,
         extension_color,
         extension_underline,
         DocumentSubscript,
         DocumentSuperscript,
         DocumentPageChromeCommands,
+        DocumentParagraphFormatting,
         extension_text_align.configure({
             types: [
                 'paragraph'
             ]
         }),
+        DocumentParagraphIdentity.configure({
+            types: [
+                'paragraph'
+            ]
+        }),
+        DocumentTableRowIdentity,
         DocumentPageChromeWpsShortcuts,
         extension_placeholder.configure({
             placeholder
@@ -5080,6 +3886,7 @@ function emptyPageChrome(content) {
 function DocumentLayoutPanel({ layout, activeTab: controlledActiveTab, sectionIndex, sectionCount, onActiveTabChange, onChange, onInsertSection, onMergeSection, onClose }) {
     const tabsId = useId();
     const [internalActiveTab, setInternalActiveTab] = useState('page');
+    const [customPaperSelected, setCustomPaperSelected] = useState('custom' === layout.pageSize);
     const activeTab = controlledActiveTab ?? internalActiveTab;
     const changeActiveTab = (tab)=>{
         if (void 0 === controlledActiveTab) setInternalActiveTab(tab);
@@ -5103,6 +3910,17 @@ function DocumentLayoutPanel({ layout, activeTab: controlledActiveTab, sectionIn
             '左'
         ]
     ];
+    const pageMargins = documentPageMarginsForLayout(layout);
+    const exactPageGeometry = normalizeDocumentPageGeometry(layout.pageGeometry);
+    const resolvedPageSize = resolveDocumentPageSize(layout);
+    const customPageDimensions = exactPageGeometry ? {
+        width: pageTwipsToMillimeters(exactPageGeometry.width),
+        height: pageTwipsToMillimeters(exactPageGeometry.height)
+    } : {
+        width: resolvedPageSize.width,
+        height: resolvedPageSize.height
+    };
+    const gutterPosition = pageMargins.gutterAtTop ? 'top' : pageMargins.gutterOnRight ? 'right' : 'left';
     const update = (patch)=>onChange({
             ...layout,
             ...patch
@@ -5169,20 +3987,42 @@ function DocumentLayoutPanel({ layout, activeTab: controlledActiveTab, sectionIn
                                                     }),
                                                     /*#__PURE__*/ jsx(OfficeSelect, {
                                                         ariaLabel: "纸张大小",
-                                                        value: layout.pageSize,
+                                                        value: customPaperSelected ? 'custom' : layout.pageSize,
                                                         options: [
+                                                            {
+                                                                value: 'a3',
+                                                                label: 'A3'
+                                                            },
                                                             {
                                                                 value: 'a4',
                                                                 label: 'A4'
                                                             },
+                                                            {
+                                                                value: 'a5',
+                                                                label: 'A5'
+                                                            },
                                                             {
                                                                 value: 'letter',
                                                                 label: 'Letter'
+                                                            },
+                                                            {
+                                                                value: 'legal',
+                                                                label: 'Legal'
+                                                            },
+                                                            {
+                                                                value: 'tabloid',
+                                                                label: 'Tabloid'
+                                                            },
+                                                            {
+                                                                value: 'custom',
+                                                                label: '自定义'
                                                             }
                                                         ],
-                                                        onValueChange: (pageSize)=>update({
-                                                                pageSize
-                                                            })
+                                                        onValueChange: (pageSize)=>{
+                                                            if ('custom' === pageSize) return void setCustomPaperSelected(true);
+                                                            setCustomPaperSelected(false);
+                                                            onChange(updateDocumentPaperSizePreset(layout, pageSize));
+                                                        }
                                                     })
                                                 ]
                                             }),
@@ -5205,13 +4045,46 @@ function DocumentLayoutPanel({ layout, activeTab: controlledActiveTab, sectionIn
                                                                 label: '横向'
                                                             }
                                                         ],
-                                                        onValueChange: (orientation)=>update({
-                                                                orientation
-                                                            })
+                                                        onValueChange: (orientation)=>onChange(updateDocumentPageOrientation(layout, orientation))
                                                     })
                                                 ]
                                             })
                                         ]
+                                    }),
+                                    (customPaperSelected || 'custom' === layout.pageSize) && /*#__PURE__*/ jsx("div", {
+                                        className: "work-document-layout-paired-fields",
+                                        children: [
+                                            [
+                                                'width',
+                                                '宽度'
+                                            ],
+                                            [
+                                                'height',
+                                                '高度'
+                                            ]
+                                        ].map(([dimension, label])=>/*#__PURE__*/ jsxs("div", {
+                                                className: "work-office-field",
+                                                children: [
+                                                    /*#__PURE__*/ jsxs("span", {
+                                                        children: [
+                                                            label,
+                                                            "（毫米）"
+                                                        ]
+                                                    }),
+                                                    /*#__PURE__*/ jsx(CommittedOfficeNumberField, {
+                                                        min: 25.4,
+                                                        max: 558.8,
+                                                        step: 0.1,
+                                                        ariaLabel: `纸张${label}`,
+                                                        value: customPageDimensions[dimension],
+                                                        normalizeValue: normalizeDocumentPageDimensionInput,
+                                                        onValueCommit: (value)=>{
+                                                            setCustomPaperSelected(false);
+                                                            onChange(updateDocumentCustomPageMillimeters(layout, dimension, value));
+                                                        }
+                                                    })
+                                                ]
+                                            }, dimension))
                                     })
                                 ]
                             }),
@@ -5227,24 +4100,167 @@ function DocumentLayoutPanel({ layout, activeTab: controlledActiveTab, sectionIn
                                                 className: "work-office-field",
                                                 children: [
                                                     /*#__PURE__*/ jsx("span", {
-                                                        children: label
+                                                        children: label
+                                                    }),
+                                                    /*#__PURE__*/ jsx(CommittedOfficeNumberField, {
+                                                        min: 5,
+                                                        max: 60,
+                                                        step: 1,
+                                                        ariaLabel: `${label}页边距`,
+                                                        value: layout.margins[side],
+                                                        normalizeValue: normalizeDocumentMarginInput,
+                                                        onValueCommit: (value)=>onChange(updateDocumentPageMarginMillimeters(layout, side, value))
+                                                    })
+                                                ]
+                                            }, side))
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("section", {
+                                className: "work-document-layout-group",
+                                "aria-label": "高级页边距",
+                                children: [
+                                    /*#__PURE__*/ jsx("h3", {
+                                        children: "高级页边距"
+                                    }),
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "work-document-layout-margin-grid",
+                                        children: [
+                                            [
+                                                'header',
+                                                '页眉距顶端'
+                                            ],
+                                            [
+                                                'footer',
+                                                '页脚距底端'
+                                            ],
+                                            [
+                                                'gutter',
+                                                '装订线'
+                                            ]
+                                        ].map(([key, label])=>/*#__PURE__*/ jsxs("div", {
+                                                className: "work-office-field",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        children: label
+                                                    }),
+                                                    /*#__PURE__*/ jsx(CommittedOfficeNumberField, {
+                                                        min: 0,
+                                                        max: 60,
+                                                        step: 0.1,
+                                                        ariaLabel: label,
+                                                        value: work_document_page_margins_twipsToMillimeters(pageMargins[key]),
+                                                        normalizeValue: normalizeDocumentPageOffsetInput,
+                                                        onValueCommit: (value)=>onChange(updateDocumentPageMarginMillimeters(layout, key, value))
+                                                    })
+                                                ]
+                                            }, key))
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "work-document-layout-paired-fields",
+                                        children: [
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "work-office-field",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        children: "上边距规则"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(OfficeSelect, {
+                                                        ariaLabel: "上边距与页眉关系",
+                                                        value: pageMargins.top < 0 ? 'fromPageEdge' : 'clearChrome',
+                                                        options: [
+                                                            {
+                                                                value: 'clearChrome',
+                                                                label: '避让页眉'
+                                                            },
+                                                            {
+                                                                value: 'fromPageEdge',
+                                                                label: '允许重叠'
+                                                            }
+                                                        ],
+                                                        onValueChange: (mode)=>onChange(updateDocumentPageMarginMode(layout, 'top', mode))
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "work-office-field",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        children: "下边距规则"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(OfficeSelect, {
+                                                        ariaLabel: "下边距与页脚关系",
+                                                        value: pageMargins.bottom < 0 ? 'fromPageEdge' : 'clearChrome',
+                                                        options: [
+                                                            {
+                                                                value: 'clearChrome',
+                                                                label: '避让页脚'
+                                                            },
+                                                            {
+                                                                value: 'fromPageEdge',
+                                                                label: '允许重叠'
+                                                            }
+                                                        ],
+                                                        onValueChange: (mode)=>onChange(updateDocumentPageMarginMode(layout, 'bottom', mode))
+                                                    })
+                                                ]
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs("div", {
+                                        className: "work-document-layout-paired-fields",
+                                        children: [
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "work-office-field",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        children: "多页方式"
+                                                    }),
+                                                    /*#__PURE__*/ jsx(OfficeSelect, {
+                                                        ariaLabel: "镜像页边距",
+                                                        value: pageMargins.mirrorMargins ? 'mirrored' : 'normal',
+                                                        options: [
+                                                            {
+                                                                value: 'normal',
+                                                                label: '普通'
+                                                            },
+                                                            {
+                                                                value: 'mirrored',
+                                                                label: '镜像页边距'
+                                                            }
+                                                        ],
+                                                        onValueChange: (value)=>onChange(updateDocumentMirrorMargins(layout, 'mirrored' === value))
+                                                    })
+                                                ]
+                                            }),
+                                            /*#__PURE__*/ jsxs("div", {
+                                                className: "work-office-field",
+                                                children: [
+                                                    /*#__PURE__*/ jsx("span", {
+                                                        children: "装订线位置"
                                                     }),
-                                                    /*#__PURE__*/ jsx(CommittedOfficeNumberField, {
-                                                        min: 5,
-                                                        max: 60,
-                                                        step: 1,
-                                                        ariaLabel: `${label}页边距`,
-                                                        value: layout.margins[side],
-                                                        normalizeValue: normalizeDocumentMarginInput,
-                                                        onValueCommit: (value)=>update({
-                                                                margins: {
-                                                                    ...layout.margins,
-                                                                    [side]: value
-                                                                }
-                                                            })
+                                                    /*#__PURE__*/ jsx(OfficeSelect, {
+                                                        ariaLabel: "装订线位置",
+                                                        value: gutterPosition,
+                                                        options: [
+                                                            {
+                                                                value: 'left',
+                                                                label: '左侧'
+                                                            },
+                                                            {
+                                                                value: 'right',
+                                                                label: '右侧'
+                                                            },
+                                                            {
+                                                                value: 'top',
+                                                                label: '顶部'
+                                                            }
+                                                        ],
+                                                        onValueChange: (position)=>onChange(updateDocumentGutterPosition(layout, position))
                                                     })
                                                 ]
-                                            }, side))
+                                            })
+                                        ]
                                     })
                                 ]
                             })
@@ -5373,6 +4389,16 @@ function normalizeDocumentMarginInput(value) {
     const number = Number(value);
     return Number.isFinite(number) ? clampDocumentMargin(number) : null;
 }
+function normalizeDocumentPageOffsetInput(value) {
+    if (!value.trim()) return null;
+    const number = Number(value);
+    return Number.isFinite(number) ? Math.min(60, Math.max(0, Math.round(10 * number) / 10)) : null;
+}
+function normalizeDocumentPageDimensionInput(value) {
+    if (!value.trim()) return null;
+    const number = Number(value);
+    return Number.isFinite(number) ? Math.min(558.8, Math.max(25.4, Math.round(10 * number) / 10)) : null;
+}
 function normalizeDocumentPageNumberInput(value) {
     if (!value.trim()) return null;
     const number = Number(value);
@@ -5564,6 +4590,7 @@ function DocumentPageThumbnail({ backgroundColor, fallbackText, orientation, pag
     const sourceMutation = useThumbnailSourceMutation(source, captureActive);
     const [image, setImage] = useState(null);
     const [state, setState] = useState(source ? 'loading' : 'idle');
+    const sourcePage = source ? thumbnailSourcePage(source, pageIndex) : null;
     useEffect(()=>{
         if (!source || !captureActive) {
             setImage(null);
@@ -5605,6 +4632,10 @@ function DocumentPageThumbnail({ backgroundColor, fallbackText, orientation, pag
         source?.pageGap,
         source?.pageHeight,
         source?.pageWidth,
+        sourcePage?.height,
+        sourcePage?.left,
+        sourcePage?.top,
+        sourcePage?.width,
         source?.revision,
         sourceMutation
     ]);
@@ -5616,7 +4647,7 @@ function DocumentPageThumbnail({ backgroundColor, fallbackText, orientation, pag
         "data-thumbnail-state": state,
         "aria-hidden": "true",
         style: {
-            aspectRatio: source ? `${source.pageWidth} / ${source.pageHeight}` : void 0,
+            aspectRatio: source ? `${sourcePage?.width ?? source.pageWidth} / ${sourcePage?.height ?? source.pageHeight}` : void 0,
             backgroundColor
         },
         children: image ? /*#__PURE__*/ jsx("img", {
@@ -5634,23 +4665,32 @@ async function renderDocumentPageThumbnail(source, pageIndex, targetPixelWidth,
     if (!Number.isSafeInteger(pageIndex) || pageIndex < 0 || pageIndex >= source.pageCount) throw new Error('The requested document thumbnail page is out of range.');
     const capture = mountWorkLiveDocumentCapture(source, pageIndex);
     try {
-        const scale = Math.max(0.1, Math.min(1, targetPixelWidth / source.pageWidth));
+        const page = thumbnailSourcePage(source, pageIndex);
+        const scale = Math.max(0.1, Math.min(1, targetPixelWidth / page.width));
         const canvas = await renderCanvas(capture.viewport, {
             backgroundColor: capture.backgroundColor,
             fontReadyTimeout: 0,
-            height: source.pageHeight,
+            height: page.height,
             logging: false,
             scale,
             useCORS: true,
-            width: source.pageWidth,
-            windowHeight: Math.ceil(source.pageHeight),
-            windowWidth: Math.ceil(source.pageWidth)
+            width: page.width,
+            windowHeight: Math.ceil(page.height),
+            windowWidth: Math.ceil(page.width)
         });
         return canvas.toDataURL('image/png');
     } finally{
         capture.host.remove();
     }
 }
+function thumbnailSourcePage(source, pageIndex) {
+    return source.pages?.[pageIndex] ?? {
+        height: source.pageHeight,
+        left: 0,
+        top: pageIndex * (source.pageHeight + source.pageGap),
+        width: source.pageWidth
+    };
+}
 async function renderDocumentPageCanvas(element, options) {
     const { default: html2canvas } = await import("html2canvas");
     return html2canvas(element, options);
@@ -5762,7 +4802,8 @@ function DocumentPageNavigation({ currentPage, pages, thumbnailSource, onSelectP
     const itemHeights = useMemo(()=>pages.map((page)=>estimatedDocumentPageItemHeight(page, thumbnailSource)), [
         pages,
         thumbnailSource?.pageHeight,
-        thumbnailSource?.pageWidth
+        thumbnailSource?.pageWidth,
+        thumbnailSource?.pages
     ]);
     const pageStarts = useMemo(()=>documentNavigationItemStarts(itemHeights, DOCUMENT_PAGE_ITEM_GAP), [
         itemHeights
@@ -5953,7 +4994,8 @@ function documentPageIndex(pages, physicalPage) {
 }
 function estimatedDocumentPageItemHeight(page, source) {
     const width = 'landscape' === page.orientation ? DOCUMENT_PAGE_LANDSCAPE_WIDTH : DOCUMENT_PAGE_PORTRAIT_WIDTH;
-    const sourceRatio = source && source.pageWidth > 0 && source.pageHeight > 0 ? source.pageHeight / source.pageWidth : null;
+    const sourcePage = source?.pages?.[page.physicalPage - 1];
+    const sourceRatio = sourcePage && sourcePage.width > 0 && sourcePage.height > 0 ? sourcePage.height / sourcePage.width : source && source.pageWidth > 0 && source.pageHeight > 0 ? source.pageHeight / source.pageWidth : null;
     const fallbackRatio = 'landscape' === page.orientation ? 210 / 297 : 297 / 210;
     return Math.ceil(width * (sourceRatio ?? fallbackRatio) + DOCUMENT_PAGE_BUTTON_CHROME_HEIGHT);
 }
@@ -6323,25 +5365,135 @@ function runWithInstantDocumentScroll(editor, run) {
         else restore();
     }
 }
-function DocumentPageStack({ pageColor, pageCount, pageGap, pageHeight }) {
+function WorkDocumentPageBorder({ layout, physicalPage = 1, sectionPage }) {
+    const source = normalizeDocumentPageBorders(layout.pageBorders);
+    if (!source || !documentPageBordersVisible(source, sectionPage)) return null;
+    const resolved = resolveDocumentPageBorders(source, resolveDocumentPageMargins(layout, physicalPage).body);
+    if (!resolved) return null;
+    const visibleEdges = DOCUMENT_PAGE_BORDER_EDGES.filter((edge)=>(resolved.edges[edge]?.width ?? 0) > 0);
+    if (!visibleEdges.length) return null;
+    const shadow = visibleEdges.map((edge)=>source.edges[edge]).find((border)=>border?.shadow);
+    const shadowColor = shadow ? resolved.edges[visibleEdges.find((edge)=>source.edges[edge] === shadow) ?? 'top']?.color ?? '#000000' : null;
+    const art = visibleEdges.some((edge)=>{
+        const border = source.edges[edge];
+        return border && isDocumentParagraphArtBorderStyle(border.style);
+    });
+    const frame = visibleEdges.some((edge)=>source.edges[edge]?.frame);
+    return /*#__PURE__*/ jsx("div", {
+        className: `work-document-page-border ${resolved.zOrder}`,
+        "data-document-page-border-art": String(art),
+        "data-document-page-border-display": resolved.display,
+        "data-document-page-border-frame": String(frame),
+        "data-document-page-border-offset-from": resolved.offsetFrom,
+        "data-document-page-border-z-order": resolved.zOrder,
+        "aria-hidden": "true",
+        style: {
+            top: resolved.insets.top,
+            right: resolved.insets.right,
+            bottom: resolved.insets.bottom,
+            left: resolved.insets.left,
+            ...Object.fromEntries(DOCUMENT_PAGE_BORDER_EDGES.flatMap((edge)=>{
+                const border = resolved.edges[edge];
+                if (!border || border.width <= 0) return [];
+                const property = `border${edge[0]?.toUpperCase()}${edge.slice(1)}`;
+                return [
+                    [
+                        property,
+                        `${formatPixels(border.width)}px ${border.style} ${border.color}`
+                    ]
+                ];
+            })),
+            ...shadowColor ? {
+                filter: `drop-shadow(2px 2px 0 ${shadowColor})`
+            } : {}
+        }
+    });
+}
+function formatPixels(value) {
+    return Number(value.toFixed(3)).toString();
+}
+function DocumentPageStack({ pageColor, pageCount, pageGap, pageHeight, pageWidth = 794, pages = [] }) {
     const count = Math.max(1, Math.trunc(pageCount));
     const gap = Math.max(0, pageGap);
     const height = Math.max(1, pageHeight);
-    return /*#__PURE__*/ jsx("div", {
-        className: "work-document-page-stack",
-        "data-page-count": count,
-        "aria-hidden": "true",
-        children: Array.from({
-            length: count
-        }, (_, pageIndex)=>/*#__PURE__*/ jsx("div", {
-                className: "work-document-page-sheet",
-                "data-page-index": pageIndex + 1,
-                style: {
-                    backgroundColor: pageColor,
-                    height,
-                    top: pageIndex * (height + gap)
-                }
-            }, pageIndex))
+    const fallbackPage = {
+        width: Math.max(1, pageWidth),
+        height,
+        marginTop: 0,
+        marginRight: 0,
+        marginBottom: 0,
+        marginLeft: 0,
+        headerHeight: 0,
+        footerHeight: 0,
+        pageGap: gap
+    };
+    const geometry = documentPageSurfaceGeometry(pages.map((page)=>page.page ?? fallbackPage), fallbackPage, count);
+    const descriptors = geometry.frames.map((frame)=>({
+            frame,
+            page: pages[frame.pageIndex]
+        }));
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "work-document-page-stack",
+                "data-page-count": count,
+                "data-page-surface-height": geometry.height,
+                "data-page-surface-width": geometry.width,
+                "aria-hidden": "true",
+                children: descriptors.map(({ frame, page })=>{
+                    const resolvedPageSize = page ? resolveDocumentPageSize(page.layout) : null;
+                    return /*#__PURE__*/ jsx("div", {
+                        className: "work-document-page-sheet",
+                        "data-work-document-page-sheet": "",
+                        "data-page-index": frame.pageIndex + 1,
+                        "data-page-top": frame.top,
+                        "data-page-left": frame.left,
+                        "data-page-width": frame.width,
+                        "data-page-height": frame.height,
+                        "data-pdf-orientation": resolvedPageSize?.orientation,
+                        "data-pdf-page-size": resolvedPageSize?.preset,
+                        "data-pdf-page-width-points": resolvedPageSize?.widthPoints ?? 72 * frame.width / 96,
+                        "data-pdf-page-height-points": resolvedPageSize?.heightPoints ?? 72 * frame.height / 96,
+                        style: {
+                            backgroundColor: pageColor,
+                            height: frame.height,
+                            left: frame.left,
+                            top: frame.top,
+                            width: frame.width
+                        }
+                    }, frame.pageIndex);
+                })
+            }),
+            [
+                'back',
+                'front'
+            ].map((zOrder)=>/*#__PURE__*/ jsx("div", {
+                    className: `work-document-page-border-stack ${zOrder}`,
+                    "data-document-page-border-stack": zOrder,
+                    "aria-hidden": "true",
+                    children: descriptors.flatMap(({ frame, page })=>{
+                        const resolved = page ? resolveDocumentPageBorders(page.layout.pageBorders, resolveDocumentPageMargins(page.layout, page.physicalPage ?? frame.pageIndex + 1).body) : null;
+                        if (!page || resolved?.zOrder !== zOrder) return [];
+                        return [
+                            /*#__PURE__*/ jsx("div", {
+                                className: "work-document-page-border-surface",
+                                "data-page-index": frame.pageIndex + 1,
+                                style: {
+                                    height: frame.height,
+                                    left: frame.left,
+                                    top: frame.top,
+                                    width: frame.width
+                                },
+                                children: /*#__PURE__*/ jsx(WorkDocumentPageBorder, {
+                                    layout: page.layout,
+                                    physicalPage: page.physicalPage ?? frame.pageIndex + 1,
+                                    sectionPage: page.sectionPage
+                                })
+                            }, frame.pageIndex)
+                        ];
+                    })
+                }, zOrder))
+        ]
     });
 }
 function DocumentRulerTabStops({ marginLeft, pageWidth, rulerRef, tabStops, textWidth, onChange }) {
@@ -6751,21 +5903,10 @@ function DocumentRulerHandle({ kind, label, maximum, minimum, position, value, v
     });
 }
 function documentRulerPageWidth(layout) {
-    const portrait = documentRulerPortraitPage(layout);
-    return 'landscape' === layout.orientation ? portrait.height : portrait.width;
+    return resolveDocumentPageSize(layout).widthPixels;
 }
 function documentRulerPageHeight(layout) {
-    const portrait = documentRulerPortraitPage(layout);
-    return 'landscape' === layout.orientation ? portrait.width : portrait.height;
-}
-function documentRulerPortraitPage(layout) {
-    return 'letter' === layout.pageSize ? {
-        width: 816,
-        height: 1056
-    } : {
-        width: work_document_layout_millimetersToPixels(210),
-        height: work_document_layout_millimetersToPixels(297)
-    };
+    return resolveDocumentPageSize(layout).heightPixels;
 }
 function documentRulerTicks(layout, pageWidth) {
     const left = work_document_layout_millimetersToPixels(layout.margins.left);
@@ -7780,6 +6921,15 @@ const documentCommandCatalog = {
             ]
         }
     },
+    bookmark: {
+        id: 'insert.bookmark',
+        label: '添加书签',
+        location: {
+            area: 'ribbon',
+            tab: 'insert',
+            group: 'links'
+        }
+    },
     spelling: {
         id: 'review.spelling',
         label: '拼写检查',
@@ -9604,9 +8754,7 @@ function DocumentPageLayoutRibbon({ editor, layout, layoutOpen, pageColor, onLay
                                         label: '横向'
                                     }
                                 ],
-                                onValueChange: (orientation)=>update({
-                                        orientation
-                                    })
+                                onValueChange: (orientation)=>onLayoutChange(updateDocumentPageOrientation(layout, orientation))
                             })
                         ]
                     }),
@@ -9620,18 +8768,39 @@ function DocumentPageLayoutRibbon({ editor, layout, layoutOpen, pageColor, onLay
                                 ariaLabel: "纸张大小",
                                 value: layout.pageSize,
                                 options: [
+                                    {
+                                        value: 'a3',
+                                        label: 'A3'
+                                    },
                                     {
                                         value: 'a4',
                                         label: 'A4'
                                     },
+                                    {
+                                        value: 'a5',
+                                        label: 'A5'
+                                    },
                                     {
                                         value: 'letter',
                                         label: 'Letter'
+                                    },
+                                    {
+                                        value: 'legal',
+                                        label: 'Legal'
+                                    },
+                                    {
+                                        value: 'tabloid',
+                                        label: 'Tabloid'
+                                    },
+                                    {
+                                        value: 'custom',
+                                        label: '自定义'
                                     }
                                 ],
-                                onValueChange: (pageSize)=>update({
-                                        pageSize
-                                    })
+                                onValueChange: (pageSize)=>{
+                                    if ('custom' === pageSize) return void onOpenLayout('page');
+                                    onLayoutChange(updateDocumentPaperSizePreset(layout, pageSize));
+                                }
                             })
                         ]
                     }),
@@ -9742,9 +8911,11 @@ const FALLBACK_IMAGE_HEIGHT_PIXELS = 180;
 const MINIMUM_IMAGE_SIZE_CENTIMETERS = 0.01;
 const MAXIMUM_IMAGE_SIZE_CENTIMETERS = 55.87;
 const MAXIMUM_WRAP_DISTANCE_MILLIMETERS = 25;
+const MAXIMUM_IMAGE_OFFSET_MILLIMETERS = 558.7;
 function createDocumentPicturePropertiesDraft(source) {
     const width = effectiveDimension(source.properties.width, source.renderedWidth, FALLBACK_IMAGE_WIDTH_PIXELS);
     const height = effectiveDimension(source.properties.height, source.renderedHeight, FALLBACK_IMAGE_HEIGHT_PIXELS);
+    const layer = normalizeDocumentImageLayer(source.properties.layer ?? {});
     return {
         width: document_picture_properties_dialog_model_centimeters(width),
         height: document_picture_properties_dialog_model_centimeters(height),
@@ -9753,7 +8924,22 @@ function createDocumentPicturePropertiesDraft(source) {
         layout: source.properties.layout,
         alignment: source.properties.alignment,
         wrapDistance: formatNumber(source.properties.wrapDistance),
-        alternativeText: source.properties.alternativeText
+        wrapSide: normalizeDocumentImageWrapSide(source.properties.wrapSide),
+        alternativeText: source.properties.alternativeText,
+        precisePosition: Boolean(source.properties.position),
+        horizontalOffset: formatNumber(source.properties.position?.horizontalOffset ?? 0),
+        verticalOffset: formatNumber(source.properties.position?.verticalOffset ?? 0),
+        horizontalReference: source.properties.position?.horizontalReference ?? 'column',
+        verticalReference: source.properties.position?.verticalReference ?? 'paragraph',
+        cropTop: formatNumber(source.properties.crop?.top ?? 0),
+        cropRight: formatNumber(source.properties.crop?.right ?? 0),
+        cropBottom: formatNumber(source.properties.crop?.bottom ?? 0),
+        cropLeft: formatNumber(source.properties.crop?.left ?? 0),
+        relativeHeight: String(layer.relativeHeight),
+        behindDocument: layer.behindDocument,
+        allowOverlap: layer.allowOverlap,
+        layoutInCell: layer.layoutInCell,
+        lockAnchor: layer.lockAnchor
     };
 }
 function withDocumentPictureDimension(draft, dimension, value) {
@@ -9789,11 +8975,15 @@ function documentPicturePropertiesErrors(draft) {
     return {
         width: imageDimensionError(draft.width),
         height: imageDimensionError(draft.height),
-        wrapDistance: 'inline' === draft.layout || validNumber(draft.wrapDistance, 0, MAXIMUM_WRAP_DISTANCE_MILLIMETERS) ? null : '请输入 0 到 25 之间的毫米数。'
+        wrapDistance: 'inline' === draft.layout || 'none' === draft.layout || validNumber(draft.wrapDistance, 0, MAXIMUM_WRAP_DISTANCE_MILLIMETERS) ? null : '请输入 0 到 25 之间的毫米数。',
+        horizontalOffset: !draft.precisePosition || validSignedNumber(draft.horizontalOffset, MAXIMUM_IMAGE_OFFSET_MILLIMETERS) ? null : '请输入 -558.7 到 558.7 之间的毫米数。',
+        verticalOffset: !draft.precisePosition || validSignedNumber(draft.verticalOffset, MAXIMUM_IMAGE_OFFSET_MILLIMETERS) ? null : '请输入 -558.7 到 558.7 之间的毫米数。',
+        crop: imageCropError(draft),
+        relativeHeight: 'inline' === draft.layout || validInteger(draft.relativeHeight, 0, MAX_DOCUMENT_IMAGE_RELATIVE_HEIGHT) ? null : `请输入 0 到 ${MAX_DOCUMENT_IMAGE_RELATIVE_HEIGHT} 之间的整数。`
     };
 }
 function hasDocumentPicturePropertiesErrors(errors) {
-    return Boolean(errors.width || errors.height || errors.wrapDistance);
+    return Boolean(errors.width || errors.height || errors.wrapDistance || errors.horizontalOffset || errors.verticalOffset || errors.crop || errors.relativeHeight);
 }
 function documentPicturePropertyChanges(initial, current) {
     const errors = documentPicturePropertiesErrors(current);
@@ -9805,8 +8995,31 @@ function documentPicturePropertyChanges(initial, current) {
     if (initial.layout !== current.layout) changes.layout = current.layout;
     if (initial.alignment !== current.alignment) changes.alignment = current.alignment;
     if (!sameDraftNumber(initial.wrapDistance, current.wrapDistance)) changes.wrapDistance = Number(current.wrapDistance);
+    if (initial.wrapSide !== current.wrapSide) changes.wrapSide = current.wrapSide;
     const alternativeText = current.alternativeText.trim();
     if (initial.alternativeText.trim() !== alternativeText) changes.alternativeText = alternativeText;
+    if (initial.precisePosition !== current.precisePosition || current.precisePosition && (!sameDraftNumber(initial.horizontalOffset, current.horizontalOffset) || !sameDraftNumber(initial.verticalOffset, current.verticalOffset) || initial.horizontalReference !== current.horizontalReference || initial.verticalReference !== current.verticalReference)) changes.position = current.precisePosition ? {
+        horizontalOffset: Number(current.horizontalOffset),
+        verticalOffset: Number(current.verticalOffset),
+        horizontalReference: current.horizontalReference,
+        verticalReference: current.verticalReference
+    } : null;
+    if (!sameDraftNumber(initial.cropTop, current.cropTop) || !sameDraftNumber(initial.cropRight, current.cropRight) || !sameDraftNumber(initial.cropBottom, current.cropBottom) || !sameDraftNumber(initial.cropLeft, current.cropLeft)) {
+        const crop = {
+            top: Number(current.cropTop),
+            right: Number(current.cropRight),
+            bottom: Number(current.cropBottom),
+            left: Number(current.cropLeft)
+        };
+        changes.crop = Object.values(crop).some((edge)=>edge > 0) ? crop : null;
+    }
+    if (!sameDraftNumber(initial.relativeHeight, current.relativeHeight) || initial.behindDocument !== current.behindDocument || initial.allowOverlap !== current.allowOverlap || initial.layoutInCell !== current.layoutInCell || initial.lockAnchor !== current.lockAnchor) changes.layer = normalizeDocumentImageLayer({
+        relativeHeight: current.relativeHeight,
+        behindDocument: current.behindDocument,
+        allowOverlap: current.allowOverlap,
+        layoutInCell: current.layoutInCell,
+        lockAnchor: current.lockAnchor
+    });
     return Object.keys(changes).length ? changes : null;
 }
 function effectiveDimension(explicit, rendered, fallback) {
@@ -9821,6 +9034,27 @@ function validNumber(value, minimum, maximum) {
     const number = numericDraft(value);
     return null !== number && number >= minimum && number <= maximum;
 }
+function validSignedNumber(value, maximumMagnitude) {
+    if (!value.trim()) return false;
+    const number = Number(value);
+    return Number.isFinite(number) && Math.abs(number) <= maximumMagnitude;
+}
+function validInteger(value, minimum, maximum) {
+    if (!value.trim()) return false;
+    const number = Number(value);
+    return Number.isInteger(number) && number >= minimum && number <= maximum;
+}
+function imageCropError(draft) {
+    const edges = [
+        draft.cropTop,
+        draft.cropRight,
+        draft.cropBottom,
+        draft.cropLeft
+    ].map(numericDraft);
+    if (edges.some((edge)=>null === edge || edge > 99.99)) return '请输入 0 到 99.99 之间的裁剪百分比。';
+    const [top = 0, right = 0, bottom = 0, left = 0] = edges;
+    return left + right < 100 && top + bottom < 100 ? null : '相对两边的裁剪量之和必须小于 100%。';
+}
 function numericDraft(value) {
     if (!value.trim()) return null;
     const number = Number(value);
@@ -9854,10 +9088,25 @@ const document_picture_properties_dialog_layoutOptions = [
         label: '四周环绕',
         icon: TextWrap
     },
+    {
+        value: 'tight',
+        label: '紧密环绕',
+        icon: TextWrap
+    },
+    {
+        value: 'through',
+        label: '穿越环绕',
+        icon: TextWrap
+    },
     {
         value: 'topBottom',
         label: '上下环绕',
         icon: Rows3
+    },
+    {
+        value: 'none',
+        label: '自由浮动',
+        icon: TextWrap
     }
 ];
 const alignmentOptions = [
@@ -9877,6 +9126,52 @@ const alignmentOptions = [
         icon: AlignRight
     }
 ];
+const wrapSideOptions = [
+    {
+        value: 'bothSides',
+        label: '两侧'
+    },
+    {
+        value: 'left',
+        label: '仅左侧'
+    },
+    {
+        value: 'right',
+        label: '仅右侧'
+    },
+    {
+        value: 'largest',
+        label: '较宽一侧'
+    }
+];
+const horizontalReferenceOptions = [
+    {
+        value: 'column',
+        label: '栏'
+    },
+    {
+        value: 'margin',
+        label: '页边距'
+    },
+    {
+        value: 'page',
+        label: '页面'
+    }
+];
+const verticalReferenceOptions = [
+    {
+        value: 'paragraph',
+        label: '段落'
+    },
+    {
+        value: 'margin',
+        label: '页边距'
+    },
+    {
+        value: 'page',
+        label: '页面'
+    }
+];
 function DocumentPicturePropertiesControl({ editor }) {
     const [source, setSource] = useState(null);
     const triggerRef = useRef(null);
@@ -9967,6 +9262,17 @@ function DocumentPicturePropertiesDialog({ editor, source, restoreFocusTarget, o
                 }),
                 /*#__PURE__*/ jsx(PictureAlignmentSection, {
                     draft: draft,
+                    errors: errors,
+                    onDraftChange: setDraft
+                }),
+                /*#__PURE__*/ jsx(PictureLayerSection, {
+                    draft: draft,
+                    errors: errors,
+                    onDraftChange: setDraft
+                }),
+                /*#__PURE__*/ jsx(PictureCropSection, {
+                    draft: draft,
+                    errors: errors,
                     onDraftChange: setDraft
                 }),
                 /*#__PURE__*/ jsxs("label", {
@@ -10082,6 +9388,24 @@ function PictureLayoutSection({ draft, onDraftChange }) {
                     }, option.value);
                 })
             }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "work-document-picture-properties-wrap-side",
+                children: [
+                    /*#__PURE__*/ jsx("span", {
+                        children: "环绕侧"
+                    }),
+                    /*#__PURE__*/ jsx(OfficeSelect, {
+                        ariaLabel: "图片文字环绕侧",
+                        value: draft.wrapSide,
+                        options: wrapSideOptions,
+                        disabled: 'inline' === draft.layout || 'topBottom' === draft.layout || 'none' === draft.layout,
+                        onValueChange: (wrapSide)=>onDraftChange((current)=>({
+                                    ...current,
+                                    wrapSide
+                                }))
+                    })
+                ]
+            }),
             /*#__PURE__*/ jsx(PictureNumberRow, {
                 label: "文字距离",
                 ariaLabel: "图片与文字距离（毫米）",
@@ -10090,7 +9414,7 @@ function PictureLayoutSection({ draft, onDraftChange }) {
                 min: 0,
                 max: 25,
                 step: 0.5,
-                disabled: 'inline' === draft.layout,
+                disabled: 'inline' === draft.layout || 'none' === draft.layout,
                 invalid: Boolean(errors.wrapDistance),
                 onValueChange: (wrapDistance)=>onDraftChange((current)=>({
                             ...current,
@@ -10104,7 +9428,7 @@ function PictureLayoutSection({ draft, onDraftChange }) {
         ]
     });
 }
-function PictureAlignmentSection({ draft, onDraftChange }) {
+function PictureAlignmentSection({ draft, errors, onDraftChange }) {
     return /*#__PURE__*/ jsxs("fieldset", {
         className: "work-document-picture-properties-section position",
         children: [
@@ -10139,6 +9463,203 @@ function PictureAlignmentSection({ draft, onDraftChange }) {
                         ]
                     }, option.value);
                 })
+            }),
+            /*#__PURE__*/ jsx(OfficeCheckbox, {
+                ariaLabel: "使用精确图片位置",
+                checked: draft.precisePosition,
+                disabled: 'inline' === draft.layout,
+                onCheckedChange: (precisePosition)=>onDraftChange((current)=>({
+                            ...current,
+                            precisePosition
+                        })),
+                children: "使用精确位置"
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "work-document-picture-properties-position-grid",
+                children: [
+                    /*#__PURE__*/ jsx(PictureNumberRow, {
+                        label: "水平偏移",
+                        ariaLabel: "图片水平偏移（毫米）",
+                        value: draft.horizontalOffset,
+                        unit: "毫米",
+                        min: -558.7,
+                        max: 558.7,
+                        step: 0.5,
+                        disabled: 'inline' === draft.layout || !draft.precisePosition,
+                        invalid: Boolean(errors.horizontalOffset),
+                        onValueChange: (horizontalOffset)=>onDraftChange((current)=>({
+                                    ...current,
+                                    horizontalOffset
+                                }))
+                    }),
+                    /*#__PURE__*/ jsx(OfficeSelect, {
+                        ariaLabel: "水平相对于",
+                        value: draft.horizontalReference,
+                        options: horizontalReferenceOptions,
+                        disabled: 'inline' === draft.layout || !draft.precisePosition,
+                        onValueChange: (horizontalReference)=>onDraftChange((current)=>({
+                                    ...current,
+                                    horizontalReference
+                                }))
+                    }),
+                    /*#__PURE__*/ jsx(PictureNumberRow, {
+                        label: "垂直偏移",
+                        ariaLabel: "图片垂直偏移（毫米）",
+                        value: draft.verticalOffset,
+                        unit: "毫米",
+                        min: -558.7,
+                        max: 558.7,
+                        step: 0.5,
+                        disabled: 'inline' === draft.layout || !draft.precisePosition,
+                        invalid: Boolean(errors.verticalOffset),
+                        onValueChange: (verticalOffset)=>onDraftChange((current)=>({
+                                    ...current,
+                                    verticalOffset
+                                }))
+                    }),
+                    /*#__PURE__*/ jsx(OfficeSelect, {
+                        ariaLabel: "垂直相对于",
+                        value: draft.verticalReference,
+                        options: verticalReferenceOptions,
+                        disabled: 'inline' === draft.layout || !draft.precisePosition,
+                        onValueChange: (verticalReference)=>onDraftChange((current)=>({
+                                    ...current,
+                                    verticalReference
+                                }))
+                    })
+                ]
+            }),
+            errors.horizontalOffset && /*#__PURE__*/ jsx("p", {
+                role: "alert",
+                children: errors.horizontalOffset
+            }),
+            errors.verticalOffset && /*#__PURE__*/ jsx("p", {
+                role: "alert",
+                children: errors.verticalOffset
+            })
+        ]
+    });
+}
+function PictureLayerSection({ draft, errors, onDraftChange }) {
+    const disabled = 'inline' === draft.layout;
+    return /*#__PURE__*/ jsxs("fieldset", {
+        className: "work-document-picture-properties-section layer",
+        children: [
+            /*#__PURE__*/ jsx("legend", {
+                children: "图层与锚点"
+            }),
+            /*#__PURE__*/ jsx(PictureNumberRow, {
+                label: "层级顺序",
+                ariaLabel: "图片绘图层级顺序",
+                value: draft.relativeHeight,
+                unit: "序号",
+                min: 0,
+                max: MAX_DOCUMENT_IMAGE_RELATIVE_HEIGHT,
+                step: 1,
+                disabled: disabled,
+                invalid: Boolean(errors.relativeHeight),
+                onValueChange: (relativeHeight)=>onDraftChange((current)=>({
+                            ...current,
+                            relativeHeight
+                        }))
+            }),
+            errors.relativeHeight && /*#__PURE__*/ jsx("p", {
+                role: "alert",
+                children: errors.relativeHeight
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "work-document-picture-properties-layer-options",
+                children: [
+                    /*#__PURE__*/ jsx(OfficeCheckbox, {
+                        ariaLabel: "图片衬于文字下方",
+                        checked: draft.behindDocument,
+                        disabled: disabled,
+                        onCheckedChange: (behindDocument)=>onDraftChange((current)=>({
+                                    ...current,
+                                    behindDocument
+                                })),
+                        children: "衬于文字下方"
+                    }),
+                    /*#__PURE__*/ jsx(OfficeCheckbox, {
+                        ariaLabel: "允许图片重叠",
+                        checked: draft.allowOverlap,
+                        disabled: disabled,
+                        onCheckedChange: (allowOverlap)=>onDraftChange((current)=>({
+                                    ...current,
+                                    allowOverlap
+                                })),
+                        children: "允许对象重叠"
+                    }),
+                    /*#__PURE__*/ jsx(OfficeCheckbox, {
+                        ariaLabel: "图片随表格单元格布局",
+                        checked: draft.layoutInCell,
+                        disabled: disabled,
+                        onCheckedChange: (layoutInCell)=>onDraftChange((current)=>({
+                                    ...current,
+                                    layoutInCell
+                                })),
+                        children: "随单元格布局"
+                    }),
+                    /*#__PURE__*/ jsx(OfficeCheckbox, {
+                        ariaLabel: "锁定图片锚点",
+                        checked: draft.lockAnchor,
+                        disabled: disabled,
+                        onCheckedChange: (lockAnchor)=>onDraftChange((current)=>({
+                                    ...current,
+                                    lockAnchor
+                                })),
+                        children: "锁定锚点"
+                    })
+                ]
+            })
+        ]
+    });
+}
+function PictureCropSection({ draft, errors, onDraftChange }) {
+    const fields = [
+        {
+            key: 'cropTop',
+            label: '上方裁剪'
+        },
+        {
+            key: 'cropRight',
+            label: '右侧裁剪'
+        },
+        {
+            key: 'cropBottom',
+            label: '下方裁剪'
+        },
+        {
+            key: 'cropLeft',
+            label: '左侧裁剪'
+        }
+    ];
+    return /*#__PURE__*/ jsxs("fieldset", {
+        className: "work-document-picture-properties-section crop",
+        children: [
+            /*#__PURE__*/ jsx("legend", {
+                children: "裁剪"
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "work-document-picture-properties-crop-grid",
+                children: fields.map((field)=>/*#__PURE__*/ jsx(PictureNumberRow, {
+                        label: field.label,
+                        ariaLabel: `图片${field.label}（百分比）`,
+                        value: draft[field.key],
+                        unit: "%",
+                        min: 0,
+                        max: 99.99,
+                        step: 1,
+                        invalid: Boolean(errors.crop),
+                        onValueChange: (value)=>onDraftChange((current)=>({
+                                    ...current,
+                                    [field.key]: value
+                                }))
+                    }, field.key))
+            }),
+            errors.crop && /*#__PURE__*/ jsx("p", {
+                role: "alert",
+                children: errors.crop
             })
         ]
     });
@@ -10229,10 +9750,28 @@ function DocumentPictureRibbon({ editor }) {
                         })
                     }),
                     /*#__PURE__*/ jsx(PictureButton, {
-                        label: "四周环绕",
-                        active: 'square' === image.layout,
+                        label: "四周环绕",
+                        active: 'square' === image.layout,
+                        disabled: !imageSelected,
+                        onClick: ()=>updateLayout('square'),
+                        children: /*#__PURE__*/ jsx(TextWrap, {
+                            size: 18
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(PictureButton, {
+                        label: "紧密环绕",
+                        active: 'tight' === image.layout,
+                        disabled: !imageSelected,
+                        onClick: ()=>updateLayout('tight'),
+                        children: /*#__PURE__*/ jsx(TextWrap, {
+                            size: 18
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(PictureButton, {
+                        label: "穿越环绕",
+                        active: 'through' === image.layout,
                         disabled: !imageSelected,
-                        onClick: ()=>updateLayout('square'),
+                        onClick: ()=>updateLayout('through'),
                         children: /*#__PURE__*/ jsx(TextWrap, {
                             size: 18
                         })
@@ -10245,6 +9784,15 @@ function DocumentPictureRibbon({ editor }) {
                         children: /*#__PURE__*/ jsx(Rows3, {
                             size: 18
                         })
+                    }),
+                    /*#__PURE__*/ jsx(PictureButton, {
+                        label: "自由浮动",
+                        active: 'none' === image.layout,
+                        disabled: !imageSelected,
+                        onClick: ()=>updateLayout('none'),
+                        children: /*#__PURE__*/ jsx(TextWrap, {
+                            size: 18
+                        })
                     })
                 ]
             }),
@@ -10286,7 +9834,7 @@ function DocumentPictureRibbon({ editor }) {
                     ariaLabel: "图片与文字距离",
                     value: wrapDistanceValue,
                     options: imageWrapDistanceOptionsForValue(wrapDistanceValue),
-                    disabled: !imageSelected || 'inline' === image.layout,
+                    disabled: !imageSelected || 'inline' === image.layout || 'none' === image.layout,
                     onValueChange: (value)=>editor.commands.setDocumentImageLayoutOptions({
                             wrapDistance: Number(value)
                         })
@@ -10529,7 +10077,8 @@ function createDocumentTablePropertiesDraft(source) {
             repeatHeader: source.rowOptions.repeatHeader
         },
         column: {
-            width: document_table_properties_dialog_model_centimeters(source.renderedColumnWidth ?? source.sizing.columnWidth ?? FALLBACK_COLUMN_WIDTH_CENTIMETERS * document_table_properties_dialog_model_PIXELS_PER_CENTIMETER)
+            widthType: source.sizing.columnWidthType,
+            width: 'percent' === source.sizing.columnWidthType ? document_table_properties_dialog_model_formatNumber(source.sizing.columnWidth ?? 100) : document_table_properties_dialog_model_centimeters(source.renderedColumnWidth ?? source.sizing.columnWidth ?? FALLBACK_COLUMN_WIDTH_CENTIMETERS * document_table_properties_dialog_model_PIXELS_PER_CENTIMETER)
         },
         cell: {
             verticalAlign: source.cellFormat.verticalAlign,
@@ -10547,7 +10096,7 @@ function documentTablePropertiesErrors(draft) {
         tableWidth: tableWidthError(draft),
         tableIndent: tableIndentError(draft),
         rowHeight: draft.row.heightEnabled ? dimensionError(draft.row.height) : null,
-        columnWidth: dimensionError(draft.column.width),
+        columnWidth: 'percent' === draft.column.widthType ? percentageError(draft.column.width) : dimensionError(draft.column.width),
         cellMargins
     };
 }
@@ -10566,6 +10115,17 @@ function draftForTableWidthType(current, widthType, renderedTableWidth) {
         }
     };
 }
+function draftForColumnWidthType(current, widthType, source) {
+    if (widthType === current.column.widthType) return current;
+    const width = 'percent' === widthType ? document_table_properties_dialog_model_formatNumber('percent' === source.sizing.columnWidthType ? source.sizing.columnWidth ?? 100 : source.renderedColumnWidth && source.renderedTableWidth ? source.renderedColumnWidth / source.renderedTableWidth * 100 : 100 / Math.max(1, source.sizing.selectedColumnCount)) : document_table_properties_dialog_model_centimeters(source.renderedColumnWidth ?? ('pixels' === source.sizing.columnWidthType ? source.sizing.columnWidth : null) ?? FALLBACK_COLUMN_WIDTH_CENTIMETERS * document_table_properties_dialog_model_PIXELS_PER_CENTIMETER);
+    return {
+        ...current,
+        column: {
+            widthType,
+            width
+        }
+    };
+}
 function documentTablePropertyChanges(initial, current, source) {
     const errors = documentTablePropertiesErrors(current);
     if (hasDocumentTablePropertiesErrors(errors)) return null;
@@ -10581,9 +10141,11 @@ function documentTablePropertyChanges(initial, current, source) {
             repeatHeader: current.row.repeatHeader
         } : {}
     };
-    if (!document_table_properties_dialog_model_sameDraftNumber(initial.column.width, current.column.width)) changes.column = {
-        width: document_table_properties_dialog_model_rounded(Number(current.column.width) * document_table_properties_dialog_model_PIXELS_PER_CENTIMETER),
-        renderedColumnWidths: source.renderedColumnWidths
+    if (initial.column.widthType !== current.column.widthType || !document_table_properties_dialog_model_sameDraftNumber(initial.column.width, current.column.width)) changes.column = {
+        type: current.column.widthType,
+        width: 'percent' === current.column.widthType ? document_table_properties_dialog_model_rounded(Number(current.column.width)) : document_table_properties_dialog_model_rounded(Number(current.column.width) * document_table_properties_dialog_model_PIXELS_PER_CENTIMETER),
+        renderedColumnWidths: source.renderedColumnWidths,
+        renderedTableWidth: source.renderedTableWidth
     };
     const marginsChanged = initial.cell.useTableMargins !== current.cell.useTableMargins || !current.cell.useTableMargins && marginSides.some((side)=>!document_table_properties_dialog_model_sameDraftNumber(initial.cell.margins[side], current.cell.margins[side]));
     if (initial.cell.verticalAlign !== current.cell.verticalAlign || marginsChanged) changes.cell = {
@@ -10648,6 +10210,9 @@ function tableIndentError(draft) {
 function dimensionError(value) {
     return document_table_properties_dialog_model_validNumber(value, 0.5, 30) ? null : '请输入 0.5 到 30 之间的厘米数。';
 }
+function percentageError(value) {
+    return document_table_properties_dialog_model_validNumber(value, 1, 100) ? null : '请输入 1 到 100 之间的百分比。';
+}
 function document_table_properties_dialog_model_validNumber(value, minimum, maximum) {
     if (!value.trim()) return false;
     const numeric = Number(value);
@@ -10698,6 +10263,16 @@ const widthOptions = [
         label: '厘米'
     }
 ];
+const columnWidthOptions = [
+    {
+        value: 'pixels',
+        label: '厘米'
+    },
+    {
+        value: 'percent',
+        label: '百分比'
+    }
+];
 const document_table_properties_dialog_sections_alignmentOptions = [
     {
         value: 'left',
@@ -11026,25 +10601,43 @@ function RowSection({ draft, setDraft, errors, source }) {
         ]
     });
 }
-function ColumnSection({ draft, setDraft, errors }) {
+function ColumnSection({ draft, setDraft, errors, source }) {
     return /*#__PURE__*/ jsxs("fieldset", {
         className: "work-document-table-properties-section",
         children: [
             /*#__PURE__*/ jsx("legend", {
                 children: "当前列尺寸"
             }),
+            /*#__PURE__*/ jsx("div", {
+                className: "work-document-table-properties-choice-grid width",
+                children: columnWidthOptions.map((option)=>/*#__PURE__*/ jsxs("label", {
+                        children: [
+                            /*#__PURE__*/ jsx("input", {
+                                type: "radio",
+                                name: "table-properties-column-width-type",
+                                value: option.value,
+                                checked: draft.column.widthType === option.value,
+                                onChange: ()=>setDraft((current)=>draftForColumnWidthType(current, option.value, source))
+                            }),
+                            /*#__PURE__*/ jsx("span", {
+                                children: option.label
+                            })
+                        ]
+                    }, option.value))
+            }),
             /*#__PURE__*/ jsx(NumberRow, {
                 label: "列宽",
-                ariaLabel: "当前列宽（厘米）",
+                ariaLabel: 'percent' === draft.column.widthType ? '当前列宽（百分比）' : '当前列宽（厘米）',
                 value: draft.column.width,
-                unit: "厘米",
-                min: 0.5,
-                max: 30,
-                step: 0.1,
+                unit: 'percent' === draft.column.widthType ? '%' : '厘米',
+                min: 'percent' === draft.column.widthType ? 1 : 0.5,
+                max: 'percent' === draft.column.widthType ? 100 : 30,
+                step: 'percent' === draft.column.widthType ? 1 : 0.1,
                 invalid: Boolean(errors.columnWidth),
                 onValueChange: (width)=>setDraft((current)=>({
                             ...current,
                             column: {
+                                ...current.column,
                                 width
                             }
                         }))
@@ -12067,12 +11660,13 @@ function headingLevelForShortcut(code, key) {
     if ('3' === value) return 3;
     return null;
 }
-function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigationOpen, pageColor, showPageNumbers, showRulers, spellcheckEnabled, viewMode, zoom, pageChromeEditor, pageChromeEditingPart, pageChromeShowPageNumber, onRequestImage, onPageChromeEditingPartChange, onClosePageChrome, onTogglePageChromePageNumber, onToggleLayout, onLayoutChange, onOpenLayout, onToggleNavigation, onTogglePageNumbers, onToggleRulers, onPageColorChange, onToggleSpellcheck, onViewModeChange, onZoomChange, onZoomFit, onInsertSection, onInsertNote, onInsertCaption, onInsertCrossReference, citationsOpen, citationSourceCount, onToggleCitations, onInsertField, onRefreshFields, canInsertComment, onInsertComment, commentsOpen, commentCount, onToggleComments, trackChanges, changesOpen, changeCount, findReplaceMode, fileActions, onRibbonTabChange, onToggleTrackChanges, onToggleChanges, onOpenWordCount, onOpenFindReplace }) {
+function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layoutOpen, layout, layoutFonts = [], navigationOpen, pageColor, showPageNumbers, showRulers, spellcheckEnabled, viewMode, zoom, pageChromeEditor, pageChromeEditingPart, pageChromeShowPageNumber, onRequestImage, onPageChromeEditingPartChange, onClosePageChrome, onTogglePageChromePageNumber, onToggleLayout, onLayoutChange, onOpenLayout, onToggleNavigation, onTogglePageNumbers, onToggleRulers, onPageColorChange, onToggleSpellcheck, onViewModeChange, onZoomChange, onZoomFit, onInsertSection, onInsertNote, onInsertCaption, onInsertCrossReference, citationsOpen, citationSourceCount, onToggleCitations, onInsertField, onRefreshFields, canInsertComment, onInsertComment, commentsOpen, commentCount, onToggleComments, trackChanges, changesOpen, changeCount, findReplaceMode, fileActions, onRibbonTabChange, onToggleTrackChanges, onToggleChanges, onOpenWordCount, onOpenFindReplace }) {
     const [activeTab, setActiveTab] = useState('home');
     const officeDialog = useOfficeDialog();
     const prompt = officeDialog.prompt;
     const imageSelected = editor.isActive('image');
     const tableSelected = editor.isActive('table');
+    const activeBookmark = activeDocumentBookmark(editor);
     const hasRefreshableFields = documentHasRefreshableFields(editor);
     const documentChanges = collectDocumentChanges(editor.state.doc);
     const previousChangeIndex = adjacentDocumentChangeIndex(documentChanges, editor.state.selection, -1);
@@ -12098,7 +11692,7 @@ function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigat
         if (editor.isActive('link')) return void editor.chain().focus().unsetLink().run();
         const href = await prompt({
             title: '添加链接',
-            description: '为当前选中的文字设置跳转地址。',
+            description: '输入网页、邮箱地址，或使用 #书签名称 跳转到文档内位置。',
             fieldLabel: '链接地址',
             initialValue: editor.getAttributes('link').href ?? 'https://',
             placeholder: 'https://',
@@ -12117,6 +11711,26 @@ function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigat
         editor,
         prompt
     ]);
+    const toggleBookmark = useCallback(async ()=>{
+        if (activeBookmark) return void editor.chain().focus().deleteDocumentBookmark(activeBookmark.id).run();
+        const name = await prompt({
+            title: '添加书签',
+            description: '为当前光标位置或选中内容创建文档内链接目标。',
+            fieldLabel: '书签名称',
+            initialValue: '',
+            placeholder: '例如 Architecture_2',
+            confirmLabel: '添加书签',
+            required: '请输入书签名称。',
+            validate: (value)=>validateDocumentBookmarkName(value) ?? (documentBookmarkNameExists(editor, value) ? DOCUMENT_BOOKMARK_DUPLICATE_MESSAGE : null),
+            restoreFocusTarget: ()=>editor.view.dom
+        });
+        if (null === name || editor.isDestroyed) return;
+        editor.chain().focus().insertDocumentBookmark(name.trim()).run();
+    }, [
+        activeBookmark,
+        editor,
+        prompt
+    ]);
     useEffect(()=>{
         setActiveTab((current)=>{
             if (pageChromeEditor) return 'pageChrome';
@@ -12149,12 +11763,18 @@ function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigat
             const documentHistoryTarget = insideEditor || !isDocumentNativeTextUndoTarget(event.target);
             if (documentHistoryTarget && 'z' === key) {
                 event.preventDefault();
+                if (history) {
+                    if (event.shiftKey) history.redo();
+                    else history.undo();
+                    return;
+                }
                 const command = event.shiftKey ? editor.chain().focus().redo() : editor.chain().focus().undo();
                 command.run();
                 return;
             }
             if (documentHistoryTarget && 'y' === key && !event.shiftKey) {
                 event.preventDefault();
+                if (history) return void history.redo();
                 editor.chain().focus().redo().run();
                 return;
             }
@@ -12205,6 +11825,7 @@ function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigat
         canInsertComment,
         editor,
         hasRefreshableFields,
+        history,
         onInsertComment,
         onOpenFindReplace,
         onOpenWordCount,
@@ -12267,8 +11888,9 @@ function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigat
                         }),
                         shortcut: undoCommand.shortcut?.label,
                         ariaKeyShortcuts: undoCommand.shortcut?.aria,
-                        disabled: editor.isDestroyed || !editor.can().chain().undo().run(),
+                        disabled: editor.isDestroyed || (history ? !history.canUndo : !editor.can().chain().undo().run()),
                         onSelect: ()=>{
+                            if (history) return void history.undo();
                             editor.chain().focus().undo().run();
                         }
                     },
@@ -12280,12 +11902,14 @@ function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigat
                         }),
                         shortcut: redoCommand.shortcut?.label,
                         ariaKeyShortcuts: redoCommand.shortcut?.aria,
-                        disabled: editor.isDestroyed || !editor.can().chain().redo().run(),
+                        disabled: editor.isDestroyed || (history ? !history.canRedo : !editor.can().chain().redo().run()),
                         onSelect: ()=>{
+                            if (history) return void history.redo();
                             editor.chain().focus().redo().run();
                         }
                     }
                 ],
+                defaultCollapsed: defaultRibbonCollapsed,
                 className: "work-document-ribbon",
                 toolbarClassName: "document-toolbar",
                 panels: {
@@ -12331,20 +11955,31 @@ function DocumentToolbar({ editor, layoutOpen, layout, layoutFonts = [], navigat
                                     })
                                 })
                             }),
-                            /*#__PURE__*/ jsx(document_toolbar_RibbonGroup, {
+                            /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
                                 label: "链接",
                                 priority: "low",
-                                children: /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
-                                    label: editor.isActive('link') ? '取消链接' : '添加链接',
-                                    shortcut: "Cmd/Ctrl+K",
-                                    ariaKeyShortcuts: "Control+K Meta+K",
-                                    displayLabel: true,
-                                    active: editor.isActive('link'),
-                                    onClick: ()=>void toggleLink(),
-                                    children: /*#__PURE__*/ jsx(Link2, {
-                                        size: 19
+                                children: [
+                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                        label: editor.isActive('link') ? '取消链接' : '添加链接',
+                                        shortcut: "Cmd/Ctrl+K",
+                                        ariaKeyShortcuts: "Control+K Meta+K",
+                                        displayLabel: true,
+                                        active: editor.isActive('link'),
+                                        onClick: ()=>void toggleLink(),
+                                        children: /*#__PURE__*/ jsx(Link2, {
+                                            size: 19
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                        label: activeBookmark ? '删除书签' : '添加书签',
+                                        displayLabel: true,
+                                        active: Boolean(activeBookmark),
+                                        onClick: ()=>void toggleBookmark(),
+                                        children: /*#__PURE__*/ jsx(Bookmark, {
+                                            size: 19
+                                        })
                                     })
-                                })
+                                ]
                             }),
                             /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
                                 label: "页眉和页脚",
@@ -13070,7 +12705,7 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         toggleResolved
     };
 }
-function useDocumentInsertCommands({ contentRef, editor }) {
+function useDocumentInsertCommands({ contentRef, editor, resolveFieldContext }) {
     const officeDialog = useOfficeDialog();
     const [insertDialog, setInsertDialog] = useState(null);
     const invokerRef = useRef(null);
@@ -13129,15 +12764,21 @@ function useDocumentInsertCommands({ contentRef, editor }) {
     ]);
     const insertCrossReference = useCallback(()=>{
         if (!editor) return;
-        const targets = editorDocumentCaptionTargets(editor);
+        const targets = [
+            ...editorDocumentCaptionTargets(editor).map((target)=>({
+                    ...target,
+                    type: 'caption'
+                })),
+            ...editorDocumentBookmarkReferenceTargets(editor)
+        ];
         if (!targets.length) return void officeDialog.notice({
-            title: '还没有题注',
-            description: '请先插入图片或表格题注。'
+            title: '还没有可引用目标',
+            description: '请先插入图片或表格题注，或在正文中添加书签。'
         });
         rememberInvoker();
         setInsertDialog({
             kind: 'crossReference',
-            selectedId: targets[0]?.id ?? '',
+            selectedKey: targets[0] ? referenceTargetKey(targets[0]) : '',
             targets
         });
     }, [
@@ -13148,14 +12789,21 @@ function useDocumentInsertCommands({ contentRef, editor }) {
     const insertField = useCallback((kind)=>{
         if (!editor) return;
         if (!editor.chain().focus().insertDocumentField(kind).run()) return;
-        editor.commands.refreshDocumentFields(contentRef.current);
+        editor.commands.refreshDocumentFields(contentRef.current, {
+            resolveContext: resolveFieldContext ?? void 0,
+            addToHistory: false
+        });
     }, [
         contentRef,
-        editor
+        editor,
+        resolveFieldContext
     ]);
-    const refreshFields = useCallback(()=>editor?.commands.refreshDocumentFields(contentRef.current) ?? false, [
+    const refreshFields = useCallback(()=>editor?.commands.refreshDocumentFields(contentRef.current, {
+            resolveContext: resolveFieldContext ?? void 0
+        }) ?? false, [
         contentRef,
-        editor
+        editor,
+        resolveFieldContext
     ]);
     const submitCaption = ()=>{
         if (!editor || insertDialog?.kind !== 'caption') return;
@@ -13166,7 +12814,7 @@ function useDocumentInsertCommands({ contentRef, editor }) {
     };
     const submitCrossReference = ()=>{
         if (!editor || insertDialog?.kind !== 'crossReference') return;
-        const target = insertDialog.targets.find((candidate)=>candidate.id === insertDialog.selectedId);
+        const target = insertDialog.targets.find((candidate)=>referenceTargetKey(candidate) === insertDialog.selectedKey);
         if (!target) return;
         const inserted = editor.chain().focus().insertDocumentCrossReference(target).run();
         if (!inserted) return;
@@ -13187,11 +12835,12 @@ function useDocumentInsertCommands({ contentRef, editor }) {
         event.stopPropagation();
         const target = insertDialog.targets[nextIndex];
         if (!target) return;
+        const targetKey = referenceTargetKey(target);
         setInsertDialog({
             ...insertDialog,
-            selectedId: target.id
+            selectedKey: targetKey
         });
-        requestAnimationFrame(()=>referenceInputRefs.current.get(target.id)?.focus({
+        requestAnimationFrame(()=>referenceInputRefs.current.get(targetKey)?.focus({
                 preventScroll: true
             }));
     };
@@ -13247,7 +12896,7 @@ function useDocumentInsertCommands({ contentRef, editor }) {
             }),
             insertDialog?.kind === 'crossReference' && /*#__PURE__*/ jsx(Dialog, {
                 title: "插入交叉引用",
-                description: "选择正文中已有的图片或表格题注。",
+                description: "选择正文中已有的图片、表格题注或书签。",
                 className: "work-document-reference-dialog",
                 restoreFocusTarget: ()=>invokerRef.current,
                 onClose: ()=>setInsertDialog(null),
@@ -13260,7 +12909,7 @@ function useDocumentInsertCommands({ contentRef, editor }) {
                         }),
                         /*#__PURE__*/ jsx(button_Button, {
                             tone: "primary",
-                            disabled: !insertDialog.selectedId,
+                            disabled: !insertDialog.selectedKey,
                             onClick: submitCrossReference,
                             children: "插入引用"
                         })
@@ -13269,35 +12918,38 @@ function useDocumentInsertCommands({ contentRef, editor }) {
                 children: /*#__PURE__*/ jsx("div", {
                     className: "work-document-reference-list",
                     role: "radiogroup",
-                    "aria-label": "可引用题注",
-                    children: insertDialog.targets.map((target, index)=>/*#__PURE__*/ jsxs("label", {
+                    "aria-label": "可引用目标",
+                    children: insertDialog.targets.map((target, index)=>{
+                        const targetKey = referenceTargetKey(target);
+                        return /*#__PURE__*/ jsxs("label", {
                             onDoubleClick: submitCrossReference,
                             children: [
                                 /*#__PURE__*/ jsx("input", {
                                     ref: (element)=>{
-                                        if (element) referenceInputRefs.current.set(target.id, element);
-                                        else referenceInputRefs.current.delete(target.id);
+                                        if (element) referenceInputRefs.current.set(targetKey, element);
+                                        else referenceInputRefs.current.delete(targetKey);
                                     },
                                     type: "radio",
                                     name: "document-cross-reference",
-                                    value: target.id,
-                                    checked: target.id === insertDialog.selectedId,
-                                    "data-autofocus": target.id === insertDialog.selectedId ? '' : void 0,
-                                    tabIndex: target.id === insertDialog.selectedId ? 0 : -1,
+                                    value: targetKey,
+                                    checked: targetKey === insertDialog.selectedKey,
+                                    "data-autofocus": targetKey === insertDialog.selectedKey ? '' : void 0,
+                                    tabIndex: targetKey === insertDialog.selectedKey ? 0 : -1,
                                     onChange: ()=>setInsertDialog({
                                             ...insertDialog,
-                                            selectedId: target.id
+                                            selectedKey: targetKey
                                         }),
                                     onKeyDown: (event)=>moveReferenceSelection(event, index)
                                 }),
                                 /*#__PURE__*/ jsx("strong", {
-                                    children: target.display
+                                    children: 'bookmark' === target.type ? `书签 ${target.name}` : target.display
                                 }),
                                 /*#__PURE__*/ jsx("span", {
-                                    children: target.title || '（无题注文字）'
+                                    children: target.title || ('bookmark' === target.type ? '（空书签）' : '（无题注文字）')
                                 })
                             ]
-                        }, target.id))
+                        }, targetKey);
+                    })
                 })
             })
         ]
@@ -13312,6 +12964,9 @@ function useDocumentInsertCommands({ contentRef, editor }) {
         refreshFields
     };
 }
+function referenceTargetKey(target) {
+    return `${target.type}:${target.id}`;
+}
 const browserFontRegistrations = new Map();
 function useDocumentLayoutFonts(fonts) {
     const key = documentLayoutFontKey(fonts);
@@ -13533,13 +13188,13 @@ function planIncrementalDocumentLayout(previous, next, dirtyFrom) {
     }
     return fullLayout();
 }
-function mergeIncrementalDocumentLayout(previous, partial, page) {
+function mergeIncrementalDocumentLayout(previous, partial) {
     if (0 === partial.startPageIndex) return partial;
     const startPageIndex = partial.startPageIndex;
     const prefixPages = previous.pages.slice(0, startPageIndex);
     if (prefixPages.length !== startPageIndex || partial.pages[0]?.index !== startPageIndex) throw new Error('Incremental document layout has an invalid page prefix.');
     const prefixBreaks = previous.breaks.filter((pageBreak)=>pageBreak.pageIndex < startPageIndex);
-    const boundaryBreak = incrementalBoundaryBreak(prefixPages.at(-1), partial.pages[0], page);
+    const boundaryBreak = incrementalBoundaryBreak(prefixPages.at(-1), partial.pages[0]);
     return {
         ...partial,
         startPageIndex: 0,
@@ -13583,9 +13238,9 @@ function prefixMatches(pages, startPageIndex, previousBlockById, next, startBloc
     });
 }
 function sameLayoutBlock(left, right) {
-    return left.id === right.id && left.height === right.height && left.breakBefore === right.breakBefore && left.breakAfter === right.breakAfter && left.keepTogether === right.keepTogether && left.keepWithNext === right.keepWithNext && left.flowId === right.flowId && left.flowIndex === right.flowIndex && left.flowCount === right.flowCount && left.minimumFragmentsPerPage === right.minimumFragmentsPerPage && left.repeatHeaderCount === right.repeatHeaderCount && left.repeatHeaderHeight === right.repeatHeaderHeight;
+    return left.id === right.id && left.height === right.height && left.pageStyleId === right.pageStyleId && left.breakBefore === right.breakBefore && left.breakAfter === right.breakAfter && left.keepTogether === right.keepTogether && left.keepWithNext === right.keepWithNext && left.flowId === right.flowId && left.flowIndex === right.flowIndex && left.flowCount === right.flowCount && left.minimumFragmentsPerPage === right.minimumFragmentsPerPage && left.repeatHeaderCount === right.repeatHeaderCount && left.repeatHeaderHeight === right.repeatHeaderHeight;
 }
-function incrementalBoundaryBreak(previous, next, page) {
+function incrementalBoundaryBreak(previous, next) {
     const beforeBlockId = next?.placements[0]?.blockId;
     if (!previous || !next || !beforeBlockId) return null;
     const remainingBodyHeight = Math.max(0, previous.availableHeight - previous.usedHeight);
@@ -13593,14 +13248,78 @@ function incrementalBoundaryBreak(previous, next, page) {
         beforeBlockId,
         pageIndex: next.index,
         remainingBodyHeight,
-        spacerHeight: remainingBodyHeight + page.marginBottom + page.pageGap + page.marginTop
+        spacerHeight: remainingBodyHeight + previous.page.marginBottom + previous.page.pageGap + next.page.marginTop
+    };
+}
+function createDocumentPaginationRunCoordinator({ cancelFrame, onAbort, onCoalescedRequest, onError, onRunFinish, onRunStart, requestFrame, run }) {
+    let activeController = null;
+    let disposed = false;
+    let frame = 0;
+    let rerunRequested = false;
+    let running = false;
+    const queue = ()=>{
+        if (disposed || frame || running) return;
+        frame = requestFrame(()=>{
+            if (disposed) return;
+            frame = requestFrame(()=>{
+                frame = 0;
+                if (!disposed) execute();
+            });
+        });
+    };
+    const execute = async ()=>{
+        if (disposed || running) return;
+        running = true;
+        const controller = new AbortController();
+        activeController = controller;
+        onRunStart?.();
+        try {
+            await run(controller.signal);
+        } catch (error) {
+            if (!controller.signal.aborted) onError(error);
+        } finally{
+            if (activeController === controller) activeController = null;
+            running = false;
+            onRunFinish?.(controller.signal.aborted);
+            if (!disposed && rerunRequested) {
+                rerunRequested = false;
+                queue();
+            }
+        }
+    };
+    const request = ({ invalidateActive = false } = {})=>{
+        if (disposed) return;
+        if (!running) return void queue();
+        rerunRequested = true;
+        onCoalescedRequest?.();
+        if (invalidateActive && activeController && !activeController.signal.aborted) {
+            onAbort?.('invalidation');
+            activeController.abort();
+        }
+    };
+    const dispose = ()=>{
+        if (disposed) return;
+        disposed = true;
+        rerunRequested = false;
+        if (frame) {
+            cancelFrame(frame);
+            frame = 0;
+        }
+        if (activeController && !activeController.signal.aborted) {
+            onAbort?.('disposal');
+            activeController.abort();
+        }
+        activeController = null;
+    };
+    return {
+        dispose,
+        request
     };
 }
 function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, page, selectionVersion, wasmUrl, layoutFonts, loadedLayoutFontIds }) {
     const client = useOfficeKernelClient(wasmUrl, layoutFonts);
     const editorMounted = useEditorMounted(editor);
     const revision = useRef(0);
-    const activeRequest = useRef(null);
     const measurementCache = useRef(null);
     const paginationCache = useRef(null);
     const measurementEditor = useRef(null);
@@ -13628,8 +13347,6 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
         }
         if (!editor || !editorMounted || editor.isDestroyed || !enabled || !client) {
             const nextRevision = ++revision.current;
-            activeRequest.current?.abort();
-            activeRequest.current = null;
             if (editor && editorMounted && !editor.isDestroyed) {
                 const editorDom = editor.view.dom;
                 editor.commands.clearDocumentPagination(nextRevision);
@@ -13654,6 +13371,17 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                     delete editorDom.dataset.paginationTextEngine;
                     delete editorDom.dataset.paginationTextRuns;
                     delete editorDom.dataset.paginationUnsupportedText;
+                    delete editorDom.dataset.paginationAborts;
+                    delete editorDom.dataset.paginationActive;
+                    delete editorDom.dataset.paginationAssetTriggers;
+                    delete editorDom.dataset.paginationCoalescedRequests;
+                    delete editorDom.dataset.paginationDocumentTriggers;
+                    delete editorDom.dataset.paginationFontTriggers;
+                    delete editorDom.dataset.paginationResizeTriggers;
+                    delete editorDom.dataset.paginationRuns;
+                    delete editorDom.dataset.paginationTextBatch;
+                    delete editorDom.dataset.paginationTextBatches;
+                    delete editorDom.dataset.paginationViewportTriggers;
                 }
             }
             if (!enabled) {
@@ -13666,10 +13394,26 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
         }
         const editorDom = editor.view.dom;
         let disposed = false;
-        let frame = 0;
         let observedElements = [];
         const observedHeights = new Map();
+        let observedBlockPositions = new Map();
+        let observingExternalLayout = false;
+        const diagnosticCounts = {
+            aborts: 0,
+            assetTriggers: 0,
+            coalescedRequests: 0,
+            documentTriggers: 0,
+            fontTriggers: 0,
+            resizeTriggers: 0,
+            runs: 0,
+            viewportTriggers: 0
+        };
+        const updateDiagnostic = (name, datasetName)=>{
+            diagnosticCounts[name] += 1;
+            editorDom.dataset[datasetName] = String(diagnosticCounts[name]);
+        };
         const observer = "u" < typeof ResizeObserver ? null : new ResizeObserver((entries)=>{
+            if (!observingExternalLayout) return;
             let earliestChangedBlock = 1 / 0;
             let changed = false;
             for (const entry of entries){
@@ -13680,27 +13424,32 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                 const resized = void 0 !== previous && previous !== next;
                 changed ||= resized;
                 if (resized) {
-                    for (const block of measurementCache.current?.blocks ?? [])if (block.element === element) earliestChangedBlock = Math.min(earliestChangedBlock, block.from);
+                    const blockPosition = observedBlockPositions.get(element);
+                    if (void 0 !== blockPosition) earliestChangedBlock = Math.min(earliestChangedBlock, blockPosition);
                 }
             }
             if (changed) {
+                updateDiagnostic('resizeTriggers', 'paginationResizeTriggers');
                 markDirty(Number.isFinite(earliestChangedBlock) ? earliestChangedBlock : 0);
                 schedule();
             }
         });
-        const observeBlocks = (blocks)=>{
+        const stopObservingBlocks = ()=>{
+            observingExternalLayout = false;
             observer?.disconnect();
-            observedElements = Array.from(new Set(blocks.filter((block)=>block.observeResize).map((block)=>block.element)));
+        };
+        const observeBlocks = (blocks)=>{
+            stopObservingBlocks();
+            observedBlockPositions = documentResizeObservationPositions(blocks);
+            observedElements = Array.from(observedBlockPositions.keys());
             observedHeights.clear();
-            for (const element of observedElements)observer?.observe(element);
             for (const element of observedElements)observedHeights.set(element, element.offsetHeight);
+            observingExternalLayout = true;
+            for (const element of observedElements)observer?.observe(element);
         };
-        const run = async ()=>{
-            frame = 0;
+        const run = async (signal)=>{
+            stopObservingBlocks();
             const nextRevision = ++revision.current;
-            activeRequest.current?.abort();
-            const controller = new AbortController();
-            activeRequest.current = controller;
             editor.commands.clearDocumentPagination(nextRevision);
             editorDom.dataset.paginationState = 'measuring';
             editorDom.dataset.paginationReusedPageChrome = '0';
@@ -13716,36 +13465,44 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
             if (textLayoutCollection.paragraphs.length) {
                 editorDom.dataset.paginationState = 'shaping';
                 try {
-                    const textLayout = await client.textLayout({
-                        revision: nextRevision,
-                        documentRevision,
-                        paragraphs: textLayoutCollection.paragraphs
-                    }, controller.signal);
-                    if (disposed || controller.signal.aborted || nextRevision !== revision.current || editor.isDestroyed) return;
-                    for (const layout of textLayout.layouts)if (0 === layout.missingGlyphCount) {
-                        textLayouts.set(layout.id, layout);
-                        fallbackGlyphCount += layout.fallbackGlyphCount;
+                    let textLayoutEngine = '';
+                    let unsupportedTextLayoutCount = 0;
+                    const textLayoutBatches = documentTextLayoutBatches(textLayoutCollection.paragraphs);
+                    editorDom.dataset.paginationTextBatches = String(textLayoutBatches.length);
+                    for (const [batchIndex, paragraphs] of textLayoutBatches.entries()){
+                        editorDom.dataset.paginationTextBatch = String(batchIndex + 1);
+                        const textLayout = await client.textLayout({
+                            revision: nextRevision,
+                            documentRevision,
+                            paragraphs
+                        }, signal);
+                        if (disposed || signal.aborted || nextRevision !== revision.current || editor.isDestroyed) return;
+                        textLayoutEngine ||= textLayout.engine;
+                        unsupportedTextLayoutCount += textLayout.unsupportedParagraphIds.length + textLayout.layouts.filter((layout)=>layout.missingGlyphCount > 0).length;
+                        for (const layout of textLayout.layouts)if (0 === layout.missingGlyphCount) {
+                            textLayouts.set(layout.id, layout);
+                            fallbackGlyphCount += layout.fallbackGlyphCount;
+                        }
                     }
-                    editorDom.dataset.paginationTextEngine = textLayout.engine;
-                    editorDom.dataset.paginationUnsupportedText = String(textLayout.unsupportedParagraphIds.length + textLayout.layouts.filter((layout)=>layout.missingGlyphCount > 0).length);
+                    editorDom.dataset.paginationTextEngine = textLayoutEngine;
+                    editorDom.dataset.paginationUnsupportedText = String(unsupportedTextLayoutCount);
                 } catch (error) {
-                    if (controller.signal.aborted || error instanceof DOMException && 'AbortError' === error.name) return;
+                    if (signal.aborted || error instanceof DOMException && 'AbortError' === error.name) return;
+                    textLayouts.clear();
+                    fallbackGlyphCount = 0;
                     editorDom.dataset.paginationTextEngine = 'dom';
                     editorDom.dataset.paginationUnsupportedText = String(textLayoutCollection.paragraphs.length);
                 }
             } else {
                 editorDom.dataset.paginationTextEngine = 'dom';
                 editorDom.dataset.paginationUnsupportedText = '0';
+                editorDom.dataset.paginationTextBatch = '0';
+                editorDom.dataset.paginationTextBatches = '0';
             }
             editorDom.dataset.paginationShapedParagraphs = String(textLayouts.size);
             editorDom.dataset.paginationFallbackGlyphs = String(fallbackGlyphCount);
             editorDom.dataset.paginationShapedRuns = String(textLayoutCollection.paragraphs.reduce((count, paragraph)=>count + (textLayouts.has(paragraph.id) ? paragraph.runs.length : 0), 0));
-            const effectivePage = {
-                ...page,
-                ...documentPageChromeHeights(editor)
-            };
-            const availablePageHeight = documentPageBodyHeight(effectivePage);
-            const snapshot = measureDocumentLayoutBlocks(editor, measurementCache.current, measurementStart, textLayouts, availablePageHeight);
+            const snapshot = measureDocumentLayoutBlocks(editor, measurementCache.current, measurementStart, textLayouts);
             measurementCache.current = snapshot;
             editorDom.dataset.paginationBlocks = String(snapshot.blocks.length);
             editorDom.dataset.paginationFlows = String(new Set(snapshot.blocks.flatMap((block)=>block.block.flowId ? [
@@ -13753,8 +13510,8 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                 ] : [])).size);
             editorDom.dataset.paginationMeasuredBlocks = String(snapshot.measuredBlockCount);
             editorDom.dataset.paginationReusedBlocks = String(snapshot.reusedBlockCount);
-            observeBlocks(snapshot.blocks);
             if (snapshot.unsupportedLayout || !snapshot.blocks.length) {
+                observeBlocks(snapshot.blocks);
                 editorDom.dataset.paginationState = snapshot.unsupportedLayout ? 'unsupported' : 'empty';
                 setPagination(null);
                 paginationCache.current = null;
@@ -13770,11 +13527,12 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                     revision: nextRevision,
                     documentRevision,
                     startPageIndex: layoutPlan.startPageIndex,
-                    page: effectivePage,
+                    page,
+                    pageStyles: snapshot.pageStyles,
                     blocks: layoutPlan.blocks
-                }, controller.signal);
-                if (disposed || controller.signal.aborted || nextRevision !== revision.current || editor.isDestroyed) return;
-                const layout = previousPagination && layoutPlan.startPageIndex > 0 ? mergeIncrementalDocumentLayout(previousPagination.layout, partialLayout, effectivePage) : partialLayout;
+                }, signal);
+                if (disposed || signal.aborted || nextRevision !== revision.current || editor.isDestroyed) return;
+                const layout = previousPagination && layoutPlan.startPageIndex > 0 ? mergeIncrementalDocumentLayout(previousPagination.layout, partialLayout) : partialLayout;
                 const blockById = new Map(snapshot.blocks.map((block)=>[
                         block.block.id,
                         block
@@ -13792,7 +13550,8 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                     return block ? [
                         {
                             ...pageBreak,
-                            page: effectivePage,
+                            previousPage: pageByIndex.get(pageBreak.pageIndex - 1)?.page ?? layout.pages[pageBreak.pageIndex - 1]?.page ?? page,
+                            nextPage: pageByIndex.get(pageBreak.pageIndex)?.page ?? layout.pages[pageBreak.pageIndex]?.page ?? page,
                             position: block.from,
                             inlineOffsetLeft: block.inlineOffsetLeft,
                             inlineOffsetRight: block.inlineOffsetRight,
@@ -13802,6 +13561,7 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                         }
                     ] : [];
                 }));
+                observeBlocks(snapshot.blocks);
                 editorDom.dataset.paginationEngine = layout.engine;
                 editorDom.dataset.paginationDocumentRevision = String(layout.documentRevision);
                 editorDom.dataset.paginationPages = String(layout.pages.length);
@@ -13819,7 +13579,7 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                 paginationCache.current = nextPagination;
                 setPagination(nextPagination);
             } catch (error) {
-                if (disposed || controller.signal.aborted || error instanceof DOMException && 'AbortError' === error.name) return;
+                if (disposed || signal.aborted || error instanceof DOMException && 'AbortError' === error.name) return;
                 editorDom.dataset.paginationState = 'error';
                 editorDom.dataset.paginationError = error instanceof Error ? `${error.name}: ${error.message}` : 'UnknownError';
                 editor.commands.clearDocumentPagination(nextRevision);
@@ -13827,30 +13587,54 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
                 setPagination(null);
             }
         };
-        const schedule = ()=>{
-            if (disposed || frame) return;
-            frame = requestAnimationFrame(()=>{
-                frame = requestAnimationFrame(()=>void run());
+        const coordinator = createDocumentPaginationRunCoordinator({
+            cancelFrame: cancelAnimationFrame,
+            onAbort: ()=>updateDiagnostic('aborts', 'paginationAborts'),
+            onCoalescedRequest: ()=>updateDiagnostic('coalescedRequests', 'paginationCoalescedRequests'),
+            onError: (error)=>{
+                if (disposed || editor.isDestroyed) return;
+                editorDom.dataset.paginationState = 'error';
+                editorDom.dataset.paginationError = error instanceof Error ? `${error.name}: ${error.message}` : 'UnknownError';
+                paginationCache.current = null;
+                setPagination(null);
+            },
+            onRunFinish: ()=>{
+                if (!disposed) editorDom.dataset.paginationActive = 'false';
+            },
+            onRunStart: ()=>{
+                editorDom.dataset.paginationActive = 'true';
+                updateDiagnostic('runs', 'paginationRuns');
+            },
+            requestFrame: requestAnimationFrame,
+            run
+        });
+        const schedule = (invalidateActive = false)=>{
+            coordinator.request({
+                invalidateActive
             });
         };
         const markDirty = (position)=>{
             dirtyMeasurementFrom.current = Math.min(dirtyMeasurementFrom.current, Math.max(0, position));
         };
         const handleDocumentUpdate = ({ transaction })=>{
+            updateDiagnostic('documentTriggers', 'paginationDocumentTriggers');
             markDirty(earliestChangedPosition(transaction));
-            schedule();
+            schedule(true);
         };
         const handleLoadedAsset = (event)=>{
+            updateDiagnostic('assetTriggers', 'paginationAssetTriggers');
             const target = event.target;
             const block = measurementCache.current?.blocks.find((candidate)=>target instanceof Node && (candidate.element === target || candidate.element.contains(target)));
             markDirty(block?.from ?? 0);
             schedule();
         };
         const handleFontLoading = ()=>{
+            updateDiagnostic('fontTriggers', 'paginationFontTriggers');
             markDirty(0);
             schedule();
         };
         const handleWindowResize = ()=>{
+            updateDiagnostic('viewportTriggers', 'paginationViewportTriggers');
             markDirty(0);
             schedule();
         };
@@ -13862,14 +13646,12 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
         schedule();
         return ()=>{
             disposed = true;
-            if (frame) cancelAnimationFrame(frame);
-            observer?.disconnect();
+            stopObservingBlocks();
             editor.off('update', handleDocumentUpdate);
             editorDom.removeEventListener('load', handleLoadedAsset, true);
             fonts?.removeEventListener('loadingdone', handleFontLoading);
             window.removeEventListener('resize', handleWindowResize);
-            activeRequest.current?.abort();
-            activeRequest.current = null;
+            coordinator.dispose();
         };
     }, [
         client,
@@ -13884,6 +13666,9 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
         loadedLayoutFontIds,
         pageKey
     ]);
+    const resolveFieldContext = useMemo(()=>pagination ? createDocumentFieldPaginationContextResolver(pagination) : null, [
+        pagination
+    ]);
     return useMemo(()=>{
         const currentPage = pagination ? pageForPosition(pagination, editor?.state.selection.from ?? 0) : null;
         return {
@@ -13891,15 +13676,54 @@ function useDocumentPagination({ editor, documentRevision, enabled, layoutKey, p
             currentPageDescriptor: null === currentPage ? null : pagination?.pages.find((page)=>page.physicalPage === currentPage) ?? null,
             pageCount: pagination ? Math.max(1, pagination.layout.pages.length) : null,
             pages: pagination?.pages ?? [],
-            paginating: enabled && null === pagination
+            paginating: enabled && null === pagination,
+            resolveFieldContext
         };
     }, [
         editor,
         enabled,
         pagination,
+        resolveFieldContext,
         selectionVersion
     ]);
 }
+function createDocumentFieldPaginationContextResolver(pagination) {
+    const pagesByPhysicalNumber = new Map(pagination.pages.map((page)=>[
+            page.physicalPage,
+            page
+        ]));
+    const sectionPhysicalPages = new Map();
+    for (const block of pagination.blocks){
+        const sectionId = block.section?.id;
+        const physicalPage = pagination.pageByBlockId.get(block.block.id);
+        if (!sectionId || !physicalPage) continue;
+        const pages = sectionPhysicalPages.get(sectionId) ?? new Set();
+        pages.add(physicalPage);
+        sectionPhysicalPages.set(sectionId, pages);
+    }
+    return (position)=>{
+        const block = blockForPosition(pagination.blocks, position);
+        const section = block?.section;
+        const physicalPage = block ? pagination.pageByBlockId.get(block.block.id) : void 0;
+        const page = physicalPage ? pagesByPhysicalNumber.get(physicalPage) : void 0;
+        if (!section || !page) return null;
+        return {
+            pageNumber: page.pageNumber,
+            totalPages: Math.max(1, pagination.layout.pages.length),
+            sectionNumber: section.index + 1,
+            sectionPages: Math.max(1, sectionPhysicalPages.get(section.id)?.size ?? 0)
+        };
+    };
+}
+function documentResizeObservationPositions(blocks) {
+    const positions = new Map();
+    for (const block of blocks){
+        if (!block.observeResize) continue;
+        const previous = positions.get(block.element);
+        positions.set(block.element, void 0 === previous ? block.from : Math.min(previous, block.from));
+    }
+    return positions;
+}
 function deriveDocumentPaginationPageDescriptors(layout, blocks, documentNode, previousPages = [], requestedReusedPageCount = 0) {
     const blockById = new Map(blocks.map((candidate)=>[
             candidate.block.id,
@@ -13942,7 +13766,7 @@ function deriveDocumentPaginationPageDescriptors(layout, blocks, documentNode, p
         const firstSectionPage = 1 === sectionPage;
         const pageNumber = firstSectionPage && void 0 !== section.layout.pageNumberStart ? section.layout.pageNumberStart : Math.max(1, previousPageNumber + 1);
         const previousPage = previousPageByIndex.get(page.index);
-        if (reuseOpen && page.index < reusablePhysicalPageCount && previousPage && reusableDocumentPageDescriptor(previousPage, physicalPage, pageNumber, sectionPage, section.id, section.index, section.layout)) {
+        if (reuseOpen && page.index < reusablePhysicalPageCount && previousPage && reusableDocumentPageDescriptor(previousPage, physicalPage, pageNumber, sectionPage, section.id, section.index, section.layout, page.page)) {
             descriptors.push(previousPage);
             reusedPageCount += 1;
             continue;
@@ -13958,7 +13782,8 @@ function deriveDocumentPaginationPageDescriptors(layout, blocks, documentNode, p
             sectionId: section.id,
             sectionIndex: section.index,
             layout: section.layout,
-            pageChrome: resolveDocumentPageChrome(section.layout, sectionPage, physicalPage)
+            pageChrome: resolveDocumentPageChrome(section.layout, sectionPage, physicalPage),
+            page: documentPageMetrics(section.layout, physicalPage)
         });
     }
     return {
@@ -13967,8 +13792,8 @@ function deriveDocumentPaginationPageDescriptors(layout, blocks, documentNode, p
         derivedPageCount: descriptors.length - reusedPageCount
     };
 }
-function reusableDocumentPageDescriptor(candidate, physicalPage, pageNumber, sectionPage, sectionId, sectionIndex, layout) {
-    return candidate.pageIndex === physicalPage - 1 && candidate.physicalPage === physicalPage && candidate.pageNumber === pageNumber && candidate.sectionPage === sectionPage && candidate.sectionId === sectionId && candidate.sectionIndex === sectionIndex && JSON.stringify(candidate.layout) === JSON.stringify(layout);
+function reusableDocumentPageDescriptor(candidate, physicalPage, pageNumber, sectionPage, sectionId, sectionIndex, layout, page) {
+    return candidate.pageIndex === physicalPage - 1 && candidate.physicalPage === physicalPage && candidate.pageNumber === pageNumber && candidate.sectionPage === sectionPage && candidate.sectionId === sectionId && candidate.sectionIndex === sectionIndex && pageMetricsKey(candidate.page) === pageMetricsKey(page) && JSON.stringify(candidate.layout) === JSON.stringify(layout);
 }
 function documentPagePreviewText(blocks, documentNode) {
     const measuredText = documentNode ? documentPageTextRanges(blocks).reduce((preview, range)=>{
@@ -14043,20 +13868,24 @@ function useOfficeKernelClient(wasmUrl, fonts) {
     return client;
 }
 function pageForPosition(pagination, position) {
-    const rangedBlock = pagination.blocks.find((block)=>block.selectionRanges?.some((range)=>range.from <= position && position < range.to));
-    if (rangedBlock) return pagination.pageByBlockId.get(rangedBlock.block.id) ?? 1;
+    const block = blockForPosition(pagination.blocks, position);
+    return block ? pagination.pageByBlockId.get(block.block.id) ?? 1 : 1;
+}
+function blockForPosition(blocks, position) {
+    const rangedBlock = blocks.find((block)=>block.selectionRanges?.some((range)=>range.from <= position && position < range.to));
+    if (rangedBlock) return rangedBlock;
     let lower = 0;
-    let upper = pagination.blocks.length - 1;
-    let containing = pagination.blocks[0];
+    let upper = blocks.length - 1;
+    let containing = blocks[0];
     while(lower <= upper){
         const middle = Math.floor((lower + upper) / 2);
-        const candidate = pagination.blocks[middle];
+        const candidate = blocks[middle];
         if (candidate.from <= position) {
             containing = candidate;
             lower = middle + 1;
         } else upper = middle - 1;
     }
-    return containing ? pagination.pageByBlockId.get(containing.block.id) ?? 1 : 1;
+    return containing;
 }
 function pageMetricsKey(page) {
     return [
@@ -14078,6 +13907,204 @@ function earliestChangedPosition(transaction) {
     });
     return Number.isFinite(earliest) ? earliest : 0;
 }
+function collectDocumentReviewSnapshot(document1) {
+    return {
+        comments: collectDocumentCommentAnchors(document1),
+        changes: collectDocumentChanges(document1)
+    };
+}
+function reconcileDocumentReviewConflicts({ active, before, after, comments }) {
+    const commentIds = new Set(comments.map((comment)=>comment.id.trim()).filter(Boolean));
+    const afterComments = new Map(after.comments.map((comment)=>[
+            comment.id,
+            comment
+        ]));
+    const afterChanges = new Map(after.changes.map((change)=>[
+            work_document_review_conflicts_changeKey(change),
+            change
+        ]));
+    const surviving = active.filter((conflict)=>conflictStillApplies(conflict, commentIds, afterComments, afterChanges));
+    const detected = detectDocumentReviewConflicts(before, after, commentIds, afterComments, afterChanges);
+    const activeKeys = new Set(active.map(documentReviewConflictKey));
+    const newlyDetected = detected.filter((conflict)=>!activeKeys.has(documentReviewConflictKey(conflict)));
+    const byKey = new Map(surviving.map((conflict)=>[
+            documentReviewConflictKey(conflict),
+            conflict
+        ]));
+    for (const conflict of detected){
+        const key = documentReviewConflictKey(conflict);
+        if (!activeKeys.has(key)) byKey.set(key, conflict);
+    }
+    return {
+        active: Array.from(byKey.values()),
+        detected: newlyDetected
+    };
+}
+function detectDocumentReviewConflicts(before, after, commentIds, afterComments, afterChanges) {
+    const conflicts = [];
+    for (const previous of before.comments){
+        const next = afterComments.get(previous.id);
+        if (!commentIds.has(previous.id)) {
+            if (next) conflicts.push({
+                id: previous.id,
+                kind: 'comment',
+                reason: 'record-removed',
+                previousText: previous.anchorText,
+                nextText: next.anchorText
+            });
+            continue;
+        }
+        if (next) {
+            if (next.anchorText !== previous.anchorText) conflicts.push({
+                id: previous.id,
+                kind: 'comment',
+                reason: 'text-changed',
+                previousText: previous.anchorText,
+                nextText: next.anchorText
+            });
+        } else conflicts.push({
+            id: previous.id,
+            kind: 'comment',
+            reason: 'removed',
+            previousText: previous.anchorText
+        });
+    }
+    const afterChangesById = new Map();
+    for (const change of after.changes){
+        const candidates = afterChangesById.get(change.id) ?? [];
+        candidates.push(change);
+        afterChangesById.set(change.id, candidates);
+    }
+    for (const previous of before.changes){
+        const next = afterChanges.get(work_document_review_conflicts_changeKey(previous));
+        if (next) {
+            if (next.text !== previous.text) conflicts.push({
+                id: previous.id,
+                kind: previous.kind,
+                reason: 'text-changed',
+                previousText: previous.text,
+                nextText: next.text
+            });
+            continue;
+        }
+        const changedKind = afterChangesById.get(previous.id)?.[0];
+        conflicts.push(changedKind ? {
+            id: previous.id,
+            kind: previous.kind,
+            reason: 'kind-changed',
+            previousText: previous.text,
+            nextKind: changedKind.kind,
+            nextText: changedKind.text
+        } : {
+            id: previous.id,
+            kind: previous.kind,
+            reason: 'removed',
+            previousText: previous.text
+        });
+    }
+    return conflicts;
+}
+function conflictStillApplies(conflict, commentIds, comments, changes) {
+    if ('comment' === conflict.kind) {
+        if (!commentIds.has(conflict.id)) return comments.has(conflict.id);
+        return comments.get(conflict.id)?.anchorText !== conflict.previousText;
+    }
+    return changes.get(`${conflict.kind}:${conflict.id}`)?.text !== conflict.previousText;
+}
+function work_document_review_conflicts_changeKey(change) {
+    return `${change.kind}:${change.id}`;
+}
+function documentReviewConflictKey(conflict) {
+    return 'comment' === conflict.kind ? `comment:${conflict.id}` : `change:${conflict.id}`;
+}
+function useDocumentReviewConflicts({ activeConflictsRef, appliedSourceKeyRef, artifactId, content, editor, editorInput, normalizedContent, onReviewConflict, publishedDocumentRef, reconcileControlledUpdates = true }) {
+    const appliedArtifactIdRef = useRef(artifactId);
+    const onReviewConflictRef = useRef(onReviewConflict);
+    const [visibleConflicts, setVisibleConflicts] = useState([]);
+    onReviewConflictRef.current = onReviewConflict;
+    useEffect(()=>{
+        if (!editor || !reconcileControlledUpdates) return;
+        const artifactChanged = appliedArtifactIdRef.current !== artifactId;
+        const sourceChanged = appliedSourceKeyRef.current !== editorInput.sourceKey;
+        appliedArtifactIdRef.current = artifactId;
+        if (artifactChanged) {
+            activeConflictsRef.current = [];
+            setVisibleConflicts([]);
+        }
+        const before = collectDocumentReviewSnapshot(editor.state.doc);
+        if (sourceChanged) {
+            const currentContent = normalizeDocumentHtml({
+                ...content,
+                html: editor.getHTML()
+            });
+            const canReuseCurrentDocument = 'string' == typeof editorInput.source && currentContent === normalizedContent;
+            appliedSourceKeyRef.current = editorInput.sourceKey;
+            if (!canReuseCurrentDocument) {
+                const result = applyExternalDocumentContent(editor, editorInput.source);
+                if ('unsupported' === result) editor.chain().setMeta('addToHistory', false).setContent(editorInput.source, {
+                    emitUpdate: false
+                }).run();
+            }
+            publishedDocumentRef.current = editor.state.doc;
+        }
+        if (artifactChanged || !sourceChanged && 0 === activeConflictsRef.current.length) return;
+        const reconciled = reconcileDocumentReviewConflicts({
+            active: activeConflictsRef.current,
+            before,
+            after: collectDocumentReviewSnapshot(editor.state.doc),
+            comments: content.comments ?? []
+        });
+        activeConflictsRef.current = reconciled.active;
+        setVisibleConflicts((visible)=>{
+            if (reconciled.detected.length) return reconciled.active;
+            const visibleKeys = new Set(visible.map(documentReviewConflictKey));
+            return reconciled.active.filter((conflict)=>visibleKeys.has(documentReviewConflictKey(conflict)));
+        });
+        if (reconciled.detected.length) onReviewConflictRef.current?.({
+            artifactId,
+            conflicts: reconciled.detected.map((conflict)=>({
+                    ...conflict
+                }))
+        });
+    }, [
+        activeConflictsRef,
+        appliedSourceKeyRef,
+        artifactId,
+        content,
+        editor,
+        editorInput,
+        normalizedContent,
+        publishedDocumentRef,
+        reconcileControlledUpdates
+    ]);
+    return {
+        dismiss: ()=>setVisibleConflicts([]),
+        visibleConflicts
+    };
+}
+function DocumentReviewConflictNotice({ conflicts, onDismiss }) {
+    if (!conflicts.length) return null;
+    return /*#__PURE__*/ jsxs(InlineNotice, {
+        className: "work-document-review-conflict",
+        icon: /*#__PURE__*/ jsx(TriangleAlert, {}),
+        role: "alert",
+        title: "审阅内容与外部更新冲突",
+        tone: "warning",
+        actions: /*#__PURE__*/ jsx(button_Button, {
+            "aria-label": "关闭审阅冲突提示",
+            size: "compact",
+            tone: "quiet",
+            onClick: onDismiss,
+            children: "关闭"
+        }),
+        children: [
+            "外部版本已应用，其中 ",
+            conflicts.length,
+            ' ',
+            "个批注或修订范围发生变化。请检查后再继续审阅。"
+        ]
+    });
+}
 const EMPTY_DOCUMENT_LAYOUT_FONTS = [];
 const EMPTY_DOCUMENT_EXTENSIONS = [];
 function createTrackedDocumentChange(_kind) {
@@ -14087,29 +14114,100 @@ function createTrackedDocumentChange(_kind) {
         date: new Date().toISOString()
     };
 }
-function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTENSIONS, preview, saveStatus = '已自动保存', kernelWasmUrl, layoutFonts = EMPTY_DOCUMENT_LAYOUT_FONTS, fileActions, getSelectionMenuItems, onChange, onAgentRequest }) {
+function DocumentEditor(props) {
+    if (!props.collaboration) return /*#__PURE__*/ jsx(DocumentEditorSurface, {
+        ...props
+    });
+    return /*#__PURE__*/ jsx(CollaborativeDocumentEditor, {
+        ...props,
+        collaboration: props.collaboration
+    });
+}
+function CollaborativeDocumentEditor(props) {
+    const { collaboration, extensions = EMPTY_DOCUMENT_EXTENSIONS } = props;
+    const collaborationRef = useRef(collaboration);
+    const extensionsRef = useRef(extensions);
+    if (collaborationRef.current !== collaboration) throw new Error('DocumentEditor collaboration sessions cannot be replaced while mounted. Remount the editor for another shared document.');
+    if (extensionsRef.current !== extensions) throw new Error('DocumentEditor extensions cannot be replaced while a collaboration session is mounted. Remount the editor to change its schema.');
+    const initial = useRef(null);
+    if (!initial.current) initial.current = readWorkOfficeDocumentCollaboration(collaboration);
+    const bridge = useRef({
+        getContent: ()=>initial.current,
+        isTracking: ()=>Boolean(initial.current?.trackChanges),
+        onContentChange: ()=>void 0,
+        onTrackingChange: ()=>void 0
+    });
+    const [binding, setBinding] = useState();
+    const bindingRef = useRef(void 0);
+    const disposeTokenRef = useRef(void 0);
+    useEffect(()=>{
+        disposeTokenRef.current = void 0;
+        const current = bindingRef.current ?? createWorkOfficeDocumentCollaborationBinding(collaboration, {
+            additionalExtensions: extensionsRef.current,
+            workExtensions: {
+                getContent: ()=>bridge.current.getContent(),
+                isTracking: ()=>bridge.current.isTracking(),
+                createChange: createTrackedDocumentChange,
+                onContentChange: (content)=>bridge.current.onContentChange(content),
+                onTrackingChange: (enabled)=>bridge.current.onTrackingChange(enabled)
+            }
+        });
+        bindingRef.current = current;
+        setBinding(current);
+        return ()=>{
+            const token = {};
+            disposeTokenRef.current = token;
+            queueMicrotask(()=>{
+                if (disposeTokenRef.current !== token) return;
+                if (bindingRef.current === current) bindingRef.current = void 0;
+                current.destroy();
+            });
+        };
+    }, [
+        collaboration
+    ]);
+    if (!binding) return /*#__PURE__*/ jsx(WorkEditorLoadingState, {
+        title: "正在准备协作文档"
+    });
+    return /*#__PURE__*/ jsx(DocumentEditorSurface, {
+        ...props,
+        collaborationBinding: binding,
+        collaborationBridge: bridge,
+        collaborationInitialContent: initial.current
+    });
+}
+function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, collaborationBinding, collaborationBridge, collaborationInitialContent, content, extensions = EMPTY_DOCUMENT_EXTENSIONS, preview: requestedPreview, defaultRibbonCollapsed = false, saveStatus = '已自动保存', kernelWasmUrl, layoutFonts = EMPTY_DOCUMENT_LAYOUT_FONTS, fileActions, getSelectionMenuItems, onChange, onAgentRequest, onReviewConflict }) {
+    const collaborationEditable = !collaboration || 'edit' === collaboration.mode;
+    const preview = requestedPreview || !collaborationEditable;
+    const readOnly = preview;
+    const initialContentRef = useRef(collaborationInitialContent ?? content);
+    const effectiveContent = collaboration ? initialContentRef.current : content;
     const imageInputRef = useRef(null);
     const pageHeaderRef = useRef(null);
     const pageFooterRef = useRef(null);
     const workspaceRef = useRef(null);
     const reviewSurfaceRef = useRef(null);
     const pageSurfaceRef = useRef(null);
+    const editableSurfaceRef = useRef(null);
     const taskPaneInvokerRef = useRef(null);
     const commentsDraftFocusRef = useRef(null);
     const citationsDraftFocusRef = useRef(null);
     const statisticsInvokerRef = useRef(null);
-    const contentRef = useRef(content);
+    const contentRef = useRef(effectiveContent);
     const onChangeRef = useRef(onChange);
-    const trackChangesRef = useRef(Boolean(content.trackChanges));
-    const normalizedContent = useMemo(()=>normalizeDocumentHtml(content), [
-        content
+    const trackChangesRef = useRef(Boolean(effectiveContent.trackChanges));
+    const collaborationBindingRef = useRef(collaborationBinding);
+    const normalizedContent = useMemo(()=>normalizeDocumentHtml(effectiveContent), [
+        effectiveContent
     ]);
-    const editorInput = useMemo(()=>resolveWorkDocumentEditorInput(content, normalizedContent), [
-        content,
+    const editorInput = useMemo(()=>resolveWorkDocumentEditorInput(effectiveContent, normalizedContent), [
+        effectiveContent,
         normalizedContent
     ]);
-    const initialContentRef = useRef(editorInput.source);
+    const initialEditorSourceRef = useRef(editorInput.source);
     const appliedSourceKeyRef = useRef(editorInput.sourceKey);
+    const activeReviewConflictsRef = useRef([]);
+    const publishedDocumentRef = useRef(null);
     const [taskPane, setTaskPane] = useState(null);
     const [layoutPanelTab, setLayoutPanelTab] = useState('page');
     const [findReplaceFocusRequest, setFindReplaceFocusRequest] = useState(0);
@@ -14130,17 +14228,36 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
     const [selectionVersion, setSelectionVersion] = useState(0);
     const [statisticsOpen, setStatisticsOpen] = useState(false);
     const loadedLayoutFontIds = useDocumentLayoutFonts(layoutFonts);
-    contentRef.current = content;
+    if (!collaboration) contentRef.current = content;
     onChangeRef.current = onChange;
-    trackChangesRef.current = Boolean(content.trackChanges);
+    trackChangesRef.current = Boolean(contentRef.current.trackChanges);
+    const commitContentChange = useCallback((next)=>{
+        const previous = contentRef.current;
+        const binding = collaborationBindingRef.current;
+        binding?.updateSidecars(previous, next);
+        contentRef.current = next;
+        if (!binding) onChangeRef.current(next);
+    }, []);
+    collaborationBindingRef.current = collaborationBinding;
+    if (collaborationBridge) collaborationBridge.current = {
+        getContent: ()=>contentRef.current,
+        isTracking: ()=>trackChangesRef.current,
+        onContentChange: (next)=>commitContentChange(next),
+        onTrackingChange: (trackChanges)=>{
+            trackChangesRef.current = trackChanges;
+            commitContentChange({
+                ...contentRef.current,
+                trackChanges
+            });
+        }
+    };
     const editorExtensions = useMemo(()=>mergeOfficeTiptapExtensions('DocumentEditor', [
-            ...createWorkDocumentExtensions({
+            ...collaborationBinding?.extensions ?? createWorkDocumentExtensions({
                 getContent: ()=>contentRef.current,
                 isTracking: ()=>trackChangesRef.current,
                 createChange: createTrackedDocumentChange,
                 onContentChange: (next)=>{
-                    contentRef.current = next;
-                    onChangeRef.current(next);
+                    commitContentChange(next);
                 },
                 onTrackingChange: (trackChanges)=>{
                     trackChangesRef.current = trackChanges;
@@ -14148,15 +14265,17 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                         ...contentRef.current,
                         trackChanges
                     };
-                    contentRef.current = next;
-                    onChangeRef.current(next);
+                    commitContentChange(next);
                 }
             }),
             extension_placeholder.configure({
                 placeholder: '在这里开始输入…'
             }),
             DocumentPagination
-        ], extensions), [
+        ], collaboration ? EMPTY_DOCUMENT_EXTENSIONS : extensions), [
+        collaboration,
+        collaborationBinding,
+        commitContentChange,
         extensions
     ]);
     const editorProps = useMemo(()=>({
@@ -14169,33 +14288,123 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
         }), []);
     const editor = useEditor({
         extensions: editorExtensions,
-        content: initialContentRef.current,
-        editable: !preview,
+        content: collaboration ? void 0 : initialEditorSourceRef.current,
+        editable: !readOnly,
         editorProps,
-        onUpdate: ({ editor: current })=>{
+        onCreate: ({ editor: current })=>{
+            publishedDocumentRef.current = current.state.doc;
+        },
+        onUpdate: ({ editor: current, transaction })=>{
+            if (!shouldPublishDocumentUpdate(transaction)) {
+                publishedDocumentRef.current = current.state.doc;
+                return;
+            }
+            if (!publishedDocumentRef.current) {
+                publishedDocumentRef.current = current.state.doc;
+                return;
+            }
+            if (publishedDocumentRef.current.eq(current.state.doc)) return;
+            publishedDocumentRef.current = current.state.doc;
             const anchors = collectDocumentCommentAnchors(current.state.doc);
+            const retainedCommentIds = new Set(activeReviewConflictsRef.current.filter((conflict)=>'comment' === conflict.kind).map((conflict)=>conflict.id));
             const synchronized = syncDocumentContentFromHtml(contentRef.current, current.getHTML());
             const model = createWorkDocumentModel(synchronized.html, current.getJSON(), contentRef.current.model);
             const next = {
                 ...synchronized,
                 model,
-                comments: retainAnchoredDocumentComments(contentRef.current.comments ?? [], anchors)
+                comments: retainAnchoredDocumentComments(contentRef.current.comments ?? [], anchors, retainedCommentIds)
             };
             appliedSourceKeyRef.current = `model:${model.revision}:${model.htmlFingerprint}`;
-            contentRef.current = next;
-            onChange(next);
+            if (!collaborationBinding) {
+                contentRef.current = next;
+                onChangeRef.current(next);
+            }
         },
         onSelectionUpdate: ()=>setSelectionVersion((value)=>value + 1)
     });
+    const documentPresenceLocation = useMemo(()=>{
+        if (!editor || editor.isDestroyed) return null;
+        const { anchor, head } = editor.state.selection;
+        return {
+            kind: 'document',
+            anchor,
+            head
+        };
+    }, [
+        editor,
+        selectionVersion
+    ]);
+    useOfficePublishPresenceLocation(documentPresenceLocation);
+    const navigateToDocumentParticipant = useCallback((participant)=>{
+        const location = participant.location;
+        if (!editor || editor.isDestroyed || location?.kind !== 'document') return false;
+        const maximum = editor.state.doc.content.size;
+        if (location.anchor > maximum || location.head > maximum) return false;
+        const from = Math.min(location.anchor, location.head);
+        const to = Math.max(location.anchor, location.head);
+        return editor.chain().focus().setTextSelection({
+            from,
+            to
+        }).scrollIntoView().run();
+    }, [
+        editor
+    ]);
+    useOfficeCollaborationLocationNavigator(navigateToDocumentParticipant);
+    const reviewConflicts = useDocumentReviewConflicts({
+        activeConflictsRef: activeReviewConflictsRef,
+        appliedSourceKeyRef,
+        artifactId,
+        content: collaboration ? contentRef.current : content,
+        editor,
+        editorInput,
+        normalizedContent,
+        onReviewConflict,
+        publishedDocumentRef,
+        reconcileControlledUpdates: !collaboration
+    });
     const documentComments = useDocumentComments({
         contentRef,
         editor,
         onBeforeDraft: ()=>setTaskPane(null)
     });
-    const documentInsert = useDocumentInsertCommands({
-        contentRef,
-        editor
-    });
+    const [collaborationVersion, setCollaborationVersion] = useState(0);
+    const handledCollaborationVersionRef = useRef(0);
+    const pendingCollaborationContentRef = useRef(void 0);
+    useEffect(()=>{
+        if (!collaborationBinding) return;
+        const unsubscribeChange = collaborationBinding.subscribe((change)=>{
+            pendingCollaborationContentRef.current = change.content;
+            contentRef.current = change.content;
+            trackChangesRef.current = Boolean(change.content.trackChanges);
+            setCollaborationVersion((value)=>value + 1);
+        });
+        const unsubscribeError = collaborationBinding.subscribeError((error)=>{
+            queueMicrotask(()=>{
+                throw error;
+            });
+        });
+        const unsubscribeHistory = collaborationBinding.subscribeHistory(()=>{
+            setCollaborationVersion((value)=>value + 1);
+        });
+        return ()=>{
+            unsubscribeChange();
+            unsubscribeError();
+            unsubscribeHistory();
+        };
+    }, [
+        collaborationBinding
+    ]);
+    useEffect(()=>{
+        if (collaborationVersion === handledCollaborationVersionRef.current || !pendingCollaborationContentRef.current) return;
+        handledCollaborationVersionRef.current = collaborationVersion;
+        const next = pendingCollaborationContentRef.current;
+        pendingCollaborationContentRef.current = void 0;
+        contentRef.current = next;
+        trackChangesRef.current = Boolean(next.trackChanges);
+        onChangeRef.current(next);
+    }, [
+        collaborationVersion
+    ]);
     const rememberTaskPaneInvoker = useCallback(()=>{
         const active = document.activeElement;
         if (active instanceof HTMLElement && active.isConnected) taskPaneInvokerRef.current = active;
@@ -14370,6 +14579,11 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
     }, [
         editor
     ]);
+    useOfficeEditorInitialFocus({
+        enabled: autoFocus && !readOnly && Boolean(editor && !editor.isDestroyed),
+        getTarget: ()=>!editor || editor.isDestroyed ? null : editor.view.dom,
+        isTargetReady: (target)=>'true' === target.getAttribute('contenteditable')
+    });
     const replaceDocumentText = useCallback((from, to, replacement)=>{
         if (!editor) return false;
         if (trackChangesRef.current) return editor.commands.replaceDocumentTextWithTrackedChange(from, to, replacement);
@@ -14384,7 +14598,7 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
         if (!editor) return;
         const applyEditableState = ()=>{
             if (editor.isDestroyed) return;
-            editor.setEditable(!preview);
+            editor.setEditable(!readOnly);
             const editorDom = editor.view.dom;
             editorDom.setAttribute('role', preview ? 'document' : 'textbox');
             if (preview) editorDom.removeAttribute('aria-multiline');
@@ -14397,7 +14611,8 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
         };
     }, [
         editor,
-        preview
+        preview,
+        readOnly
     ]);
     useEffect(()=>{
         if (!editor) return;
@@ -14413,33 +14628,12 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
         editor,
         spellcheckEnabled
     ]);
-    useEffect(()=>{
-        if (!editor || appliedSourceKeyRef.current === editorInput.sourceKey) return;
-        const currentContent = normalizeDocumentHtml({
-            ...content,
-            html: editor.getHTML()
-        });
-        if ('string' == typeof editorInput.source && currentContent === normalizedContent) {
-            appliedSourceKeyRef.current = editorInput.sourceKey;
-            return;
-        }
-        appliedSourceKeyRef.current = editorInput.sourceKey;
-        editor.chain().setMeta('addToHistory', false).setContent(editorInput.source, {
-            emitUpdate: false
-        }).run();
-    }, [
-        content,
-        editor,
-        editorInput,
-        normalizedContent
-    ]);
     const section = editor ? activeDocumentSection(editor) : null;
-    const layout = section?.layout ?? documentInitialSectionLayout(content);
-    const margins = documentMargins({
-        ...content,
-        pageSize: layout.pageSize,
-        margins: layout.margins
-    });
+    const currentContent = contentRef.current;
+    const layout = section?.layout ?? documentInitialSectionLayout(currentContent);
+    const resolvedPageSize = resolveDocumentPageSize(layout);
+    const resolvedMargins = resolveDocumentPageMargins(layout, 1);
+    const margins = resolvedMargins.body;
     const marginPixels = {
         top: work_document_layout_millimetersToPixels(margins.top),
         right: work_document_layout_millimetersToPixels(margins.right),
@@ -14453,6 +14647,8 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
         layout.margins.right,
         layout.margins.top,
         layout.orientation,
+        JSON.stringify(layout.pageGeometry),
+        JSON.stringify(layout.pageMargins),
         layout.pageSize
     ]);
     const pagination = useDocumentPagination({
@@ -14465,7 +14661,9 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
             layout.columns.spacing,
             layout.columns.separator,
             layoutOpen,
-            JSON.stringify(pageChrome)
+            JSON.stringify(pageChrome),
+            JSON.stringify(layout.pageBorders),
+            JSON.stringify(layout.pageMargins)
         ].join(':'),
         page: kernelPage,
         selectionVersion,
@@ -14473,12 +14671,33 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
         layoutFonts,
         loadedLayoutFontIds
     });
+    const documentInsert = useDocumentInsertCommands({
+        contentRef,
+        editor,
+        resolveFieldContext: pagination.resolveFieldContext
+    });
+    useEffect(()=>{
+        if (!editor || !pagination.resolveFieldContext) return;
+        editor.commands.refreshDocumentFields(contentRef.current, {
+            resolveContext: pagination.resolveFieldContext,
+            addToHistory: false,
+            updateClock: false
+        });
+    }, [
+        contentRef,
+        editor,
+        pagination.resolveFieldContext
+    ]);
     const pageCount = editor ? pagination.pageCount ?? documentPageCount(editor) : 1;
-    const paginationSurfaceHeight = pagination.pageCount ? documentPaginationSurfaceHeight(pagination.pageCount, kernelPage) : void 0;
+    const paginationGeometry = pagination.pageCount ? documentPageSurfaceGeometry(pagination.pages.map((page)=>page.page), kernelPage, pagination.pageCount) : null;
     const currentPage = editor ? Math.min(pageCount, pagination.currentPage ?? documentCurrentPage(editor)) : 1;
     const currentPageDescriptor = pagination.currentPageDescriptor ?? fallbackPaginationPageDescriptor(section?.id, section?.index, layout, currentPage);
     const firstPageDescriptor = pagination.pages[0] ?? fallbackPaginationPageDescriptor(section?.id, section?.index, layout, 1);
     const lastPageDescriptor = pagination.pages.at(-1) ?? currentPageDescriptor;
+    const firstPageFrame = paginationGeometry?.frames[0];
+    const lastPageFrame = paginationGeometry?.frames.at(-1);
+    const firstPageMargins = resolveDocumentPageMargins(firstPageDescriptor.layout, firstPageDescriptor.physicalPage);
+    const lastPageMargins = resolveDocumentPageMargins(lastPageDescriptor.layout, lastPageDescriptor.physicalPage);
     const { chromeEditor: pageChromeEditor, close: closePageChrome, edit: editPageChrome, editing: pageChromeEditing, footerChrome, headerChrome, reset: resetPageChrome, setChromeEditor: setPageChromeEditor, togglePageNumber: toggleVisiblePageNumber, update: updateVisiblePageChrome, visibleChrome } = useDocumentPageChrome({
         editor,
         enabled: !preview && 'page' === viewMode,
@@ -14542,8 +14761,7 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                 ...contentRef.current,
                 pageColor
             };
-            contentRef.current = next;
-            onChangeRef.current(next);
+            commitContentChange(next);
         }
         restoreDocumentBodyFocus();
     };
@@ -14562,8 +14780,8 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
             if (!viewport) return;
             const style = getComputedStyle(viewport);
             setZoom(documentZoomForFit(fit, {
-                pageHeight: kernelPage.height,
-                pageWidth: kernelPage.width,
+                pageHeight: currentPageDescriptor.page.height,
+                pageWidth: currentPageDescriptor.page.width,
                 viewportHeight: viewport.clientHeight,
                 viewportWidth: viewport.clientWidth,
                 viewportPadding: {
@@ -14633,12 +14851,19 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                 className: "work-document-ribbon"
             }) : /*#__PURE__*/ jsx(DocumentToolbar, {
                 editor: editor,
+                defaultRibbonCollapsed: defaultRibbonCollapsed,
+                history: collaborationBinding ? {
+                    canRedo: collaborationBinding.canRedo(),
+                    canUndo: collaborationBinding.canUndo(),
+                    redo: ()=>collaborationBinding.redo(),
+                    undo: ()=>collaborationBinding.undo()
+                } : void 0,
                 fileActions: fileActions,
                 layout: layout,
                 layoutFonts: layoutFonts,
                 layoutOpen: layoutOpen,
                 navigationOpen: navigationOpen,
-                pageColor: documentPageColor(content.pageColor),
+                pageColor: documentPageColor(currentContent.pageColor),
                 showPageNumbers: visibleChrome.showPageNumber,
                 showRulers: showRulers,
                 spellcheckEnabled: spellcheckEnabled,
@@ -14670,7 +14895,7 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                 onInsertCaption: documentInsert.insertCaption,
                 onInsertCrossReference: documentInsert.insertCrossReference,
                 citationsOpen: citationsOpen,
-                citationSourceCount: content.bibliography?.sources.length ?? 0,
+                citationSourceCount: currentContent.bibliography?.sources.length ?? 0,
                 onToggleCitations: ()=>void toggleTaskPane('citations'),
                 onInsertField: documentInsert.insertField,
                 onRefreshFields: refreshDocumentFields,
@@ -14679,7 +14904,7 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                 commentsOpen: documentComments.open,
                 commentCount: documentComments.comments.length,
                 onToggleComments: ()=>void toggleCommentsPanel(),
-                trackChanges: Boolean(content.trackChanges),
+                trackChanges: Boolean(currentContent.trackChanges),
                 changesOpen: changesOpen,
                 changeCount: changes.length,
                 findReplaceMode: findReplaceMode,
@@ -14695,6 +14920,10 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                 onOpenWordCount: openDocumentStatistics,
                 onOpenFindReplace: openFindReplace
             }),
+            !preview && /*#__PURE__*/ jsx(DocumentReviewConflictNotice, {
+                conflicts: reviewConflicts.visibleConflicts,
+                onDismiss: reviewConflicts.dismiss
+            }),
             /*#__PURE__*/ jsxs("div", {
                 ref: workspaceRef,
                 className: `work-document-workspace${!preview && taskPane ? ' task-pane-open' : ''}`,
@@ -14710,12 +14939,13 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                             pageGap: kernelPage.pageGap,
                             pageHeight: kernelPage.height,
                             pageWidth: kernelPage.width,
+                            pages: paginationGeometry?.frames,
                             revision: editorInput.sourceKey
                         } : void 0,
                         pages: (pagination.pages.length ? pagination.pages : [
                             firstPageDescriptor
                         ]).map((page)=>({
-                                backgroundColor: documentPageColor(content.pageColor),
+                                backgroundColor: documentPageColor(currentContent.pageColor),
                                 orientation: page.layout.orientation,
                                 pageNumber: page.pageNumber,
                                 physicalPage: page.physicalPage,
@@ -14765,29 +14995,49 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                                                     "data-pdf-page-gap": artifactId && pagination.pageCount ? kernelPage.pageGap : void 0,
                                                     "data-pdf-page-height": artifactId && pagination.pageCount ? kernelPage.height : void 0,
                                                     "data-pdf-page-size": artifactId && pagination.pageCount ? layout.pageSize : void 0,
+                                                    "data-pdf-page-width-points": artifactId && pagination.pageCount ? resolvedPageSize.widthPoints : void 0,
+                                                    "data-pdf-page-height-points": artifactId && pagination.pageCount ? resolvedPageSize.heightPoints : void 0,
                                                     "data-pdf-page-width": artifactId && pagination.pageCount ? kernelPage.width : void 0,
+                                                    "data-document-page-gutter-position": resolvedMargins.gutterPosition,
+                                                    "data-document-page-margins-bounded": String(resolvedMargins.bounded),
+                                                    "data-document-page-mirror-margins": String(resolvedMargins.mirrorMargins),
+                                                    "data-document-page-top-margin-mode": resolvedMargins.topMode,
+                                                    "data-document-page-bottom-margin-mode": resolvedMargins.bottomMode,
                                                     "aria-label": preview ? '文字预览' : '文字页面',
                                                     style: {
-                                                        padding: `${marginPixels.top}px ${marginPixels.right}px ${marginPixels.bottom}px ${marginPixels.left}px`,
-                                                        backgroundColor: documentPageColor(content.pageColor),
-                                                        minHeight: paginationSurfaceHeight,
-                                                        '--work-document-page-color': documentPageColor(content.pageColor),
+                                                        padding: paginationGeometry ? `${firstPageDescriptor.page.marginTop}px 0 ${lastPageDescriptor.page.marginBottom}px` : `${marginPixels.top}px ${marginPixels.right}px ${marginPixels.bottom}px ${marginPixels.left}px`,
+                                                        backgroundColor: documentPageColor(currentContent.pageColor),
+                                                        width: 'page' === viewMode ? paginationGeometry?.width ?? kernelPage.width : void 0,
+                                                        minHeight: 'page' === viewMode ? paginationGeometry?.height ?? kernelPage.height : void 0,
+                                                        '--work-document-page-color': documentPageColor(currentContent.pageColor),
                                                         '--work-document-page-margin-left': `${marginPixels.left}px`,
                                                         '--work-document-page-margin-right': `${marginPixels.right}px`,
                                                         '--work-document-page-margin-top': `${marginPixels.top}px`,
-                                                        '--work-document-page-margin-bottom': `${marginPixels.bottom}px`
+                                                        '--work-document-page-margin-bottom': `${marginPixels.bottom}px`,
+                                                        '--work-document-page-header-distance': `${work_document_layout_millimetersToPixels(resolvedMargins.headerDistance)}px`,
+                                                        '--work-document-page-footer-distance': `${work_document_layout_millimetersToPixels(resolvedMargins.footerDistance)}px`,
+                                                        '--work-document-page-header-height': `${Math.max(0, marginPixels.top - work_document_layout_millimetersToPixels(resolvedMargins.headerDistance))}px`,
+                                                        '--work-document-page-footer-height': `${Math.max(0, marginPixels.bottom - work_document_layout_millimetersToPixels(resolvedMargins.footerDistance))}px`
                                                     },
                                                     children: [
                                                         'page' === viewMode && pagination.pageCount && /*#__PURE__*/ jsx(DocumentPageStack, {
-                                                            pageColor: documentPageColor(content.pageColor),
+                                                            pageColor: documentPageColor(currentContent.pageColor),
                                                             pageCount: pagination.pageCount,
                                                             pageGap: kernelPage.pageGap,
-                                                            pageHeight: kernelPage.height
+                                                            pageHeight: kernelPage.height,
+                                                            pageWidth: kernelPage.width,
+                                                            pages: pagination.pages
                                                         }),
                                                         'page' === viewMode && (!preview || Boolean(headerChrome.headerHtml)) && /*#__PURE__*/ jsx("header", {
                                                             ref: pageHeaderRef,
                                                             className: `work-document-page-header${!preview && pageChromeEditing?.part === 'header' ? ' editing' : ''}`,
                                                             "data-document-page-chrome": firstPageDescriptor.pageChrome.variant,
+                                                            style: firstPageFrame && paginationGeometry ? {
+                                                                height: firstPageDescriptor.page.headerHeight,
+                                                                left: firstPageFrame.left + firstPageDescriptor.page.marginLeft,
+                                                                right: paginationGeometry.width - firstPageFrame.left - firstPageFrame.width + firstPageDescriptor.page.marginRight,
+                                                                top: work_document_layout_millimetersToPixels(firstPageMargins.headerDistance)
+                                                            } : void 0,
                                                             onDoubleClick: preview ? void 0 : (event)=>{
                                                                 if (pageChromeEditing?.part === 'header') return;
                                                                 event.preventDefault();
@@ -14812,6 +15062,7 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                                                             }, `${pageChromeEditing.sectionId}-${pageChromeEditing.variant}-header`)
                                                         }),
                                                         /*#__PURE__*/ jsxs("section", {
+                                                            ref: editableSurfaceRef,
                                                             className: `work-document-editable ${viewMode}`,
                                                             "aria-label": "文档内容编辑区域",
                                                             onDoubleClick: ()=>{
@@ -14826,6 +15077,11 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                                                                 /*#__PURE__*/ jsx(EditorContent, {
                                                                     editor: editor
                                                                 }),
+                                                                /*#__PURE__*/ jsx(OfficeTiptapPresenceLayer, {
+                                                                    containerRef: editableSurfaceRef,
+                                                                    editor: editor,
+                                                                    kind: "document"
+                                                                }),
                                                                 !preview && /*#__PURE__*/ jsx(DocumentSelectionToolbar, {
                                                                     editor: editor,
                                                                     canInsertComment: documentComments.canInsert,
@@ -14838,6 +15094,12 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                                                             ref: pageFooterRef,
                                                             className: `work-document-page-footer${!preview && pageChromeEditing?.part === 'footer' ? ' editing' : ''}`,
                                                             "data-document-page-chrome": lastPageDescriptor.pageChrome.variant,
+                                                            style: lastPageFrame && paginationGeometry ? {
+                                                                bottom: work_document_layout_millimetersToPixels(lastPageMargins.footerDistance),
+                                                                height: lastPageDescriptor.page.footerHeight,
+                                                                left: lastPageFrame.left + lastPageDescriptor.page.marginLeft,
+                                                                right: paginationGeometry.width - lastPageFrame.left - lastPageFrame.width + lastPageDescriptor.page.marginRight
+                                                            } : void 0,
                                                             onDoubleClick: preview ? void 0 : (event)=>{
                                                                 if (pageChromeEditing?.part === 'footer') return;
                                                                 event.preventDefault();
@@ -14898,14 +15160,14 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                     }),
                     !preview && citationsOpen && /*#__PURE__*/ jsx(DocumentCitationsPanel, {
                         editor: editor,
-                        content: content,
+                        content: currentContent,
                         onClose: closeTaskPane,
                         onDirtyChange: setCitationsDirty
                     }),
                     !preview && changesOpen && /*#__PURE__*/ jsx(DocumentChangesPanel, {
                         editor: editor,
                         changes: changes,
-                        trackChanges: Boolean(content.trackChanges),
+                        trackChanges: Boolean(currentContent.trackChanges),
                         onTrackChangesChange: (enabled)=>editor.commands.setDocumentTrackChanges(enabled),
                         onClose: closeTaskPane
                     }),
@@ -14949,7 +15211,7 @@ function DocumentEditor({ artifactId, content, extensions = EMPTY_DOCUMENT_EXTEN
                     })
                 ]
             }) : /*#__PURE__*/ jsx(DocumentStatusBar, {
-                bibliographyCount: content.bibliography?.sources.length ?? 0,
+                bibliographyCount: currentContent.bibliography?.sources.length ?? 0,
                 citationCount: citationCount,
                 currentPage: currentPage,
                 pageCount: pageCount,