@a3s-lab/office 0.7.2 → 0.8.0

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";
@@ -605,7 +605,7 @@ function DocumentTaskPane({ ariaLabel, title, description, closeLabel, className
 const DOCUMENT_CHANGE_ITEM_HEIGHT = 84;
 const DOCUMENT_CHANGE_ITEM_GAP = 7;
 const DOCUMENT_CHANGE_LIST_PADDING_TOP = 10;
-function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesChange, onClose }) {
+function DocumentChangesPanel({ editor, changes, decisions = [], trackChanges, suggestionOnly = false, onDecideChanges, onTrackChangesChange, onClose }) {
     const officeDialog = useOfficeDialog();
     const decisionButtonRefs = useRef(new Map());
     const pendingFocusRef = useRef(null);
@@ -654,7 +654,9 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
             decision
         };
         setRovingChangeKey(nextChangeKey);
-        const handled = 'accept' === decision ? editor.commands.acceptDocumentChange(change.id) : editor.commands.rejectDocumentChange(change.id);
+        const handled = onDecideChanges ? onDecideChanges([
+            change
+        ], decision) : 'accept' === decision ? editor.commands.acceptDocumentChange(change.id) : editor.commands.rejectDocumentChange(change.id);
         if (!handled) {
             pendingFocusRef.current = null;
             setRovingChangeKey(currentChangeKey);
@@ -673,7 +675,8 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
             confirmLabel: '全部接受'
         });
         if (confirmed && !editor.isDestroyed) {
-            editor.commands.acceptAllDocumentChanges();
+            if (onDecideChanges) onDecideChanges(changes, 'accept');
+            else editor.commands.acceptAllDocumentChanges();
             requestAnimationFrame(()=>{
                 if (!editor.isDestroyed) editor.view.dom.focus();
             });
@@ -687,7 +690,8 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
             confirmTone: 'danger'
         });
         if (confirmed && !editor.isDestroyed) {
-            editor.commands.rejectAllDocumentChanges();
+            if (onDecideChanges) onDecideChanges(changes, 'reject');
+            else editor.commands.rejectAllDocumentChanges();
             requestAnimationFrame(()=>{
                 if (!editor.isDestroyed) editor.view.dom.focus();
             });
@@ -698,11 +702,11 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
             /*#__PURE__*/ jsxs(DocumentTaskPane, {
                 className: "work-document-changes-panel",
                 title: "修订审阅",
-                description: changes.length ? `${changes.length} 项待处理` : '没有待处理的修订',
+                description: changes.length ? `${changes.length} 项待处理 · ${decisions.length} 项已决定` : decisions.length ? `没有待处理的修订 · ${decisions.length} 项已决定` : '没有待处理的修订',
                 closeLabel: "关闭修订审阅",
                 onClose: onClose,
                 children: [
-                    changes.length > 0 && /*#__PURE__*/ jsxs("div", {
+                    changes.length > 0 && !suggestionOnly && /*#__PURE__*/ jsxs("div", {
                         className: "work-document-changes-bulk-actions",
                         children: [
                             /*#__PURE__*/ jsxs(button_Button, {
@@ -778,7 +782,7 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
                                             })
                                         ]
                                     }),
-                                    /*#__PURE__*/ jsxs("div", {
+                                    !suggestionOnly && /*#__PURE__*/ jsxs("div", {
                                         children: [
                                             /*#__PURE__*/ jsxs(button_Button, {
                                                 ref: (element)=>{
@@ -822,7 +826,7 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
                         children: /*#__PURE__*/ jsx(CollectionState, {
                             className: "work-document-changes-empty",
                             icon: /*#__PURE__*/ jsx(FileDiff, {}),
-                            actions: /*#__PURE__*/ jsx(button_Button, {
+                            actions: suggestionOnly ? void 0 : /*#__PURE__*/ jsx(button_Button, {
                                 size: "compact",
                                 tone: trackChanges ? 'quiet' : 'primary',
                                 onClick: ()=>onTrackChangesChange(!trackChanges),
@@ -830,8 +834,11 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
                             }),
                             tone: trackChanges ? 'info' : 'neutral',
                             role: "status",
-                            children: trackChanges ? '正在记录新的改动。' : '当前没有记录新的改动。'
+                            children: suggestionOnly ? '建议模式会自动记录带身份的新改动。' : trackChanges ? '正在记录新的改动。' : '当前没有记录新的改动。'
                         })
+                    }),
+                    decisions.length > 0 && /*#__PURE__*/ jsx(DocumentChangeDecisionHistory, {
+                        decisions: decisions
                     })
                 ]
             }),
@@ -839,6 +846,49 @@ function DocumentChangesPanel({ editor, changes, trackChanges, onTrackChangesCha
         ]
     });
 }
+function DocumentChangeDecisionHistory({ decisions }) {
+    const visible = decisions.slice(-20).reverse();
+    return /*#__PURE__*/ jsxs("section", {
+        className: "work-document-change-decisions",
+        "aria-label": "修订决定记录",
+        children: [
+            /*#__PURE__*/ jsxs("header", {
+                children: [
+                    /*#__PURE__*/ jsx("strong", {
+                        children: "决定记录"
+                    }),
+                    /*#__PURE__*/ jsxs("span", {
+                        children: [
+                            decisions.length,
+                            " 项"
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("ol", {
+                children: visible.map((decision)=>/*#__PURE__*/ jsxs("li", {
+                        "data-document-change-decision": decision.decision,
+                        children: [
+                            /*#__PURE__*/ jsx("span", {
+                                children: 'accept' === decision.decision ? '已接受' : '已拒绝'
+                            }),
+                            /*#__PURE__*/ jsx("strong", {
+                                children: decision.text.trim() || '（空白字符）'
+                            }),
+                            /*#__PURE__*/ jsxs("small", {
+                                children: [
+                                    decision.suggestedBy,
+                                    " → ",
+                                    decision.decidedBy,
+                                    decision.decidedAt ? ` · ${formatChangeDate(decision.decidedAt)}` : ''
+                                ]
+                            })
+                        ]
+                    }, decision.id))
+            })
+        ]
+    });
+}
 function documentChangeDecisionKey(changeKey, decision) {
     return `${changeKey}:${decision}`;
 }
@@ -1608,7 +1658,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 +1710,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 +1720,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 +1771,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 +1968,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 +2035,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 +2086,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 +2156,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 +2202,8 @@ function DocumentCommentsPanel({ editor, comments, draft, surfaceRef, onReply, o
                 startX,
                 startY,
                 endX,
-                endY
+                endY,
+                detached: entry.detached
             };
         });
         const nextLayout = {
@@ -2392,6 +2456,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 +2481,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 +2499,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 +2527,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 +2618,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 +2649,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 +2669,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 +2683,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 +2697,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 +6308,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 +6347,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 +11746,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, suggestionOnly = 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, onDecideChange, onOpenWordCount, onOpenFindReplace }) {
+    const [activeTab, setActiveTab] = useState(reviewOnly ? 'review' : 'home');
     const officeDialog = useOfficeDialog();
     const prompt = officeDialog.prompt;
     const imageSelected = editor.isActive('image');
@@ -11678,7 +11764,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 +11819,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 +11828,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
     }, [
         imageSelected,
         pageChromeEditor,
+        reviewOnly,
         tableSelected
     ]);
     useEffect(()=>{
@@ -11750,6 +11838,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 +11925,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
         onOpenFindReplace,
         onOpenWordCount,
         onRefreshFields,
+        reviewOnly,
         onToggleSpellcheck,
         onToggleTrackChanges,
         toggleLink
@@ -11855,7 +11951,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
             changes[index + 1]?.id,
             changes[index - 1]?.id
         ].filter((id)=>Boolean(id));
-        const handled = 'accept' === decision ? editor.commands.acceptDocumentChange(change.id) : editor.commands.rejectDocumentChange(change.id);
+        const handled = onDecideChange ? onDecideChange(change, decision) : 'accept' === decision ? editor.commands.acceptDocumentChange(change.id) : editor.commands.rejectDocumentChange(change.id);
         if (!handled) return;
         const remaining = collectDocumentChanges(editor.state.doc);
         const next = nextIds.map((id)=>remaining.find((candidate)=>candidate.id === id)).find((candidate)=>Boolean(candidate));
@@ -11867,7 +11963,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 +11975,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                 adaptive: true,
                 collapsible: true,
                 fileActions: fileActions,
-                quickAccessActions: [
+                quickAccessActions: reviewOnly && !suggestionOnly ? [] : [
                     {
                         id: undoCommand.id,
                         label: undoCommand.label,
@@ -11913,13 +12009,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 +12116,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 +12127,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 +12215,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, {
@@ -12134,7 +12230,7 @@ function DocumentToolbar({ editor, defaultRibbonCollapsed = false, history, layo
                                     })
                                 })
                             }),
-                            /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
+                            !suggestionOnly && /*#__PURE__*/ jsxs(document_toolbar_RibbonGroup, {
                                 label: "批注",
                                 priority: "high",
                                 children: [
@@ -12161,73 +12257,79 @@ 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 || suggestionOnly) && /*#__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: suggestionOnly ? '建议模式' : '修订模式',
+                                                displayLabel: true,
+                                                shortcut: trackChangesCommand.shortcut?.label,
+                                                ariaKeyShortcuts: trackChangesCommand.shortcut?.aria,
+                                                active: suggestionOnly || trackChanges,
+                                                disabled: suggestionOnly,
+                                                title: suggestionOnly ? '建议模式始终记录带身份的文字修订' : void 0,
+                                                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
-                                        })
+                                    !suggestionOnly && /*#__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 +12696,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 +12705,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 +12757,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 +12776,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 +12797,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 +12812,7 @@ function useDocumentComments({ contentRef, editor, onBeforeDraft }) {
         open
     ]);
     return {
+        canDeleteComment,
         canInsert,
         close,
         closeDraft,
@@ -12705,6 +12828,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);
@@ -14107,10 +14238,13 @@ function DocumentReviewConflictNotice({ conflicts, onDismiss }) {
 }
 const EMPTY_DOCUMENT_LAYOUT_FONTS = [];
 const EMPTY_DOCUMENT_EXTENSIONS = [];
-function createTrackedDocumentChange(_kind) {
+function createTrackedDocumentChange(_kind, actor) {
     return {
         id: createWorkId('change'),
-        author: 'A3S Work 用户',
+        ...actor ? {
+            actorId: actor.id
+        } : {},
+        author: actor?.name ?? 'A3S Work 用户',
         date: new Date().toISOString()
     };
 }
@@ -14133,7 +14267,7 @@ function CollaborativeDocumentEditor(props) {
     if (!initial.current) initial.current = readWorkOfficeDocumentCollaboration(collaboration);
     const bridge = useRef({
         getContent: ()=>initial.current,
-        isTracking: ()=>Boolean(initial.current?.trackChanges),
+        isTracking: ()=>'suggest' === collaboration.mode || Boolean(initial.current?.trackChanges),
         onContentChange: ()=>void 0,
         onTrackingChange: ()=>void 0
     });
@@ -14147,7 +14281,7 @@ function CollaborativeDocumentEditor(props) {
             workExtensions: {
                 getContent: ()=>bridge.current.getContent(),
                 isTracking: ()=>bridge.current.isTracking(),
-                createChange: createTrackedDocumentChange,
+                createChange: (kind)=>createTrackedDocumentChange(kind, collaboration.actor),
                 onContentChange: (content)=>bridge.current.onContentChange(content),
                 onTrackingChange: (enabled)=>bridge.current.onTrackingChange(enabled)
             }
@@ -14177,8 +14311,13 @@ 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 commentOnly = collaboration?.mode === 'comment' && !requestedPreview;
+    const suggestionOnly = collaboration?.mode === 'suggest' && Boolean(collaboration.actor) && !requestedPreview;
+    const collaborationInteractive = !collaboration || 'edit' === collaboration.mode || 'comment' === collaboration.mode || 'suggest' === collaboration.mode && Boolean(collaboration.actor);
+    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 canReviewDocumentChanges = canEditDocument || suggestionOnly;
     const readOnly = preview;
     const initialContentRef = useRef(collaborationInitialContent ?? content);
     const effectiveContent = collaboration ? initialContentRef.current : content;
@@ -14195,7 +14334,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     const statisticsInvokerRef = useRef(null);
     const contentRef = useRef(effectiveContent);
     const onChangeRef = useRef(onChange);
-    const trackChangesRef = useRef(Boolean(effectiveContent.trackChanges));
+    const trackChangesRef = useRef(suggestionOnly || Boolean(effectiveContent.trackChanges));
     const collaborationBindingRef = useRef(collaborationBinding);
     const normalizedContent = useMemo(()=>normalizeDocumentHtml(effectiveContent), [
         effectiveContent
@@ -14230,7 +14369,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     const loadedLayoutFontIds = useDocumentLayoutFonts(layoutFonts);
     if (!collaboration) contentRef.current = content;
     onChangeRef.current = onChange;
-    trackChangesRef.current = Boolean(contentRef.current.trackChanges);
+    trackChangesRef.current = suggestionOnly || Boolean(contentRef.current.trackChanges);
     const commitContentChange = useCallback((next)=>{
         const previous = contentRef.current;
         const binding = collaborationBindingRef.current;
@@ -14241,9 +14380,10 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     collaborationBindingRef.current = collaborationBinding;
     if (collaborationBridge) collaborationBridge.current = {
         getContent: ()=>contentRef.current,
-        isTracking: ()=>trackChangesRef.current,
+        isTracking: ()=>suggestionOnly || trackChangesRef.current,
         onContentChange: (next)=>commitContentChange(next),
         onTrackingChange: (trackChanges)=>{
+            if (suggestionOnly) return;
             trackChangesRef.current = trackChanges;
             commitContentChange({
                 ...contentRef.current,
@@ -14255,11 +14395,12 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             ...collaborationBinding?.extensions ?? createWorkDocumentExtensions({
                 getContent: ()=>contentRef.current,
                 isTracking: ()=>trackChangesRef.current,
-                createChange: createTrackedDocumentChange,
+                createChange: (kind)=>createTrackedDocumentChange(kind, collaboration?.actor),
                 onContentChange: (next)=>{
                     commitContentChange(next);
                 },
                 onTrackingChange: (trackChanges)=>{
+                    if (suggestionOnly) return;
                     trackChangesRef.current = trackChanges;
                     const next = {
                         ...contentRef.current,
@@ -14282,10 +14423,13 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             attributes: {
                 'aria-label': '文档正文',
                 'aria-multiline': 'true',
+                'aria-readonly': commentOnly ? 'true' : 'false',
                 role: 'textbox',
                 spellcheck: 'true'
             }
-        }), []);
+        }), [
+        commentOnly
+    ]);
     const editor = useEditor({
         extensions: editorExtensions,
         content: collaboration ? void 0 : initialEditorSourceRef.current,
@@ -14363,8 +14507,11 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
         reconcileControlledUpdates: !collaboration
     });
     const documentComments = useDocumentComments({
+        actor: collaboration?.actor,
         contentRef,
+        deleteOwnOnly: commentOnly,
         editor,
+        enabled: canCommentDocument,
         onBeforeDraft: ()=>setTaskPane(null)
     });
     const [collaborationVersion, setCollaborationVersion] = useState(0);
@@ -14375,7 +14522,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
         const unsubscribeChange = collaborationBinding.subscribe((change)=>{
             pendingCollaborationContentRef.current = change.content;
             contentRef.current = change.content;
-            trackChangesRef.current = Boolean(change.content.trackChanges);
+            trackChangesRef.current = suggestionOnly || Boolean(change.content.trackChanges);
             setCollaborationVersion((value)=>value + 1);
         });
         const unsubscribeError = collaborationBinding.subscribeError((error)=>{
@@ -14400,7 +14547,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
         const next = pendingCollaborationContentRef.current;
         pendingCollaborationContentRef.current = void 0;
         contentRef.current = next;
-        trackChangesRef.current = Boolean(next.trackChanges);
+        trackChangesRef.current = suggestionOnly || Boolean(next.trackChanges);
         onChangeRef.current(next);
     }, [
         collaborationVersion
@@ -14601,6 +14748,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(commentOnly || preview));
             if (preview) editorDom.removeAttribute('aria-multiline');
             else editorDom.setAttribute('aria-multiline', 'true');
         };
@@ -14610,6 +14758,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             editor.off('mount', applyEditableState);
         };
     }, [
+        commentOnly,
         editor,
         preview,
         readOnly
@@ -14700,7 +14849,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,
@@ -14720,6 +14869,11 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
     });
     const finalPageNumber = pagination.pages.at(-1)?.pageNumber ?? Math.max(1, layout.pageNumberStart ?? 1) + pageCount - 1;
     const changes = collectDocumentChanges(editor.state.doc);
+    const decideDocumentChanges = (selectedChanges, decision)=>{
+        if (collaborationBinding) return collaborationBinding.decideChanges(editor, selectedChanges.map(({ id })=>id), decision);
+        const ids = selectedChanges.map(({ id })=>id);
+        return 'accept' === decision ? editor.commands.acceptDocumentChanges(ids) : editor.commands.rejectDocumentChanges(ids);
+    };
     const citationCount = documentCitationCount(editor);
     const textStatistics = documentTextStatistics(editor);
     const paragraphIndent = documentParagraphIndent(editor);
@@ -14807,7 +14961,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 +14988,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 +15007,9 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
             }) : /*#__PURE__*/ jsx(DocumentToolbar, {
                 editor: editor,
                 defaultRibbonCollapsed: defaultRibbonCollapsed,
-                history: collaborationBinding ? {
+                reviewOnly: commentOnly || suggestionOnly,
+                suggestionOnly: suggestionOnly,
+                history: collaborationBinding && !commentOnly ? {
                     canRedo: collaborationBinding.canRedo(),
                     canUndo: collaborationBinding.canUndo(),
                     redo: ()=>collaborationBinding.redo(),
@@ -14904,7 +15061,7 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                 commentsOpen: documentComments.open,
                 commentCount: documentComments.comments.length,
                 onToggleComments: ()=>void toggleCommentsPanel(),
-                trackChanges: Boolean(currentContent.trackChanges),
+                trackChanges: suggestionOnly || Boolean(currentContent.trackChanges),
                 changesOpen: changesOpen,
                 changeCount: changes.length,
                 findReplaceMode: findReplaceMode,
@@ -14913,10 +15070,14 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                     return requestEditorViewChange(keepCurrentPane ? taskPane : null, 'review' !== tab);
                 },
                 onToggleTrackChanges: ()=>{
+                    if (suggestionOnly) return;
                     editor.commands.toggleDocumentTrackChanges();
                     restoreDocumentBodyFocus();
                 },
                 onToggleChanges: ()=>void toggleTaskPane('changes'),
+                onDecideChange: (change, decision)=>decideDocumentChanges([
+                        change
+                    ], decision),
                 onOpenWordCount: openDocumentStatistics,
                 onOpenFindReplace: openFindReplace
             }),
@@ -14988,7 +15149,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 +15191,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 +15199,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 +15215,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)=>{
@@ -15082,17 +15243,18 @@ function DocumentEditorSurface({ artifactId, autoFocus = true, collaboration, co
                                                                     editor: editor,
                                                                     kind: "document"
                                                                 }),
-                                                                !preview && /*#__PURE__*/ jsx(DocumentSelectionToolbar, {
+                                                                !preview && (canEditDocument || canCommentDocument) && /*#__PURE__*/ jsx(DocumentSelectionToolbar, {
                                                                     editor: editor,
                                                                     canInsertComment: documentComments.canInsert,
                                                                     layoutFonts: layoutFonts,
-                                                                    onInsertComment: ()=>void startCommentDraft()
+                                                                    onInsertComment: ()=>void startCommentDraft(),
+                                                                    reviewOnly: commentOnly
                                                                 })
                                                             ]
                                                         }),
                                                         '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 +15262,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 +15281,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 +15307,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 +15322,23 @@ 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, {
+                    canReviewDocumentChanges && changesOpen && /*#__PURE__*/ jsx(DocumentChangesPanel, {
                         editor: editor,
                         changes: changes,
-                        trackChanges: Boolean(currentContent.trackChanges),
-                        onTrackChangesChange: (enabled)=>editor.commands.setDocumentTrackChanges(enabled),
+                        decisions: currentContent.changeDecisions,
+                        trackChanges: suggestionOnly || Boolean(currentContent.trackChanges),
+                        suggestionOnly: suggestionOnly,
+                        onDecideChanges: canEditDocument ? decideDocumentChanges : void 0,
+                        onTrackChangesChange: (enabled)=>suggestionOnly ? false : 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 +15349,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 +15394,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,