@a3s-lab/office 0.7.2 → 0.7.3

package/dist/0~document-editor.js

@@ -6,7 +6,7 @@ import { Fragment as external_react_Fragment, forwardRef, useCallback, useEffect
 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, 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 { 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, Unlink2, X, XCircle, ZoomIn, ZoomOut } from "lucide-react";
 import { Node as model_Node } from "@tiptap/pm/model";
 import extension_color from "@tiptap/extension-color";
 import { TableKit } from "@tiptap/extension-table";
@@ -1608,7 +1608,7 @@ function optionalValue(value) {
 function sameSourceDraft(left, right) {
     return Object.keys(left).every((key)=>left[key] === right[key]);
 }
-const document_comment_composer_DocumentCommentComposer = /*#__PURE__*/ forwardRef(function({ draft, top, onCancel, onDirtyChange, onSubmit }, forwardedRef) {
+const document_comment_composer_DocumentCommentComposer = /*#__PURE__*/ forwardRef(function({ author = '我', draft, top, onCancel, onDirtyChange, onSubmit }, forwardedRef) {
     const titleId = useId();
     const inputRef = useRef(null);
     const [text, setText] = useState('');
@@ -1660,7 +1660,8 @@ const document_comment_composer_DocumentCommentComposer = /*#__PURE__*/ forwardR
                 children: [
                     /*#__PURE__*/ jsx("span", {
                         className: "work-document-comment-avatar",
-                        children: "我"
+                        title: author,
+                        children: commentAuthorInitials(author)
                     }),
                     /*#__PURE__*/ jsxs("span", {
                         className: "work-document-comment-composer-heading",
@@ -1669,9 +1670,13 @@ const document_comment_composer_DocumentCommentComposer = /*#__PURE__*/ forwardR
                                 id: titleId,
                                 children: "添加批注"
                             }),
-                            /*#__PURE__*/ jsx("span", {
+                            /*#__PURE__*/ jsxs("span", {
                                 title: draft.anchorText,
-                                children: draft.anchorText
+                                children: [
+                                    author,
+                                    " \xb7 ",
+                                    draft.anchorText
+                                ]
                             })
                         ]
                     })
@@ -1716,6 +1721,12 @@ const document_comment_composer_DocumentCommentComposer = /*#__PURE__*/ forwardR
         ]
     });
 });
+function commentAuthorInitials(author) {
+    const words = author.trim().split(/\s+/).filter(Boolean);
+    if (!words.length) return '审';
+    if (1 === words.length) return Array.from(words[0]).slice(0, 1).join('');
+    return words.slice(0, 2).map((word)=>Array.from(word)[0]).join('').toLocaleUpperCase();
+}
 const DOCUMENT_COMMENT_WINDOW_THRESHOLD = 48;
 const DOCUMENT_COMMENT_WINDOW_LIMIT = 32;
 const DOCUMENT_COMMENT_WINDOW_OVERSCAN = 4;
@@ -1907,7 +1918,7 @@ const emptyLayout = {
     trackHeight: 1,
     items: []
 };
-function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, onToggleResolved, onDelete, onCancelDraft, onSubmitDraft, onClose, onDirtyChange }) {
+function DocumentCommentsPanel({ editor, comments, canDelete = canDeleteAnyComment, draft, draftAuthor = '我', surfaceRef, onReply, onToggleResolved, onDelete, onCancelDraft, onSubmitDraft, onClose, onDirtyChange }) {
     const [drafts, setDrafts] = useState({});
     const [activeCommentId, setActiveCommentId] = useState(()=>comments.find((comment)=>!comment.resolved)?.id ?? comments[0]?.id ?? null);
     const [draftDirty, setDraftDirty] = useState(false);
@@ -1974,7 +1985,7 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
             ])), [
         layout.items
     ]);
