@taskforcehq/taskforce 0.3.304 → 0.3.306

package/dist/components/features/AgentsModule.test.js

@@ -7,9 +7,15 @@ describe('AgentsModule', () => {
         vi.restoreAllMocks();
     });
     it('groups registered AI profiles by surface type in a stable section order', async () => {
-        const fetchMock = vi.fn().mockResolvedValue({
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
             ok: true,
             json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 2,
+                    limit: null,
+                    remaining: null
+                },
                 assignees: [
                     { value: 'member-1', label: 'Member One', kind: 'member' },
                     {
@@ -20,6 +26,7 @@ describe('AgentsModule', () => {
                         color: '#10a37f',
                         kind: 'agent',
                         surfaceType: 'chat_app',
+                        seatScope: 'cloud_metered',
                         description: 'General-purpose chat surface for planning and writing.',
                         role: 'Product copilot',
                         provider: 'OpenAI',
@@ -36,6 +43,7 @@ describe('AgentsModule', () => {
                         color: '#0ea5e9',
                         kind: 'agent',
                         surfaceType: 'coding_tool',
+                        seatScope: 'local_unmetered',
                         description: 'Terminal-first coding agent.',
                         role: 'Implementation partner',
                         provider: 'OpenAI',
@@ -52,6 +60,7 @@ describe('AgentsModule', () => {
                         color: '#0ea5e9',
                         kind: 'agent',
                         surfaceType: 'coding_tool',
+                        seatScope: 'local_unmetered',
                         description: 'Duplicate Codex profile.',
                         role: 'Implementation partner',
                         provider: 'OpenAI',
@@ -68,6 +77,7 @@ describe('AgentsModule', () => {
                         color: '#64748b',
                         kind: 'agent',
                         surfaceType: null,
+                        seatScope: 'cloud_metered',
                         createdAt: '2026-03-28T08:00:00.000Z',
                         updatedAt: '2026-04-01T08:00:00.000Z',
                         lastActiveAt: null
@@ -76,7 +86,7 @@ describe('AgentsModule', () => {
             })
         });
         vi.stubGlobal('fetch', fetchMock);
-        const { container } = render(_jsx(AgentsModule, { workspaceId: "workspace-1" }));
+        const { container } = render(_jsx(AgentsModule, { workspaceId: "workspace-1", cloudAuthConfigured: true, authSessionResolved: true, isAuthenticated: true, cloudAiProfileSeatUsage: { used: 2, limit: 5, remaining: 3 } }));
         await waitFor(() => expect(fetchMock).toHaveBeenCalledTimes(1));
         expect((await screen.findAllByText('Chat Apps')).length).toBeGreaterThan(0);
         expect(screen.getAllByText('Coding Tools').length).toBeGreaterThan(0);
@@ -84,19 +94,259 @@ describe('AgentsModule', () => {
         expect(screen.getAllByText('Codex')).toHaveLength(1);
         expect(screen.getByText(/2 duplicates/i)).toBeInTheDocument();
         expect(screen.getByText('Coding tool')).toBeInTheDocument();
+        expect(screen.getAllByText('Cloud MCP').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('Local MCP').length).toBeGreaterThan(0);
+        expect(screen.getByText('Registered Cloud Agents: 2/5')).toBeInTheDocument();
         expect(screen.getAllByText('General-purpose chat surface for planning and writing.').length).toBeGreaterThan(0);
         expect(screen.getAllByText('Product copilot').length).toBeGreaterThan(0);
-        expect(screen.getByText('OpenAI · gpt-5.4')).toBeInTheDocument();
-        expect(screen.getByText(/Profile instances/i)).toBeInTheDocument();
+        expect(screen.getAllByText('OpenAI').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('gpt-5.4').length).toBeGreaterThan(0);
+        expect(screen.queryByText(/Profile instances/i)).not.toBeInTheDocument();
+        expect(screen.queryByText(/Choose a keeper here if duplicates need to be merged/i)).not.toBeInTheDocument();
         const text = container.textContent || '';
         expect(text.indexOf('Chat Apps')).toBeLessThan(text.indexOf('Coding Tools'));
         expect(text.indexOf('Coding Tools')).toBeLessThan(text.indexOf('Unclassified'));
         fireEvent.click(screen.getByRole('button', { name: /codex/i }));
         expect(screen.getAllByText('Terminal-first coding agent.').length).toBeGreaterThan(0);
         expect(screen.getAllByText('Implementation partner')[0]).toBeInTheDocument();
-        expect(screen.getByText('OpenAI · gpt-5-codex')).toBeInTheDocument();
+        expect(screen.getAllByText('OpenAI').length).toBeGreaterThan(0);
+        expect(screen.getAllByText('gpt-5-codex').length).toBeGreaterThan(0);
         expect(screen.getByText(/2 linked/i)).toBeInTheDocument();
+        expect(screen.getByText(/Profile instances/i)).toBeInTheDocument();
+        expect(screen.getByText(/Choose a keeper here if duplicates need to be merged/i)).toBeInTheDocument();
         expect(screen.getAllByTitle('Keep this profile, merge others into it')).toHaveLength(2);
         expect(screen.getByText('@codex-duplicate')).toBeInTheDocument();
+        expect(screen.getAllByTitle('Cloud MCP').length).toBeGreaterThan(0);
+        expect(screen.getAllByTitle('Local MCP').length).toBeGreaterThan(0);
+    });
+    it('removes a profile from the active roster and reloads the list', async () => {
+        const confirmMock = vi.fn().mockReturnValue(true);
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 1,
+                    limit: null,
+                    remaining: null
+                },
+                assignees: [
+                    {
+                        value: 'ai-codex',
+                        label: 'Codex',
+                        username: 'codex',
+                        icon: 'Bot',
+                        color: '#0ea5e9',
+                        kind: 'agent',
+                        surfaceType: 'coding_tool',
+                        description: 'Terminal-first coding agent.',
+                        role: 'Implementation partner',
+                        provider: 'OpenAI',
+                        model: 'gpt-5-codex',
+                        createdAt: '2026-04-02T09:00:00.000Z',
+                        updatedAt: '2026-04-04T13:15:00.000Z',
+                        lastActiveAt: '2026-04-04T13:45:00.000Z'
+                    }
+                ]
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                profile: {
+                    id: 'ai-codex',
+                    archivedReason: 'manual_archive'
+                }
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 0,
+                    limit: null,
+                    remaining: null
+                },
+                assignees: []
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        vi.stubGlobal('confirm', confirmMock);
+        render(_jsx(AgentsModule, { workspaceId: "workspace-1", cloudAuthConfigured: true, authSessionResolved: true, isAuthenticated: true, cloudAiProfileSeatUsage: { used: 1, limit: 3, remaining: 2 } }));
+        expect(await screen.findByRole('button', { name: /codex/i })).toBeInTheDocument();
+        fireEvent.click(screen.getByRole('button', { name: /remove from roster/i }));
+        await waitFor(() => expect(confirmMock).toHaveBeenCalledTimes(1));
+        expect(fetchMock).toHaveBeenNthCalledWith(2, '/api/taskforce/workspace/ai-profiles/archive', expect.objectContaining({
+            method: 'POST',
+            credentials: 'include'
+        }));
+        expect(fetchMock).toHaveBeenNthCalledWith(3, '/api/taskforce/workspace/assignee-options?workspaceId=workspace-1', expect.objectContaining({
+            credentials: 'include'
+        }));
+        expect(await screen.findByText('AI profile removed from active roster.')).toBeInTheDocument();
+        expect(await screen.findByText('No AI profiles registered yet.')).toBeInTheDocument();
+    });
+    it('shows archive permission errors inline above the remove button', async () => {
+        const confirmMock = vi.fn().mockReturnValue(true);
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 1,
+                    limit: null,
+                    remaining: null
+                },
+                assignees: [
+                    {
+                        value: 'ai-codex',
+                        label: 'Codex',
+                        username: 'codex',
+                        icon: 'Bot',
+                        color: '#0ea5e9',
+                        kind: 'agent',
+                        surfaceType: 'coding_tool',
+                        description: 'Terminal-first coding agent.',
+                        role: 'Implementation partner',
+                        provider: 'OpenAI',
+                        model: 'gpt-5-codex',
+                        createdAt: '2026-04-02T09:00:00.000Z',
+                        updatedAt: '2026-04-04T13:15:00.000Z',
+                        lastActiveAt: '2026-04-04T13:45:00.000Z'
+                    }
+                ]
+            })
+        })
+            .mockResolvedValueOnce({
+            ok: false,
+            json: async () => ({
+                error: 'Forbidden: owner or admin role required.'
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        vi.stubGlobal('confirm', confirmMock);
+        render(_jsx(AgentsModule, { workspaceId: "workspace-1", cloudAuthConfigured: true, authSessionResolved: true, isAuthenticated: true, cloudAiProfileSeatUsage: { used: 1, limit: 3, remaining: 2 } }));
+        expect(await screen.findByRole('button', { name: /codex/i })).toBeInTheDocument();
+        fireEvent.click(screen.getByRole('button', { name: /remove from roster/i }));
+        const inlineError = await screen.findByRole('alert');
+        expect(inlineError).toHaveTextContent('Forbidden: owner or admin role required.');
+        const removeButton = screen.getByRole('button', { name: /remove from roster/i });
+        expect(removeButton.compareDocumentPosition(inlineError) & Node.DOCUMENT_POSITION_PRECEDING).toBeTruthy();
+    });
+    it('falls back to local seat usage only when cloud auth is not configured', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 1,
+                    limit: 3,
+                    remaining: 2
+                },
+                assignees: [
+                    {
+                        value: 'ai-codex',
+                        label: 'Codex',
+                        username: 'codex',
+                        icon: 'Bot',
+                        color: '#0ea5e9',
+                        kind: 'agent',
+                        surfaceType: 'coding_tool',
+                        seatScope: 'local_unmetered',
+                        createdAt: '2026-04-02T09:00:00.000Z',
+                        updatedAt: '2026-04-04T13:15:00.000Z',
+                        lastActiveAt: '2026-04-04T13:45:00.000Z'
+                    }
+                ]
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(AgentsModule, { workspaceId: "workspace-1" }));
+        expect(await screen.findByText('Registered Cloud Agents: 1/3')).toBeInTheDocument();
+    });
+    it('shows no cloud seat label when cloud auth is configured but cloud seat usage is unavailable', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 0,
+                    limit: null,
+                    remaining: null
+                },
+                assignees: [
+                    {
+                        value: 'ai-codex',
+                        label: 'Codex',
+                        username: 'codex',
+                        icon: 'Bot',
+                        color: '#0ea5e9',
+                        kind: 'agent',
+                        surfaceType: 'coding_tool',
+                        seatScope: 'cloud_metered',
+                        createdAt: '2026-04-02T09:00:00.000Z',
+                        updatedAt: '2026-04-04T13:15:00.000Z',
+                        lastActiveAt: '2026-04-04T13:45:00.000Z'
+                    }
+                ]
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(AgentsModule, { workspaceId: "workspace-1", cloudAuthConfigured: true, authSessionResolved: true, isAuthenticated: true }));
+        await screen.findByRole('button', { name: /codex/i });
+        expect(screen.queryByText(/Registered Cloud Agents:/i)).not.toBeInTheDocument();
+        expect(screen.queryByText('Registered Cloud Agents: 0/Unlimited')).not.toBeInTheDocument();
+    });
+    it('shows resolved cloud seat usage when the account summary updates after mount', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 0,
+                    limit: null,
+                    remaining: null
+                },
+                assignees: [
+                    {
+                        value: 'ai-codex',
+                        label: 'Codex',
+                        username: 'codex',
+                        icon: 'Bot',
+                        color: '#0ea5e9',
+                        kind: 'agent',
+                        surfaceType: 'coding_tool',
+                        seatScope: 'cloud_metered',
+                        createdAt: '2026-04-02T09:00:00.000Z',
+                        updatedAt: '2026-04-04T13:15:00.000Z',
+                        lastActiveAt: '2026-04-04T13:45:00.000Z'
+                    }
+                ]
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        const { rerender } = render(_jsx(AgentsModule, { workspaceId: "workspace-1", cloudAuthConfigured: true, authSessionResolved: true, isAuthenticated: true, cloudAiProfileSeatUsage: null }));
+        await screen.findByRole('button', { name: /codex/i });
+        expect(screen.queryByText(/Registered Cloud Agents:/i)).not.toBeInTheDocument();
+        rerender(_jsx(AgentsModule, { workspaceId: "workspace-1", cloudAuthConfigured: true, authSessionResolved: true, isAuthenticated: true, cloudAiProfileSeatUsage: { used: 0, limit: 20, remaining: 20 } }));
+        expect(await screen.findByText('Registered Cloud Agents: 0/20')).toBeInTheDocument();
+    });
+    it('shows a cloud login prompt instead of unlimited when cloud auth is configured but the user is signed out', async () => {
+        const fetchMock = vi.fn()
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({
+                aiProfileSeatUsage: {
+                    used: 0,
+                    limit: null,
+                    remaining: null
+                },
+                assignees: []
+            })
+        });
+        vi.stubGlobal('fetch', fetchMock);
+        render(_jsx(AgentsModule, { workspaceId: "workspace-1", cloudAuthConfigured: true, authSessionResolved: true, isAuthenticated: false }));
+        expect(await screen.findByText('Log into account for Cloud agents')).toBeInTheDocument();
+        expect(screen.queryByText('Registered Cloud Agents: 0/Unlimited')).not.toBeInTheDocument();
     });
 });

