@taskforcehq/taskforce 0.3.326 → 0.3.328

package/dist/components/features/DocumentViewer.js

@@ -1,20 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React, { useState, useEffect, useCallback, useRef } from 'react';
-import Markdown from 'react-markdown';
 import { renderToStaticMarkup } from 'react-dom/server';
-import remarkGfm from 'remark-gfm';
-import rehypeSanitize from 'rehype-sanitize';
-import { Printer, Link, Download, Clock, HardDrive, Tag, Pencil, X, Save, Eye, SplitSquareHorizontal, CheckCircle, AlertCircle, Zap, Trash2, MessageSquareText, Send, Bot, User, RotateCcw, CheckCheck, ArrowLeft } from 'lucide-react';
+import { Printer, Link, Download, Clock, HardDrive, Tag, Pencil, X, Save, Eye, SplitSquareHorizontal, CheckCircle, AlertCircle, Zap, Trash2, MessageSquareText, Send, Bot, User, RotateCcw, ArrowLeft, ArrowDown, Reply, Plus } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
 import viewerStyles from './DocumentViewer.module.css';
-import taskFormStyles from '../task/TaskForm.module.css';
 import { Modal } from '../ui/Modal';
-import { getEffectiveAttachmentState } from './documentWorkspaceModel';
+import { getEffectiveAttachmentState, withWorkspaceQuery } from './documentWorkspaceModel';
 import { DocumentGenerateModal } from './DocumentGenerateModal';
 import { fetchTaskforceApi, resolveTaskforceApiUrl } from '../../utils/taskforceApiClient';
 import { getDocumentDownloadName, getReadableDocumentName } from '../../utils/documentNames';
 import { getDocumentReferenceLabel } from '../../utils/documentReferences';
 import { ReferenceBadgeButton } from '../ui/ReferenceBadgeButton';