-    const visibleConnectorItems = useMemo(()=>layout.items.filter((item)=>'draft' === item.kind || mountedCommentIds.has(item.id)), [
+    const visibleConnectorItems = useMemo(()=>layout.items.filter((item)=>'draft' === item.kind || mountedCommentIds.has(item.id) && !item.detached), [
         layout.items,
         mountedCommentIds
     ]);
@@ -2025,6 +2036,7 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
         onClose();
     };
     const deleteComment = async (commentId, index)=>{
+        if (!canDelete(commentId)) return;
         const replyDirty = Boolean(drafts[commentId]?.trim());
         const confirmed = await officeDialog.confirm({
             title: '删除批注？',
@@ -2094,7 +2106,8 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                 id: comment.id,
                 kind: 'comment',
                 commentId: comment.id,
-                from: comment.from,
+                from: comment.from ?? Number.MAX_SAFE_INTEGER,
+                detached: comment.detached,
                 anchorRect: anchorRectsById.get(comment.id)
             }));
         if (draft) {
@@ -2139,7 +2152,8 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                 startX,
                 startY,
                 endX,
-                endY
+                endY,
+                detached: entry.detached
             };
         });
         const nextLayout = {
@@ -2392,6 +2406,7 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                             draft && /*#__PURE__*/ jsx("li", {
                                 className: "work-document-comment-draft-item",
                                 children: /*#__PURE__*/ jsx(document_comment_composer_DocumentCommentComposer, {
+                                    author: draftAuthor,
                                     ref: (element)=>{
                                         const id = `draft:${draft.id}`;
                                         if (element) cardRefs.current.set(id, element);
@@ -2416,8 +2431,9 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                                         if (element) cardRefs.current.set(comment.id, element);
                                         else cardRefs.current.delete(comment.id);
                                     },
-                                    className: `work-document-comment-card${comment.resolved ? ' resolved' : ''}${active ? ' active' : ''}`,
+                                    className: `work-document-comment-card${comment.resolved ? ' resolved' : ''}${comment.detached ? ' detached' : ''}${active ? ' active' : ''}`,
                                     "data-comment-id": comment.id,
+                                    "data-document-comment-detached": comment.detached ? 'true' : 'false',
                                     "data-document-comment-card-top": Math.round(item?.cardTop ?? 8),
                                     "data-document-comment-item": index + 1,
                                     style: {
@@ -2433,18 +2449,19 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                                             },
                                             type: "button",
                                             className: "work-document-comment-anchor",
-                                            "aria-label": `定位批注 ${index + 1}`,
+                                            "aria-label": `${comment.detached ? '查看已脱离正文的' : '定位'}批注 ${index + 1}`,
                                             "aria-current": active ? 'location' : void 0,
                                             tabIndex: commentWindow.rovingIndex === index ? 0 : -1,
                                             onKeyDown: (event)=>handleCommentAnchorKeyDown(event, index),
                                             onClick: ()=>{
                                                 setActiveCommentId(comment.id);
-                                                editor.chain().focus().setTextSelection(documentCommentSelection(editor, comment)).run();
+                                                const selection = documentCommentSelection(editor, comment);
+                                                if (selection) editor.chain().focus().setTextSelection(selection).run();
                                             },
                                             children: [
                                                 /*#__PURE__*/ jsx("span", {
                                                     className: "work-document-comment-avatar",
-                                                    children: commentAuthorInitials(comment.author)
+                                                    children: document_comments_panel_commentAuthorInitials(comment.author)
                                                 }),
                                                 /*#__PURE__*/ jsxs("span", {
                                                     className: "work-document-comment-meta",
@@ -2460,7 +2477,15 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                                                 }),
                                                 /*#__PURE__*/ jsx("span", {
                                                     className: "work-document-comment-quote",
-                                                    children: comment.anchorText.trim() || '（空白字符）'
+                                                    children: comment.detached ? /*#__PURE__*/ jsxs(Fragment, {
+                                                        children: [
+                                                            /*#__PURE__*/ jsx(Unlink2, {
+                                                                size: 10,
+                                                                "aria-hidden": "true"
+                                                            }),
+                                                            "原文锚点已删除"
+                                                        ]
+                                                    }) : comment.anchorText.trim() || '（空白字符）'
                                                 })
                                             ]
                                         }),
@@ -2543,6 +2568,8 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                                                     size: "compact",
                                                     tone: "danger",
                                                     "aria-label": `删除批注 ${index + 1}`,
+                                                    disabled: !canDelete(comment.id),
+                                                    title: canDelete(comment.id) ? '删除批注' : '批注模式只能删除自己创建的批注',
                                                     onClick: ()=>void deleteComment(comment.id, index),
                                                     children: [
                                                         /*#__PURE__*/ jsx(Trash2, {
@@ -2572,6 +2599,9 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
         ]
     });
 }
+function canDeleteAnyComment() {
+    return true;
+}
 function draftCommentAnchorRect(editor, range) {
     try {
         const position = Math.max(0, Math.min(editor.state.doc.content.size, range.to));
@@ -2589,7 +2619,7 @@ function sameCommentTrackLayout(current, next) {
     if (Math.abs(current.width - next.width) > 0.5 || Math.abs(current.height - next.height) > 0.5 || Math.abs(current.trackHeight - next.trackHeight) > 0.5 || current.items.length !== next.items.length) return false;
     return current.items.every((item, index)=>{
         const candidate = next.items[index];
-        return candidate?.id === item.id && candidate.kind === item.kind && candidate.commentId === item.commentId && Math.abs(candidate.cardTop - item.cardTop) <= 0.5 && Math.abs(candidate.startX - item.startX) <= 0.5 && Math.abs(candidate.startY - item.startY) <= 0.5 && Math.abs(candidate.endX - item.endX) <= 0.5 && Math.abs(candidate.endY - item.endY) <= 0.5;
+        return candidate?.id === item.id && candidate.kind === item.kind && candidate.commentId === item.commentId && candidate.detached === item.detached && Math.abs(candidate.cardTop - item.cardTop) <= 0.5 && Math.abs(candidate.startX - item.startX) <= 0.5 && Math.abs(candidate.startY - item.startY) <= 0.5 && Math.abs(candidate.endX - item.endX) <= 0.5 && Math.abs(candidate.endY - item.endY) <= 0.5;
     });
 }
 function commentCardMeasurementKey(comment, active) {
@@ -2603,9 +2633,11 @@ function estimateCommentCardHeight(comment, active) {
 }
 function selectDocumentComment(editor, comment) {
     if (editor.isDestroyed) return;
-    editor.commands.setTextSelection(documentCommentSelection(editor, comment));
+    const selection = documentCommentSelection(editor, comment);
+    if (selection) editor.commands.setTextSelection(selection);
 }
 function documentCommentSelection(editor, comment) {
+    if (comment.detached || null === comment.from || null === comment.to) return null;
     const maximum = Math.max(1, editor.state.doc.content.size - 1);
     return {
         from: Math.min(comment.from, maximum),
@@ -2615,7 +2647,7 @@ function documentCommentSelection(editor, comment) {
 function estimatedWrappedLines(value, charactersPerLine) {
     return Math.max(1, value.split('\n').reduce((lines, line)=>lines + Math.max(1, Math.ceil(line.length / charactersPerLine)), 0));
 }
-function commentAuthorInitials(author) {
+function document_comments_panel_commentAuthorInitials(author) {
     const words = author.trim().split(/\s+/).filter(Boolean);
     if (!words.length) return '审';
     if (1 === words.length) return Array.from(words[0]).slice(0, 1).join('');
@@ -6226,7 +6258,7 @@ const bubbleMenuOptions = {
     inline: true
 };
 const selectionToolbarPluginKey = 'documentSelectionToolbar';
-function DocumentSelectionToolbar({ editor, canInsertComment, layoutFonts = [], onInsertComment }) {
+function DocumentSelectionToolbar({ editor, canInsertComment, layoutFonts = [], onInsertComment, reviewOnly = false }) {
     const toolbarRef = useRef(null);
     const fontFamilyValue = documentFontFamilyValue(editor, layoutFonts);
     const fontSizeValue = documentFontSizeValue(editor);
@@ -6265,90 +6297,94 @@ function DocumentSelectionToolbar({ editor, canInsertComment, layoutFonts = [],
             if ('touch' !== event.nativeEvent.pointerType) event.preventDefault();
         },
         children: [
-            /*#__PURE__*/ jsx(OfficeSelect, {
-                ariaLabel: "快捷字体",
-                className: "work-document-selection-font-family",
-                value: fontFamilyValue,
-                options: documentFontFamilyOptionsForValue(fontFamilyValue, layoutFonts),
-                onValueChange: (value)=>{
-                    if ('default' === value) editor.chain().focus().unsetFontFamily().run();
-                    else editor.chain().focus().setFontFamily(value).run();
-                }
-            }),
-            /*#__PURE__*/ jsx(OfficeSelect, {
-                ariaLabel: "快捷字号",
-                className: "work-document-selection-font-size",
-                value: fontSizeValue,
-                options: documentFontSizeOptionsForValue(fontSizeValue),
-                onValueChange: (value)=>{
-                    if ('default' === value) editor.chain().focus().unsetFontSize().run();
-                    else editor.chain().focus().setFontSize(value).run();
-                }
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "work-document-selection-divider",
-                "aria-hidden": "true"
-            }),
-            /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                label: "加粗",
-                active: editor.isActive('bold'),
-                onClick: ()=>editor.chain().focus().toggleBold().run(),
-                children: /*#__PURE__*/ jsx(Bold, {
-                    size: 15
-                })
-            }),
-            /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                label: "斜体",
-                active: editor.isActive('italic'),
-                onClick: ()=>editor.chain().focus().toggleItalic().run(),
-                children: /*#__PURE__*/ jsx(Italic, {
-                    size: 15
-                })
-            }),
-            /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                label: "下划线",
-                active: editor.isActive('underline'),
-                onClick: ()=>editor.chain().focus().toggleUnderline().run(),
-                children: /*#__PURE__*/ jsx(Underline, {
-                    size: 15
-                })
-            }),
-            /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                label: "删除线",
-                active: editor.isActive('strike'),
-                onClick: ()=>editor.chain().focus().toggleStrike().run(),
-                children: /*#__PURE__*/ jsx(Strikethrough, {
-                    size: 15
-                })
-            }),
-            /*#__PURE__*/ jsx(OfficeColorPicker, {
-                compact: true,
-                className: "work-document-selection-color",
-                value: editor.getAttributes('textStyle').color ?? '#172033',
-                ariaLabel: "快捷文字颜色",
-                onValueChange: (color)=>editor.chain().focus().setColor(color).run()
-            }),
-            /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                label: "突出显示",
-                active: editor.isActive('highlight'),
-                onClick: ()=>editor.chain().focus().toggleHighlight({
-                        color: '#fff0a6'
-                    }).run(),
-                children: /*#__PURE__*/ jsx(Highlighter, {
-                    size: 15
-                })
-            }),
-            /*#__PURE__*/ jsx(SelectionToolbarButton, {
-                className: "secondary",
-                label: "清除格式",
-                onClick: ()=>editor.commands.clearDocumentFormatting(),
-                children: /*#__PURE__*/ jsx(Eraser, {
-                    size: 15
-                })
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "work-document-selection-divider",
-                "aria-hidden": "true"
+            !reviewOnly && /*#__PURE__*/ jsxs(Fragment, {
+                children: [
+                    /*#__PURE__*/ jsx(OfficeSelect, {
+                        ariaLabel: "快捷字体",
+                        className: "work-document-selection-font-family",
+                        value: fontFamilyValue,
+                        options: documentFontFamilyOptionsForValue(fontFamilyValue, layoutFonts),
+                        onValueChange: (value)=>{
+                            if ('default' === value) editor.chain().focus().unsetFontFamily().run();
+                            else editor.chain().focus().setFontFamily(value).run();
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(OfficeSelect, {
+                        ariaLabel: "快捷字号",
+                        className: "work-document-selection-font-size",
+                        value: fontSizeValue,
+                        options: documentFontSizeOptionsForValue(fontSizeValue),
+                        onValueChange: (value)=>{
+                            if ('default' === value) editor.chain().focus().unsetFontSize().run();
+                            else editor.chain().focus().setFontSize(value).run();
+                        }
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "work-document-selection-divider",
+                        "aria-hidden": "true"
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "加粗",
+                        active: editor.isActive('bold'),
+                        onClick: ()=>editor.chain().focus().toggleBold().run(),
+                        children: /*#__PURE__*/ jsx(Bold, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "斜体",
+                        active: editor.isActive('italic'),
+                        onClick: ()=>editor.chain().focus().toggleItalic().run(),
+                        children: /*#__PURE__*/ jsx(Italic, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "下划线",
+                        active: editor.isActive('underline'),
+                        onClick: ()=>editor.chain().focus().toggleUnderline().run(),
+                        children: /*#__PURE__*/ jsx(Underline, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "删除线",
+                        active: editor.isActive('strike'),
+                        onClick: ()=>editor.chain().focus().toggleStrike().run(),
+                        children: /*#__PURE__*/ jsx(Strikethrough, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(OfficeColorPicker, {
+                        compact: true,
+                        className: "work-document-selection-color",
+                        value: editor.getAttributes('textStyle').color ?? '#172033',
+                        ariaLabel: "快捷文字颜色",
+                        onValueChange: (color)=>editor.chain().focus().setColor(color).run()
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        label: "突出显示",
+                        active: editor.isActive('highlight'),
+                        onClick: ()=>editor.chain().focus().toggleHighlight({
+                                color: '#fff0a6'
+                            }).run(),
+                        children: /*#__PURE__*/ jsx(Highlighter, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(SelectionToolbarButton, {
+                        className: "secondary",
+                        label: "清除格式",
+                        onClick: ()=>editor.commands.clearDocumentFormatting(),
+                        children: /*#__PURE__*/ jsx(Eraser, {
+                            size: 15
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("span", {
+                        className: "work-document-selection-divider",
+                        "aria-hidden": "true"
+                    })
+                ]
             }),
             /*#__PURE__*/ jsx(SelectionToolbarButton, {
                 label: "添加批注",
@@ -11660,8 +11696,8 @@ function headingLevelForShortcut(code, key) {
     if ('3' === value) return 3;
     return null;
 }
-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');
+function DocumentToolbar({ editor, defaultRibbonCollapsed = false, reviewOnly = 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(reviewOnly ? 'review' : 'home');
     const officeDialog = useOfficeDialog();
     const prompt = officeDialog.prompt;
     const imageSelected = editor.isActive('image');
@@ -11678,7 +11714,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
     const spellingCommand = getDocumentCommandDefinition('spelling');
     const insertCommentCommand = getDocumentCommandDefinition('insertComment');
     const trackChangesCommand = getDocumentCommandDefinition('trackChanges');
-    const ribbonTabs = pageChromeEditor ? [
+    const ribbonTabs = reviewOnly ? documentRibbonTabs.filter(({ id })=>'review' === id || 'view' === id) : pageChromeEditor ? [
         ...documentRibbonTabs,
         documentPageChromeRibbonTab
     ] : imageSelected ? [
@@ -11733,6 +11769,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
     ]);
     useEffect(()=>{
         setActiveTab((current)=>{
+            if (reviewOnly) return 'view' === current ? 'view' : 'review';
             if (pageChromeEditor) return 'pageChrome';
             if (imageSelected) return 'picture';
             if (tableSelected) return 'tableDesign' === current || 'tableLayout' === current ? current : 'tableDesign';
@@ -11741,6 +11778,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
     }, [
         imageSelected,
         pageChromeEditor,
+        reviewOnly,
         tableSelected
     ]);
     useEffect(()=>{
@@ -11750,6 +11788,13 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
             if (event.defaultPrevented || event.repeat || isOfficeShortcutBlocked(event.target)) return;
             const key = event.key.toLowerCase();
             const insideEditor = event.target instanceof Node && Boolean(editorDom?.contains(event.target));
+            if (reviewOnly) {
+                if (insideEditor && (event.metaKey || event.ctrlKey) && event.altKey && !event.shiftKey && 'm' === key) {
+                    event.preventDefault();
+                    if (canInsertComment) onInsertComment();
+                }
+                return;
+            }
             if (insideEditor && runDocumentWpsShortcut(editor, event, {
                 canInsertComment,
                 canRefreshFields: hasRefreshableFields,
@@ -11830,6 +11875,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
         onOpenFindReplace,
         onOpenWordCount,
         onRefreshFields,
+        reviewOnly,
         onToggleSpellcheck,
         onToggleTrackChanges,
         toggleLink
@@ -11867,7 +11913,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
             /*#__PURE__*/ jsx(WorkOfficeRibbon, {
                 ariaLabel: "文字功能区",
                 tabs: ribbonTabs,
-                defaultTab: "home",
+                defaultTab: reviewOnly ? 'review' : 'home',
                 activeTab: activeTab,
                 onTabChange: (tab)=>{
                     const accepted = onRibbonTabChange?.(tab);
@@ -11879,7 +11925,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                 adaptive: true,
                 collapsible: true,
                 fileActions: fileActions,
-                quickAccessActions: [
+                quickAccessActions: reviewOnly ? [] : [
                     {
                         id: undoCommand.id,
                         label: undoCommand.label,
@@ -11913,13 +11959,13 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                 className: "work-document-ribbon",
                 toolbarClassName: "document-toolbar",
                 panels: {
-                    home: /*#__PURE__*/ jsx(DocumentHomeRibbon, {
+                    home: reviewOnly ? null : /*#__PURE__*/ jsx(DocumentHomeRibbon, {
                         editor: editor,
                         findReplaceMode: findReplaceMode,
                         layoutFonts: layoutFonts,
                         onFindText: (replace)=>onOpenFindReplace(replace ? 'replace' : 'find')
                     }),
-                    insert: /*#__PURE__*/ jsxs(Fragment, {
+                    insert: reviewOnly ? null : /*#__PURE__*/ jsxs(Fragment, {
                         children: [
                             /*#__PURE__*/ jsx(document_toolbar_RibbonGroup, {
                                 label: "页面",
@@ -12020,7 +12066,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                             })
                         ]
                     }),
-                    page: /*#__PURE__*/ jsx(DocumentPageLayoutRibbon, {
+                    page: reviewOnly ? null : /*#__PURE__*/ jsx(DocumentPageLayoutRibbon, {
                         editor: editor,
                         layout: layout,
                         layoutOpen: layoutOpen,
@@ -12031,7 +12077,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                         onPageColorChange: onPageColorChange,
                         onInsertSection: onInsertSection
                     }),
-                    references: /*#__PURE__*/ jsxs(Fragment, {
+                    references: reviewOnly ? null : /*#__PURE__*/ jsxs(Fragment, {
                         children: [
                             /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
                                 label: "脚注",
@@ -12119,7 +12165,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                     }),
                     review: /*#__PURE__*/ jsxs(Fragment, {
                         children: [
-                            /*#__PURE__*/ jsx(document_toolbar_RibbonGroup, {
+                            !reviewOnly && /*#__PURE__*/ jsx(document_toolbar_RibbonGroup, {
                                 label: "校对",
                                 priority: "high",
                                 children: /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
@@ -12161,73 +12207,77 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
-                                label: "修订",
-                                priority: "high",
-                                children: [
-                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
-                                        label: "修订模式",
-                                        displayLabel: true,
-                                        shortcut: trackChangesCommand.shortcut?.label,
-                                        ariaKeyShortcuts: trackChangesCommand.shortcut?.aria,
-                                        active: trackChanges,
-                                        onClick: onToggleTrackChanges,
-                                        children: /*#__PURE__*/ jsx(FileDiff, {
-                                            size: 19
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
-                                        label: `查看修订${changeCount ? `（${changeCount}）` : ''}`,
-                                        displayLabel: true,
-                                        active: changesOpen,
-                                        onClick: onToggleChanges,
-                                        children: /*#__PURE__*/ jsx(ListChecks, {
-                                            size: 19
-                                        })
-                                    })
-                                ]
-                            }),
-                            /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
-                                label: "更改",
-                                priority: "high",
+                            !reviewOnly && /*#__PURE__*/ jsxs(Fragment, {
                                 children: [
-                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
-                                        label: "接受修订",
-                                        displayLabel: true,
-                                        disabled: null === actionableChangeIndex,
-                                        title: "接受当前修订并转到下一处",
-                                        onClick: ()=>decideDocumentChange('accept'),
-                                        children: /*#__PURE__*/ jsx(Check, {
-                                            size: 19
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
-                                        label: "拒绝修订",
-                                        displayLabel: true,
-                                        disabled: null === actionableChangeIndex,
-                                        title: "拒绝当前修订并转到下一处",
-                                        onClick: ()=>decideDocumentChange('reject'),
-                                        children: /*#__PURE__*/ jsx(XCircle, {
-                                            size: 19
-                                        })
-                                    }),
-                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
-                                        label: "上一处修订",
-                                        displayLabel: true,
-                                        disabled: null === previousChangeIndex,
-                                        onClick: ()=>navigateDocumentChange(-1),
-                                        children: /*#__PURE__*/ jsx(ChevronUp, {
-                                            size: 19
-                                        })
+                                    /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
+                                        label: "修订",
+                                        priority: "high",
+                                        children: [
+                                            /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                                label: "修订模式",
+                                                displayLabel: true,
+                                                shortcut: trackChangesCommand.shortcut?.label,
+                                                ariaKeyShortcuts: trackChangesCommand.shortcut?.aria,
+                                                active: trackChanges,
+                                                onClick: onToggleTrackChanges,
+                                                children: /*#__PURE__*/ jsx(FileDiff, {
+                                                    size: 19
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                                label: `查看修订${changeCount ? `（${changeCount}）` : ''}`,
+                                                displayLabel: true,
+                                                active: changesOpen,
+                                                onClick: onToggleChanges,
+                                                children: /*#__PURE__*/ jsx(ListChecks, {
+                                                    size: 19
+                                                })
+                                            })
+                                        ]
                                     }),
-                                    /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
-                                        label: "下一处修订",
-                                        displayLabel: true,
-                                        disabled: null === nextChangeIndex,
-                                        onClick: ()=>navigateDocumentChange(1),
-                                        children: /*#__PURE__*/ jsx(ChevronDown, {
-                                            size: 19
-                                        })
+                                    /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
+                                        label: "更改",
+                                        priority: "high",
+                                        children: [
+                                            /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                                label: "接受修订",
+                                                displayLabel: true,
+                                                disabled: null === actionableChangeIndex,
+                                                title: "接受当前修订并转到下一处",
+                                                onClick: ()=>decideDocumentChange('accept'),
+                                                children: /*#__PURE__*/ jsx(Check, {
+                                                    size: 19
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                                label: "拒绝修订",
+                                                displayLabel: true,
+                                                disabled: null === actionableChangeIndex,
+                                                title: "拒绝当前修订并转到下一处",
+                                                onClick: ()=>decideDocumentChange('reject'),
+                                                children: /*#__PURE__*/ jsx(XCircle, {
+                                                    size: 19
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                                label: "上一处修订",
+                                                displayLabel: true,
+                                                disabled: null === previousChangeIndex,
+                                                onClick: ()=>navigateDocumentChange(-1),
+                                                children: /*#__PURE__*/ jsx(ChevronUp, {
+                                                    size: 19
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(document_toolbar_ToolbarButton, {
+                                                label: "下一处修订",
+                                                displayLabel: true,
+                                                disabled: null === nextChangeIndex,
+                                                onClick: ()=>navigateDocumentChange(1),
+                                                children: /*#__PURE__*/ jsx(ChevronDown, {
+                                                    size: 19
+                                                })
+                                            })
+                                        ]
                                     })
                                 ]
                             })
@@ -12594,7 +12644,7 @@ function document_vertical_ruler_formatRulerValue(value) {
     return Number.isInteger(value) ? String(value) : value.toFixed(1);
 }
 const CURRENT_COMMENT_AUTHOR = '我';
-function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
+function useDocumentComments({ actor, contentRef, deleteOwnOnly = false, editor, enabled = true, onBeforeDraft }) {
     const [open, setOpen] = useState(false);
     const [draft, setDraft] = useState(null);
     useEffect(()=>()=>{
@@ -12603,23 +12653,40 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         editor
     ]);
     const reply = useCallback((id, text)=>{
+        if (!enabled) return;
         editor?.commands.addDocumentCommentReply(id, {
             id: createWorkId('comment-reply'),
-            author: CURRENT_COMMENT_AUTHOR,
+            ...commentActor(actor),
             date: new Date().toISOString(),
             text
         });
     }, [
-        editor
+        actor,
+        editor,
+        enabled
     ]);
     const toggleResolved = useCallback((id)=>{
+        if (!enabled) return;
         editor?.commands.toggleDocumentCommentResolved(id);
     }, [
-        editor
+        editor,
+        enabled
+    ]);
+    const canDeleteComment = useCallback((id)=>{
+        if (!enabled) return false;
+        if (!deleteOwnOnly) return true;
+        return Boolean(actor && contentRef.current.comments?.some((comment)=>comment.id === id && comment.actorId === actor.id));
+    }, [
+        actor,
+        contentRef,
+        deleteOwnOnly,
+        enabled
     ]);
     const deleteComment = useCallback((id)=>{
+        if (!canDeleteComment(id)) return;
         editor?.commands.deleteDocumentComment(id);
     }, [
+        canDeleteComment,
         editor
     ]);
     const closeDraft = useCallback((restoreEditorFocus = true)=>{
@@ -12638,7 +12705,7 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         closeDraft
     ]);
     const startDraft = useCallback(()=>{
-        if (!editor) return;
+        if (!editor || !enabled) return;
         const { from, to } = editor.state.selection;
         const range = {
             from,
@@ -12657,17 +12724,18 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         setOpen(true);
     }, [
         editor,
+        enabled,
         onBeforeDraft
     ]);
     const submitDraft = useCallback((text)=>{
-        if (!editor || !draft) return '批注草稿已经关闭，请重新选择文字。';
+        if (!enabled || !editor || !draft) return '批注草稿已经关闭，请重新选择文字。';
         const range = documentCommentDraftRange(editor);
         if (!range) return '所选文字已变化，请重新选择。';
         const anchorText = editor.state.doc.textBetween(range.from, range.to, '\n');
         if (anchorText !== draft.anchorText) return '所选文字已变化，请重新选择。';
         const comment = {
             id: draft.id,
-            author: CURRENT_COMMENT_AUTHOR,
+            ...commentActor(actor),
             date: new Date().toISOString(),
             text,
             resolved: false
@@ -12677,11 +12745,13 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         setOpen(true);
         return null;
     }, [
+        actor,
         draft,
-        editor
+        editor,
+        enabled
     ]);
     const comments = editor ? documentCommentViews(contentRef.current.comments ?? [], collectDocumentCommentAnchors(editor.state.doc)) : [];
-    const canInsert = Boolean(editor && canInsertDocumentComment(editor));
+    const canInsert = Boolean(enabled && editor && canInsertDocumentComment(editor));
     const toggleOpen = useCallback(()=>{
         if (open) close();
         else setOpen(true);
@@ -12690,6 +12760,7 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         open
     ]);
     return {
+        canDeleteComment,
         canInsert,
         close,
         closeDraft,
@@ -12705,6 +12776,14 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         toggleResolved
     };
 }
+function commentActor(actor) {
+    return actor ? {
+        actorId: actor.id,
+        author: actor.name
+    } : {
+        author: CURRENT_COMMENT_AUTHOR
+    };
+}
 function useDocumentInsertCommands({ contentRef, editor, resolveFieldContext }) {
     const officeDialog = useOfficeDialog();
     const [insertDialog, setInsertDialog] = useState(null);
@@ -14177,8 +14256,11 @@ function CollaborativeDocumentEditor(props) {
     });
 }
 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 reviewOnly = collaboration?.mode === 'comment' && !requestedPreview;
+    const collaborationInteractive = !collaboration || 'edit' === collaboration.mode || 'comment' === collaboration.mode;
+    const preview = requestedPreview || !collaborationInteractive;
+    const canEditDocument = !preview && (!collaboration || 'edit' === collaboration.mode);
+    const canCommentDocument = !preview && (!collaboration || 'edit' === collaboration.mode || 'comment' === collaboration.mode && Boolean(collaboration.actor));
     const readOnly = preview;
     const initialContentRef = useRef(collaborationInitialContent ?? content);
     const effectiveContent = collaboration ? initialContentRef.current : content;
@@ -14282,10 +14364,13 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             attributes: {
                 'aria-label': '文档正文',
                 'aria-multiline': 'true',
+                'aria-readonly': reviewOnly ? 'true' : 'false',
                 role: 'textbox',
                 spellcheck: 'true'
             }
-        }), []);
+        }), [
+        reviewOnly
+    ]);
     const editor = useEditor({
         extensions: editorExtensions,
         content: collaboration ? void 0 : initialEditorSourceRef.current,
@@ -14363,8 +14448,11 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
         reconcileControlledUpdates: !collaboration
     });
     const documentComments = useDocumentComments({
+        actor: collaboration?.actor,
         contentRef,
+        deleteOwnOnly: reviewOnly,
         editor,
+        enabled: canCommentDocument,
         onBeforeDraft: ()=>setTaskPane(null)
     });
     const [collaborationVersion, setCollaborationVersion] = useState(0);
@@ -14601,6 +14689,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             editor.setEditable(!readOnly);
             const editorDom = editor.view.dom;
             editorDom.setAttribute('role', preview ? 'document' : 'textbox');
+            editorDom.setAttribute('aria-readonly', String(reviewOnly || preview));
             if (preview) editorDom.removeAttribute('aria-multiline');
             else editorDom.setAttribute('aria-multiline', 'true');
         };
@@ -14612,7 +14701,8 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     }, [
         editor,
         preview,
-        readOnly
+        readOnly,
+        reviewOnly
     ]);
     useEffect(()=>{
         if (!editor) return;
@@ -14700,7 +14790,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     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,
+        enabled: canEditDocument && 'page' === viewMode,
         firstPage: firstPageDescriptor,
         footerRef: pageFooterRef,
         headerRef: pageHeaderRef,
@@ -14807,7 +14897,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
         restoreDocumentBodyFocus();
     };
     const openSelectionContextMenu = (event)=>{
-        if (preview || !getSelectionMenuItems && !onAgentRequest) return false;
+        if (!canEditDocument || !getSelectionMenuItems && !onAgentRequest) return false;
         const snapshot = createWorkDocumentSelectionSnapshot(editor, contentRef.current);
         if (!snapshot) return false;
         event.preventDefault();
@@ -14834,10 +14924,11 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     };
     return /*#__PURE__*/ jsxs("section", {
         className: `work-document-editor${preview ? ' preview' : ''}`,
+        "data-collaboration-mode": collaboration?.mode,
         "data-work-pdf-artifact": artifactId,
         "data-work-pdf-surface": artifactId ? 'live' : void 0,
         children: [
-            !preview && /*#__PURE__*/ jsx(office_text_field_OfficeFileInput, {
+            canEditDocument && /*#__PURE__*/ jsx(office_text_field_OfficeFileInput, {
                 ref: imageInputRef,
                 accept: "image/bmp,image/gif,image/jpeg,image/png,image/webp",
                 "aria-label": "插入文档图片",
@@ -14852,7 +14943,8 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             }) : /*#__PURE__*/ jsx(DocumentToolbar, {
                 editor: editor,
                 defaultRibbonCollapsed: defaultRibbonCollapsed,
-                history: collaborationBinding ? {
+                reviewOnly: reviewOnly,
+                history: collaborationBinding && !reviewOnly ? {
                     canRedo: collaborationBinding.canRedo(),
                     canUndo: collaborationBinding.canUndo(),
                     redo: ()=>collaborationBinding.redo(),
@@ -14988,7 +15080,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                 }),
                                                 /*#__PURE__*/ jsxs("article", {
                                                     ref: pageSurfaceRef,
-                                                    className: `work-document-page${preview ? ' work-document-preview-page' : ''} ${layout.pageSize} ${layout.orientation}${pagination.pageCount ? ' paginated' : ''}${!preview && pageChromeEditing ? ' page-chrome-editing' : ''}`,
+                                                    className: `work-document-page${preview ? ' work-document-preview-page' : ''} ${layout.pageSize} ${layout.orientation}${pagination.pageCount ? ' paginated' : ''}${canEditDocument && pageChromeEditing ? ' page-chrome-editing' : ''}`,
                                                     "data-work-pdf-live-document": artifactId && pagination.pageCount ? '' : void 0,
                                                     "data-pdf-orientation": artifactId && pagination.pageCount ? layout.orientation : void 0,
                                                     "data-pdf-page-count": artifactId ? pagination.pageCount : void 0,
@@ -15030,7 +15122,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                         }),
                                                         'page' === viewMode && (!preview || Boolean(headerChrome.headerHtml)) && /*#__PURE__*/ jsx("header", {
                                                             ref: pageHeaderRef,
-                                                            className: `work-document-page-header${!preview && pageChromeEditing?.part === 'header' ? ' editing' : ''}`,
+                                                            className: `work-document-page-header${canEditDocument && pageChromeEditing?.part === 'header' ? ' editing' : ''}`,
                                                             "data-document-page-chrome": firstPageDescriptor.pageChrome.variant,
                                                             style: firstPageFrame && paginationGeometry ? {
                                                                 height: firstPageDescriptor.page.headerHeight,
@@ -15038,17 +15130,12 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                                 right: paginationGeometry.width - firstPageFrame.left - firstPageFrame.width + firstPageDescriptor.page.marginRight,
                                                                 top: work_document_layout_millimetersToPixels(firstPageMargins.headerDistance)
                                                             } : void 0,
-                                                            onDoubleClick: preview ? void 0 : (event)=>{
+                                                            onDoubleClick: canEditDocument ? (event)=>{
                                                                 if (pageChromeEditing?.part === 'header') return;
                                                                 event.preventDefault();
                                                                 editPageChrome('header');
-                                                            },
-                                                            children: preview || pageChromeEditing?.part !== 'header' ? headerChrome.headerHtml ? /*#__PURE__*/ jsx("div", {
-                                                                className: "work-document-page-chrome-html",
-                                                                dangerouslySetInnerHTML: {
-                                                                    __html: headerChrome.headerHtml
-                                                                }
-                                                            }) : null : /*#__PURE__*/ jsx(DocumentPageChromeRichTextEditor, {
+                                                            } : void 0,
+                                                            children: canEditDocument && pageChromeEditing?.part === 'header' ? /*#__PURE__*/ jsx(DocumentPageChromeRichTextEditor, {
                                                                 autoFocus: true,
                                                                 className: "work-document-page-chrome-inline-editor",
                                                                 label: "页内页眉",
@@ -15059,14 +15146,19 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                                     }),
                                                                 onEditorChange: setPageChromeEditor,
                                                                 onExit: closePageChrome
-                                                            }, `${pageChromeEditing.sectionId}-${pageChromeEditing.variant}-header`)
+                                                            }, `${pageChromeEditing.sectionId}-${pageChromeEditing.variant}-header`) : headerChrome.headerHtml ? /*#__PURE__*/ jsx("div", {
+                                                                className: "work-document-page-chrome-html",
+                                                                dangerouslySetInnerHTML: {
+                                                                    __html: headerChrome.headerHtml
+                                                                }
+                                                            }) : null
                                                         }),
                                                         /*#__PURE__*/ jsxs("section", {
                                                             ref: editableSurfaceRef,
                                                             className: `work-document-editable ${viewMode}`,
                                                             "aria-label": "文档内容编辑区域",
                                                             onDoubleClick: ()=>{
-                                                                if (!preview && pageChromeEditing) closePageChrome();
+                                                                if (canEditDocument && pageChromeEditing) closePageChrome();
                                                             },
                                                             onContextMenu: openSelectionContextMenu,
                                                             onKeyDownCapture: (event)=>{
@@ -15086,13 +15178,14 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                                     editor: editor,
                                                                     canInsertComment: documentComments.canInsert,
                                                                     layoutFonts: layoutFonts,
-                                                                    onInsertComment: ()=>void startCommentDraft()
+                                                                    onInsertComment: ()=>void startCommentDraft(),
+                                                                    reviewOnly: reviewOnly
                                                                 })
                                                             ]
                                                         }),
                                                         'page' === viewMode && (!preview || Boolean(footerChrome.footerHtml) || footerChrome.showPageNumber) && /*#__PURE__*/ jsxs("footer", {
                                                             ref: pageFooterRef,
-                                                            className: `work-document-page-footer${!preview && pageChromeEditing?.part === 'footer' ? ' editing' : ''}`,
+                                                            className: `work-document-page-footer${canEditDocument && pageChromeEditing?.part === 'footer' ? ' editing' : ''}`,
                                                             "data-document-page-chrome": lastPageDescriptor.pageChrome.variant,
                                                             style: lastPageFrame && paginationGeometry ? {
                                                                 bottom: work_document_layout_millimetersToPixels(lastPageMargins.footerDistance),
@@ -15100,20 +15193,15 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                                 left: lastPageFrame.left + lastPageDescriptor.page.marginLeft,
                                                                 right: paginationGeometry.width - lastPageFrame.left - lastPageFrame.width + lastPageDescriptor.page.marginRight
                                                             } : void 0,
-                                                            onDoubleClick: preview ? void 0 : (event)=>{
+                                                            onDoubleClick: canEditDocument ? (event)=>{
                                                                 if (pageChromeEditing?.part === 'footer') return;
                                                                 event.preventDefault();
                                                                 editPageChrome('footer');
-                                                            },
+                                                            } : void 0,
                                                             children: [
                                                                 /*#__PURE__*/ jsx("div", {
                                                                     className: "work-document-page-footer-content",
-                                                                    children: preview || pageChromeEditing?.part !== 'footer' ? footerChrome.footerHtml ? /*#__PURE__*/ jsx("div", {
-                                                                        className: "work-document-page-chrome-html",
-                                                                        dangerouslySetInnerHTML: {
-                                                                            __html: footerChrome.footerHtml
-                                                                        }
-                                                                    }) : null : /*#__PURE__*/ jsx(DocumentPageChromeRichTextEditor, {
+                                                                    children: canEditDocument && pageChromeEditing?.part === 'footer' ? /*#__PURE__*/ jsx(DocumentPageChromeRichTextEditor, {
                                                                         autoFocus: true,
                                                                         className: "work-document-page-chrome-inline-editor",
                                                                         label: "页内页脚",
@@ -15124,7 +15212,12 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                                             }),
                                                                         onEditorChange: setPageChromeEditor,
                                                                         onExit: closePageChrome
-                                                                    }, `${pageChromeEditing.sectionId}-${pageChromeEditing.variant}-footer`)
+                                                                    }, `${pageChromeEditing.sectionId}-${pageChromeEditing.variant}-footer`) : footerChrome.footerHtml ? /*#__PURE__*/ jsx("div", {
+                                                                        className: "work-document-page-chrome-html",
+                                                                        dangerouslySetInnerHTML: {
+                                                                            __html: footerChrome.footerHtml
+                                                                        }
+                                                                    }) : null
                                                                 }),
                                                                 footerChrome.showPageNumber && /*#__PURE__*/ jsxs("span", {
                                                                     className: "work-document-page-number",
@@ -15145,7 +15238,9 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                 !preview && documentComments.open && /*#__PURE__*/ jsx(DocumentCommentsPanel, {
                                     editor: editor,
                                     comments: documentComments.comments,
+                                    canDelete: documentComments.canDeleteComment,
                                     draft: documentComments.draft,
+                                    draftAuthor: collaboration?.actor?.name,
                                     surfaceRef: reviewSurfaceRef,
                                     onReply: documentComments.reply,
                                     onToggleResolved: documentComments.toggleResolved,
@@ -15158,20 +15253,20 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                             ]
                         })
                     }),
-                    !preview && citationsOpen && /*#__PURE__*/ jsx(DocumentCitationsPanel, {
+                    canEditDocument && citationsOpen && /*#__PURE__*/ jsx(DocumentCitationsPanel, {
                         editor: editor,
                         content: currentContent,
                         onClose: closeTaskPane,
                         onDirtyChange: setCitationsDirty
                     }),
-                    !preview && changesOpen && /*#__PURE__*/ jsx(DocumentChangesPanel, {
+                    canEditDocument && changesOpen && /*#__PURE__*/ jsx(DocumentChangesPanel, {
                         editor: editor,
                         changes: changes,
                         trackChanges: Boolean(currentContent.trackChanges),
                         onTrackChangesChange: (enabled)=>editor.commands.setDocumentTrackChanges(enabled),
                         onClose: closeTaskPane
                     }),
-                    !preview && layoutOpen && section && /*#__PURE__*/ jsx(DocumentLayoutPanel, {
+                    canEditDocument && layoutOpen && section && /*#__PURE__*/ jsx(DocumentLayoutPanel, {
                         layout: layout,
                         activeTab: layoutPanelTab,
                         sectionIndex: section.index,
@@ -15182,7 +15277,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                         onMergeSection: ()=>editor.commands.mergeDocumentSectionWithPrevious(),
                         onClose: closeTaskPane
                     }),
-                    !preview && findReplaceMode && /*#__PURE__*/ jsx(DocumentFindReplacePanel, {
+                    canEditDocument && findReplaceMode && /*#__PURE__*/ jsx(DocumentFindReplacePanel, {
                         editor: editor,
                         mode: findReplaceMode,
                         focusRequest: findReplaceFocusRequest,
@@ -15227,14 +15322,14 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                 onViewModeChange: changeViewMode,
                 onZoomChange: setZoom
             }),
-            !preview && selectionMenu && /*#__PURE__*/ jsx(DocumentSelectionContextMenu, {
+            canEditDocument && selectionMenu && /*#__PURE__*/ jsx(DocumentSelectionContextMenu, {
                 editor: editor,
                 menu: selectionMenu,
                 getTrackChanges: ()=>trackChangesRef.current,
                 onAgentRequest: onAgentRequest,
                 onClose: ()=>setSelectionMenu(null)
             }),
-            !preview && documentInsert.dialog,
+            canEditDocument && documentInsert.dialog,
             !preview && taskPaneDialog.dialog,
             !preview && statisticsOpen && /*#__PURE__*/ jsx(DocumentStatisticsDialog, {
                 pageCount: pageCount,