@taskforcehq/taskforce 0.3.306 → 0.3.308

package/dist/components/views/StandaloneLayout.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useMemo, useCallback, useState, useEffect, useRef, Suspense } from 'react';
 import { createPortal } from 'react-dom';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { Settings, Plus, Filter, Layers, User, Maximize2, Minimize2, Check, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, AlertTriangle, Save, Loader2, Folder, FileText, LogOut, NotebookTabs, ClipboardCheck, Cloud, CloudOff, Users, ClockAlert, ChevronsUp, ChevronsDown, EyeOff, Zap, HelpCircle, Bot, Image, Workflow } from 'lucide-react';
+import { Settings, Plus, Filter, Layers, User, Maximize2, Minimize2, Check, ChevronLeft, ArrowUp, ArrowDown, ArrowUpDown, AlertTriangle, Save, Loader2, Folder, FileText, LogOut, NotebookTabs, ClipboardCheck, Cloud, CloudOff, Users, ClockAlert, ChevronsUp, ChevronsDown, EyeOff, Zap, HelpCircle, Bot, Image, Workflow, Plug } from 'lucide-react';
 import { STATUS_OPTIONS, getStatusDefinition } from '../../utils/constants';
 import styles from '../../Taskforce.module.css';
 import shellStyles from './WorkspaceShell.module.css';
@@ -29,6 +29,7 @@ import { resolveDraftDefaultsForGrouping } from '../../utils/taskDraftDefaults';
 import { formatDate } from '../../utils/formatting';
 import { resolveHeaderWorkspaceSyncPresentation } from '../../utils/workspaceSyncPresentation';
 import { getTaskReferenceLabel, parseTaskReference } from '../../utils/taskReferences';
+import { normalizeTaskSearchQuery, taskMatchesSearch } from '../../utils/taskSearch';
 import { formatInitiativeReference, formatWorkstreamReference, parseWorkstreamReference, resolveInitiativeReference } from '../../utils/planningReferences';
 import { DEFAULT_TYPE_VALUE } from '../../shared/taxonomyDefaults.js';
 import { getImageReferenceLabel } from '../../utils/imageReferences';