package/dist/components/features/DocumentIndex.d.ts

@@ -1,4 +1,4 @@
-import { type DocMeta } from './DocumentWorkspace';
+import { type DocMeta } from './documentWorkspaceModel';
 interface Props {
     documents: DocMeta[];
     selectedDocId: string | null;

package/dist/components/features/DocumentIndex.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Search, RefreshCw, FileText, ClipboardList, Eye, BookOpen, File } from 'lucide-react';
 import styles from '../../Taskforce.module.css';
 import indexStyles from './DocumentIndex.module.css';
-import { getEffectiveAttachmentState } from './DocumentWorkspace';
+import { getEffectiveAttachmentState } from './documentWorkspaceModel';
 import { getReadableDocumentName } from '../../utils/documentNames';
 function DocTypeIcon({ docType }) {
     switch (docType) {

package/dist/components/features/DocumentViewer.d.ts

@@ -1,13 +1,17 @@
-import { type DocMeta } from './DocumentWorkspace';
+import { type DocMeta } from './documentWorkspaceModel';
 export declare function buildPrintDocumentHtml(markdown: string): string;
 export declare function schedulePrintCleanup(cleanup: () => void): number;
 interface Props {
     doc: DocMeta;
     taskTitle: string | null;
+    tasks?: Array<{
+        id: string;
+        title: string;
+    }>;
     apiBaseUrl?: string;
     onSaved?: (updatedAt: string) => void;
     onDeleted?: () => void;
     enableTaskGeneration?: boolean;
 }
-export declare function DocumentViewer({ doc, taskTitle, apiBaseUrl, onSaved, onDeleted, enableTaskGeneration }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DocumentViewer({ doc, taskTitle, tasks, apiBaseUrl, onSaved, onDeleted, enableTaskGeneration }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/features/DocumentViewer.js

@@ -8,7 +8,8 @@ import { Printer, Link, Download, Clock, HardDrive, Tag, Pencil, X, Save, Eye, S
 import styles from '../../Taskforce.module.css';
 import viewerStyles from './DocumentViewer.module.css';
 import taskFormStyles from '../task/TaskForm.module.css';
-import { getEffectiveAttachmentState } from './DocumentWorkspace';
+import { Modal } from '../ui/Modal';
+import { getEffectiveAttachmentState } from './documentWorkspaceModel';
 import { DocumentGenerateModal } from './DocumentGenerateModal';
 import { fetchTaskforceApi, resolveTaskforceApiUrl } from '../../utils/taskforceApiClient';
 import { getDocumentDownloadName, getReadableDocumentName } from '../../utils/documentNames';
@@ -500,7 +501,7 @@ function toggleNthTaskCheckbox(markdown, targetIndex, nextChecked) {
     });
     return updated.join('\n');
 }
-export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDeleted, enableTaskGeneration = false }) {
+export function DocumentViewer({ doc, taskTitle, tasks = [], apiBaseUrl = '', onSaved, onDeleted, enableTaskGeneration = false }) {
     const fallbackReadableName = getReadableDocumentName(doc);
     const [currentDocumentName, setCurrentDocumentName] = useState(fallbackReadableName);
     const readableName = currentDocumentName;
@@ -522,6 +523,7 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
     const [reviewTitleDraft, setReviewTitleDraft] = useState('');
     const [editingCommentId, setEditingCommentId] = useState(null);
     const [editingCommentDraft, setEditingCommentDraft] = useState('');
+    const [showReviewSidebar, setShowReviewSidebar] = useState(true);
     // Edit mode state
     const [editMode, setEditMode] = useState(false);
     const [draft, setDraft] = useState('');
@@ -531,10 +533,14 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
     const [monochromeMode, setMonochromeMode] = useState(false);
     const [deleting, setDeleting] = useState(false);
     const [renaming, setRenaming] = useState(false);
+    const [attachModalOpen, setAttachModalOpen] = useState(false);
+    const [attachSearch, setAttachSearch] = useState('');
+    const [attachingTaskId, setAttachingTaskId] = useState(null);
+    const [attachError, setAttachError] = useState(null);
     const [renameValue, setRenameValue] = useState(readableName);
     const isEditable = doc.editable !== false;
     const attachmentState = getEffectiveAttachmentState(doc);
-    const canDelete = attachmentState === 'unattached' && !!doc.assetId;
+    const canDelete = !!doc.assetId;
     const isDirty = editMode && draft !== (content ?? '');
     const textareaRef = useRef(null);
     const renameInputRef = useRef(null);
@@ -544,6 +550,12 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
     const reviewThreadEndRef = useRef(null);
     const markdownContainerRef = useRef(null);
     const activeReviewSession = reviewSessions.find((session) => session.id === selectedReviewSessionId) || reviewSessions[0] || null;
+    const filteredTasks = tasks.filter((task) => {
+        const query = attachSearch.trim().toLowerCase();
+        if (!query)
+            return true;
+        return task.title.toLowerCase().includes(query);
+    });
     const fetchContent = useCallback(async () => {
         setLoadingContent(true);
         setLoadError(null);
@@ -913,13 +925,20 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
     const handleDelete = useCallback(async () => {
         if (!doc.assetId || deleting)
             return;
-        if (!window.confirm(`Permanently delete "${readableName}" from storage?`))
+        const isAttached = attachmentState === 'attached';
+        const linkedTaskCount = Math.max(0, Number(doc.attachmentCount || 0));
+        const confirmationMessage = isAttached
+            ? `Delete "${readableName}" everywhere?\n\nThis will remove it from ${linkedTaskCount} linked task${linkedTaskCount === 1 ? '' : 's'} and soft-delete the document across sync.`
+            : `Permanently delete "${readableName}" from storage?`;
+        if (!window.confirm(confirmationMessage))
             return;
         setDeleting(true);
         try {
             const res = await fetchTaskforceApi(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}`, {
                 method: 'DELETE',
                 credentials: 'include',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(isAttached ? { forceDetach: true } : {}),
             }, apiBaseUrl);
             const data = await res.json().catch(() => ({}));
             if (!res.ok)
@@ -932,7 +951,45 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
         finally {
             setDeleting(false);
         }
-    }, [apiBaseUrl, deleting, doc.assetId, onDeleted, readableName]);
+    }, [apiBaseUrl, attachmentState, deleting, doc.assetId, doc.attachmentCount, onDeleted, readableName]);
+    const handleOpenAttachModal = useCallback(() => {
+        setAttachSearch('');
+        setAttachError(null);
+        setAttachingTaskId(null);
+        setAttachModalOpen(true);
+    }, []);
+    const handleAttachToTask = useCallback(async (taskId) => {
+        if (!doc.assetId)
+            return;
+        setAttachError(null);
+        setAttachingTaskId(taskId);
+        try {
+            const res = await fetchTaskforceApi(`/api/taskforce/documents/${encodeURIComponent(doc.assetId)}/attach`, {
+                method: 'POST',
+                credentials: 'include',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    targetType: 'task',
+                    targetId: taskId,
+                }),
+            }, apiBaseUrl);
+            const data = await res.json().catch(() => ({}));
+            if (!res.ok)
+                throw new Error(data.error || `Attach failed (${res.status})`);
+            if (data.alreadyAttached) {
+                setAttachError('This document is already attached to that task.');
+                return;
+            }
+            setAttachModalOpen(false);
+            onSaved?.(new Date().toISOString());
+        }
+        catch (error) {
+            setAttachError(error?.message || 'Failed to attach document.');
+        }
+        finally {
+            setAttachingTaskId(null);
+        }
+    }, [apiBaseUrl, doc.assetId, onSaved]);
     const handleToggleReviewStatus = useCallback(async () => {
         if (!activeReviewSession || reviewBusy)
             return;
@@ -992,7 +1049,7 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
     }, [activeReviewSession, apiBaseUrl, reviewBusy, reviewTitleDraft]);
     const previewContent = editMode ? draft : (content ?? '');
     const handleCaptureReviewAnchor = useCallback(() => {
-        if (editMode)
+        if (editMode || !showReviewSidebar)
             return;
         const selection = typeof window.getSelection === 'function' ? window.getSelection() : null;
         const selectedText = selection?.toString().replace(/\s+/g, ' ').trim() || '';
@@ -1011,7 +1068,16 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
         if (!anchor)
             return;
         setPendingReviewAnchor(anchor);
-    }, [editMode]);
+    }, [editMode, showReviewSidebar]);
+    const handleToggleReviewSidebar = useCallback(() => {
+        setShowReviewSidebar((current) => {
+            const nextValue = !current;
+            if (!nextValue) {
+                setPendingReviewAnchor(null);
+            }
+            return nextValue;
+        });
+    }, []);
     const handleAddReviewComment = useCallback(async () => {
         const body = reviewDraft.trim();
         if (!body || reviewBusy)
@@ -1210,10 +1276,16 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
                                         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.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"] })), _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: "Permanently delete this unattached document", children: [_jsx(Trash2, { size: 13 }), deleting ? 'Deleting…' : '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 => {
+                                }, 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.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'
+                                        ? '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, children: [_jsx("div", { className: `${viewerStyles.viewerContent} ${viewerStyles.viewerMain} tf-scrollbar`, children: _jsx("div", { ref: markdownContainerRef, className: `${styles.docMarkdown} ${viewerStyles.markdownSurface}`, onMouseUp: handleCaptureReviewAnchor, children: _jsx(Markdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeSanitize], components: markdownComponents, children: previewContent }) }) }), _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) => {
+                                }, 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;
@@ -1231,5 +1303,13 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
                                                                     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) })), !editMode && (_jsx("div", { className: viewerStyles.printHint, children: "For the cleanest output, disable browser Headers and footers in the print dialog." }))] }));
+                                                            } })] }), _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: () => {
+                    if (attachingTaskId)
+                        return;
+                    setAttachModalOpen(false);
+                }, title: "Attach document", size: "md", footer: (_jsx("button", { className: viewerStyles.actionBtn, onClick: () => setAttachModalOpen(false), disabled: Boolean(attachingTaskId), children: "Close" })), children: _jsxs("div", { className: viewerStyles.attachModalBody, children: [_jsx("p", { className: viewerStyles.attachModalCopy, children: "Attach this document to a task from the document manager. Initiative and workstream targets can be enabled later on the same attachment model." }), _jsx("input", { type: "text", className: styles.input, placeholder: "Search tasks\u2026", value: attachSearch, onChange: (event) => setAttachSearch(event.target.value) }), attachError && (_jsxs("div", { className: viewerStyles.attachModalError, children: [_jsx(AlertCircle, { size: 14 }), _jsx("span", { children: attachError })] })), _jsx("div", { className: `${viewerStyles.attachTaskList} tf-scrollbar`, children: filteredTasks.length === 0 ? (_jsx("div", { className: viewerStyles.attachEmptyState, children: tasks.length === 0 ? 'No tasks are available in this workspace.' : 'No tasks match your search.' })) : (filteredTasks.map((task) => {
+                                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: [_jsx("span", { className: viewerStyles.attachTaskTitle, children: task.title }), _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." }))] }));
 }

package/dist/components/features/DocumentWorkspace.d.ts

@@ -1,24 +1,8 @@
 import { type DocumentAttachmentFilter, type DocumentTypeFilter } from './documentWorkspaceFilters';
-export interface DocMeta {
-    id: string;
-    assetId?: string;
-    referenceNumber?: number | null;
-    referenceLabel?: string | null;
-    fsPath: string;
-    apiUrl: string;
-    taskId: string | null;
-    displayName: string;
-    originalFilename?: string | null;
-    title: string;
-    docType: 'implementation-plan' | 'review' | 'walkthrough' | 'planning' | 'other';
-    sizeBytes: number;
-    updatedAt: string | null;
-    editable?: boolean;
-    attachmentCount?: number;
-    attachmentState?: 'attached' | 'unattached' | 'standalone';
-}
+import type { DocMeta } from './documentWorkspaceModel';
 export type { DocumentAttachmentFilter, DocumentTypeFilter } from './documentWorkspaceFilters';
 export { DOCUMENT_TYPE_FILTER_OPTIONS, DOCUMENT_ATTACHMENT_FILTER_OPTIONS } from './documentWorkspaceFilters';
+export type { DocMeta } from './documentWorkspaceModel';
 interface Props {
     tasks: Array<{
         id: string;
@@ -30,11 +14,11 @@ interface Props {
     error: string | null;
     selectedDoc: DocMeta | null;
     searchQuery: string;
-    typeFilters: DocumentTypeFilter[];
-    attachmentFilters: DocumentAttachmentFilter[];
+    hasActiveFilters: boolean;
     onSearchChange: (value: string) => void;
     onSelectDoc: (doc: DocMeta | null) => void;
     onRefresh: () => Promise<void> | void;
+    onDeleteSelected: () => Promise<void> | void;
     enableTaskGeneration?: boolean;
 }
 interface ShellProps {
@@ -54,6 +38,5 @@ interface ShellProps {
     onRequestedDocHandled?: () => void;
     enableTaskGeneration?: boolean;
 }
-export declare function getEffectiveAttachmentState(doc: Pick<DocMeta, 'attachmentState' | 'attachmentCount' | 'taskId'>): 'attached' | 'unattached';
-export declare function DocumentWorkspace({ tasks, apiBaseUrl, documents, loading, error, selectedDoc, searchQuery, typeFilters, attachmentFilters, onSearchChange, onSelectDoc, onRefresh, enableTaskGeneration }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function DocumentWorkspace({ tasks, apiBaseUrl, documents, loading, error, selectedDoc, searchQuery, hasActiveFilters, onSearchChange, onSelectDoc, onRefresh, onDeleteSelected, enableTaskGeneration }: Props): import("react/jsx-runtime").JSX.Element;
 export declare function DocumentWorkspaceShell({ tasks, runtimeMode, apiBaseUrl, cloudAuthBaseUrl, typeFilters: controlledTypeFilters, attachmentFilters: controlledAttachmentFilters, onTypeFiltersChange, onAttachmentFiltersChange, requestedDocPath, requestedDocAssetId, onRequestedDocHandled, enableTaskGeneration }: ShellProps): import("react/jsx-runtime").JSX.Element;