+import { Markdown } from '../ui/Markdown';
 const DOC_TYPE_LABELS = {
     'implementation-plan': 'Implementation Plan',
     'review': 'Review',
@@ -35,6 +32,10 @@ const EDITOR_LAYOUT_CLASS = {
     preview: viewerStyles.editorLayoutPreview,
 };
 const PRINT_FRAME_CLEANUP_DELAY_MS = 1500;
+const REVIEW_BOTTOM_THRESHOLD_PX = 80;
+const DOCUMENT_REFRESH_ERROR = 'Document refresh failed; showing the previous saved version.';
+const DOCUMENT_REVISION_CONFLICT_ERROR = 'A newer saved version is available. Cancel editing to reload it before saving.';
+const UNSAVED_REVIEW_SESSION_KEY = '__new-review__';
 const PRINT_DOCUMENT_CSS = `
 @page {
     margin: 0.94in 1.02in 1in;
@@ -149,6 +150,14 @@ body {
     padding-left: 0.1em;
 }
 
+.tf-print-document [data-task-list="true"] {
+    padding-left: 1.1em;
+}
+
+.tf-print-document [data-task-item="true"] {
+    list-style: none;
+}
+
 .tf-print-document li > ul,
 .tf-print-document li > ol {
     margin-top: 0.34em;
@@ -319,33 +328,38 @@ function createPrintMarkdownComponents() {
         if (childArray.length !== 1)
             return null;
         const onlyChild = childArray[0];
-        if (!React.isValidElement(onlyChild) || onlyChild.type !== 'strong')
+        if (!React.isValidElement(onlyChild))
             return null;
         const onlyChildProps = onlyChild.props;
+        const elementType = typeof onlyChild.type === 'string'
+            ? onlyChild.type
+            : onlyChildProps.node?.tagName;
+        if (elementType !== 'strong')
+            return null;
         const text = React.Children.toArray(onlyChildProps.children).join('').trim();
         if (!text)
             return null;
         return text;
     };
     return {
-        input({ type, checked, ...props }) {
+        input({ type, checked, node: _node, ...props }) {
             if (type !== 'checkbox')
                 return _jsx("input", { type: type, checked: checked, ...props });
             return (_jsx("input", { ...props, type: "checkbox", checked: Boolean(checked), disabled: true, readOnly: true }));
         },
         ul({ children, node, ...props }) {
             const taskList = nodeHasTaskItems(node);
-            return (_jsx("ul", { ...props, style: taskList ? { paddingLeft: '1.2em' } : undefined, children: children }));
+            return (_jsx("ul", { ...props, "data-task-list": taskList ? 'true' : undefined, children: children }));
         },
         ol({ children, node, ...props }) {
             const taskList = nodeHasTaskItems(node);
-            return (_jsx("ol", { ...props, style: taskList ? { paddingLeft: '1.2em' } : undefined, children: children }));
+            return (_jsx("ol", { ...props, "data-task-list": taskList ? 'true' : undefined, children: children }));
         },
         li({ children, node, ...props }) {
             const taskItem = typeof node?.checked === 'boolean' || nodeHasCheckboxInput(node);
-            return (_jsx("li", { ...props, style: taskItem ? { listStyleType: 'none', listStyle: 'none', marginLeft: 0 } : undefined, children: children }));
+            return (_jsx("li", { ...props, "data-task-item": taskItem ? 'true' : undefined, children: children }));
         },
-        p({ children, ...props }) {
+        p({ children, node: _node, ...props }) {
             const sectionLabel = isStandaloneStrongParagraph(children);
             if (sectionLabel) {
                 return (_jsx("p", { ...props, className: "tf-print-section-label", children: sectionLabel }));
@@ -355,7 +369,7 @@ function createPrintMarkdownComponents() {
     };
 }
 export function buildPrintDocumentHtml(markdown) {
-    const bodyHtml = renderToStaticMarkup(_jsx("div", { className: "tf-print-document", children: _jsx(Markdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeSanitize], components: createPrintMarkdownComponents(), children: markdown }) }));
+    const bodyHtml = renderToStaticMarkup(_jsx("div", { className: "tf-print-document", children: _jsx(Markdown, { variant: "document", documentOverrides: createPrintMarkdownComponents(), children: markdown }) }));
     return `<!doctype html>
 <html lang="en">
 <head>
@@ -400,9 +414,14 @@ function formatReviewAnchor(anchor) {
     if (!anchor)
         return null;
     if (anchor.kind === 'document')
-        return 'Entire document';
-    if (anchor.kind === 'quote')
-        return anchor.quote ? `Quote: "${anchor.quote}"` : 'Quoted text';
+        return 'Whole document';
+    if (anchor.kind === 'quote') {
+        const quote = anchor.quote?.replace(/\s+/g, ' ').trim() || '';
+        if (!quote)
+            return 'Selected text';
+        const excerpt = quote.length > 72 ? `${quote.slice(0, 69).trimEnd()}…` : quote;
+        return `Selected: “${excerpt}”`;
+    }
     if (anchor.kind === 'line-range') {
         if (anchor.startLine === anchor.endLine)
             return `Line ${anchor.startLine}`;
@@ -422,6 +441,62 @@ function getReviewActorLabel(comment) {
 function normalizeAnchorText(text) {
     return text.replace(/\s+/g, ' ').trim();
 }
+export function getReviewAnchorHealth(anchor, savedContent, savedRenderedText = savedContent) {
+    if (!anchor)
+        return 'unknown';
+    if (anchor.kind === 'document')
+        return 'valid';
+    if (savedContent === null)
+        return 'unknown';
+    if (anchor.kind === 'line-range') {
+        const lineCount = savedContent.split('\n').length;
+        return anchor.startLine >= 1
+            && anchor.endLine >= anchor.startLine
+            && anchor.endLine <= lineCount
+            ? 'valid'
+            : 'unresolved';
+    }
+    const quote = normalizeAnchorText(anchor.quote || '');
+    if (!quote)
+        return 'unknown';
+    if (savedRenderedText === null)
+        return 'unknown';
+    const normalizedContent = normalizeAnchorText(savedRenderedText);
+    const positions = [];
+    let searchFrom = 0;
+    while (searchFrom <= normalizedContent.length - quote.length) {
+        const index = normalizedContent.indexOf(quote, searchFrom);
+        if (index < 0)
+            break;
+        positions.push(index);
+        searchFrom = index + quote.length;
+    }
+    if (positions.length === 0)
+        return 'unresolved';
+    const hasOccurrenceIndex = typeof anchor.occurrenceIndex === 'number'
+        && Number.isInteger(anchor.occurrenceIndex)
+        && anchor.occurrenceIndex >= 0;
+    const prefix = normalizeAnchorText(anchor.prefix || '');
+    const suffix = normalizeAnchorText(anchor.suffix || '');
+    const contextMatches = (position) => {
+        const before = normalizedContent.slice(0, position).trimEnd();
+        const after = normalizedContent.slice(position + quote.length).trimStart();
+        return (!prefix || before.endsWith(prefix)) && (!suffix || after.startsWith(suffix));
+    };
+    if (hasOccurrenceIndex) {
+        const expectedPosition = positions[anchor.occurrenceIndex];
+        if (expectedPosition === undefined)
+            return 'moved';
+        return contextMatches(expectedPosition) ? 'valid' : 'moved';
+    }
+    if (!prefix && !suffix) {
+        return positions.length === 1 ? 'valid' : 'unknown';
+    }
+    const matchingPositions = positions.filter(contextMatches);
+    if (matchingPositions.length === 1)
+        return 'valid';
+    return matchingPositions.length === 0 ? 'moved' : 'unknown';
+}
 function countOccurrences(haystack, needle) {
     if (!needle)
         return 0;
@@ -501,13 +576,17 @@ function toggleNthTaskCheckbox(markdown, targetIndex, nextChecked) {
     });
     return updated.join('\n');
 }
-export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', onSaved, onDeleted, onBackToTask, enableTaskGeneration = false }) {
+export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', workspaceId = null, onSaved, onDeleted, onBackToTask, taskReferences, enableTaskGeneration = false, initialScrollTop = 0, onScrollTopChange, }) {
     const fallbackReadableName = getReadableDocumentName(doc);
     const [currentDocumentName, setCurrentDocumentName] = useState(fallbackReadableName);
     const readableName = currentDocumentName;
-    const downloadName = getDocumentDownloadName({ ...doc, displayName: currentDocumentName });
+    const downloadName = getDocumentDownloadName({ ...doc, title: currentDocumentName });
     const documentReferenceLabel = getDocumentReferenceLabel(doc);
     const [content, setContent] = useState(null);
+    const contentRef = useRef(null);
+    contentRef.current = content;
+    const [savedRenderedText, setSavedRenderedText] = useState(null);
+    const [currentDocumentVersion, setCurrentDocumentVersion] = useState(null);
     const [loadingContent, setLoadingContent] = useState(false);
     const [loadError, setLoadError] = useState(null);
     const [copied, setCopied] = useState(false);
@@ -516,19 +595,53 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
     const [loadingReviews, setLoadingReviews] = useState(false);
     const [reviewError, setReviewError] = useState(null);
     const [selectedReviewSessionId, setSelectedReviewSessionId] = useState(null);
-    const [reviewDraft, setReviewDraft] = useState('');
+    const [reviewComposerDrafts, setReviewComposerDrafts] = useState({});
     const [reviewBusy, setReviewBusy] = useState(false);
-    const [pendingReviewAnchor, setPendingReviewAnchor] = useState(null);
+    const [hasNewReviewComments, setHasNewReviewComments] = useState(false);
     const [editingReviewTitle, setEditingReviewTitle] = useState(false);
     const [reviewTitleDraft, setReviewTitleDraft] = useState('');
     const [editingCommentId, setEditingCommentId] = useState(null);
     const [editingCommentDraft, setEditingCommentDraft] = useState('');
+    const [replyingToCommentId, setReplyingToCommentId] = useState(null);
+    const [replyDraft, setReplyDraft] = useState('');
     const [showReviewSidebar, setShowReviewSidebar] = useState(true);
+    const [compactReviewViewport, setCompactReviewViewport] = useState(false);
+    const selectedReviewSessionIdRef = useRef(null);
+    const reviewDraftKey = selectedReviewSessionId || UNSAVED_REVIEW_SESSION_KEY;
+    const reviewDraft = reviewComposerDrafts[reviewDraftKey]?.body || '';
+    const pendingReviewAnchor = reviewComposerDrafts[reviewDraftKey]?.anchor || null;
+    const setReviewDraft = useCallback((body) => {
+        setReviewComposerDrafts((current) => {
+            const draftKey = selectedReviewSessionIdRef.current || UNSAVED_REVIEW_SESSION_KEY;
+            return {
+                ...current,
+                [draftKey]: {
+                    body,
+                    anchor: current[draftKey]?.anchor || null,
+                },
+            };
+        });
+    }, []);
+    const setPendingReviewAnchor = useCallback((anchor) => {
+        setReviewComposerDrafts((current) => {
+            const draftKey = selectedReviewSessionIdRef.current || UNSAVED_REVIEW_SESSION_KEY;
+            return {
+                ...current,
+                [draftKey]: {
+                    body: current[draftKey]?.body || '',
+                    anchor,
+                },
+            };
+        });
+    }, []);
     // Edit mode state
     const [editMode, setEditMode] = useState(false);
+    const editModeRef = useRef(false);
+    editModeRef.current = editMode;
     const [draft, setDraft] = useState('');
     const [layout, setLayout] = useState('split');
     const [saveStatus, setSaveStatus] = useState({ type: 'idle' });
+    const [revisionConflict, setRevisionConflict] = useState(false);
     const [showGenModal, setShowGenModal] = useState(false);
     const [monochromeMode, setMonochromeMode] = useState(false);
     const [deleting, setDeleting] = useState(false);
@@ -545,11 +658,41 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
     const textareaRef = useRef(null);
     const renameInputRef = useRef(null);
     const previewScrollRef = useRef(null);
+    const viewerScrollRef = useRef(null);
     const printFrameRef = useRef(null);
     const printCleanupTimeoutRef = useRef(null);
     const reviewThreadEndRef = useRef(null);
+    const reviewThreadRef = useRef(null);
+    const reviewRailRef = useRef(null);
+    const reviewCloseButtonRef = useRef(null);
+    const reviewToggleButtonRef = useRef(null);
+    const reviewRenameButtonRef = useRef(null);
+    const reviewReplyInputRef = useRef(null);
+    const reviewReplyTriggerRefs = useRef(new Map());
+    const reviewReplyReturnFocusIdRef = useRef(null);
+    const reviewSessionsRef = useRef([]);
+    const reviewPendingAutoScrollRef = useRef(false);
+    const contentRequestSequenceRef = useRef(0);
+    const adoptedDocumentRevisionRef = useRef(null);
+    const pendingDocumentRevisionRef = useRef(null);
+    const reviewRequestSequenceRef = useRef(0);
+    const reviewMutationVersionRef = useRef(0);
+    const reviewInitialLoadSequenceRef = useRef(null);
     const markdownContainerRef = useRef(null);
+    const pendingScrollTopRef = useRef(null);
+    const scrollReportTimeoutRef = useRef(null);
+    const restoredScrollDocIdRef = useRef('');
+    const onScrollTopChangeRef = useRef(onScrollTopChange);
     const activeReviewSession = reviewSessions.find((session) => session.id === selectedReviewSessionId) || reviewSessions[0] || null;
+    const activeReviewCommentIdSignature = activeReviewSession?.comments.map((comment) => comment.id).join('|') || '';
+    const activeReviewThreadCount = activeReviewSession?.threadCount
+        ?? activeReviewSession?.comments.filter((comment) => !comment.parentCommentId).length
+        ?? 0;
+    const activeReviewUnresolvedThreadCount = activeReviewSession?.unresolvedThreadCount
+        ?? activeReviewSession?.comments.filter((comment) => (!comment.parentCommentId && comment.threadStatus !== 'resolved')).length
+        ?? 0;
+    const reviewResolutionBlocked = activeReviewSession?.status === 'open'
+        && activeReviewUnresolvedThreadCount > 0;
     const filteredTasks = tasks.filter((task) => {
         const query = attachSearch.trim().toLowerCase();
         if (!query)
@@ -557,35 +700,172 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         return task.title.toLowerCase().includes(query)
             || String(task.referenceLabel || '').trim().toLowerCase().includes(query);
     });
-    const fetchContent = useCallback(async () => {
-        setLoadingContent(true);
+    const closeReviewSidebar = useCallback(() => {
+        setPendingReviewAnchor(null);
+        setShowReviewSidebar(false);
+    }, [setPendingReviewAnchor]);
+    const restoreReviewReplyFocus = useCallback(() => {
+        const commentId = reviewReplyReturnFocusIdRef.current;
+        reviewReplyReturnFocusIdRef.current = null;
+        if (!commentId)
+            return;
+        window.setTimeout(() => {
+            reviewReplyTriggerRefs.current.get(commentId)?.focus();
+        }, 0);
+    }, []);
+    const closeReviewReplyComposer = useCallback(() => {
+        setReplyingToCommentId(null);
+        setReplyDraft('');
+        restoreReviewReplyFocus();
+    }, [restoreReviewReplyFocus]);
+    const isReviewNearBottom = useCallback(() => {
+        const node = reviewThreadRef.current;
+        if (!node)
+            return true;
+        return node.scrollHeight - node.scrollTop - node.clientHeight <= REVIEW_BOTTOM_THRESHOLD_PX;
+    }, []);
+    const handleReviewThreadScroll = useCallback(() => {
+        const nearBottom = isReviewNearBottom();
+        if (nearBottom)
+            setHasNewReviewComments(false);
+    }, [isReviewNearBottom]);
+    const scrollReviewToLatest = useCallback((behavior = 'smooth') => {
+        const endNode = reviewThreadEndRef.current;
+        if (typeof endNode?.scrollIntoView === 'function') {
+            endNode.scrollIntoView({ block: 'end', behavior });
+        }
+        setHasNewReviewComments(false);
+    }, []);
+    const selectReviewSession = useCallback((sessionId) => {
+        selectedReviewSessionIdRef.current = sessionId;
+        reviewPendingAutoScrollRef.current = sessionId !== null;
+        setHasNewReviewComments(false);
+        setReplyingToCommentId(null);
+        setReplyDraft('');
+        reviewReplyReturnFocusIdRef.current = null;
+        setSelectedReviewSessionId(sessionId);
+    }, []);
+    useEffect(() => {
+        selectedReviewSessionIdRef.current = selectedReviewSessionId;
+    }, [selectedReviewSessionId]);
+    useEffect(() => {
+        reviewSessionsRef.current = reviewSessions;
+    }, [reviewSessions]);
+    useEffect(() => {
+        if (typeof window.matchMedia !== 'function')
+            return;
+        const mediaQuery = window.matchMedia('(max-width: 1100px)');
+        const updateViewport = () => setCompactReviewViewport(mediaQuery.matches);
+        updateViewport();
+        mediaQuery.addEventListener?.('change', updateViewport);
+        return () => mediaQuery.removeEventListener?.('change', updateViewport);
+    }, []);
+    useEffect(() => {
+        if (!compactReviewViewport || !showReviewSidebar)
+            return;
+        const rail = reviewRailRef.current;
+        if (!rail)
+            return;
+        const focusableSelector = [
+            'button:not([disabled])',
+            'select:not([disabled])',
+            'textarea:not([disabled])',
+            'input:not([disabled])',
+            '[tabindex]:not([tabindex="-1"])',
+        ].join(',');
+        const focusCloseButton = window.requestAnimationFrame(() => reviewCloseButtonRef.current?.focus());
+        const handleKeyDown = (event) => {
+            if (event.key === 'Escape') {
+                event.preventDefault();
+                closeReviewSidebar();
+                return;
+            }
+            if (event.key !== 'Tab')
+                return;
+            const focusable = Array.from(rail.querySelectorAll(focusableSelector));
+            if (focusable.length === 0) {
+                event.preventDefault();
+                return;
+            }
+            const first = focusable[0];
+            const last = focusable[focusable.length - 1];
+            if (event.shiftKey && document.activeElement === first) {
+                event.preventDefault();
+                last.focus();
+            }
+            else if (!event.shiftKey && document.activeElement === last) {
+                event.preventDefault();
+                first.focus();
+            }
+        };
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            window.cancelAnimationFrame(focusCloseButton);
+            document.removeEventListener('keydown', handleKeyDown);
+            if (rail.contains(document.activeElement)) {
+                reviewToggleButtonRef.current?.focus();
+            }
+        };
+    }, [closeReviewSidebar, compactReviewViewport, showReviewSidebar]);
+    const fetchContent = useCallback(async (targetVersion, targetRevision) => {
+        const requestSequence = ++contentRequestSequenceRef.current;
+        const initialLoad = contentRef.current === null;
+        if (initialLoad)
+            setLoadingContent(true);
         setLoadError(null);
-        setContent(null);
         try {
             // Avoid credentialed cross-origin redirects when cloud storage serves signed document URLs.
             const res = await fetchTaskforceApi(doc.apiUrl, { credentials: 'same-origin' }, apiBaseUrl);
             if (!res.ok)
                 throw new Error(`Failed to load document (${res.status})`);
             const text = await res.text();
+            if (requestSequence !== contentRequestSequenceRef.current)
+                return;
+            if (editModeRef.current && contentRef.current !== null) {
+                pendingDocumentRevisionRef.current = { revision: targetRevision, version: targetVersion };
+                setRevisionConflict(true);
+                setSaveStatus({ type: 'error', message: DOCUMENT_REVISION_CONFLICT_ERROR });
+                return;
+            }
             setContent(text);
-            setDraft(text);
+            if (!editModeRef.current)
+                setDraft(text);
+            setCurrentDocumentVersion(targetVersion);
+            adoptedDocumentRevisionRef.current = targetRevision;
+            pendingDocumentRevisionRef.current = null;
+            setRevisionConflict(false);
+            setSaveStatus((current) => current.type === 'error' && current.message === DOCUMENT_REFRESH_ERROR
+                ? { type: 'idle' }
+                : current);
         }
         catch (e) {
-            setLoadError(e?.message || 'Failed to load document');
+            if (requestSequence !== contentRequestSequenceRef.current)
+                return;
+            if (initialLoad)
+                setLoadError(e?.message || 'Failed to load document');
+            else
+                setSaveStatus({ type: 'error', message: DOCUMENT_REFRESH_ERROR });
         }
         finally {
-            setLoadingContent(false);
+            if (initialLoad && requestSequence === contentRequestSequenceRef.current)
+                setLoadingContent(false);
         }
     }, [apiBaseUrl, doc.apiUrl]);
     const fetchReviewSessions = useCallback(async (options) => {
+        const silent = options?.silent === true;
+        if (silent && reviewInitialLoadSequenceRef.current !== null)
+            return;
+        const requestSequence = ++reviewRequestSequenceRef.current;
+        const mutationVersion = reviewMutationVersionRef.current;
         if (!doc.assetId) {
+            reviewSessionsRef.current = [];
             setReviewSessions([]);
-            setSelectedReviewSessionId(null);
+            selectReviewSession(null);
             setReviewError(null);
             return;
         }
-        const silent = options?.silent === true;
         if (!silent) {
+            reviewInitialLoadSequenceRef.current = requestSequence;
             setLoadingReviews(true);
             setReviewError(null);
         }
@@ -594,27 +874,57 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             const data = await res.json().catch(() => ({}));
             if (!res.ok)
                 throw new Error(data.error || `Failed to load reviews (${res.status})`);
+            if (requestSequence !== reviewRequestSequenceRef.current
+                || mutationVersion !== reviewMutationVersionRef.current)
+                return;
             const sessions = Array.isArray(data.sessions) ? data.sessions : [];
+            const previousSessions = reviewSessionsRef.current;
+            const currentSessionId = selectedReviewSessionIdRef.current;
+            const nextSessionId = currentSessionId && sessions.some((session) => session.id === currentSessionId)
+                ? currentSessionId
+                : sessions[0]?.id ?? null;
+            if (silent && nextSessionId) {
+                const previousSession = previousSessions.find((session) => session.id === nextSessionId) || null;
+                const incomingSession = sessions.find((session) => session.id === nextSessionId) || null;
+                const previousCommentIds = new Set(previousSession?.comments.map((comment) => comment.id) || []);
+                const hasIncomingComments = incomingSession?.comments.some((comment) => !previousCommentIds.has(comment.id)) === true;
+                if (previousSession && hasIncomingComments) {
+                    const nearBottom = isReviewNearBottom();
+                    if (nearBottom) {
+                        reviewPendingAutoScrollRef.current = true;
+                    }
+                    else {
+                        setHasNewReviewComments(true);
+                    }
+                }
+            }
+            reviewSessionsRef.current = sessions;
             setReviewSessions(sessions);
-            setSelectedReviewSessionId((currentId) => {
-                if (currentId && sessions.some((session) => session.id === currentId))
-                    return currentId;
-                return sessions[0]?.id ?? null;
-            });
+            if (nextSessionId !== currentSessionId)
+                selectReviewSession(nextSessionId);
         }
         catch (error) {
+            if (requestSequence !== reviewRequestSequenceRef.current
+                || mutationVersion !== reviewMutationVersionRef.current)
+                return;
             if (!silent) {
+                reviewSessionsRef.current = [];
                 setReviewError(error?.message || 'Failed to load reviews');
                 setReviewSessions([]);
-                setSelectedReviewSessionId(null);
+                selectReviewSession(null);
             }
         }
         finally {
-            if (!silent) {
+            if (!silent && reviewInitialLoadSequenceRef.current === requestSequence) {
+                reviewInitialLoadSequenceRef.current = null;
                 setLoadingReviews(false);
             }
         }
-    }, [apiBaseUrl, doc.assetId]);
+    }, [apiBaseUrl, doc.assetId, isReviewNearBottom, selectReviewSession]);
+    const markReviewMutation = useCallback(() => {
+        reviewMutationVersionRef.current += 1;
+        reviewRequestSequenceRef.current += 1;
+    }, []);
     const createReviewSession = useCallback(async () => {
         if (!doc.assetId || reviewBusy)
             return null;
@@ -636,8 +946,9 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             const session = (data.session || null);
             if (!session)
                 throw new Error('Review session payload missing.');
+            markReviewMutation();
             setReviewSessions((current) => [session, ...current.filter((entry) => entry.id !== session.id)]);
-            setSelectedReviewSessionId(session.id);
+            selectReviewSession(session.id);
             return session;
         }
         catch (error) {
@@ -647,38 +958,143 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setReviewBusy(false);
         }
-    }, [apiBaseUrl, doc.assetId, reviewBusy, reviewSessions.length]);
+    }, [apiBaseUrl, doc.assetId, markReviewMutation, reviewBusy, reviewSessions.length, selectReviewSession]);
+    const documentIdentity = doc.assetId;
+    const documentRevision = `${doc.updatedAt || ''}:${doc.version || ''}`;
     useEffect(() => {
-        fetchContent();
-        void fetchReviewSessions();
+        contentRequestSequenceRef.current += 1;
+        reviewRequestSequenceRef.current += 1;
+        contentRef.current = null;
+        setContent(null);
         // Reset edit mode when doc changes
         setEditMode(false);
+        setRevisionConflict(false);
+        adoptedDocumentRevisionRef.current = null;
+        pendingDocumentRevisionRef.current = null;
         setSaveStatus({ type: 'idle' });
         setRenaming(false);
-        const nextReadableName = getReadableDocumentName(doc);
-        setCurrentDocumentName(nextReadableName);
-        setRenameValue(nextReadableName);
         setCopied(false);
         setCopiedReference(false);
-        setReviewDraft('');
-        setPendingReviewAnchor(null);
+        setCurrentDocumentVersion(null);
+        setReviewComposerDrafts({});
+        setSavedRenderedText(null);
+        setHasNewReviewComments(false);
         setEditingReviewTitle(false);
         setReviewTitleDraft('');
         setEditingCommentId(null);
         setEditingCommentDraft('');
-    }, [doc, fetchContent, fetchReviewSessions]);
+        setReplyingToCommentId(null);
+        setReplyDraft('');
+        reviewReplyReturnFocusIdRef.current = null;
+    }, [documentIdentity]);
     useEffect(() => {
-        if (!activeReviewSession)
+        const targetVersion = typeof doc.version === 'number' && Number.isFinite(doc.version)
+            ? Math.max(1, Math.floor(doc.version))
+            : null;
+        if (editModeRef.current
+            && contentRef.current !== null
+            && adoptedDocumentRevisionRef.current !== documentRevision) {
+            contentRequestSequenceRef.current += 1;
+            pendingDocumentRevisionRef.current = { revision: documentRevision, version: targetVersion };
+            setRevisionConflict(true);
+            setSaveStatus({ type: 'error', message: DOCUMENT_REVISION_CONFLICT_ERROR });
             return;
-        const endNode = reviewThreadEndRef.current;
-        if (typeof endNode?.scrollIntoView === 'function') {
-            endNode.scrollIntoView({ block: 'end' });
         }
-    }, [activeReviewSession?.comments.length, activeReviewSession?.id]);
+        pendingDocumentRevisionRef.current = { revision: documentRevision, version: targetVersion };
+        void fetchContent(targetVersion, documentRevision);
+    }, [documentIdentity, documentRevision, fetchContent]);
+    useEffect(() => {
+        void fetchReviewSessions();
+        // Review sessions are tied to the document, not each content revision.
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [documentIdentity]);
+    useEffect(() => {
+        if (editMode || !revisionConflict)
+            return;
+        const pendingRevision = pendingDocumentRevisionRef.current;
+        if (!pendingRevision)
+            return;
+        setRevisionConflict(false);
+        void fetchContent(pendingRevision.version, pendingRevision.revision);
+    }, [editMode, fetchContent, revisionConflict]);
+    useEffect(() => {
+        setCurrentDocumentName(fallbackReadableName);
+        setRenameValue(fallbackReadableName);
+    }, [fallbackReadableName]);
+    useEffect(() => {
+        if (editMode || !markdownContainerRef.current)
+            return;
+        const hasQuoteAnchors = reviewSessions.some((session) => session.comments.some((comment) => comment.anchor?.kind === 'quote'));
+        if (!hasQuoteAnchors)
+            return;
+        setSavedRenderedText(markdownContainerRef.current.textContent || '');
+    }, [content, editMode, reviewSessions]);
+    useEffect(() => {
+        if (!activeReviewSession || !reviewPendingAutoScrollRef.current)
+            return;
+        reviewPendingAutoScrollRef.current = false;
+        scrollReviewToLatest('auto');
+    }, [activeReviewCommentIdSignature, activeReviewSession?.id, scrollReviewToLatest]);
     useEffect(() => {
         setReviewTitleDraft(activeReviewSession?.title?.trim() || '');
         setEditingReviewTitle(false);
     }, [activeReviewSession?.id, activeReviewSession?.title]);
+    useEffect(() => {
+        setReplyingToCommentId(null);
+        setReplyDraft('');
+        reviewReplyReturnFocusIdRef.current = null;
+    }, [activeReviewSession?.id]);
+    useEffect(() => {
+        if (!replyingToCommentId)
+            return;
+        reviewReplyInputRef.current?.focus();
+    }, [replyingToCommentId]);
+    useEffect(() => {
+        onScrollTopChangeRef.current = onScrollTopChange;
+    }, [onScrollTopChange]);
+    const flushScrollTopChange = useCallback(() => {
+        if (scrollReportTimeoutRef.current !== null) {
+            window.clearTimeout(scrollReportTimeoutRef.current);
+            scrollReportTimeoutRef.current = null;
+        }
+        const scrollTop = pendingScrollTopRef.current;
+        pendingScrollTopRef.current = null;
+        if (scrollTop !== null) {
+            onScrollTopChangeRef.current?.(scrollTop);
+        }
+    }, []);
+    const reportScrollTopChange = useCallback((scrollTop) => {
+        pendingScrollTopRef.current = Math.max(0, Math.round(scrollTop));
+        if (scrollReportTimeoutRef.current !== null)
+            return;
+        scrollReportTimeoutRef.current = window.setTimeout(flushScrollTopChange, 200);
+    }, [flushScrollTopChange]);
+    useEffect(() => {
+        return () => {
+            const currentScrollTop = viewerScrollRef.current?.scrollTop;
+            if (typeof currentScrollTop === 'number') {
+                pendingScrollTopRef.current = Math.max(0, Math.round(currentScrollTop));
+            }
+            flushScrollTopChange();
+        };
+    }, [doc.assetId, flushScrollTopChange]);
+    useEffect(() => {
+        if (editMode || loadingContent || loadError || content === null)
+            return;
+        const scrollNode = viewerScrollRef.current;
+        if (!scrollNode)
+            return;
+        if (restoredScrollDocIdRef.current === doc.assetId)
+            return;
+        restoredScrollDocIdRef.current = doc.assetId;
+        const desiredScrollTop = Math.max(0, Math.round(initialScrollTop || 0));
+        window.requestAnimationFrame(() => {
+            window.requestAnimationFrame(() => {
+                const maxScrollTop = Math.max(0, scrollNode.scrollHeight - scrollNode.clientHeight);
+                scrollNode.scrollTop = Math.min(desiredScrollTop, maxScrollTop);
+            });
+        });
+    }, [content, doc.assetId, editMode, initialScrollTop, loadError, loadingContent]);
     useEffect(() => {
         if (!renaming)
             return;
@@ -688,7 +1104,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         }, 0);
     }, [renaming]);
     useEffect(() => {
-        if (!doc.assetId || editMode)
+        if (!doc.assetId)
             return;
         const refreshIfVisible = () => {
             if (document.visibilityState !== 'visible')
@@ -703,7 +1119,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             window.removeEventListener('focus', refreshIfVisible);
             document.removeEventListener('visibilitychange', refreshIfVisible);
         };
-    }, [doc.assetId, editMode, fetchReviewSessions]);
+    }, [doc.assetId, fetchReviewSessions]);
     // Ctrl+S / Cmd+S to save while editing
     useEffect(() => {
         if (!editMode)
@@ -757,6 +1173,13 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
     const handleEnterEdit = () => {
         if (!isEditable)
             return;
+        if (pendingDocumentRevisionRef.current) {
+            setSaveStatus({ type: 'error', message: DOCUMENT_REFRESH_ERROR });
+            return;
+        }
+        if (markdownContainerRef.current) {
+            setSavedRenderedText(markdownContainerRef.current.textContent || '');
+        }
         setDraft(content ?? '');
         setSaveStatus({ type: 'idle' });
         setEditMode(true);
@@ -775,11 +1198,15 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
     const handleSave = useCallback(async () => {
         if (!isEditable)
             return;
+        if (revisionConflict) {
+            setSaveStatus({ type: 'error', message: DOCUMENT_REVISION_CONFLICT_ERROR });
+            return;
+        }
         if (saveStatus.type === 'saving')
             return;
         setSaveStatus({ type: 'saving' });
         try {
-            const res = await fetchTaskforceApi('/api/taskforce/documents/save', {
+            const res = await fetchTaskforceApi(withWorkspaceQuery('/api/taskforce/documents/save', workspaceId), {
                 method: 'POST',
                 credentials: 'include',
                 headers: { 'Content-Type': 'application/json' },
@@ -789,7 +1216,11 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             if (!res.ok)
                 throw new Error(data.error || `Save failed (${res.status})`);
             const updatedAt = data.updatedAt || new Date().toISOString();
+            const savedVersion = typeof data.version === 'number' && Number.isFinite(data.version)
+                ? Math.max(1, Math.floor(data.version))
+                : null;
             setContent(draft);
+            setCurrentDocumentVersion(savedVersion);
             setSaveStatus({ type: 'saved', savedAt: updatedAt });
             onSaved?.(updatedAt);
             // Return to view mode
@@ -798,7 +1229,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         catch (e) {
             setSaveStatus({ type: 'error', message: e?.message || 'Save failed' });
         }
-    }, [apiBaseUrl, doc.fsPath, draft, saveStatus.type, onSaved, isEditable]);
+    }, [apiBaseUrl, doc.fsPath, draft, saveStatus.type, onSaved, isEditable, revisionConflict, workspaceId]);
     const handlePrint = useCallback(() => {
         const printSource = editMode ? draft : (content ?? '');
         if (!printSource.trim())
@@ -895,11 +1326,11 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             setRenaming(false);
             return;
         }
-        const res = await fetchTaskforceApi(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}`, {
+        const res = await fetchTaskforceApi(withWorkspaceQuery(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}`, workspaceId), {
             method: 'PATCH',
             credentials: 'include',
             headers: { 'Content-Type': 'application/json' },
-            body: JSON.stringify({ displayName: nextName })
+            body: JSON.stringify({ title: nextName })
         }, apiBaseUrl);
         const data = await res.json().catch(() => ({}));
         if (!res.ok) {
@@ -910,7 +1341,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         setRenameValue(nextName);
         setRenaming(false);
         onSaved?.(data.updatedAt || new Date().toISOString());
-    }, [apiBaseUrl, doc.assetId, onSaved, readableName, renameValue]);
+    }, [apiBaseUrl, doc.assetId, onSaved, readableName, renameValue, workspaceId]);
     const handleRenameKeyDown = useCallback((event) => {
         if (event.key === 'Enter') {
             event.preventDefault();
@@ -935,7 +1366,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             return;
         setDeleting(true);
         try {
-            const res = await fetchTaskforceApi(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}`, {
+            const res = await fetchTaskforceApi(withWorkspaceQuery(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}`, workspaceId), {
                 method: 'DELETE',
                 credentials: 'include',
                 headers: { 'Content-Type': 'application/json' },
@@ -952,7 +1383,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setDeleting(false);
         }
-    }, [apiBaseUrl, attachmentState, deleting, doc.assetId, doc.attachmentCount, onDeleted, readableName]);
+    }, [apiBaseUrl, attachmentState, deleting, doc.assetId, doc.attachmentCount, onDeleted, readableName, workspaceId]);
     const handleOpenAttachModal = useCallback(() => {
         setAttachSearch('');
         setAttachError(null);
@@ -965,7 +1396,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         setAttachError(null);
         setAttachingTaskId(taskId);
         try {
-            const res = await fetchTaskforceApi(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}/attach`, {
+            const res = await fetchTaskforceApi(withWorkspaceQuery(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}/attach`, workspaceId), {
                 method: 'POST',
                 credentials: 'include',
                 headers: { 'Content-Type': 'application/json' },
@@ -990,7 +1421,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setAttachingTaskId(null);
         }
-    }, [apiBaseUrl, doc.assetId, onSaved]);
+    }, [apiBaseUrl, doc.assetId, onSaved, workspaceId]);
     const handleToggleReviewStatus = useCallback(async () => {
         if (!activeReviewSession || reviewBusy)
             return;
@@ -1010,6 +1441,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             const updatedSession = (data.session || null);
             if (!updatedSession)
                 throw new Error('Review session payload missing.');
+            markReviewMutation();
             setReviewSessions((current) => current.map((session) => session.id === updatedSession.id ? updatedSession : session));
         }
         catch (error) {
@@ -1018,7 +1450,15 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setReviewBusy(false);
         }
-    }, [activeReviewSession, apiBaseUrl, reviewBusy]);
+    }, [activeReviewSession, apiBaseUrl, markReviewMutation, reviewBusy]);
+    const restoreReviewRenameFocus = useCallback(() => {
+        window.setTimeout(() => reviewRenameButtonRef.current?.focus(), 0);
+    }, []);
+    const cancelReviewTitleEdit = useCallback(() => {
+        setReviewTitleDraft(activeReviewSession?.title || '');
+        setEditingReviewTitle(false);
+        restoreReviewRenameFocus();
+    }, [activeReviewSession, restoreReviewRenameFocus]);
     const handleSaveReviewTitle = useCallback(async () => {
         if (!activeReviewSession || reviewBusy)
             return;
@@ -1038,8 +1478,10 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             const updatedSession = (data.session || null);
             if (!updatedSession)
                 throw new Error('Review session payload missing.');
+            markReviewMutation();
             setReviewSessions((current) => current.map((session) => session.id === updatedSession.id ? updatedSession : session));
             setEditingReviewTitle(false);
+            restoreReviewRenameFocus();
         }
         catch (error) {
             setReviewError(error?.message || 'Failed to update review');
@@ -1047,7 +1489,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setReviewBusy(false);
         }
-    }, [activeReviewSession, apiBaseUrl, reviewBusy, reviewTitleDraft]);
+    }, [activeReviewSession, apiBaseUrl, markReviewMutation, restoreReviewRenameFocus, reviewBusy, reviewTitleDraft]);
     const previewContent = editMode ? draft : (content ?? '');
     const handleCaptureReviewAnchor = useCallback(() => {
         if (editMode || !showReviewSidebar)
@@ -1069,7 +1511,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         if (!anchor)
             return;
         setPendingReviewAnchor(anchor);
-    }, [editMode, showReviewSidebar]);
+    }, [editMode, setPendingReviewAnchor, showReviewSidebar]);
     const handleToggleReviewSidebar = useCallback(() => {
         setShowReviewSidebar((current) => {
             const nextValue = !current;
@@ -1078,7 +1520,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             }
             return nextValue;
         });
-    }, []);
+    }, [setPendingReviewAnchor]);
     const handleAddReviewComment = useCallback(async () => {
         const body = reviewDraft.trim();
         if (!body || reviewBusy)
@@ -1107,13 +1549,20 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             const updatedSession = (data.session || null);
             if (!updatedSession)
                 throw new Error('Review session payload missing.');
+            markReviewMutation();
+            reviewPendingAutoScrollRef.current = true;
+            setHasNewReviewComments(false);
             setReviewSessions((current) => {
                 const rest = current.filter((entry) => entry.id !== updatedSession.id);
                 return [updatedSession, ...rest];
             });
-            setSelectedReviewSessionId(updatedSession.id);
-            setReviewDraft('');
-            setPendingReviewAnchor(null);
+            selectReviewSession(updatedSession.id);
+            setReviewComposerDrafts((current) => {
+                const next = { ...current };
+                delete next[reviewDraftKey];
+                delete next[updatedSession.id];
+                return next;
+            });
         }
         catch (error) {
             setReviewError(error?.message || 'Failed to add comment');
@@ -1121,7 +1570,17 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setReviewBusy(false);
         }
-    }, [activeReviewSession, apiBaseUrl, createReviewSession, pendingReviewAnchor, reviewBusy, reviewDraft]);
+    }, [
+        activeReviewSession,
+        apiBaseUrl,
+        createReviewSession,
+        pendingReviewAnchor,
+        reviewBusy,
+        reviewDraft,
+        reviewDraftKey,
+        markReviewMutation,
+        selectReviewSession,
+    ]);
     const handleStartEditingComment = useCallback((commentId, body) => {
         setEditingCommentId(commentId);
         setEditingCommentDraft(body);
@@ -1147,6 +1606,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             const updatedSession = (data.session || null);
             if (!updatedSession)
                 throw new Error('Review session payload missing.');
+            markReviewMutation();
             setReviewSessions((current) => current.map((session) => session.id === updatedSession.id ? updatedSession : session));
             setEditingCommentId(null);
             setEditingCommentDraft('');
@@ -1157,16 +1617,24 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setReviewBusy(false);
         }
-    }, [activeReviewSession, apiBaseUrl, editingCommentDraft, editingCommentId, reviewBusy]);
+    }, [activeReviewSession, apiBaseUrl, editingCommentDraft, editingCommentId, markReviewMutation, reviewBusy]);
     const handleDeleteReviewComment = useCallback(async (commentId) => {
         if (!activeReviewSession || reviewBusy)
             return;
-        if (!window.confirm('Delete this review comment?'))
+        const target = activeReviewSession.comments.find((comment) => comment.id === commentId) || null;
+        const replyCount = target?.parentCommentId
+            ? 0
+            : activeReviewSession.comments.filter((comment) => comment.parentCommentId === commentId).length;
+        const shouldCascade = replyCount > 0;
+        const confirmation = shouldCascade
+            ? `Delete this thread and its ${replyCount} ${replyCount === 1 ? 'reply' : 'replies'}? This cannot be undone.`
+            : 'Delete this review comment?';
+        if (!window.confirm(confirmation))
             return;
         setReviewBusy(true);
         setReviewError(null);
         try {
-            const res = await fetchTaskforceApi(`/api/taskforce/document-reviews/sessions/${encodeURIComponent(activeReviewSession.id)}/comments/${encodeURIComponent(commentId)}`, {
+            const res = await fetchTaskforceApi(`/api/taskforce/document-reviews/sessions/${encodeURIComponent(activeReviewSession.id)}/comments/${encodeURIComponent(commentId)}${shouldCascade ? '?cascade=true' : ''}`, {
                 method: 'DELETE',
                 credentials: 'include',
             }, apiBaseUrl);
@@ -1176,6 +1644,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             const updatedSession = (data.session || null);
             if (!updatedSession)
                 throw new Error('Review session payload missing.');
+            markReviewMutation();
             setReviewSessions((current) => current.map((session) => session.id === updatedSession.id ? updatedSession : session));
             if (editingCommentId === commentId) {
                 setEditingCommentId(null);
@@ -1188,13 +1657,124 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         finally {
             setReviewBusy(false);
         }
-    }, [activeReviewSession, apiBaseUrl, editingCommentId, reviewBusy]);
+    }, [activeReviewSession, apiBaseUrl, editingCommentId, markReviewMutation, reviewBusy]);
+    const handleAddReviewReply = useCallback(async (parentCommentId) => {
+        if (!activeReviewSession || reviewBusy || replyingToCommentId !== parentCommentId)
+            return;
+        const body = replyDraft.trim();
+        if (!body)
+            return;
+        setReviewBusy(true);
+        setReviewError(null);
+        try {
+            const res = await fetchTaskforceApi(`/api/taskforce/document-reviews/sessions/${encodeURIComponent(activeReviewSession.id)}/comments/${encodeURIComponent(parentCommentId)}/replies`, {
+                method: 'POST',
+                credentials: 'include',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ body }),
+            }, apiBaseUrl);
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok)
+                throw new Error(data.error || `Failed to add reply (${res.status})`);
+            const updatedSession = (data.session || null);
+            if (!updatedSession)
+                throw new Error('Review session payload missing.');
+            markReviewMutation();
+            reviewPendingAutoScrollRef.current = true;
+            setHasNewReviewComments(false);
+            setReviewSessions((current) => current.map((session) => session.id === updatedSession.id ? updatedSession : session));
+            closeReviewReplyComposer();
+        }
+        catch (error) {
+            setReviewError(error?.message || 'Failed to add reply');
+        }
+        finally {
+            setReviewBusy(false);
+        }
+    }, [activeReviewSession, apiBaseUrl, closeReviewReplyComposer, markReviewMutation, replyingToCommentId, replyDraft, reviewBusy]);
+    const handleUpdateThreadStatus = useCallback(async (commentId, status) => {
+        if (!activeReviewSession || reviewBusy)
+            return;
+        setReviewBusy(true);
+        setReviewError(null);
+        try {
+            const res = await fetchTaskforceApi(`/api/taskforce/document-reviews/sessions/${encodeURIComponent(activeReviewSession.id)}/comments/${encodeURIComponent(commentId)}/thread-status`, {
+                method: 'PATCH',
+                credentials: 'include',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ status }),
+            }, apiBaseUrl);
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok)
+                throw new Error(data.error || `Failed to update thread (${res.status})`);
+            const updatedSession = (data.session || null);
+            if (!updatedSession)
+                throw new Error('Review session payload missing.');
+            markReviewMutation();
+            setReviewSessions((current) => current.map((session) => session.id === updatedSession.id ? updatedSession : session));
+            setReplyingToCommentId(null);
+            setReplyDraft('');
+        }
+        catch (error) {
+            setReviewError(error?.message || 'Failed to update thread');
+        }
+        finally {
+            setReviewBusy(false);
+        }
+    }, [activeReviewSession, apiBaseUrl, markReviewMutation, reviewBusy]);
+    const renderReviewComment = (comment, isReply = false) => {
+        const isAi = comment.authorActor?.kind === 'ai';
+        const anchorLabel = formatReviewAnchor(comment.anchor);
+        const anchorHealth = getReviewAnchorHealth(comment.anchor, content, savedRenderedText);
+        const ActorIcon = isAi ? Bot : User;
+        const isEditingComment = editingCommentId === comment.id;
+        const canEditComment = comment.permissions?.canEdit === true;
+        const canDeleteComment = comment.permissions?.canDelete === true;
+        const canReply = comment.permissions?.canReply === true;
+        const canResolve = comment.permissions?.canResolve === true;
+        const canReopen = comment.permissions?.canReopen === true;
+        const createdAtMs = Date.parse(comment.createdAt);
+        const updatedAtMs = Date.parse(comment.updatedAt);
+        const isEdited = Number.isFinite(createdAtMs)
+            && Number.isFinite(updatedAtMs)
+            && updatedAtMs > createdAtMs;
+        return (_jsxs("article", { "data-review-comment-id": comment.id, "data-conversation-role": isAi ? 'assistant' : 'user', style: comment.authorActor?.color
+                ? { '--review-accent': comment.authorActor.color }
+                : undefined, className: `${viewerStyles.reviewComment} ${isReply ? viewerStyles.reviewReply : ''}`, children: [_jsxs("div", { className: viewerStyles.reviewCommentHeader, children: [_jsx("span", { className: viewerStyles.reviewCommentAvatar, style: comment.authorActor?.color ? { color: comment.authorActor.color } : undefined, "aria-hidden": "true", children: _jsx(ActorIcon, { size: 13, strokeWidth: 1.7 }) }), _jsx("span", { className: viewerStyles.reviewCommentAuthor, children: getReviewActorLabel(comment) }), _jsxs("time", { className: viewerStyles.reviewCommentTime, dateTime: comment.updatedAt, title: isEdited
+                                ? `Edited ${formatDate(comment.updatedAt)}; originally posted ${formatDate(comment.createdAt)}`
+                                : formatDate(comment.createdAt), children: [isEdited ? 'Edited · ' : '', formatReviewTimestamp(comment.updatedAt)] }), ((!isReply && comment.threadStatus === 'resolved')
+                            || canEditComment || canDeleteComment || isEditingComment) && (_jsxs("span", { className: viewerStyles.reviewCommentHeaderControls, children: [!isReply && comment.threadStatus === 'resolved' && (_jsx("span", { className: "tf-chip-success", children: "Resolved" })), (canEditComment || canDeleteComment || isEditingComment) && (_jsxs("span", { className: viewerStyles.reviewCommentActions, children: [!isEditingComment && canEditComment && (_jsx("button", { type: "button", className: `tf-control-icon ${viewerStyles.reviewCommentAction}`, onClick: () => handleStartEditingComment(comment.id, comment.body), disabled: reviewBusy, "aria-label": "Edit comment", title: "Edit comment", children: _jsx(Pencil, { size: 13 }) })), isEditingComment && (_jsx("button", { type: "button", className: "tf-button-ghost tf-button-compact", onClick: () => {
+                                                setEditingCommentId(null);
+                                                setEditingCommentDraft('');
+                                            }, disabled: reviewBusy, children: "Cancel" })), canDeleteComment && (_jsx("button", { type: "button", className: `tf-control-icon ${viewerStyles.reviewCommentAction} ${viewerStyles.reviewCommentDeleteAction}`, onClick: () => { void handleDeleteReviewComment(comment.id); }, disabled: reviewBusy, "aria-label": "Delete comment", title: "Delete comment", children: _jsx(Trash2, { size: 13 }) }))] }))] }))] }), anchorLabel && (_jsxs("span", { className: viewerStyles.reviewAnchorRow, children: [_jsx("span", { className: viewerStyles.reviewAnchorLabel, title: comment.anchor?.kind === 'quote' ? comment.anchor.quote : undefined, children: anchorLabel }), anchorHealth !== 'valid' && (_jsx("span", { className: anchorHealth === 'moved'
+                                ? viewerStyles.reviewAnchorMoved
+                                : anchorHealth === 'unresolved'
+                                    ? viewerStyles.reviewAnchorUnresolved
+                                    : viewerStyles.reviewAnchorUnknown, title: anchorHealth === 'moved'
+                                ? 'The quoted text still exists, but its saved location or context changed.'
+                                : anchorHealth === 'unresolved'
+                                    ? 'This anchor no longer resolves in the saved document.'
+                                    : 'There is not enough saved context to verify this anchor.', children: anchorHealth === 'moved'
+                                ? 'Moved'
+                                : anchorHealth === 'unresolved'
+                                    ? 'Unresolved'
+                                    : 'Unknown' }))] })), _jsx("div", { className: viewerStyles.reviewCommentBody, children: isEditingComment ? (_jsxs("div", { className: viewerStyles.reviewCommentEditor, children: [_jsx("textarea", { className: `tf-field-shell ${viewerStyles.reviewCommentEditInput}`, value: editingCommentDraft, onChange: (event) => setEditingCommentDraft(event.target.value), disabled: reviewBusy, "aria-label": "Edit comment text" }), _jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: () => { void handleSaveEditedComment(); }, disabled: reviewBusy || !editingCommentDraft.trim(), children: "Save comment" })] })) : (_jsx(Markdown, { variant: "conversation", taskReferences: taskReferences, children: comment.body })) }), !isReply && (_jsxs("div", { className: viewerStyles.reviewThreadActions, children: [canReply && (_jsxs("button", { ref: (element) => {
+                                if (element)
+                                    reviewReplyTriggerRefs.current.set(comment.id, element);
+                                else
+                                    reviewReplyTriggerRefs.current.delete(comment.id);
+                            }, type: "button", className: "tf-button-ghost tf-button-compact", onClick: () => {
+                                reviewReplyReturnFocusIdRef.current = comment.id;
+                                setReplyingToCommentId(comment.id);
+                                setReplyDraft('');
+                            }, disabled: reviewBusy, children: [_jsx(Reply, { size: 13 }), "Reply"] })), canResolve && (_jsxs("button", { type: "button", className: "tf-button-ghost tf-button-compact", onClick: () => { void handleUpdateThreadStatus(comment.id, 'resolved'); }, disabled: reviewBusy, children: [_jsx(CheckCircle, { size: 13 }), "Resolve"] })), canReopen && (_jsxs("button", { type: "button", className: "tf-button-ghost tf-button-compact", onClick: () => { void handleUpdateThreadStatus(comment.id, 'open'); }, disabled: reviewBusy, children: [_jsx(RotateCcw, { size: 13 }), "Reopen"] }))] }))] }, comment.id));
+    };
     const persistContent = useCallback(async (nextContent) => {
         if (!isEditable)
             return false;
         setSaveStatus({ type: 'saving' });
         try {
-            const res = await fetchTaskforceApi('/api/taskforce/documents/save', {
+            const res = await fetchTaskforceApi(withWorkspaceQuery('/api/taskforce/documents/save', workspaceId), {
                 method: 'POST',
                 credentials: 'include',
                 headers: { 'Content-Type': 'application/json' },
@@ -1214,7 +1794,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
             setSaveStatus({ type: 'error', message: e?.message || 'Save failed' });
             return false;
         }
-    }, [apiBaseUrl, doc.fsPath, onSaved, isEditable]);
+    }, [apiBaseUrl, doc.fsPath, onSaved, isEditable, workspaceId]);
     const handleToggleTaskCheckbox = useCallback((checkboxIndex, nextChecked) => {
         const currentSource = editMode ? draft : (content ?? '');
         const nextSource = toggleNthTaskCheckbox(currentSource, checkboxIndex, nextChecked);
@@ -1252,7 +1832,7 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         });
     };
     const markdownComponents = {
-        input({ type, checked, ...props }) {
+        input({ type, checked, node: _node, ...props }) {
             if (type !== 'checkbox')
                 return _jsx("input", { type: type, checked: checked, ...props });
             checkboxRenderIndex += 1;
@@ -1261,15 +1841,15 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
         },
         ul({ children, node, ...props }) {
             const taskList = nodeHasTaskItems(node);
-            return (_jsx("ul", { ...props, style: taskList ? { paddingLeft: '1.25em' } : undefined, "data-task-list": taskList ? 'true' : undefined, children: children }));
+            return (_jsx("ul", { ...props, "data-task-list": taskList ? 'true' : undefined, children: children }));
         },
         ol({ children, node, ...props }) {
             const taskList = nodeHasTaskItems(node);
-            return (_jsx("ol", { ...props, style: taskList ? { paddingLeft: '1.25em' } : undefined, "data-task-list": taskList ? 'true' : undefined, children: children }));
+            return (_jsx("ol", { ...props, "data-task-list": taskList ? 'true' : undefined, children: children }));
         },
         li({ children, node, ...props }) {
             const taskItem = typeof node?.checked === 'boolean' || nodeHasCheckboxInput(node);
-            return (_jsx("li", { ...props, style: taskItem ? { listStyleType: 'none', listStyle: 'none', marginLeft: 0 } : undefined, "data-task-item": taskItem ? 'true' : undefined, children: children }));
+            return (_jsx("li", { ...props, "data-task-item": taskItem ? 'true' : undefined, children: children }));
         }
     };
     return (_jsxs("div", { className: `${viewerStyles.viewer} ${editMode ? viewerStyles.viewerEditMode : ''} ${monochromeMode ? viewerStyles.viewerMonochrome : ''}`, children: [_jsxs("div", { className: viewerStyles.meta, children: [_jsxs("div", { className: viewerStyles.metaLeft, children: [_jsxs("span", { className: `${viewerStyles.typeBadge} ${DOC_TYPE_BADGE_CLASS[doc.docType] ?? ''}`, children: [_jsx(Tag, { size: 10 }), DOC_TYPE_LABELS[doc.docType]] }), renaming ? (_jsx("div", { className: viewerStyles.metaRenameRow, children: _jsx("input", { ref: renameInputRef, type: "text", className: styles.input, value: renameValue, onChange: (e) => setRenameValue(e.target.value), onBlur: () => { void handleRename(); }, onKeyDown: handleRenameKeyDown }) })) : (_jsx("span", { className: viewerStyles.metaDocumentName, title: readableName, onDoubleClick: () => {
@@ -1277,34 +1857,75 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
                                         return;
                                     setRenameValue(readableName);
                                     setRenaming(true);
-                                }, children: readableName })), taskTitle && (_jsx("span", { className: viewerStyles.metaTaskName, title: `From task: ${taskTitle}`, children: taskTitle })), attachmentState === 'unattached' && (_jsx("span", { className: viewerStyles.statusBadge, children: "Unattached" })), doc.updatedAt && (_jsxs("span", { className: viewerStyles.metaDate, title: formatDate(doc.updatedAt), children: [_jsx(Clock, { size: 11 }), formatDate(doc.updatedAt)] })), _jsxs("span", { className: viewerStyles.metaSize, children: [_jsx(HardDrive, { size: 11 }), formatBytes(doc.sizeBytes)] }), documentReferenceLabel && (_jsx(ReferenceBadgeButton, { label: documentReferenceLabel, copied: copiedReference, onClick: () => { void handleCopyReference(); }, title: "Copy document reference" })), saveStatus.type === 'saved' && (_jsxs("span", { className: `${viewerStyles.saveStatus} ${viewerStyles.saveStatusSaved}`, children: [_jsx(CheckCircle, { size: 11 }), "Saved"] })), saveStatus.type === 'error' && (_jsxs("span", { className: `${viewerStyles.saveStatus} ${viewerStyles.saveStatusError}`, title: saveStatus.message, children: [_jsx(AlertCircle, { size: 11 }), saveStatus.message || 'Save failed'] })), isDirty && saveStatus.type !== 'saving' && (_jsx("span", { className: viewerStyles.unsaved, children: "Unsaved changes" }))] }), _jsx("div", { className: viewerStyles.actions, children: editMode ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: viewerStyles.layoutToggle, children: [_jsx("button", { className: `${viewerStyles.layoutBtn} ${layout === 'editor' ? viewerStyles.layoutBtnActive : ''}`, onClick: () => setLayout('editor'), title: "Editor only", children: _jsx(Pencil, { size: 12 }) }), _jsx("button", { className: `${viewerStyles.layoutBtn} ${layout === 'split' ? viewerStyles.layoutBtnActive : ''}`, onClick: () => setLayout('split'), title: "Split view", children: _jsx(SplitSquareHorizontal, { size: 12 }) }), _jsx("button", { className: `${viewerStyles.layoutBtn} ${layout === 'preview' ? viewerStyles.layoutBtnActive : ''}`, onClick: () => setLayout('preview'), title: "Preview only", children: _jsx(Eye, { size: 12 }) })] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handleCancelEdit, title: "Discard changes", children: [_jsx(X, { size: 13 }), "Cancel"] }), _jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.saveBtn}`, onClick: handleSave, disabled: saveStatus.type === 'saving' || !isDirty, title: "Save (Ctrl+S)", children: [_jsx(Save, { size: 13 }), saveStatus.type === 'saving' ? 'Saving…' : 'Save'] })] })) : (_jsxs(_Fragment, { children: [doc.taskId && onBackToTask && (_jsxs("button", { className: viewerStyles.actionBtn, onClick: () => onBackToTask(doc.taskId), title: "Back to task", "aria-label": "Back to task", children: [_jsx(ArrowLeft, { size: 13 }), "Back to task"] })), doc.assetId && (_jsxs("button", { className: viewerStyles.actionBtn, onClick: () => setRenaming((prev) => !prev), title: "Rename document", children: [_jsx(Pencil, { size: 13 }), renaming ? 'Close Rename' : 'Rename'] })), isEditable && (_jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.editBtn}`, onClick: handleEnterEdit, title: "Edit document", children: [_jsx(Pencil, { size: 13 }), "Edit"] })), doc.assetId && (_jsxs("button", { className: viewerStyles.actionBtn, onClick: handleOpenAttachModal, title: "Attach document to a task", children: [_jsx(Link, { size: 13 }), "Attach"] })), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handleToggleReviewSidebar, title: showReviewSidebar ? 'Hide review and comments' : 'Show review and comments', children: [_jsx(MessageSquareText, { size: 13 }), showReviewSidebar ? 'Hide Review' : 'Show Review'] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handleCopyLink, title: "Copy link", children: [_jsx(Link, { size: 13 }), copied ? 'Copied!' : 'Copy link'] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handleDownload, title: "Download .md", children: [_jsx(Download, { size: 13 }), "Download"] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handlePrint, title: "Print", children: [_jsx(Printer, { size: 13 }), "Print"] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: () => setMonochromeMode((prev) => !prev), title: "Toggle black and white style", children: [_jsx(Eye, { size: 13 }), monochromeMode ? 'Color' : 'B/W'] }), enableTaskGeneration && doc.docType === 'implementation-plan' && !editMode && (_jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.generateBtn}`, onClick: () => setShowGenModal(true), title: "Generate tasks from this plan", children: [_jsx(Zap, { size: 13 }), "Generate Tasks"] })), canDelete && (_jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.dangerBtn}`, onClick: () => { void handleDelete(); }, disabled: deleting, title: attachmentState === 'attached'
+                                }, children: readableName })), taskTitle && (_jsx("span", { className: viewerStyles.metaTaskName, title: `From task: ${taskTitle}`, children: taskTitle })), attachmentState === 'unattached' && (_jsx("span", { className: viewerStyles.statusBadge, children: "Unattached" })), doc.updatedAt && (_jsxs("span", { className: viewerStyles.metaDate, title: formatDate(doc.updatedAt), children: [_jsx(Clock, { size: 11 }), formatDate(doc.updatedAt)] })), _jsxs("span", { className: viewerStyles.metaSize, children: [_jsx(HardDrive, { size: 11 }), formatBytes(doc.sizeBytes)] }), documentReferenceLabel && (_jsx(ReferenceBadgeButton, { label: documentReferenceLabel, copied: copiedReference, onClick: () => { void handleCopyReference(); }, title: readableName })), saveStatus.type === 'saved' && (_jsxs("span", { className: `${viewerStyles.saveStatus} ${viewerStyles.saveStatusSaved}`, children: [_jsx(CheckCircle, { size: 11 }), "Saved"] })), saveStatus.type === 'error' && (_jsxs("span", { className: `${viewerStyles.saveStatus} ${viewerStyles.saveStatusError}`, title: saveStatus.message, children: [_jsx(AlertCircle, { size: 11 }), saveStatus.message || 'Save failed'] })), isDirty && saveStatus.type !== 'saving' && (_jsx("span", { className: viewerStyles.unsaved, children: "Unsaved changes" }))] }), _jsx("div", { className: viewerStyles.actions, children: editMode ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: viewerStyles.layoutToggle, children: [_jsx("button", { className: `${viewerStyles.layoutBtn} ${layout === 'editor' ? viewerStyles.layoutBtnActive : ''}`, onClick: () => setLayout('editor'), title: "Editor only", children: _jsx(Pencil, { size: 12 }) }), _jsx("button", { className: `${viewerStyles.layoutBtn} ${layout === 'split' ? viewerStyles.layoutBtnActive : ''}`, onClick: () => setLayout('split'), title: "Split view", children: _jsx(SplitSquareHorizontal, { size: 12 }) }), _jsx("button", { className: `${viewerStyles.layoutBtn} ${layout === 'preview' ? viewerStyles.layoutBtnActive : ''}`, onClick: () => setLayout('preview'), title: "Preview only", children: _jsx(Eye, { size: 12 }) })] }), _jsxs("button", { ref: reviewToggleButtonRef, className: viewerStyles.actionBtn, onClick: handleToggleReviewSidebar, title: showReviewSidebar ? 'Hide review and comments' : 'Show review and comments', children: [_jsx(MessageSquareText, { size: 13 }), showReviewSidebar ? 'Hide Review' : 'Show Review'] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handleCancelEdit, title: "Discard changes", children: [_jsx(X, { size: 13 }), "Cancel"] }), _jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.saveBtn}`, onClick: handleSave, disabled: saveStatus.type === 'saving' || !isDirty || revisionConflict, title: "Save (Ctrl+S)", children: [_jsx(Save, { size: 13 }), saveStatus.type === 'saving' ? 'Saving…' : 'Save'] })] })) : (_jsxs(_Fragment, { children: [doc.taskId && onBackToTask && (_jsxs("button", { className: viewerStyles.actionBtn, onClick: () => onBackToTask(doc.taskId), title: "Back to task", "aria-label": "Back to task", children: [_jsx(ArrowLeft, { size: 13 }), "Back to task"] })), doc.assetId && (_jsxs("button", { className: viewerStyles.actionBtn, onClick: () => setRenaming((prev) => !prev), title: "Rename document", children: [_jsx(Pencil, { size: 13 }), renaming ? 'Close Rename' : 'Rename'] })), isEditable && (_jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.editBtn}`, onClick: handleEnterEdit, title: "Edit document", children: [_jsx(Pencil, { size: 13 }), "Edit"] })), doc.assetId && (_jsxs("button", { className: viewerStyles.actionBtn, onClick: handleOpenAttachModal, title: "Attach document to a task", children: [_jsx(Link, { size: 13 }), "Attach"] })), _jsxs("button", { ref: reviewToggleButtonRef, className: viewerStyles.actionBtn, onClick: handleToggleReviewSidebar, title: showReviewSidebar ? 'Hide review and comments' : 'Show review and comments', children: [_jsx(MessageSquareText, { size: 13 }), showReviewSidebar ? 'Hide Review' : 'Show Review'] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handleCopyLink, title: "Copy link", children: [_jsx(Link, { size: 13 }), copied ? 'Copied!' : 'Copy link'] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handleDownload, title: "Download .md", children: [_jsx(Download, { size: 13 }), "Download"] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: handlePrint, title: "Print document. In the print dialog, disable headers and footers for the cleanest output.", children: [_jsx(Printer, { size: 13 }), "Print"] }), _jsxs("button", { className: viewerStyles.actionBtn, onClick: () => setMonochromeMode((prev) => !prev), title: "Toggle black and white style", children: [_jsx(Eye, { size: 13 }), monochromeMode ? 'Color' : 'B/W'] }), enableTaskGeneration && doc.docType === 'implementation-plan' && !editMode && (_jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.generateBtn}`, onClick: () => setShowGenModal(true), title: "Generate tasks from this plan", children: [_jsx(Zap, { size: 13 }), "Generate Tasks"] })), canDelete && (_jsxs("button", { className: `${viewerStyles.actionBtn} ${viewerStyles.dangerBtn}`, onClick: () => { void handleDelete(); }, disabled: deleting, title: attachmentState === 'attached'
                                         ? 'Remove this document from linked tasks and delete it'
                                         : 'Permanently delete this unattached document', children: [_jsx(Trash2, { size: 13 }), deleting
                                             ? 'Deleting…'
                                             : attachmentState === 'attached'
                                                 ? 'Delete & Unlink'
-                                                : 'Delete Permanently'] }))] })) })] }), loadingContent && (_jsx("div", { className: viewerStyles.viewerState, children: "Loading\u2026" })), !loadingContent && loadError && (_jsx("div", { className: viewerStyles.viewerStateError, children: loadError })), !loadingContent && !loadError && (editMode ? (_jsxs("div", { className: `${viewerStyles.editorArea} ${EDITOR_LAYOUT_CLASS[layout]}`, children: [(layout === 'editor' || layout === 'split') && (_jsxs("div", { className: viewerStyles.editorPane, children: [_jsx("div", { className: viewerStyles.editorPaneLabel, children: "Markdown" }), _jsx("textarea", { ref: textareaRef, className: `${viewerStyles.editorTextarea} tf-scrollbar`, value: draft, onScroll: () => syncPaneScroll('editor'), onChange: e => {
-                                    setDraft(e.target.value);
-                                    setSaveStatus(prev => prev.type === 'saving' ? prev : { type: 'idle' });
-                                }, spellCheck: true, placeholder: "Write markdown here\u2026" })] })), (layout === 'preview' || layout === 'split') && (_jsxs("div", { className: viewerStyles.previewPane, children: [_jsx("div", { className: viewerStyles.editorPaneLabel, children: "Preview" }), _jsx("div", { ref: previewScrollRef, className: `${styles.docMarkdown} ${viewerStyles.markdownSurface}`, "data-testid": "doc-preview-scroll", onScroll: () => syncPaneScroll('preview'), children: _jsx(Markdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeSanitize], components: markdownComponents, children: previewContent }) })] }))] })) : (_jsxs("div", { className: `${viewerStyles.viewerBody} ${!showReviewSidebar ? viewerStyles.viewerBodyFullWidth : ''}`, children: [_jsx("div", { className: `${viewerStyles.viewerContent} ${viewerStyles.viewerMain} tf-scrollbar`, children: _jsx("div", { ref: markdownContainerRef, className: `${styles.docMarkdown} ${viewerStyles.markdownSurface}`, onMouseUp: showReviewSidebar ? handleCaptureReviewAnchor : undefined, children: _jsx(Markdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeSanitize], components: markdownComponents, children: previewContent }) }) }), showReviewSidebar && (_jsx("aside", { className: viewerStyles.reviewRail, children: _jsxs("section", { className: viewerStyles.reviewSection, "aria-label": "Review and comments", children: [_jsxs("div", { className: viewerStyles.reviewHeader, children: [_jsxs("div", { children: [_jsxs("div", { className: viewerStyles.reviewTitle, children: [_jsx(MessageSquareText, { size: 14 }), "Review & Comments"] }), _jsx("p", { className: viewerStyles.reviewSubtitle, children: "Comments stay attached to this document review session." })] }), _jsxs("div", { className: viewerStyles.reviewControls, children: [reviewSessions.length > 1 && (_jsx("select", { className: `${styles.select} ${viewerStyles.reviewSelect}`, value: activeReviewSession?.id || '', onChange: (event) => setSelectedReviewSessionId(event.target.value || null), "aria-label": "Select review session", children: reviewSessions.map((session) => (_jsx("option", { value: session.id, children: session.title?.trim() || 'Untitled review' }, session.id))) })), _jsxs("button", { type: "button", className: viewerStyles.actionBtn, onClick: () => { void createReviewSession(); }, disabled: reviewBusy || !doc.assetId, children: [_jsx(MessageSquareText, { size: 13 }), "Start Review"] }), activeReviewSession && (_jsxs("button", { type: "button", className: viewerStyles.actionBtn, onClick: () => { void handleToggleReviewStatus(); }, disabled: reviewBusy, children: [activeReviewSession.status === 'resolved' ? _jsx(RotateCcw, { size: 13 }) : _jsx(CheckCheck, { size: 13 }), activeReviewSession.status === 'resolved' ? 'Reopen' : 'Resolve'] }))] })] }), activeReviewSession && (_jsxs("div", { className: viewerStyles.reviewSessionMeta, children: [_jsx("span", { className: `${viewerStyles.statusBadge} ${activeReviewSession.status === 'resolved' ? viewerStyles.reviewStatusResolved : ''}`, children: activeReviewSession.status === 'resolved' ? 'Resolved' : 'Open' }), editingReviewTitle ? (_jsxs("div", { className: viewerStyles.reviewTitleEditRow, children: [_jsx("input", { type: "text", className: styles.input, value: reviewTitleDraft, onChange: (event) => setReviewTitleDraft(event.target.value), placeholder: "Untitled review" }), _jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => { void handleSaveReviewTitle(); }, disabled: reviewBusy, children: "Save Title" })] })) : (_jsx("span", { className: viewerStyles.reviewSessionLabel, children: activeReviewSession.title?.trim() || 'Untitled review' })), _jsxs("span", { className: viewerStyles.reviewSessionTimestamp, children: ["Updated ", formatReviewTimestamp(activeReviewSession.updatedAt)] }), !editingReviewTitle && (_jsxs("button", { type: "button", className: viewerStyles.actionBtn, onClick: () => setEditingReviewTitle(true), disabled: reviewBusy, children: [_jsx(Pencil, { size: 13 }), "Rename Review"] }))] })), reviewError && (_jsx("div", { className: viewerStyles.viewerStateError, children: reviewError })), _jsxs("div", { className: taskFormStyles.commentPanel, children: [_jsxs("div", { className: taskFormStyles.commentThread, children: [loadingReviews && (_jsx("div", { className: taskFormStyles.emptyComments, children: "Loading review comments\u2026" })), !loadingReviews && !activeReviewSession && (_jsx("div", { className: taskFormStyles.emptyComments, children: "Start a review to collect comments for this document." })), !loadingReviews && activeReviewSession && activeReviewSession.comments.length === 0 && (_jsx("div", { className: taskFormStyles.emptyComments, children: "No comments yet. Add the first review note for this document." })), !loadingReviews && activeReviewSession && activeReviewSession.comments.map((comment) => {
-                                                    const isAi = comment.authorActor?.kind === 'ai';
-                                                    const anchorLabel = formatReviewAnchor(comment.anchor);
-                                                    const ActorIcon = isAi ? Bot : User;
-                                                    const isEditingComment = editingCommentId === comment.id;
-                                                    return (_jsxs("div", { className: `${taskFormStyles.comment} ${isAi ? taskFormStyles.commentAi : taskFormStyles.commentUser}`, children: [_jsxs("div", { className: taskFormStyles.commentHeader, children: [_jsxs("span", { className: taskFormStyles.commentAuthor, style: comment.authorActor?.color ? { color: comment.authorActor.color } : undefined, children: [_jsx(ActorIcon, { size: 12, strokeWidth: 1.5 }), getReviewActorLabel(comment)] }), _jsx("span", { className: taskFormStyles.commentTime, children: formatReviewTimestamp(comment.updatedAt) }), _jsxs("span", { className: viewerStyles.reviewCommentActions, children: [!isEditingComment && (_jsx("button", { type: "button", className: viewerStyles.reviewCommentAction, onClick: () => handleStartEditingComment(comment.id, comment.body), disabled: reviewBusy, children: "Edit" })), isEditingComment && (_jsx("button", { type: "button", className: viewerStyles.reviewCommentAction, onClick: () => {
-                                                                                    setEditingCommentId(null);
-                                                                                    setEditingCommentDraft('');
-                                                                                }, disabled: reviewBusy, children: "Cancel" })), _jsx("button", { type: "button", className: viewerStyles.reviewCommentAction, onClick: () => { void handleDeleteReviewComment(comment.id); }, disabled: reviewBusy, children: "Delete" })] })] }), anchorLabel && (_jsx("span", { className: viewerStyles.reviewAnchorLabel, children: anchorLabel })), _jsx("div", { className: taskFormStyles.commentText, children: isEditingComment ? (_jsxs("div", { className: viewerStyles.reviewCommentEditor, children: [_jsx("textarea", { className: taskFormStyles.commentInput, value: editingCommentDraft, onChange: (event) => setEditingCommentDraft(event.target.value), disabled: reviewBusy }), _jsx("button", { type: "button", className: styles.secondaryHeaderBtn, onClick: () => { void handleSaveEditedComment(); }, disabled: reviewBusy || !editingCommentDraft.trim(), children: "Save Comment" })] })) : (_jsx(Markdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeSanitize], children: comment.body })) })] }, comment.id));
-                                                }), _jsx("div", { ref: reviewThreadEndRef })] }), _jsxs("div", { className: taskFormStyles.commentInputArea, children: [_jsxs("div", { className: viewerStyles.reviewComposer, children: [pendingReviewAnchor && (_jsxs("div", { className: viewerStyles.reviewAnchorChip, children: [_jsx("span", { children: formatReviewAnchor(pendingReviewAnchor) || 'Selected text' }), 'quote' in pendingReviewAnchor && pendingReviewAnchor.quote && (_jsxs("span", { className: viewerStyles.reviewAnchorSnippet, children: ["\"", pendingReviewAnchor.quote, "\""] })), _jsx("button", { type: "button", className: viewerStyles.reviewAnchorClear, onClick: () => setPendingReviewAnchor(null), children: "Clear" })] })), _jsx("textarea", { className: taskFormStyles.commentInput, placeholder: activeReviewSession?.status === 'resolved'
-                                                                ? 'Reopen this review to add more comments…'
-                                                                : pendingReviewAnchor
-                                                                    ? 'Add a comment for the selected text…'
-                                                                    : 'Add a comment for this document review…', value: reviewDraft, onChange: (event) => setReviewDraft(event.target.value), disabled: reviewBusy || activeReviewSession?.status === 'resolved', onKeyDown: (event) => {
+                                                : 'Delete Permanently'] }))] })) })] }), loadingContent && (_jsx("div", { className: viewerStyles.viewerState, children: "Loading\u2026" })), !loadingContent && loadError && (_jsx("div", { className: viewerStyles.viewerStateError, children: loadError })), !loadingContent && !loadError && (_jsxs("div", { className: `${viewerStyles.viewerBody} ${!showReviewSidebar ? viewerStyles.viewerBodyFullWidth : ''}`, children: [editMode ? (_jsxs("div", { className: `${viewerStyles.editorArea} ${viewerStyles.viewerMain} ${EDITOR_LAYOUT_CLASS[layout]}`, children: [(layout === 'editor' || layout === 'split') && (_jsxs("div", { className: viewerStyles.editorPane, children: [_jsx("div", { className: viewerStyles.editorPaneLabel, children: "Markdown" }), _jsx("textarea", { ref: textareaRef, className: `${viewerStyles.editorTextarea} tf-scrollbar`, value: draft, onScroll: () => syncPaneScroll('editor'), onChange: e => {
+                                            setDraft(e.target.value);
+                                            setSaveStatus(prev => prev.type === 'saving' ? prev : { type: 'idle' });
+                                        }, spellCheck: true, placeholder: "Write markdown here\u2026" })] })), (layout === 'preview' || layout === 'split') && (_jsxs("div", { className: viewerStyles.previewPane, children: [_jsx("div", { className: viewerStyles.editorPaneLabel, children: "Preview" }), _jsx("div", { ref: previewScrollRef, className: `${styles.docMarkdown} ${viewerStyles.markdownSurface}`, "data-testid": "doc-preview-scroll", onScroll: () => syncPaneScroll('preview'), children: _jsx(Markdown, { variant: "document", taskReferences: taskReferences, documentOverrides: markdownComponents, children: previewContent }) })] }))] })) : (_jsx("div", { ref: viewerScrollRef, className: `${viewerStyles.viewerContent} ${viewerStyles.viewerMain} tf-scrollbar`, "data-testid": "doc-viewer-scroll", onScroll: (event) => reportScrollTopChange(event.currentTarget.scrollTop), children: _jsx("div", { ref: markdownContainerRef, className: `${styles.docMarkdown} ${viewerStyles.markdownSurface} ${viewerStyles.readerSurface}`, "data-testid": "doc-reader-surface", onMouseUp: showReviewSidebar ? handleCaptureReviewAnchor : undefined, onKeyUp: showReviewSidebar ? handleCaptureReviewAnchor : undefined, children: _jsx(Markdown, { variant: "document", taskReferences: taskReferences, documentOverrides: markdownComponents, children: previewContent }) }) })), showReviewSidebar && (_jsx("aside", { ref: reviewRailRef, className: viewerStyles.reviewRail, role: compactReviewViewport ? 'dialog' : undefined, "aria-modal": compactReviewViewport ? true : undefined, "aria-label": compactReviewViewport ? 'Review and comments' : undefined, children: _jsxs("section", { className: viewerStyles.reviewSection, "aria-label": "Review and comments", children: [_jsxs("div", { className: viewerStyles.reviewHeader, children: [_jsxs("div", { className: viewerStyles.reviewHeaderTop, children: [_jsx("span", { className: viewerStyles.reviewEyebrow, children: "Review" }), _jsxs("div", { className: viewerStyles.reviewHeaderActions, children: [activeReviewSession && (_jsx("span", { className: activeReviewSession.status === 'resolved' ? 'tf-chip-success' : 'tf-chip-warning', role: "status", "aria-live": "polite", children: activeReviewSession.status === 'resolved' ? 'Resolved' : 'Open' })), _jsx("button", { ref: reviewCloseButtonRef, type: "button", className: `tf-control-icon ${viewerStyles.reviewCloseButton}`, onClick: closeReviewSidebar, "aria-label": "Close review", title: "Close review", children: _jsx(X, { size: 15 }) })] })] }), activeReviewSession ? (_jsxs(_Fragment, { children: [editingReviewTitle ? (_jsxs("div", { className: viewerStyles.reviewTitleEditRow, children: [_jsx("input", { type: "text", className: `tf-field-shell ${viewerStyles.reviewTitleInput}`, value: reviewTitleDraft, onChange: (event) => setReviewTitleDraft(event.target.value), onKeyDown: (event) => {
+                                                                if (event.key !== 'Escape')
+                                                                    return;
+                                                                event.preventDefault();
+                                                                event.stopPropagation();
+                                                                cancelReviewTitleEdit();
+                                                            }, placeholder: "Untitled review", "aria-label": "Review title", autoFocus: true }), _jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: () => { void handleSaveReviewTitle(); }, disabled: reviewBusy, children: "Save" }), _jsx("button", { type: "button", className: "tf-button-ghost tf-button-compact", onClick: cancelReviewTitleEdit, disabled: reviewBusy, children: "Cancel" })] })) : (_jsx("h2", { className: viewerStyles.reviewSessionTitle, children: activeReviewSession.title?.trim() || 'Untitled review' })), _jsxs("div", { className: viewerStyles.reviewMetadataRow, children: [_jsxs("div", { className: viewerStyles.reviewMetadata, children: [_jsxs("div", { className: viewerStyles.reviewSessionDetails, children: [_jsxs("span", { children: [activeReviewThreadCount, ' ', activeReviewThreadCount === 1 ? 'thread' : 'threads', activeReviewSession.status === 'open' && activeReviewUnresolvedThreadCount > 0
+                                                                                    ? ` · ${activeReviewUnresolvedThreadCount} open`
+                                                                                    : ''] }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { children: ["Updated ", formatReviewTimestamp(activeReviewSession.updatedAt)] })] }), (activeReviewSession.documentVersion || currentDocumentVersion) && (_jsxs("div", { className: viewerStyles.reviewVersionDetails, children: [_jsxs("span", { children: ["Review ", activeReviewSession.documentVersion
+                                                                                    ? `v${activeReviewSession.documentVersion}`
+                                                                                    : 'version unknown'] }), _jsx("span", { "aria-hidden": "true", children: "\u00B7" }), _jsxs("span", { children: ["Document ", currentDocumentVersion
+                                                                                    ? `v${currentDocumentVersion}`
+                                                                                    : 'version unknown'] })] }))] }), _jsx("button", { ref: reviewRenameButtonRef, type: "button", className: "tf-control-icon tf-control-icon-compact", onClick: () => setEditingReviewTitle(true), disabled: reviewBusy, "aria-label": "Rename review", title: "Rename review", children: _jsx(Pencil, { size: 13 }) })] }), editMode && (_jsx("div", { className: viewerStyles.reviewDraftNotice, role: "status", children: isDirty
+                                                        ? 'Comments reference the saved document. Unsaved edits are not part of this review.'
+                                                        : 'Comments reference the saved document while you edit.' })), !editMode
+                                                    && activeReviewSession.documentVersion
+                                                    && currentDocumentVersion
+                                                    && activeReviewSession.documentVersion !== currentDocumentVersion && (_jsxs("div", { className: viewerStyles.reviewVersionNotice, role: "status", children: [_jsx(AlertCircle, { size: 13, "aria-hidden": "true" }), _jsxs("span", { children: ["Review covers document v", activeReviewSession.documentVersion, "; current document is v", currentDocumentVersion, "."] })] }))] })) : (_jsxs("div", { children: [_jsx("h2", { className: viewerStyles.reviewEmptyHeading, children: "No active review" }), _jsx("p", { className: viewerStyles.reviewSubtitle, children: "Start a review to collect feedback on this document." })] })), _jsxs("div", { className: viewerStyles.reviewControls, role: "group", "aria-label": "Review controls", children: [_jsxs("select", { className: `tf-field-shell ${viewerStyles.reviewSelect}`, value: activeReviewSession?.id || '', onChange: (event) => selectReviewSession(event.target.value || null), disabled: reviewBusy || reviewSessions.length === 0, "aria-label": "Select review session", children: [reviewSessions.length === 0 && _jsx("option", { value: "", children: "No review" }), reviewSessions.map((session) => (_jsx("option", { value: session.id, children: session.title?.trim() || 'Untitled review' }, session.id)))] }), _jsx("button", { type: "button", className: `tf-control-icon ${viewerStyles.reviewCreateButton}`, onClick: () => { void createReviewSession(); }, disabled: reviewBusy || !doc.assetId, "aria-label": "New review", title: "New Review", children: _jsx(Plus, { size: 15 }) }), activeReviewSession && (_jsxs("button", { type: "button", className: `tf-button-secondary tf-button-compact ${viewerStyles.reviewResolutionAction}`, onClick: () => {
+                                                        if (reviewResolutionBlocked)
+                                                            return;
+                                                        void handleToggleReviewStatus();
+                                                    }, disabled: reviewBusy, "aria-disabled": reviewResolutionBlocked || undefined, "aria-label": reviewResolutionBlocked
+                                                        ? `Resolve review unavailable: resolve ${activeReviewUnresolvedThreadCount} open thread${activeReviewUnresolvedThreadCount === 1 ? '' : 's'} first`
+                                                        : activeReviewSession.status === 'resolved'
+                                                            ? 'Reopen review'
+                                                            : 'Resolve review', title: reviewResolutionBlocked
+                                                        ? `Resolve ${activeReviewUnresolvedThreadCount} open thread${activeReviewUnresolvedThreadCount === 1 ? '' : 's'} first`
+                                                        : activeReviewSession.status === 'resolved'
+                                                            ? 'Reopen review'
+                                                            : 'Resolve review', children: [activeReviewSession.status === 'resolved'
+                                                            ? _jsx(RotateCcw, { size: 13 })
+                                                            : _jsx(CheckCircle, { size: 13 }), activeReviewSession.status === 'resolved'
+                                                            ? 'Reopen'
+                                                            : 'Resolve'] }))] })] }), reviewError && (_jsx("div", { className: viewerStyles.viewerStateError, children: reviewError })), _jsxs("div", { className: viewerStyles.reviewWorkspace, children: [_jsxs("div", { ref: reviewThreadRef, className: `${viewerStyles.reviewThread} tf-scrollbar`, "data-testid": "review-thread", onScroll: handleReviewThreadScroll, children: [loadingReviews && (_jsx("div", { className: viewerStyles.reviewEmptyState, children: "Loading review comments\u2026" })), !loadingReviews && !activeReviewSession && (_jsxs("div", { className: viewerStyles.reviewEmptyState, children: [_jsx(MessageSquareText, { size: 20 }), _jsx("span", { children: "Start a review to collect comments for this document." })] })), !loadingReviews && activeReviewSession && activeReviewSession.comments.length === 0 && (_jsxs("div", { className: viewerStyles.reviewEmptyState, children: [_jsx(MessageSquareText, { size: 20 }), _jsx("span", { children: "No comments yet. Add the first review note." })] })), !loadingReviews && activeReviewSession && activeReviewSession.comments
+                                                    .filter((comment) => !comment.parentCommentId)
+                                                    .map((rootComment) => {
+                                                    const replies = activeReviewSession.comments
+                                                        .filter((comment) => comment.parentCommentId === rootComment.id);
+                                                    return (_jsxs("section", { className: viewerStyles.reviewCommentThread, children: [renderReviewComment(rootComment), replies.length > 0 && (_jsx("div", { className: viewerStyles.reviewReplies, children: replies.map((reply) => renderReviewComment(reply, true)) })), replyingToCommentId === rootComment.id && (_jsxs("div", { className: viewerStyles.reviewReplyComposer, onKeyDown: (event) => {
+                                                                    if (event.key !== 'Escape')
+                                                                        return;
+                                                                    event.preventDefault();
+                                                                    event.stopPropagation();
+                                                                    closeReviewReplyComposer();
+                                                                }, children: [_jsx("textarea", { ref: reviewReplyInputRef, className: `tf-field-shell ${viewerStyles.reviewReplyInput}`, value: replyDraft, onChange: (event) => setReplyDraft(event.target.value), placeholder: "Write a reply\u2026", disabled: reviewBusy, "aria-label": "Reply text", onKeyDown: (event) => {
+                                                                            if (event.key === 'Enter' && !event.shiftKey) {
+                                                                                event.preventDefault();
+                                                                                void handleAddReviewReply(rootComment.id);
+                                                                            }
+                                                                        } }), _jsxs("div", { className: viewerStyles.reviewReplyComposerActions, children: [_jsx("button", { type: "button", className: "tf-button-ghost tf-button-compact", onClick: closeReviewReplyComposer, disabled: reviewBusy, children: "Cancel" }), _jsx("button", { type: "button", className: "tf-button-primary tf-button-compact", onClick: () => { void handleAddReviewReply(rootComment.id); }, disabled: reviewBusy || !replyDraft.trim(), children: "Reply" })] })] }))] }, rootComment.id));
+                                                }), _jsx("div", { ref: reviewThreadEndRef })] }), hasNewReviewComments && activeReviewSession && (_jsx("div", { className: viewerStyles.reviewNewCommentsBar, "aria-live": "polite", children: _jsxs("button", { type: "button", className: "tf-button-secondary tf-button-compact", onClick: () => scrollReviewToLatest(), children: [_jsx(ArrowDown, { size: 13 }), "New comments"] }) })), activeReviewSession?.status === 'resolved' ? (_jsxs("div", { className: viewerStyles.reviewResolvedComposer, children: [_jsx("span", { className: viewerStyles.reviewResolvedIcon, "aria-hidden": "true", children: _jsx(CheckCircle, { size: 16 }) }), _jsxs("div", { className: viewerStyles.reviewResolvedCopy, children: [_jsx("strong", { children: "Review resolved" }), _jsx("span", { children: "Reopen it to add more comments." })] })] })) : (_jsxs("div", { className: viewerStyles.reviewComposerArea, children: [pendingReviewAnchor && (_jsxs("div", { className: viewerStyles.reviewAnchorChip, children: [_jsx("span", { children: pendingReviewAnchor.kind === 'quote'
+                                                                ? 'Selected text'
+                                                                : formatReviewAnchor(pendingReviewAnchor) || 'Selected text' }), 'quote' in pendingReviewAnchor && pendingReviewAnchor.quote && (_jsxs("span", { className: viewerStyles.reviewAnchorSnippet, children: ["\"", pendingReviewAnchor.quote, "\""] })), _jsx("button", { type: "button", className: viewerStyles.reviewAnchorClear, onClick: () => setPendingReviewAnchor(null), "aria-label": "Clear selected text", children: "Clear" })] })), _jsxs("div", { className: viewerStyles.reviewComposerRow, children: [_jsx("textarea", { className: `tf-field-shell ${viewerStyles.reviewComposerInput}`, placeholder: pendingReviewAnchor
+                                                                ? 'Add a comment for the selected text…'
+                                                                : 'Add a comment for this document review…', value: reviewDraft, onChange: (event) => setReviewDraft(event.target.value), disabled: reviewBusy, onKeyDown: (event) => {
                                                                 if (event.key === 'Enter' && !event.shiftKey) {
                                                                     event.preventDefault();
                                                                     void handleAddReviewComment();
                                                                 }
-                                                            } })] }), _jsx("button", { type: "button", className: taskFormStyles.sendCommentBtn, onClick: () => { void handleAddReviewComment(); }, disabled: reviewBusy || !reviewDraft.trim() || activeReviewSession?.status === 'resolved', "aria-label": "Send review comment", title: "Send review comment", children: _jsx(Send, { size: 15 }) })] })] })] }) }))] }))), enableTaskGeneration && showGenModal && content !== null && (_jsx(DocumentGenerateModal, { content: content, docTitle: doc.title, apiBaseUrl: apiBaseUrl, onClose: () => setShowGenModal(false), onGenerated: (_count) => setShowGenModal(false) })), _jsx(Modal, { isOpen: attachModalOpen, onClose: () => {
+                                                            } }), _jsx("button", { type: "button", className: `tf-button-primary ${viewerStyles.reviewSendButton}`, onClick: () => { void handleAddReviewComment(); }, disabled: reviewBusy || !reviewDraft.trim(), "aria-label": "Send review comment", title: "Send review comment", children: _jsx(Send, { size: 15 }) })] }), _jsx("span", { className: viewerStyles.reviewComposerHint, children: "Enter to send \u00B7 Shift + Enter for a new line" })] }))] })] }) }))] })), enableTaskGeneration && showGenModal && content !== null && (_jsx(DocumentGenerateModal, { content: content, docTitle: doc.title, apiBaseUrl: apiBaseUrl, onClose: () => setShowGenModal(false), onGenerated: (_count) => setShowGenModal(false) })), _jsx(Modal, { isOpen: attachModalOpen, onClose: () => {
                     if (attachingTaskId)
                         return;
                     setAttachModalOpen(false);
@@ -1312,5 +1933,5 @@ export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', on
                                 const isCurrentPrimaryAttachment = doc.taskId === task.id;
                                 const isBusy = attachingTaskId === task.id;
                                 return (_jsxs("button", { type: "button", className: viewerStyles.attachTaskRow, disabled: isBusy, onClick: () => { void handleAttachToTask(task.id); }, children: [_jsxs("span", { className: viewerStyles.attachTaskInfo, children: [_jsx("span", { className: viewerStyles.attachTaskTitle, children: task.title }), task.referenceLabel && (_jsx("span", { className: viewerStyles.attachTaskReference, children: task.referenceLabel }))] }), _jsx("span", { className: viewerStyles.attachTaskMeta, children: isBusy ? 'Attaching…' : isCurrentPrimaryAttachment ? 'Attached' : 'Attach' })] }, task.id));
-                            })) })] }) }), !editMode && (_jsx("div", { className: viewerStyles.printHint, children: "For the cleanest output, disable browser Headers and footers in the print dialog." }))] }));
+                            })) })] }) })] }));
 }