@@ -211,6 +212,9 @@ export function StandaloneLayout(props) {
     const [showFilters, setShowFilters] = useState(false);
     const [taskModalFullscreen, setTaskModalFullscreen] = useState(false);
     const [planningDrawerOpen, setPlanningDrawerOpen] = useState(false);
+    const [documentTrayOpen, setDocumentTrayOpen] = useState(true);
+    const [imageTrayOpen, setImageTrayOpen] = useState(true);
+    const [agentTrayOpen, setAgentTrayOpen] = useState(true);
     const [planningTreeCollapsed, setPlanningTreeCollapsed] = useState(false);
     const [planningPrimaryCollapsed, setPlanningPrimaryCollapsed] = useState(false);
     const [planningSecondaryCollapsed, setPlanningSecondaryCollapsed] = useState(false);
@@ -226,6 +230,10 @@ export function StandaloneLayout(props) {
     const [planningDraftOwner, setPlanningDraftOwner] = useState('');
     const [planningDraftInitiativeId, setPlanningDraftInitiativeId] = useState('');
     const [isSubmittingPlanningEditor, setIsSubmittingPlanningEditor] = useState(false);
+    const taskContextAttachmentDraftRef = useRef({
+        taskId: null,
+        attachments: [],
+    });
     const planningContextAttachmentDraftsRef = useRef(new Map());
     const planningContextAttachmentUpdateQueueRef = useRef(new Map());
     const [documentTypeFilters, setDocumentTypeFilters] = useState(() => DOCUMENT_TYPE_FILTER_OPTIONS.map((option) => option.value));
@@ -242,6 +250,27 @@ export function StandaloneLayout(props) {
     const requestedAnnotatedTargetRef = useRef(null);
     const requestedAnnotatedSessionIdRef = useRef(null);
     const annotatedImageReferenceFetchesRef = useRef(new Set());
+    useEffect(() => {
+        taskContextAttachmentDraftRef.current = {
+            taskId: editingTaskId || null,
+            attachments,
+        };
+    }, [editingTaskId, attachments]);
+    const updateTaskContextAttachments = useCallback((getNextAttachments) => {
+        const taskId = editingTaskId || null;
+        const draft = taskContextAttachmentDraftRef.current;
+        const currentAttachments = draft.taskId === taskId ? draft.attachments : attachments;
+        const nextAttachments = getNextAttachments(currentAttachments);
+        taskContextAttachmentDraftRef.current = {
+            taskId,
+            attachments: nextAttachments,
+        };
+        setAttachments(nextAttachments);
+        setAttachmentsDirty(true);
+        if (taskId) {
+            void handleUpdateTask(taskId, { attachments: nextAttachments });
+        }
+    }, [attachments, editingTaskId, handleUpdateTask, setAttachments, setAttachmentsDirty]);
     const workspaceUiStateHeaders = useMemo(() => {
         const headers = {};
         const workspaceIdHeader = String(currentWorkspaceId || '').trim();
@@ -252,7 +281,33 @@ export function StandaloneLayout(props) {
     }, [runtimeMode, currentWorkspaceId]);
     const layoutStateWorkspaceKey = useMemo(() => `${runtimeMode}:${String(currentWorkspaceId || 'default').trim() || 'default'}`, [runtimeMode, currentWorkspaceId]);
     const annotatedLayoutCacheKey = useMemo(() => `taskforce:annotate-layout:${layoutStateWorkspaceKey}`, [layoutStateWorkspaceKey]);
+    const taskOriginWorkspaceModuleKey = useMemo(() => `taskforce:task-origin-workspace-module:${layoutStateWorkspaceKey}`, [layoutStateWorkspaceKey]);
     const annotatedWorkspaceReady = useMemo(() => (runtimeMode === 'cloud' ? authSessionResolved : configLoaded), [authSessionResolved, configLoaded, runtimeMode]);
+    const openedTaskOriginWorkspaceModuleRef = useRef(false);
+    const taskOriginWorkspaceModuleRestoreHandledRef = useRef(false);
+    const rememberTaskOriginWorkspaceModule = useCallback((taskId) => {
+        const normalizedTaskId = String(taskId || '').trim();
+        if (!normalizedTaskId || typeof window === 'undefined')
+            return;
+        openedTaskOriginWorkspaceModuleRef.current = true;
+        try {
+            window.sessionStorage.setItem(taskOriginWorkspaceModuleKey, normalizedTaskId);
+        }
+        catch {
+            // ignore cache write failure
+        }
+    }, [taskOriginWorkspaceModuleKey]);
+    const clearTaskOriginWorkspaceModule = useCallback(() => {
+        openedTaskOriginWorkspaceModuleRef.current = false;
+        if (typeof window === 'undefined')
+            return;
+        try {
+            window.sessionStorage.removeItem(taskOriginWorkspaceModuleKey);
+        }
+        catch {
+            // ignore cache clear failure
+        }
+    }, [taskOriginWorkspaceModuleKey]);
     useEffect(() => {
         requestedAnnotatedTargetRef.current = requestedAnnotatedTarget;
     }, [requestedAnnotatedTarget]);
@@ -299,6 +354,7 @@ export function StandaloneLayout(props) {
                 pushNotice(documentsWorkspaceUnavailableMessage, 'error');
                 return;
             }
+            rememberTaskOriginWorkspaceModule(customEvent.detail?.taskId);
             setRequestedDocPath(fsPath || null);
             setRequestedDocAssetId(assetId);
             setActiveWorkspaceModule('docs');
@@ -307,7 +363,7 @@ export function StandaloneLayout(props) {
         return () => {
             window.removeEventListener('taskforce:open-markdown-document', handleOpenMarkdownDocument);
         };
-    }, [documentsWorkspaceEnabled, documentsWorkspaceUnavailableMessage, pushNotice, setActiveWorkspaceModule]);
+    }, [documentsWorkspaceEnabled, documentsWorkspaceUnavailableMessage, pushNotice, rememberTaskOriginWorkspaceModule, setActiveWorkspaceModule]);
     useEffect(() => {
         if (resolvedWorkspaceModule !== activeWorkspaceModule) {
             setActiveWorkspaceModule(resolvedWorkspaceModule);
@@ -338,6 +394,29 @@ export function StandaloneLayout(props) {
             // ignore cache read failure
         }
     }, [annotatedLayoutCacheKey]);
+    useEffect(() => {
+        if (taskOriginWorkspaceModuleRestoreHandledRef.current)
+            return;
+        if (resolvedWorkspaceModule !== 'docs' && resolvedWorkspaceModule !== 'annotate')
+            return;
+        taskOriginWorkspaceModuleRestoreHandledRef.current = true;
+        if (openedTaskOriginWorkspaceModuleRef.current || typeof window === 'undefined')
+            return;
+        try {
+            const taskId = String(window.sessionStorage.getItem(taskOriginWorkspaceModuleKey) || '').trim();
+            if (!taskId)
+                return;
+            window.sessionStorage.removeItem(taskOriginWorkspaceModuleKey);
+            setActiveWorkspaceModule('tasks');
+        }
+        catch {
+            // ignore cache read failure
+        }
+    }, [resolvedWorkspaceModule, setActiveWorkspaceModule, taskOriginWorkspaceModuleKey]);
+    useEffect(() => {
+        taskOriginWorkspaceModuleRestoreHandledRef.current = false;
+        openedTaskOriginWorkspaceModuleRef.current = false;
+    }, [taskOriginWorkspaceModuleKey]);
     useEffect(() => {
         if (loadedLayoutStateWorkspaceRef.current === layoutStateWorkspaceKey)
             return;
@@ -387,6 +466,15 @@ export function StandaloneLayout(props) {
                 if (typeof state.planningDrawerOpen === 'boolean') {
                     setPlanningDrawerOpen(state.planningDrawerOpen);
                 }
+                if (typeof state.documentTrayOpen === 'boolean') {
+                    setDocumentTrayOpen(state.documentTrayOpen);
+                }
+                if (typeof state.imageTrayOpen === 'boolean') {
+                    setImageTrayOpen(state.imageTrayOpen);
+                }
+                if (typeof state.agentTrayOpen === 'boolean') {
+                    setAgentTrayOpen(state.agentTrayOpen);
+                }
                 if (typeof state.planningTreeCollapsed === 'boolean') {
                     setPlanningTreeCollapsed(state.planningTreeCollapsed);
                 }
@@ -462,6 +550,9 @@ export function StandaloneLayout(props) {
                         showFilters,
                         documentTypeFilters,
                         documentAttachmentFilters,
+                        documentTrayOpen,
+                        imageTrayOpen,
+                        agentTrayOpen,
                         planningDrawerOpen,
                         planningTreeCollapsed,
                         planningPrimaryCollapsed,
@@ -491,6 +582,9 @@ export function StandaloneLayout(props) {
         showFilters,
         documentTypeFilters,
         documentAttachmentFilters,
+        documentTrayOpen,
+        imageTrayOpen,
+        agentTrayOpen,
         planningDrawerOpen,
         planningTreeCollapsed,
         planningPrimaryCollapsed,
@@ -568,6 +662,7 @@ export function StandaloneLayout(props) {
             setRequestedAnnotatedTarget(detail);
             setRequestedAnnotatedSessionId(null);
             setRequestedAnnotatedOpenVersion((current) => current + 1);
+            rememberTaskOriginWorkspaceModule(detail.taskId);
             setActiveWorkspaceModule('annotate');
         };
         window.addEventListener('taskforce:open-annotated-attachment', handleOpenAnnotatedAttachment);
@@ -579,6 +674,7 @@ export function StandaloneLayout(props) {
         annotatedAttachmentsWorkspaceEnabled,
         annotatedAttachmentsWorkspaceUnavailableMessage,
         pushNotice,
+        rememberTaskOriginWorkspaceModule,
         setActiveWorkspaceModule
     ]);
     useEffect(() => {
@@ -674,7 +770,14 @@ export function StandaloneLayout(props) {
     }, [props.deletedTasks]);
     const filteredDeletedTasks = useMemo(() => {
         const deletedTasks = deletedScopeAllTasks;
-        const searchNeedle = searchQuery.trim().toLowerCase();
+        const normalizedSearch = normalizeTaskSearchQuery(searchQuery);
+        const searchContext = {
+            categories: activeCategories,
+            types: activeTypes,
+            priorities,
+            assigneeOptions: props.assigneeOptions,
+            taxonomies
+        };
         const allCategoriesSelected = activeCategories.every((taskCategory) => filterCategories.includes(taskCategory.value));
         const allTypesSelected = activeTypes.every((taskType) => filterTypes.includes(taskType.value));
         const selectedPriorities = new Set(filterPriorities.map((value) => String(value)));
@@ -682,12 +785,7 @@ export function StandaloneLayout(props) {
         const selectedStatuses = new Set(filterStatus.map((value) => String(value)));
         const allStatusesSelected = STATUS_OPTIONS.every((statusOption) => selectedStatuses.has(String(statusOption.value)));
         return deletedTasks.filter((task) => {
-            const referenceLabel = (getTaskReferenceLabel(task) || task.id).toLowerCase();
-            const matchesSearch = !searchNeedle
-                || task.title.toLowerCase().includes(searchNeedle)
-                || String(task.description || '').toLowerCase().includes(searchNeedle)
-                || task.id.toLowerCase().includes(searchNeedle)
-                || referenceLabel.includes(searchNeedle);
+            const matchesSearch = taskMatchesSearch(task, normalizedSearch, searchContext);
             const matchesCategory = allCategoriesSelected || filterCategories.includes(task.category);
             const matchesType = allTypesSelected || filterTypes.includes(task.type || DEFAULT_TYPE_VALUE);
             const matchesPriority = allPrioritiesSelected || selectedPriorities.has(String(task.priority));
@@ -781,6 +879,11 @@ export function StandaloneLayout(props) {
             : taskScope === 'deleted'
                 ? deletedScopeAllTasks
                 : props.tasks.filter((task) => !task.isArchived);
+        const planningPreviewTasks = taskScope === 'deleted'
+            ? deletedScopeAllTasks
+            : Array.from([...props.tasks, ...archivedScopeAllTasks]
+                .reduce((map, task) => map.set(task.id, task), new Map())
+                .values());
         const summarizeTaskCounts = (taskCount, completedTaskCount) => {
             return {
                 progressPercent: taskCount > 0 ? Math.round((completedTaskCount / taskCount) * 100) : 0,
@@ -792,9 +895,11 @@ export function StandaloneLayout(props) {
             && props.planningBootstrapTaskSummaries.length > 0
             && (props.loadingTasks || props.tasks.length === 0);
         const workstreamTaskSummaryById = new Map();
+        const workstreamTaskPreviewsById = new Map();
         if (useBootstrapTaskSummaries) {
             props.planningBootstrapTaskSummaries.forEach((summary) => {
                 workstreamTaskSummaryById.set(summary.workstreamId, summary);
+                workstreamTaskPreviewsById.set(summary.workstreamId, summary.tasks || []);
             });
         }
         else {
@@ -812,13 +917,21 @@ export function StandaloneLayout(props) {
                 if (task.isArchived || task.status === 'done' || task.status === 'cancelled') {
                     current.completedTaskCount += 1;
                 }
-                current.tasks.push({
+                workstreamTaskSummaryById.set(workstreamId, current);
+            });
+            planningPreviewTasks.forEach((task) => {
+                const workstreamId = String(task.workstreamId || '').trim();
+                if (!workstreamId)
+                    return;
+                const current = workstreamTaskPreviewsById.get(workstreamId) || [];
+                current.push({
                     id: task.id,
                     referenceNumber: task.referenceNumber ?? null,
                     title: task.title,
                     status: task.status || null,
+                    isArchived: Boolean(task.isArchived),
                 });
-                workstreamTaskSummaryById.set(workstreamId, current);
+                workstreamTaskPreviewsById.set(workstreamId, current);
             });
         }
         const workstreamTaskIds = new Map();
@@ -827,12 +940,13 @@ export function StandaloneLayout(props) {
         const workstreamsByInitiativeId = new Map();
         const buildWorkstreamSummary = (workstream) => {
             const taskSummary = workstreamTaskSummaryById.get(workstream.id);
-            const taskPreviews = taskSummary?.tasks || [];
+            const taskPreviews = workstreamTaskPreviewsById.get(workstream.id) || taskSummary?.tasks || [];
             const summary = {
                 id: workstream.id,
                 referenceNumber: workstream.referenceNumber ?? null,
                 title: workstream.title,
                 description: String(workstream.description || '').trim() || undefined,
+                ownerId: workstream.ownerId ? String(workstream.ownerId) : null,
                 ownerLabel: workstream.ownerId ? assigneeLabelByValue.get(String(workstream.ownerId)) || String(workstream.ownerId) : null,
                 ...summarizeTaskCounts(taskSummary?.taskCount || 0, taskSummary?.completedTaskCount || 0),
                 initiativeId: workstream.initiativeId || null,
@@ -854,7 +968,8 @@ export function StandaloneLayout(props) {
         const allWorkstreamSummaries = props.workstreams.map(buildWorkstreamSummary);
         const scopedWorkstreamSummaries = allWorkstreamSummaries.filter((workstream) => (isPlanningEntityVisibleForScope(taskScope, Boolean(workstream.isArchived))));
         const allInitiatives = props.initiatives.map((initiative) => {
-            const workstreams = (workstreamsByInitiativeId.get(initiative.id) || [])
+            const allWorkstreamsForInitiative = workstreamsByInitiativeId.get(initiative.id) || [];
+            const workstreams = allWorkstreamsForInitiative
                 .filter((workstream) => isPlanningEntityVisibleForScope(taskScope, Boolean(workstream.isArchived)));
             const taskCount = workstreams.reduce((sum, workstream) => sum + workstream.taskCount, 0);
             const completedTaskCount = workstreams.reduce((sum, workstream) => sum + workstream.completedTaskCount, 0);
@@ -863,10 +978,12 @@ export function StandaloneLayout(props) {
                 referenceNumber: initiative.referenceNumber ?? null,
                 title: initiative.title,
                 description: String(initiative.description || '').trim() || undefined,
+                ownerId: initiative.ownerId ? String(initiative.ownerId) : null,
                 ownerLabel: initiative.ownerId ? assigneeLabelByValue.get(String(initiative.ownerId)) || String(initiative.ownerId) : null,
                 ...summarizeTaskCounts(taskCount, completedTaskCount),
                 workstreamCount: workstreams.length,
                 workstreams,
+                allWorkstreams: allWorkstreamsForInitiative,
                 commentCount: Array.isArray(initiative.comments) ? initiative.comments.length : 0,
                 attachmentCount: Array.isArray(initiative.attachments) ? initiative.attachments.length : 0,
                 attachments: Array.isArray(initiative.attachments) ? initiative.attachments : [],
@@ -875,12 +992,14 @@ export function StandaloneLayout(props) {
             return initiativeSummary;
         });
         const { initiatives, standaloneWorkstreams, visibleWorkstreams, initiativeById, workstreamById, } = scopePlanningSummaries(allInitiatives, scopedWorkstreamSummaries, taskScope);
+        const allStandaloneWorkstreams = allWorkstreamSummaries.filter((workstream) => !workstream.initiativeId);
         initiatives.forEach((initiative) => {
             initiativeTaskIds.set(initiative.id, initiative.workstreams.flatMap((workstream) => (workstream.tasks || []).map((task) => task.id)));
         });
         return {
             initiatives,
             standaloneWorkstreams,
+            allStandaloneWorkstreams,
             workstreamTaskIds,
             workstreamInitiativeIds,
             initiativeTaskIds,
@@ -1829,6 +1948,39 @@ export function StandaloneLayout(props) {
         props,
         pushNotice
     ]);
+    const handleOpenKanbanFromBrand = useCallback(() => {
+        if (isPlansScreen) {
+            void handlePlansBack();
+            return;
+        }
+        handleNavigation(() => {
+            clearTaskOriginWorkspaceModule();
+            setActiveWorkspaceModule('tasks');
+            setPlanningDrawerOpen(false);
+            setPlanningDrawerDetail(null);
+            setPlanningNestedWorkstreamDetailId(null);
+            setPlanningEditor(null);
+            setTaskModalFullscreen(false);
+            if (activeTab === 'add')
+                resetForm();
+            setActiveTab('tasks');
+            if (location.pathname !== '/' || location.search) {
+                navigate('/');
+            }
+        });
+    }, [
+        activeTab,
+        clearTaskOriginWorkspaceModule,
+        handleNavigation,
+        handlePlansBack,
+        isPlansScreen,
+        location.pathname,
+        location.search,
+        navigate,
+        resetForm,
+        setActiveTab,
+        setActiveWorkspaceModule,
+    ]);
     const handleSwitchWorkspace = useCallback(async (workspaceId) => {
         if (!workspaceId || workspaceActionBusy)
             return;
@@ -2495,13 +2647,6 @@ export function StandaloneLayout(props) {
         setPlanningSecondaryCollapsed(false);
         setPlanningNestedWorkstreamDetailId(workstreamId);
     }, []);
-    const ownerValueByLabel = useMemo(() => {
-        const map = new Map();
-        assigneeOptions.forEach((option) => {
-            map.set(option.label, String(option.value));
-        });
-        return map;
-    }, [assigneeOptions]);
     const openPlanningCreateEditor = useCallback((type, initiativeId) => {
         if (type === 'workstream' && initiativeId) {
             openPlanningSecondaryEditor({ mode: 'create', entityType: 'workstream' }, initiativeId);
@@ -2523,7 +2668,7 @@ export function StandaloneLayout(props) {
             setPlanningEditor({ mode: 'edit', entityType: 'initiative', targetId: id });
             setPlanningDraftTitle(item.title);
             setPlanningDraftDescription(item.description || '');
-            setPlanningDraftOwner(item.ownerLabel ? (ownerValueByLabel.get(item.ownerLabel) || '') : '');
+            setPlanningDraftOwner(item.ownerId ? String(item.ownerId) : '');
             setPlanningDraftInitiativeId('');
         }
         else {
@@ -2534,12 +2679,12 @@ export function StandaloneLayout(props) {
             setPlanningEditor({ mode: 'edit', entityType: 'workstream', targetId: id });
             setPlanningDraftTitle(item.title);
             setPlanningDraftDescription(item.description || '');
-            setPlanningDraftOwner(item.ownerLabel ? (ownerValueByLabel.get(item.ownerLabel) || '') : '');
+            setPlanningDraftOwner(item.ownerId ? String(item.ownerId) : '');
             const initiative = item.initiativeId ? planningStructure.initiativeById.get(item.initiativeId) || null : null;
             setPlanningDraftInitiativeId(initiative ? formatInitiativeReference(initiative) : '');
         }
         setPlanningNestedWorkstreamDetailId(null);
-    }, [ownerValueByLabel, planningStructure.initiativeById, planningStructure.standaloneWorkstreams, planningStructure.workstreamById]);
+    }, [planningStructure.initiativeById, planningStructure.standaloneWorkstreams, planningStructure.workstreamById]);
     const handleAssignInitiativeToWorkstream = useCallback(async (workstreamId, initiativeReferenceOverride) => {
         const workstream = props.workstreams.find((item) => item.id === workstreamId);
         if (!workstream) {
@@ -2710,8 +2855,10 @@ export function StandaloneLayout(props) {
             pushNotice(`${unavailableLabel} is not available in this build yet.`, 'error');
             return;
         }
+        clearTaskOriginWorkspaceModule();
         setActiveWorkspaceModule(nextModule);
     }, [
+        clearTaskOriginWorkspaceModule,
         pushNotice,
         setActiveWorkspaceModule,
         workspaceModules,
@@ -2731,10 +2878,40 @@ export function StandaloneLayout(props) {
         }
         setPlanningDrawerOpen((current) => !current);
     }, [planningDrawerOpen, resolvedWorkspaceModule, setActiveWorkspaceModule]);
+    const handleDocumentTrayToggle = useCallback(() => {
+        if (resolvedWorkspaceModule !== 'docs') {
+            setActiveWorkspaceModule('docs');
+            setDocumentTrayOpen(true);
+            return;
+        }
+        setDocumentTrayOpen((current) => !current);
+    }, [resolvedWorkspaceModule, setActiveWorkspaceModule]);
+    const handleImageTrayToggle = useCallback(() => {
+        if (resolvedWorkspaceModule !== 'annotate') {
+            setActiveWorkspaceModule('annotate');
+            setImageTrayOpen(true);
+            return;
+        }
+        setImageTrayOpen((current) => !current);
+    }, [resolvedWorkspaceModule, setActiveWorkspaceModule]);
+    const handleAgentTrayToggle = useCallback(() => {
+        if (resolvedWorkspaceModule !== 'agents') {
+            setActiveWorkspaceModule('agents');
+            setAgentTrayOpen(true);
+            return;
+        }
+        setAgentTrayOpen((current) => !current);
+    }, [resolvedWorkspaceModule, setActiveWorkspaceModule]);
     const handleBackToTaskFromAnnotatedAttachment = useCallback((taskId) => {
+        clearTaskOriginWorkspaceModule();
+        setActiveWorkspaceModule('tasks');
+        handleOpenTaskById(taskId);
+    }, [clearTaskOriginWorkspaceModule, handleOpenTaskById, setActiveWorkspaceModule]);
+    const handleBackToTaskFromDocument = useCallback((taskId) => {
+        clearTaskOriginWorkspaceModule();
         setActiveWorkspaceModule('tasks');
         handleOpenTaskById(taskId);
-    }, [handleOpenTaskById, setActiveWorkspaceModule]);
+    }, [clearTaskOriginWorkspaceModule, handleOpenTaskById, setActiveWorkspaceModule]);
     const handleAnnotatedAttachmentOpenTarget = useCallback((target, options) => {
         setRequestedAnnotatedTarget(target);
         setRequestedAnnotatedSessionId(options?.sessionId ?? null);
@@ -2925,18 +3102,45 @@ export function StandaloneLayout(props) {
             workflows: _jsx(Workflow, { size: 18 }),
             agents: _jsx(Bot, { size: 18 }),
         };
-        return (_jsxs("aside", { className: shellStyles.workspaceToolRail, "aria-label": "Workspace tools", children: [_jsxs("div", { className: shellStyles.workspaceToolRailMain, children: [_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${(resolvedWorkspaceModule === 'tasks' && planningDrawerOpen) ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: handlePlanningToolToggle, title: resolvedWorkspaceModule === 'tasks' && planningDrawerOpen ? 'Collapse planning trays' : 'Planning', "aria-label": resolvedWorkspaceModule === 'tasks' && planningDrawerOpen ? 'Collapse planning trays' : 'Planning', children: resolvedWorkspaceModule === 'tasks' && planningDrawerOpen ? _jsx(ChevronLeft, { size: 18 }) : _jsx(NotebookTabs, { size: 18 }) }), _jsx("div", { className: shellStyles.workspaceToolRailDivider }), workspaceToolModules.map((module) => (_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${resolvedWorkspaceModule === module.id ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: () => handleModuleChange(module.id), title: module.label, "aria-label": module.label, children: moduleIcons[module.id] }, module.id)))] }), _jsxs("div", { className: shellStyles.workspaceToolRailBottom, children: [_jsx("div", { className: shellStyles.workspaceToolRailDivider }), _jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${activeTab === 'settings' ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: () => {
+        const trayButtonDisabledClass = shellStyles.workspaceToolButtonDisabled || '';
+        const workspaceTrayButton = (() => {
+            if (resolvedWorkspaceModule === 'docs') {
+                return (_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${documentTrayOpen ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: handleDocumentTrayToggle, title: documentTrayOpen ? 'Collapse document tray' : 'Document tray', "aria-label": documentTrayOpen ? 'Collapse document tray' : 'Document tray', children: documentTrayOpen ? _jsx(ChevronLeft, { size: 18 }) : _jsx(Folder, { size: 18 }) }));
+            }
+            if (resolvedWorkspaceModule === 'annotate') {
+                return (_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${imageTrayOpen ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: handleImageTrayToggle, title: imageTrayOpen ? 'Collapse image tray' : 'Image tray', "aria-label": imageTrayOpen ? 'Collapse image tray' : 'Image tray', children: imageTrayOpen ? _jsx(ChevronLeft, { size: 18 }) : _jsx(Folder, { size: 18 }) }));
+            }
+            if (resolvedWorkspaceModule === 'agents') {
+                return (_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${agentTrayOpen ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: handleAgentTrayToggle, title: agentTrayOpen ? 'Collapse agent tray' : 'MCP settings tray', "aria-label": agentTrayOpen ? 'Collapse agent tray' : 'MCP settings tray', children: agentTrayOpen ? _jsx(ChevronLeft, { size: 18 }) : _jsx(Plug, { size: 18 }) }));
+            }
+            if (resolvedWorkspaceModule === 'workflows') {
+                return (_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${trayButtonDisabledClass}`.trim(), title: "Workflow tray coming soon", "aria-label": "Workflow tray coming soon", disabled: true, children: _jsx(Workflow, { size: 18 }) }));
+            }
+            return (_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${(resolvedWorkspaceModule === 'tasks' && planningDrawerOpen) ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: handlePlanningToolToggle, title: resolvedWorkspaceModule === 'tasks' && planningDrawerOpen ? 'Collapse planning trays' : 'Planning', "aria-label": resolvedWorkspaceModule === 'tasks' && planningDrawerOpen ? 'Collapse planning trays' : 'Planning', children: resolvedWorkspaceModule === 'tasks' && planningDrawerOpen ? _jsx(ChevronLeft, { size: 18 }) : _jsx(NotebookTabs, { size: 18 }) }));
+        })();
+        return (_jsxs("aside", { className: shellStyles.workspaceToolRail, "aria-label": "Workspace tools", children: [_jsxs("div", { className: shellStyles.workspaceToolRailMain, children: [workspaceTrayButton, _jsx("div", { className: shellStyles.workspaceToolRailDivider }), workspaceToolModules.map((module) => (_jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${resolvedWorkspaceModule === module.id ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: () => handleModuleChange(module.id), title: module.label, "aria-label": module.label, children: moduleIcons[module.id] }, module.id)))] }), _jsxs("div", { className: shellStyles.workspaceToolRailBottom, children: [_jsx("div", { className: shellStyles.workspaceToolRailDivider }), _jsx("button", { type: "button", className: `${shellStyles.workspaceToolButton} ${activeTab === 'settings' ? shellStyles.workspaceToolButtonActive : ''}`.trim(), onClick: () => {
                                 setSettingsSection('general');
                                 setActiveTab('settings');
                             }, title: "Workspace Settings", "aria-label": "Workspace Settings", children: _jsx(Settings, { size: 18 }) })] })] }));
-    }, [activeTab, handleModuleChange, handlePlanningToolToggle, planningDrawerOpen, resolvedWorkspaceModule, setSettingsSection, setActiveTab, workspaceToolModules]);
-    const planningDrawerPortalRef = useRef(null);
-    const planningDrawerNode = (_jsx(PlanningDrawer, { open: planningDrawerOpen, leftOffset: WORKSPACE_TOOL_RAIL_WIDTH, initiatives: planningStructure.initiatives, standaloneWorkstreams: planningStructure.standaloneWorkstreams, activeInitiativeId: selectedPlanningInitiativeId, activeWorkstreamId: selectedPlanningWorkstreamId, expandedInitiativeIds: expandedPlanningInitiativeIds, detail: planningDrawerItem, editor: planningEditor, secondaryPane: planningSecondaryPane, currentWorkspaceId: currentWorkspaceId, assigneeOptions: assigneeOptions.map((option) => ({ value: String(option.value), label: option.label })), draftInitiativeSummary: planningDraftInitiativeSummary, draftTitle: planningDraftTitle, draftDescription: planningDraftDescription, draftOwner: planningDraftOwner, draftInitiativeId: planningDraftInitiativeId, onChangeDraftTitle: setPlanningDraftTitle, onChangeDraftDescription: setPlanningDraftDescription, onChangeDraftOwner: setPlanningDraftOwner, onChangeDraftInitiativeId: setPlanningDraftInitiativeId, onCollapseTreePane: () => setPlanningTreeCollapsed(true), onExpandTreePane: () => setPlanningTreeCollapsed(false), onCollapsePrimaryPane: () => setPlanningPrimaryCollapsed(true), onExpandPrimaryPane: () => setPlanningPrimaryCollapsed(false), onCollapseSecondaryPane: () => setPlanningSecondaryCollapsed(true), onExpandSecondaryPane: () => setPlanningSecondaryCollapsed(false), onBackFromSecondary: () => {
+    }, [activeTab, agentTrayOpen, documentTrayOpen, handleAgentTrayToggle, handleDocumentTrayToggle, handleImageTrayToggle, handleModuleChange, handlePlanningToolToggle, imageTrayOpen, planningDrawerOpen, resolvedWorkspaceModule, setSettingsSection, setActiveTab, workspaceToolModules]);
+    const [planningDrawerPortalElement, setPlanningDrawerPortalElement] = useState(null);
+    const setPlanningDrawerPortalRef = useCallback((node) => {
+        setPlanningDrawerPortalElement(node);
+    }, []);
+    const planningDrawerNode = (_jsx(PlanningDrawer, { open: planningDrawerOpen, leftOffset: WORKSPACE_TOOL_RAIL_WIDTH, initiatives: planningStructure.initiatives, standaloneWorkstreams: planningStructure.standaloneWorkstreams, allStandaloneWorkstreams: planningStructure.allStandaloneWorkstreams, activeInitiativeId: selectedPlanningInitiativeId, activeWorkstreamId: selectedPlanningWorkstreamId, expandedInitiativeIds: expandedPlanningInitiativeIds, detail: planningDrawerItem, editor: planningEditor, secondaryPane: planningSecondaryPane, currentWorkspaceId: currentWorkspaceId, assigneeOptions: assigneeOptions.map((option) => ({
+            value: String(option.value),
+            label: option.label,
+            kind: option.kind,
+            username: option.username ?? null,
+            archivedAt: option.archivedAt ?? null
+        })), draftInitiativeSummary: planningDraftInitiativeSummary, draftTitle: planningDraftTitle, draftDescription: planningDraftDescription, draftOwner: planningDraftOwner, draftInitiativeId: planningDraftInitiativeId, onChangeDraftTitle: setPlanningDraftTitle, onChangeDraftDescription: setPlanningDraftDescription, onChangeDraftOwner: setPlanningDraftOwner, onChangeDraftInitiativeId: setPlanningDraftInitiativeId, onCollapseTreePane: () => setPlanningTreeCollapsed(true), onExpandTreePane: () => setPlanningTreeCollapsed(false), onCollapsePrimaryPane: () => setPlanningPrimaryCollapsed(true), onExpandPrimaryPane: () => setPlanningPrimaryCollapsed(false), onCollapseSecondaryPane: () => setPlanningSecondaryCollapsed(true), onExpandSecondaryPane: () => setPlanningSecondaryCollapsed(false), onBackFromSecondary: () => {
             planningEditorSubmitInFlightRef.current = false;
             setIsSubmittingPlanningEditor(false);
             setPlanningSecondaryEditor(null);
             setPlanningNestedWorkstreamDetailId(null);
-        }, treeCollapsed: planningTreeCollapsed, primaryCollapsed: planningPrimaryCollapsed, secondaryCollapsed: planningSecondaryCollapsed, onCancelEditor: closePlanningEditor, onSubmitEditor: submitPlanningEditor, isSubmittingEditor: isSubmittingPlanningEditor, onCreateInitiative: () => openPlanningCreateEditor('initiative'), onCreateWorkstream: () => openPlanningCreateEditor('workstream'), onCreateTaskInWorkstream: openAddTaskModalForWorkstream, onCreateWorkstreamInInitiative: (initiativeId) => openPlanningCreateEditor('workstream', initiativeId), onAssignInitiativeToWorkstream: handleAssignInitiativeToWorkstream, onOpenTaskById: handleOpenTaskById, onAttachTaskToWorkstreamByReference: handleAttachTaskToWorkstreamByReference, onAttachWorkstreamToInitiativeByReference: handleAttachWorkstreamToInitiativeByReference, onAddPlanningContextFile: handleAddPlanningContextFile, onRemovePlanningContextFile: handleRemovePlanningContextFile, onUpdatePlanningContextCaption: handleUpdatePlanningContextCaption, onToggleInitiative: togglePlanningInitiative, onSelectInitiative: selectPlanningInitiative, onSelectWorkstream: selectPlanningWorkstream, onOpenInitiativeDetails: openInitiativeDetails, onOpenWorkstreamDetails: openWorkstreamDetails, onOpenNestedWorkstreamDetails: openNestedWorkstreamDetails, onEditInitiative: (initiativeId) => openPlanningEditDialog('initiative', initiativeId), onEditWorkstream: (workstreamId) => openPlanningEditDialog('workstream', workstreamId), onArchiveInitiative: (initiativeId) => {
+        }, treeCollapsed: planningTreeCollapsed, primaryCollapsed: planningPrimaryCollapsed, secondaryCollapsed: planningSecondaryCollapsed, onCancelEditor: closePlanningEditor, onSubmitEditor: submitPlanningEditor, isSubmittingEditor: isSubmittingPlanningEditor, onCreateInitiative: () => openPlanningCreateEditor('initiative'), onCreateWorkstream: () => openPlanningCreateEditor('workstream'), onCreateTaskInWorkstream: openAddTaskModalForWorkstream, onCreateWorkstreamInInitiative: (initiativeId) => openPlanningCreateEditor('workstream', initiativeId), onAssignInitiativeToWorkstream: handleAssignInitiativeToWorkstream, onOpenTaskById: handleOpenTaskById, onRemoveTaskFromWorkstream: (taskId) => {
+            void handleAssignTaskToWorkstream(taskId, null);
+        }, onAttachTaskToWorkstreamByReference: handleAttachTaskToWorkstreamByReference, onAttachWorkstreamToInitiativeByReference: handleAttachWorkstreamToInitiativeByReference, onAddPlanningContextFile: handleAddPlanningContextFile, onRemovePlanningContextFile: handleRemovePlanningContextFile, onUpdatePlanningContextCaption: handleUpdatePlanningContextCaption, onToggleInitiative: togglePlanningInitiative, onSelectInitiative: selectPlanningInitiative, onSelectWorkstream: selectPlanningWorkstream, onOpenInitiativeDetails: openInitiativeDetails, onOpenWorkstreamDetails: openWorkstreamDetails, onOpenNestedWorkstreamDetails: openNestedWorkstreamDetails, onEditInitiative: (initiativeId) => openPlanningEditDialog('initiative', initiativeId), onEditWorkstream: (workstreamId) => openPlanningEditDialog('workstream', workstreamId), onArchiveInitiative: (initiativeId) => {
             void props.archiveInitiative(initiativeId).then(() => {
                 pushNotice('Initiative archived', 'success');
             }).catch((error) => {
@@ -2971,7 +3175,7 @@ export function StandaloneLayout(props) {
     const workspacePrimaryAction = workspaceChromeDefinition.primaryAction
         ? primaryActionRegistry[workspaceChromeDefinition.primaryAction]
         : null;
-    return (_jsxs("div", { className: `${shellStyles.standaloneWrapper} ${zenMode ? styles.zenModeEnabled : ''}`, "data-theme": currentTheme, children: [_jsx(AppShellHeader, { projectName: projectName, currentWorkspaceId: currentWorkspaceId, runtimeMode: runtimeMode, theme: currentTheme, meta: (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.taskCountBadge, title: activeCountTitle, children: activeCountLabel }), normalizedAuthUserId && normalizedAuthUserId !== 'anonymous' && (_jsxs(_Fragment, { children: [_jsxs("span", { className: styles.taskCountBadge, title: "Tasks assigned to me", children: [_jsx(User, { size: 13, className: styles.taskCountBadgeIcon, "aria-hidden": "true" }), assignedTaskCount] }), _jsxs("span", { className: `${styles.taskCountBadge} ${assignedOverdueTaskCount > 0 ? styles.taskCountBadgeAlert : ''}`.trim(), title: "Tasks overdue", children: [_jsx(ClockAlert, { size: 13, className: styles.taskCountBadgeIcon, "aria-hidden": "true" }), assignedOverdueTaskCount] })] })), shouldShowSyncStatus && (_jsx("button", { className: "tf-control-icon", onClick: openSyncStatusModal, title: `Sync manager: ${syncStatusMeta.label} | Last success: ${formattedLastSyncTime}`, style: {
+    return (_jsxs("div", { className: `${shellStyles.standaloneWrapper} ${zenMode ? styles.zenModeEnabled : ''}`, "data-theme": currentTheme, children: [_jsx(AppShellHeader, { projectName: projectName, currentWorkspaceId: currentWorkspaceId, runtimeMode: runtimeMode, theme: currentTheme, onBrandClick: handleOpenKanbanFromBrand, meta: (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.taskCountBadge, title: activeCountTitle, children: activeCountLabel }), normalizedAuthUserId && normalizedAuthUserId !== 'anonymous' && (_jsxs(_Fragment, { children: [_jsxs("span", { className: styles.taskCountBadge, title: "Tasks assigned to me", children: [_jsx(User, { size: 13, className: styles.taskCountBadgeIcon, "aria-hidden": "true" }), assignedTaskCount] }), _jsxs("span", { className: `${styles.taskCountBadge} ${assignedOverdueTaskCount > 0 ? styles.taskCountBadgeAlert : ''}`.trim(), title: "Tasks overdue", children: [_jsx(ClockAlert, { size: 13, className: styles.taskCountBadgeIcon, "aria-hidden": "true" }), assignedOverdueTaskCount] })] })), shouldShowSyncStatus && (_jsx("button", { className: "tf-control-icon", onClick: openSyncStatusModal, title: `Sync manager: ${syncStatusMeta.label} | Last success: ${formattedLastSyncTime}`, style: {
                                 marginLeft: '6px',
                                 height: '24px',
                                 width: '24px',
@@ -2998,10 +3202,14 @@ export function StandaloneLayout(props) {
                     overflowX: 'hidden',
                     scrollbarGutter: 'stable',
                     background: 'var(--surface-page)'
-                }, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(PlansPage, { ...props, currentTheme: currentTheme, projectName: projectName, currentWorkspaceId: currentWorkspaceId, authUserId: authUserId, apiBaseUrl: apiBaseUrl, connectedEnvironmentSource: props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '', resolveCloudAuthUrl: resolveCloudAuthUrl, embedded: true, shellOwnsScroll: true, onAccountProfileSummaryChange: applyPlansAccountProfileSummary, onContinueToTaskforce: handlePlansBack, continueBusy: plansNavigationBusy }) }) })) : resolvedWorkspaceModule === 'docs' && documentsWorkspaceEnabled ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(DocumentWorkspaceShell, { tasks: tasks, runtimeMode: runtimeMode, apiBaseUrl: props.config?.apiBaseUrl || '', cloudAuthBaseUrl: props.config?.cloudAuthBaseUrl || '', typeFilters: documentTypeFilters, attachmentFilters: documentAttachmentFilters, onTypeFiltersChange: setDocumentTypeFilters, onAttachmentFiltersChange: setDocumentAttachmentFilters, requestedDocPath: requestedDocPath, requestedDocAssetId: requestedDocAssetId, onRequestedDocHandled: () => {
+                }, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(PlansPage, { ...props, currentTheme: currentTheme, projectName: projectName, currentWorkspaceId: currentWorkspaceId, authUserId: authUserId, apiBaseUrl: apiBaseUrl, connectedEnvironmentSource: props.config?.cloudAuthBaseUrl || props.config?.apiBaseUrl || '', resolveCloudAuthUrl: resolveCloudAuthUrl, embedded: true, shellOwnsScroll: true, onAccountProfileSummaryChange: applyPlansAccountProfileSummary, onContinueToTaskforce: handlePlansBack, continueBusy: plansNavigationBusy }) }) })) : resolvedWorkspaceModule === 'docs' && documentsWorkspaceEnabled ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(DocumentWorkspaceShell, { tasks: tasks, runtimeMode: runtimeMode, apiBaseUrl: props.config?.apiBaseUrl || '', cloudAuthBaseUrl: props.config?.cloudAuthBaseUrl || '', typeFilters: documentTypeFilters, attachmentFilters: documentAttachmentFilters, onTypeFiltersChange: setDocumentTypeFilters, onAttachmentFiltersChange: setDocumentAttachmentFilters, documentTrayOpen: documentTrayOpen, onCloseDocumentTray: () => setDocumentTrayOpen(false), requestedDocPath: requestedDocPath, requestedDocAssetId: requestedDocAssetId, onRequestedDocHandled: () => {
                                 setRequestedDocPath(null);
                                 setRequestedDocAssetId(null);
-                            }, enableTaskGeneration: true }) })] })) : resolvedWorkspaceModule === 'annotate' && annotatedAttachmentsWorkspaceEnabled ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(AnnotatedAttachmentWorkspaceShell, { runtimeMode: runtimeMode, apiBaseUrl: props.config?.apiBaseUrl || '', cloudAuthBaseUrl: props.config?.cloudAuthBaseUrl || '', workspaceId: currentWorkspaceId, sessionLoadReady: annotatedWorkspaceReady, requestedTarget: requestedAnnotatedTarget, requestedSessionId: requestedAnnotatedSessionId, requestedOpenVersion: requestedAnnotatedOpenVersion, resolveTaskReferenceLabel: resolveAnnotatedTaskReferenceLabel, resolveImageReferenceLabel: resolveAnnotatedImageReferenceLabel, onOpenTarget: handleAnnotatedAttachmentOpenTarget, onContextChange: handleAnnotatedAttachmentContextChange, onBackToTask: handleBackToTaskFromAnnotatedAttachment }) })] })) : resolvedWorkspaceModule === 'workflows' ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(WorkflowsModule, { availableWorkflows: availableWorkflows, availableEnvironments: availableEnvironments, exportEnvironment: exportEnvironment, exportWorkflowsPath: props.exportWorkflowsPath, exportingResource: exportingResource, exportResult: exportResult, onExportEnvironmentChange: props.setExportEnvironment, onExportWorkflows: onExportWorkflows, onRefreshWorkflows: fetchWorkflows, onFetchWorkflowTemplate: props.fetchWorkflowTemplate, onFetchWorkflowOverrideNames: props.fetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft: props.saveWorkflowTemplateDraft, onResetWorkflowTemplateDraft: props.resetWorkflowTemplateDraft }) })] })) : resolvedWorkspaceModule === 'agents' ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(AgentsModule, { workspaceId: currentWorkspaceId, cloudAuthConfigured: cloudAuthConfigured, authSessionResolved: authSessionResolved, isAuthenticated: isAuthenticated, cloudAiProfileSeatUsage: accountProfileSummary?.aiProfileSeatUsage ?? null }) })] })) : (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent} `, style: {
+                            }, onBackToTask: handleBackToTaskFromDocument, enableTaskGeneration: true }) })] })) : resolvedWorkspaceModule === 'annotate' && annotatedAttachmentsWorkspaceEnabled ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(AnnotatedAttachmentWorkspaceShell, { runtimeMode: runtimeMode, apiBaseUrl: props.config?.apiBaseUrl || '', cloudAuthBaseUrl: props.config?.cloudAuthBaseUrl || '', workspaceId: currentWorkspaceId, sessionLoadReady: annotatedWorkspaceReady, requestedTarget: requestedAnnotatedTarget, requestedSessionId: requestedAnnotatedSessionId, requestedOpenVersion: requestedAnnotatedOpenVersion, imageTrayOpen: imageTrayOpen, onCloseImageTray: () => setImageTrayOpen(false), resolveTaskReferenceLabel: resolveAnnotatedTaskReferenceLabel, resolveImageReferenceLabel: resolveAnnotatedImageReferenceLabel, onOpenTarget: handleAnnotatedAttachmentOpenTarget, onContextChange: handleAnnotatedAttachmentContextChange, onBackToTask: handleBackToTaskFromAnnotatedAttachment }) })] })) : resolvedWorkspaceModule === 'workflows' ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(WorkflowsModule, { availableWorkflows: availableWorkflows, availableEnvironments: availableEnvironments, exportEnvironment: exportEnvironment, exportWorkflowsPath: props.exportWorkflowsPath, exportingResource: exportingResource, exportResult: exportResult, onExportEnvironmentChange: props.setExportEnvironment, onExportWorkflows: onExportWorkflows, onRefreshWorkflows: fetchWorkflows, onFetchWorkflowTemplate: props.fetchWorkflowTemplate, onFetchWorkflowOverrideNames: props.fetchWorkflowOverrideNames, onSaveWorkflowTemplateDraft: props.saveWorkflowTemplateDraft, onResetWorkflowTemplateDraft: props.resetWorkflowTemplateDraft }) })] })) : resolvedWorkspaceModule === 'agents' ? (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent}`, style: { position: 'relative', display: 'flex', flex: 1, minHeight: 0, overflow: 'hidden', paddingLeft: `${WORKSPACE_TOOL_RAIL_WIDTH}px` }, children: [workspaceToolRail, _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', flex: 1 }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(AgentsModule, { workspaceId: currentWorkspaceId, cloudAuthConfigured: cloudAuthConfigured, authSessionResolved: authSessionResolved, isAuthenticated: isAuthenticated, cloudAiProfileSeatUsage: accountProfileSummary?.aiProfileSeatUsage ?? null, agentTrayOpen: agentTrayOpen, onCloseAgentTray: () => setAgentTrayOpen(false), mcpSettingsNode: _jsx(TaskSettings, { settingsModel: {
+                                    ...settingsModel,
+                                    initialSection: 'mcp',
+                                    onOpenCloudAuth: openSharedLoginRoute
+                                }, renderMode: "mcp-only" }) }) })] })) : (_jsxs("div", { className: `${shellStyles.standalonePage} ${shellStyles.standaloneContent} `, style: {
                     position: 'relative',
                     opacity: props.loadingTasks ? 0.7 : 1,
                     transition: 'opacity 0.2s ease, padding 220ms cubic-bezier(0.4, 0, 0.2, 1)',
@@ -3012,7 +3220,7 @@ export function StandaloneLayout(props) {
                         ? `${WORKSPACE_TOOL_RAIL_WIDTH + planningDrawerWidthPx + WORKSPACE_CONTENT_GUTTER}px`
                         : `${WORKSPACE_TOOL_RAIL_WIDTH + WORKSPACE_CONTENT_GUTTER}px`,
                     paddingRight: (groupBy === 'schedule' && scheduleSidebarOpen) ? `${SCHEDULE_SIDEBAR_WIDTH_PX}px` : 0
-                }, children: [workspaceToolRail, _jsx("div", { ref: planningDrawerPortalRef, style: {
+                }, children: [workspaceToolRail, _jsx("div", { ref: setPlanningDrawerPortalRef, style: {
                             position: 'absolute',
                             inset: 0,
                             zIndex: 35,
@@ -3027,8 +3235,8 @@ export function StandaloneLayout(props) {
                                     if (groupBy !== 'schedule')
                                         return;
                                     setScheduleScrollLeft(scrollLeft);
-                                }, emptyColumnMode: emptyColumnMode, categories: activeCategories, compressed: compressedCards, readOnlyMode: taskScope === 'deleted' ? 'deleted' : taskScope === 'archived' ? 'archived' : null, recentlyChangedTaskIds: props.recentlyChangedTaskIds, sortBy: sortBy, sortOrder: props.sortOrder, planningDropTargets: planningDrawerPortalRef.current
-                                    ? createPortal(planningDrawerNode, planningDrawerPortalRef.current)
+                                }, emptyColumnMode: emptyColumnMode, categories: activeCategories, compressed: compressedCards, readOnlyMode: taskScope === 'deleted' ? 'deleted' : taskScope === 'archived' ? 'archived' : null, recentlyChangedTaskIds: props.recentlyChangedTaskIds, sortBy: sortBy, sortOrder: props.sortOrder, planningDropTargets: planningDrawerPortalElement
+                                    ? createPortal(planningDrawerNode, planningDrawerPortalElement)
                                     : null, onAssignTaskToWorkstream: handleAssignTaskToWorkstream, onAssignWorkstreamToInitiative: handleAssignInitiativeToWorkstream, workstreams: props.workstreams, initiatives: props.initiatives, onUnarchive: (taskId) => {
                                     if (taskScope === 'deleted') {
                                         const deletedRecord = deletedTaskRecordByTaskId.get(taskId);
@@ -3084,41 +3292,17 @@ export function StandaloneLayout(props) {
                             setSettingsSection(section);
                             setActiveTab('settings');
                         }, onSubmit: handleSubmit, commentsEndRef: commentsEndRef, onAddComment: () => handleAddComment(newCommentText), onOpenTaskById: handleOpenTaskById, onAddContextFile: (file) => {
-                            let nextAttachments = attachments;
-                            setAttachments((prev) => {
-                                nextAttachments = [...prev, file];
-                                return nextAttachments;
-                            });
-                            setAttachmentsDirty(true);
-                            if (editingTaskId) {
-                                void handleUpdateTask(editingTaskId, { attachments: nextAttachments });
-                            }
+                            updateTaskContextAttachments((current) => [...current, file]);
                         }, onRemoveContextFile: async (index) => {
-                            let nextAttachments = attachments;
-                            setAttachments((prev) => {
-                                nextAttachments = prev.filter((_, i) => i !== index);
-                                return nextAttachments;
-                            });
-                            setAttachmentsDirty(true);
-                            if (editingTaskId) {
-                                void handleUpdateTask(editingTaskId, { attachments: nextAttachments });
-                            }
+                            updateTaskContextAttachments((current) => current.filter((_, i) => i !== index));
                         }, onUpdateContextCaption: (index, caption) => {
-                            let nextAttachments = attachments;
-                            setAttachments((prev) => {
-                                nextAttachments = prev.map((s, i) => {
-                                    if (i !== index)
-                                        return s;
-                                    if (typeof s === 'string')
-                                        return { path: s, caption, timestamp: new Date().toISOString() };
-                                    return { ...s, caption };
-                                });
-                                return nextAttachments;
-                            });
-                            setAttachmentsDirty(true);
-                            if (editingTaskId) {
-                                void handleUpdateTask(editingTaskId, { attachments: nextAttachments });
-                            }
+                            updateTaskContextAttachments((current) => current.map((s, i) => {
+                                if (i !== index)
+                                    return s;
+                                if (typeof s === 'string')
+                                    return { path: s, caption, timestamp: new Date().toISOString() };
+                                return { ...s, caption };
+                            }));
                         }, onCopyId: handleCopyId, onToggleInProgress: handleToggleInProgress, onToggleReview: handleToggleReview, onToggleComplete: handleToggleComplete, onToggleCancel: handleToggleCancel, onSetStatus: handleSetStatus, onArchiveTask: handleArchiveTask, onUnarchive: (taskId) => {
                             if (currentTask?.isDeleted) {
                                 const deletedRecord = deletedTaskRecordByTaskId.get(taskId);
@@ -3128,7 +3312,10 @@ export function StandaloneLayout(props) {
                                 return;
                             }
                             void handleUnarchive(taskId);
-                        }, currentTask: currentTask })] }), _jsx(Modal, { isOpen: activeTab === 'settings', onClose: handleCloseModal, title: "Settings", size: "xl", theme: currentTheme, draggable: true, isSettings: true, closeOnOverlayClick: false, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '2rem' }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(TaskSettings, { settingsModel: settingsModel, onSectionChange: setSettingsSection }) }) }), _jsx(ScheduleWarningModal, { prompt: scheduleWarningPrompt, theme: currentTheme, onClose: cancelScheduleWarning, onConfirm: confirmScheduleWarning }), _jsx(SyncEnableWarningModal, { isOpen: showSyncEnableWarning, theme: currentTheme, onClose: cancelSyncEnableWarning, onConfirm: confirmSyncEnableWarning }), _jsx(HelpModal, { isOpen: showHelpModal, theme: currentTheme, onClose: () => setShowHelpModal(false), onOpenSettings: () => {
+                        }, currentTask: currentTask })] }), _jsx(Modal, { isOpen: activeTab === 'settings', onClose: handleCloseModal, title: "Settings", size: "xl", theme: currentTheme, draggable: true, isSettings: true, closeOnOverlayClick: false, children: _jsx(Suspense, { fallback: _jsx("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '2rem' }, children: _jsx(Loader2, { size: 20, className: styles.spinner }) }), children: _jsx(TaskSettings, { settingsModel: {
+                            ...settingsModel,
+                            onOpenCloudAuth: openSharedLoginRoute
+                        }, onSectionChange: setSettingsSection }) }) }), _jsx(ScheduleWarningModal, { prompt: scheduleWarningPrompt, theme: currentTheme, onClose: cancelScheduleWarning, onConfirm: confirmScheduleWarning }), _jsx(SyncEnableWarningModal, { isOpen: showSyncEnableWarning, theme: currentTheme, onClose: cancelSyncEnableWarning, onConfirm: confirmSyncEnableWarning }), _jsx(HelpModal, { isOpen: showHelpModal, theme: currentTheme, onClose: () => setShowHelpModal(false), onOpenSettings: () => {
                     setShowHelpModal(false);
                     setActiveTab('settings');
                     setSettingsSection('general');