@taskforcehq/taskforce 0.3.305 → 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/DocumentViewer.d.ts

@@ -4,10 +4,14 @@ 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,6 +8,7 @@ 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 { Modal } from '../ui/Modal';
 import { getEffectiveAttachmentState } from './documentWorkspaceModel';
 import { DocumentGenerateModal } from './DocumentGenerateModal';
 import { fetchTaskforceApi, resolveTaskforceApiUrl } from '../../utils/taskforceApiClient';
@@ -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;
@@ -532,6 +533,10 @@ 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);
@@ -545,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);
@@ -941,6 +952,44 @@ export function DocumentViewer({ doc, taskTitle, apiBaseUrl = '', onSaved, onDel
             setDeleting(false);
         }
     }, [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;
@@ -1227,7 +1276,7 @@ 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: 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: "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…'
@@ -1254,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.js

@@ -6,7 +6,7 @@ import { useDocumentWorkspaceController } from './useDocumentWorkspaceController
 export { DOCUMENT_TYPE_FILTER_OPTIONS, DOCUMENT_ATTACHMENT_FILTER_OPTIONS } from './documentWorkspaceFilters';
 export function DocumentWorkspace({ tasks, apiBaseUrl = '', documents, loading, error, selectedDoc, searchQuery, hasActiveFilters, onSearchChange, onSelectDoc, onRefresh, onDeleteSelected, enableTaskGeneration = false }) {
     const taskById = new Map(tasks.map(t => [t.id, t]));
-    return (_jsxs("div", { className: styles.docWorkspace, children: [_jsx("div", { className: styles.docIndexPanel, children: _jsx(DocumentIndex, { documents: documents, selectedDocId: selectedDoc?.id ?? null, loading: loading, error: error, searchQuery: searchQuery, onSearchChange: onSearchChange, onSelect: (doc) => onSelectDoc(doc), onRefresh: onRefresh, taskById: taskById, hasActiveFilters: hasActiveFilters }) }), _jsx("div", { className: styles.docViewerPanel, children: selectedDoc ? (_jsx(DocumentViewer, { doc: selectedDoc, taskTitle: selectedDoc.taskId ? (taskById.get(selectedDoc.taskId)?.title ?? null) : null, apiBaseUrl: apiBaseUrl, onSaved: (_updatedAt) => onRefresh(), onDeleted: () => void onDeleteSelected(), enableTaskGeneration: enableTaskGeneration })) : !loading && (_jsx("div", { className: styles.docViewerEmpty, children: _jsx("p", { className: "tf-empty-copy", children: documents.length === 0 ? 'No documents match your current filters.' : 'Select a document to view it.' }) })) })] }));
+    return (_jsxs("div", { className: styles.docWorkspace, children: [_jsx("div", { className: styles.docIndexPanel, children: _jsx(DocumentIndex, { documents: documents, selectedDocId: selectedDoc?.id ?? null, loading: loading, error: error, searchQuery: searchQuery, onSearchChange: onSearchChange, onSelect: (doc) => onSelectDoc(doc), onRefresh: onRefresh, taskById: taskById, hasActiveFilters: hasActiveFilters }) }), _jsx("div", { className: styles.docViewerPanel, children: selectedDoc ? (_jsx(DocumentViewer, { doc: selectedDoc, taskTitle: selectedDoc.taskId ? (taskById.get(selectedDoc.taskId)?.title ?? null) : null, tasks: tasks, apiBaseUrl: apiBaseUrl, onSaved: (_updatedAt) => onRefresh(), onDeleted: () => void onDeleteSelected(), enableTaskGeneration: enableTaskGeneration })) : !loading && (_jsx("div", { className: styles.docViewerEmpty, children: _jsx("p", { className: "tf-empty-copy", children: documents.length === 0 ? 'No documents match your current filters.' : 'Select a document to view it.' }) })) })] }));
 }
 export function DocumentWorkspaceShell({ tasks, runtimeMode = 'local', apiBaseUrl = '', cloudAuthBaseUrl = '', typeFilters: controlledTypeFilters, attachmentFilters: controlledAttachmentFilters, onTypeFiltersChange, onAttachmentFiltersChange, requestedDocPath = null, requestedDocAssetId = null, onRequestedDocHandled, enableTaskGeneration = false }) {
     const { documentApiBaseUrl, filteredDocs, loading, error, selectedDoc, searchQuery, hasActiveFilters, setSearchQuery, fetchDocuments, selectDoc, handleDeleteSelected, } = useDocumentWorkspaceController({

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

@@ -145,6 +145,39 @@ describe('Document workspace management', () => {
         confirmSpy.mockRestore();
         alertSpy.mockRestore();
     });
+    it('opens an attach modal from the document viewer and attaches the document to a task', async () => {
+        const user = userEvent.setup();
+        fetchTaskforceApi
+            .mockResolvedValueOnce({
+            ok: true,
+            text: async () => '# Example\n',
+        })
+            .mockResolvedValueOnce(createEmptyReviewSessionsResponse())
+            .mockResolvedValueOnce({
+            ok: true,
+            json: async () => ({ success: true, attached: true, alreadyAttached: false }),
+        });
+        const onSaved = vi.fn();
+        render(_jsx(DocumentViewer, { doc: createDoc({
+                id: 'doc-attach',
+                assetId: 'asset-doc-attach',
+                attachmentCount: 0,
+                attachmentState: 'unattached',
+            }), taskTitle: null, tasks: [
+                { id: 'task-1', title: 'First attach target' },
+                { id: 'task-2', title: 'Second attach target' },
+            ], onSaved: onSaved }));
+        await waitFor(() => expect(fetchTaskforceApi).toHaveBeenCalledWith('/api/taskforce/documents/asset-doc-1/content', { credentials: 'same-origin' }, ''));
+        await user.click(screen.getByRole('button', { name: /^Attach$/i }));
+        expect(screen.getByText(/Attach this document to a task from the document manager/i)).toBeInTheDocument();
+        await user.type(screen.getByPlaceholderText('Search tasks…'), 'Second');
+        await user.click(screen.getByRole('button', { name: /Second attach target/i }));
+        await waitFor(() => expect(fetchTaskforceApi).toHaveBeenLastCalledWith('/api/taskforce/documents/asset-doc-attach/attach', expect.objectContaining({
+            method: 'POST',
+            credentials: 'include',
+        }), ''));
+        expect(onSaved).toHaveBeenCalled();
+    });
     it('shows delete and unlink for attached docs and sends forceDetach on delete', async () => {
         const user = userEvent.setup();
         fetchTaskforceApi

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

@@ -15,7 +15,7 @@ export interface DocMeta {
     updatedAt: string | null;
     editable?: boolean;
     attachmentCount?: number;
-    attachmentState?: 'attached' | 'unattached' | 'standalone';
+    attachmentState?: 'attached' | 'unattached';
 }
 export declare function normalizeDocPath(value: string): string;
 export declare function docPathMatches(candidate: string, requested: string): boolean;

package/dist/components/task/TaskCard.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import * as Icons from 'lucide-react';
-const { MessageSquare, User, Bot, Gauge, X, ClipboardList, HelpCircle, File } = Icons;
+const { MessageSquare, User, Bot, Gauge, ClipboardList, HelpCircle, File } = Icons;
 import styles from '../../Taskforce.module.css';
 import cardStyles from './TaskCard.module.css';
 import { Markdown } from '../ui/Markdown';
@@ -15,7 +15,7 @@ import { getDocumentDownloadName } from '../../utils/documentNames';
 import { TaskStatusActions } from './TaskStatusActions';
 import { getTaskReferenceDisplayState } from '../../utils/taskReferences';
 import { getAssigneeKind, getAssigneeLabel } from '../../utils/assignees';
-import { getLatestTaskActivity, summarizeTaskActivity } from '../../utils/taskActivity';
+import { getLatestTaskActivity, getTaskActivityItems, summarizeTaskActivity } from '../../utils/taskActivity';
 import { DEFAULT_TYPE_VALUE } from '../../shared/taxonomyDefaults.js';
 import { getVisibleTaxonomiesForTasks } from '../../utils/taxonomyLifecycle.js';
 import { getInitiativeReferenceLabel, getWorkstreamReferenceLabel } from '../../utils/planningReferences';
@@ -51,6 +51,18 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
     const hasLegacyClass = !!styles[`priorityItem_${displayPriority}`];
     const assigneeKind = getAssigneeKind(task.assignee);
     const assigneeLabel = getAssigneeLabel(task.assignee, assigneeOptions);
+    const assigneeOption = React.useMemo(() => {
+        const value = String(task.assignee || '').trim();
+        return assigneeOptions.find((option) => String(option.value || '').trim() === value) || null;
+    }, [assigneeOptions, task.assignee]);
+    const assigneeAvatarUrl = assigneeKind !== 'unassigned' && typeof assigneeOption?.avatarUrl === 'string'
+        ? assigneeOption.avatarUrl.trim()
+        : '';
+    const assigneeAvatarAccent = assigneeKind === 'agent'
+        ? 'var(--color-violet-500, #8b5cf6)'
+        : assigneeKind === 'member'
+            ? 'var(--color-green-500, #22c55e)'
+            : 'var(--text-secondary, #888)';
     const latestActivity = React.useMemo(() => getLatestTaskActivity(task), [task]);
     const resolvedReadOnlyMode = readOnlyMode || (task.isDeleted ? 'deleted' : (isArchived ? 'archived' : null));
     const isReadOnly = resolvedReadOnlyMode !== null;
@@ -70,9 +82,7 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
         return undefined;
     }, [assigneeOptions, initiativeReferenceLabel, taskInitiative, taskWorkstream, workstreamReferenceLabel]);
     const latestActivityText = React.useMemo(() => summarizeTaskActivity(latestActivity, formatActivityFieldValue), [formatActivityFieldValue, latestActivity]);
-    const activityCount = Array.isArray(task.activity) && task.activity.length > 0
-        ? task.activity.length
-        : (task.comments?.length || 0);
+    const activityCount = React.useMemo(() => getTaskActivityItems(task).length, [task]);
     const cardClasses = [
         cardStyles.taskItem,
         task.status === 'on-hold' ? cardStyles.onHold : '',
@@ -286,29 +296,10 @@ const TaskCardInner = ({ task, searchQuery = '', copiedId = null, taxonomies = [
                                                     borderColor: `color-mix(in srgb, ${complexityColor}, transparent 72%)`,
                                                     gap: '4px',
                                                     padding: '0 8px'
-                                                }, children: [_jsx(Gauge, { size: 14 }), !compressed && _jsx("span", { children: complexityLabel })] }), _jsx("span", { className: styles.metaBadge, title: `Assigned to: ${assigneeLabel}`, "aria-label": assigneeKind === 'unassigned' ? 'Unassigned' : `Assigned to ${assigneeLabel}`, style: {
-                                                    backgroundColor: assigneeKind === 'agent'
-                                                        ? 'color-mix(in srgb, var(--color-violet-500, #8b5cf6), transparent 88%)'
-                                                        : assigneeKind === 'member'
-                                                            ? 'color-mix(in srgb, var(--color-green-500, #22c55e), transparent 88%)'
-                                                            : 'color-mix(in srgb, var(--text-secondary, #888), transparent 88%)',
-                                                    padding: '0 8px',
-                                                    color: assigneeKind === 'agent'
-                                                        ? 'var(--color-violet-500, #8b5cf6)'
-                                                        : assigneeKind === 'member'
-                                                            ? 'var(--color-green-500, #22c55e)'
-                                                            : 'var(--text-secondary, #888)',
-                                                    borderColor: assigneeKind === 'agent'
-                                                        ? 'color-mix(in srgb, var(--color-violet-500, #8b5cf6), transparent 72%)'
-                                                        : assigneeKind === 'member'
-                                                            ? 'color-mix(in srgb, var(--color-green-500, #22c55e), transparent 72%)'
-                                                            : 'color-mix(in srgb, var(--text-secondary, #888), transparent 70%)',
-                                                    display: 'flex',
-                                                    alignItems: 'center'
-                                                }, children: assigneeKind === 'agent'
-                                                    ? _jsx(Bot, { size: compressed ? 14 : 16 })
+                                                }, children: [_jsx(Gauge, { size: 14 }), !compressed && _jsx("span", { children: complexityLabel })] }), _jsx("span", { className: `${cardStyles.assigneeAvatarIndicator} ${assigneeKind === 'unassigned' ? cardStyles.assigneeAvatarEmpty : ''}`, title: `Assigned to: ${assigneeLabel}`, "aria-label": assigneeKind === 'unassigned' ? 'Unassigned' : `Assigned to ${assigneeLabel}`, style: { '--assignee-avatar-color': assigneeAvatarAccent }, children: assigneeAvatarUrl ? (_jsx("img", { src: assigneeAvatarUrl, alt: "", className: cardStyles.assigneeAvatarImage })) : assigneeKind === 'agent'
+                                                    ? _jsx(Bot, { size: compressed ? 18 : 20 })
                                                     : assigneeKind === 'member'
-                                                        ? _jsx(User, { size: compressed ? 14 : 16 })
-                                                        : _jsx(HelpCircle, { size: compressed ? 14 : 16 }) })] })] }) })) })] })] }));
+                                                        ? _jsx(User, { size: compressed ? 18 : 20 })
+                                                        : null })] })] }) })) })] })] }));
 };
 export const TaskCard = React.memo(TaskCardInner);