@parhelia/core 0.1.12470 → 0.1.12479

package/dist/task-board/TaskBoardWorkspace.js

@@ -4,7 +4,6 @@ import { toast } from "sonner";
 import { cn } from "../lib/utils";
 import { Splitter } from "../editor/ui/Splitter";
 import { deleteProject, getExecutionState, getGraphLayout, getProjects, getTasks, getDependencies, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
-import { getAgent, } from "../editor/services/agentService";
 import { loadAiProfiles } from "../editor/services/aiService";
 import { useEditContext } from "../editor/client/editContext";
 import { KanbanView } from "./views/KanbanView";
@@ -13,7 +12,7 @@ import { DependencyGraphView } from "./views/DependencyGraphView";
 import { WizardView } from "./views/WizardView";
 import { SimpleTabs } from "../editor/ui/SimpleTabs";
 import { TaskDetailPanel } from "./components/TaskDetailPanel";
-import { TaskAgentPanel, } from "./components/TaskAgentPanel";
+import { TaskAgentPanel } from "./components/TaskAgentPanel";
 import { ProjectDashboard, } from "./components/ProjectDashboard";
 import { CreateTaskDialog } from "./components/CreateTaskDialog";
 import { AssignAgentDialog } from "./components/AssignAgentDialog";
@@ -36,6 +35,7 @@ import { WizardCommunicationCenter } from "./components/WizardCommunicationCente
 import { Button } from "../components/ui/button";
 import { Loader2, Plus } from "lucide-react";
 import { MainContentTree } from "../editor/sidebar/MainContentTree";
+import { useTaskBoardAgentPanelState } from "./useTaskBoardAgentPanelState";
 function TaskboardPreviewEditor({ itemDescriptor, }) {
     const slotContext = useEditorSlotContext({
         slotId: "taskboard-preview-slot",
@@ -50,6 +50,7 @@ const TASKBOARD_PROJECT_QUERY_KEY = "tbProjectId";
 const TASKBOARD_TASK_QUERY_KEY = "tbTaskId";
 const TASKBOARD_VIEW_QUERY_KEY = "tbView";
 const TASKBOARD_WIZARD_QUERY_KEY = "tbWizard";
+const WS_REFRESH_DELAY_MS = 500;
 function getInitialQueryValue(queryKey) {
     if (typeof window === "undefined")
         return null;
@@ -161,11 +162,6 @@ export function TaskBoardWorkspace() {
     const [subprojectTasksByProjectId, setSubprojectTasksByProjectId] = useState({});
     const [subprojectExecutionRecordsByProjectId, setSubprojectExecutionRecordsByProjectId,] = useState({});
     const [subprojectCountsLoading, setSubprojectCountsLoading] = useState(false);
-    const [previewItemName, setPreviewItemName] = useState("");
-    const [previewItemPath, setPreviewItemPath] = useState("");
-    const [agentContextItems, setAgentContextItems] = useState([]);
-    const [contextItemNamesByKey, setContextItemNamesByKey] = useState({});
-    const [contextItemPathsByKey, setContextItemPathsByKey] = useState({});
     const [wizardPinnedTaskId, setWizardPinnedTaskId] = useState(null);
     const [, setWizardPinnedTaskSource] = useState(null);
     const [wizardForceOverview, setWizardForceOverview] = useState(false);
@@ -183,6 +179,15 @@ export function TaskBoardWorkspace() {
     }, [setWizardPinnedTask]);
     const wsRefreshTimeoutRef = useRef(null);
     const wsSubprojectRefreshTimeoutRef = useRef(null);
+    const wsRefreshQueuedRef = useRef(false);
+    const wsRefreshRunningRef = useRef(false);
+    const wsRefreshNeedsTasksRef = useRef(false);
+    const wsRefreshNeedsExecutionStateRef = useRef(false);
+    const wsRefreshNeedsDependenciesRef = useRef(false);
+    const wsRefreshNeedsProjectsRef = useRef(false);
+    const wsSubprojectRefreshQueuedRef = useRef(false);
+    const wsSubprojectRefreshRunningRef = useRef(false);
+    const wsSubprojectRefreshNeedsProjectsRef = useRef(false);
     const wizardCloseTransitionTimeoutRef = useRef(null);
     const projectsRequestCountRef = useRef(0);
     const tasksRequestCountRef = useRef(0);
@@ -411,110 +416,16 @@ export function TaskBoardWorkspace() {
             return selectedProject;
         return (projects.find((project) => project.project.projectId === selectedTask.projectId) ?? selectedProject);
     }, [projects, selectedProject, selectedTask]);
-    const selectedTaskIsPlan = useMemo(() => {
-        const taskType = String(selectedTask?.taskType ?? "").toLowerCase();
-        return taskType === "plan" || selectedTask?.title === "Project Plan";
-    }, [selectedTask]);
-    const selectedTaskIsBlocked = useMemo(() => {
-        if (!selectedTask)
-            return false;
-        if (selectedTask.projectId !== selectedProjectId)
-            return false;
-        const blockerIds = dependencies
-            .filter((dependency) => dependency.taskId === selectedTask.taskId &&
-            dependency.dependencyType === "BlockedBy")
-            .map((dependency) => dependency.dependsOnTaskId);
-        if (blockerIds.length === 0)
-            return false;
-        const taskById = new Map(tasksWithDisplayAssignees.map((task) => [task.taskId, task]));
-        return blockerIds.some((blockerId) => {
-            const blockerTask = taskById.get(blockerId);
-            return (!blockerTask ||
-                normalizeTaskStatus(blockerTask.status, blockerTask.executionState) !==
-                    "Done");
-        });
-    }, [
-        selectedTask,
-        selectedProjectId,
-        dependencies,
-        tasksWithDisplayAssignees,
-    ]);
-    const selectedTaskHasAssignedAgentProfile = useMemo(() => {
-        if (!selectedTask)
-            return false;
-        return selectedTask.assigneeType === "Agent" && !!selectedTask.assigneeId;
-    }, [selectedTask]);
-    const canRunAssignedAgent = useMemo(() => {
-        return !selectedTaskIsBlocked;
-    }, [selectedTaskIsBlocked]);
-    const runAssignedAgentDisabledReason = useMemo(() => {
-        if (selectedTaskIsBlocked) {
-            return "This task is blocked by unfinished dependencies.";
-        }
-        return undefined;
-    }, [selectedTaskIsBlocked]);
-    // ── current agent ID and panel mode for the right panel ──
-    const currentAgentId = useMemo(() => {
-        return getLinkedAgentId(selectedTask);
-    }, [selectedTask]);
-    const selectedTaskStatus = useMemo(() => {
-        if (!selectedTask)
-            return null;
-        return normalizeTaskStatus(selectedTask.status, selectedTask.executionState);
-    }, [selectedTask]);
-    const selectedTaskHasResultData = useMemo(() => {
-        return !!selectedTask?.resultData?.trim();
-    }, [selectedTask?.resultData]);
-    const shouldHideAgentPanelForSelectedTask = useMemo(() => {
-        return (!!selectedTask &&
-            selectedTaskIsPlan &&
-            selectedTaskStatus === "Done" &&
-            selectedTaskHasResultData);
-    }, [
+    const { agentPanelMode, canRunAssignedAgent, contextItemOptions, displayAgentId, handleSelectContextItem, hasMultipleContextItems, previewItemName, previewItemPath, previewItemVersion, runAssignedAgentDisabledReason, selectedContextItemValue, selectedTaskHasAssignedAgentProfile, selectedTaskIsBlocked, selectedTaskIsPlan, shouldHideAgentPanelForSelectedTask, } = useTaskBoardAgentPanelState({
+        currentItemDescriptor,
+        editContext,
+        isMobile,
+        mobileActiveTab,
         selectedTask,
-        selectedTaskIsPlan,
-        selectedTaskStatus,
-        selectedTaskHasResultData,
-    ]);
-    const displayAgentId = useMemo(() => {
-        return currentAgentId;
-    }, [currentAgentId]);
-    useEffect(() => {
-        if (isMobile && selectedTaskId) {
-            setMobileActiveTab(1); // Task tab
-        }
-    }, [selectedTaskId, isMobile]);
-    useEffect(() => {
-        if (isMobile && displayAgentId && !shouldHideAgentPanelForSelectedTask) {
-            setMobileActiveTab(2); // Agent tab
-        }
-    }, [displayAgentId, isMobile, shouldHideAgentPanelForSelectedTask]);
-    useEffect(() => {
-        if (!isMobile)
-            return;
-        if (!shouldHideAgentPanelForSelectedTask)
-            return;
-        if (mobileActiveTab !== 2)
-            return;
-        setMobileActiveTab(1);
-    }, [isMobile, mobileActiveTab, shouldHideAgentPanelForSelectedTask]);
-    useEffect(() => {
-        if (!showEditorPanel && mobileActiveTab === 3) {
-            setMobileActiveTab(0);
-        }
-    }, [showEditorPanel, mobileActiveTab]);
-    const currentItemKey = useMemo(() => {
-        if (!currentItemDescriptor)
-            return "";
-        return `${currentItemDescriptor.id}|${currentItemDescriptor.language}|${currentItemDescriptor.version}`;
-    }, [currentItemDescriptor]);
-    const agentPanelMode = useMemo(() => {
-        if (!selectedTask)
-            return "no-task-selected";
-        if (displayAgentId)
-            return "agent";
-        return "no-agent";
-    }, [selectedTask, displayAgentId]);
+        selectedTaskId,
+        setMobileActiveTab,
+        showEditorPanel,
+    });
     const wizardAttentionState = useMemo(() => {
         const openTasks = orderedWizardTasks.filter((task) => normalizeTaskStatus(task.status, task.executionState) !== "Done");
         let runningCount = 0;
@@ -612,19 +523,6 @@ export function TaskBoardWorkspace() {
         wizardForceOverview,
         wizardPinnedTaskId,
     ]);
-    useEffect(() => {
-        if (!wizardDisplayedTask ||
-            (wizardDisplayedExecutionDisplay?.label !== "Questions" &&
-                wizardDisplayedTask.executionState !== "WaitingForInput" &&
-                wizardDisplayedTask.executionState !== "WaitingForUser")) {
-            return;
-        }
-    }, [
-        wizardDisplayedTask,
-        wizardDisplayedAgentId,
-        wizardDisplayedExecutionDisplay?.label,
-        selectedProjectId,
-    ]);
     const clearWizardCloseTransitionTimeout = useCallback(() => {
         if (wizardCloseTransitionTimeoutRef.current !== null) {
             window.clearTimeout(wizardCloseTransitionTimeoutRef.current);
@@ -748,7 +646,8 @@ export function TaskBoardWorkspace() {
                 toast.error(result.summary || "Failed to load tasks");
                 return;
             }
-            setTasks(result.data || []);
+            const nextTasks = result.data || [];
+            setTasks(nextTasks);
         }
         finally {
             tasksRequestCountRef.current = Math.max(0, tasksRequestCountRef.current - 1);
@@ -1033,6 +932,114 @@ export function TaskBoardWorkspace() {
         directSubprojects,
         taskSelectionUniverse,
     ]);
+    const queueSelectedProjectRefresh = useCallback((options) => {
+        if (options?.refreshTasks) {
+            wsRefreshNeedsTasksRef.current = true;
+        }
+        if (options?.refreshExecutionState) {
+            wsRefreshNeedsExecutionStateRef.current = true;
+        }
+        if (options?.refreshDependencies) {
+            wsRefreshNeedsDependenciesRef.current = true;
+        }
+        if (options?.refreshProjects) {
+            wsRefreshNeedsProjectsRef.current = true;
+        }
+        wsRefreshQueuedRef.current = true;
+        if (wsRefreshTimeoutRef.current !== null || wsRefreshRunningRef.current) {
+            return;
+        }
+        wsRefreshTimeoutRef.current = window.setTimeout(() => {
+            wsRefreshTimeoutRef.current = null;
+            const projectId = selectedProjectIdRef.current;
+            const shouldRefreshTasks = wsRefreshNeedsTasksRef.current;
+            const shouldRefreshExecutionState = wsRefreshNeedsExecutionStateRef.current;
+            const shouldRefreshDependencies = wsRefreshNeedsDependenciesRef.current;
+            const shouldRefreshProjects = wsRefreshNeedsProjectsRef.current;
+            wsRefreshQueuedRef.current = false;
+            wsRefreshNeedsTasksRef.current = false;
+            wsRefreshNeedsExecutionStateRef.current = false;
+            wsRefreshNeedsDependenciesRef.current = false;
+            wsRefreshNeedsProjectsRef.current = false;
+            const work = [];
+            if (shouldRefreshProjects) {
+                const refreshProjectsFn = refreshProjectsRef.current;
+                if (refreshProjectsFn) {
+                    work.push(refreshProjectsFn());
+                }
+            }
+            if (projectId) {
+                if (shouldRefreshTasks) {
+                    const refreshTasksFn = refreshTasksRef.current;
+                    if (refreshTasksFn) {
+                        work.push(refreshTasksFn(projectId));
+                    }
+                }
+                if (shouldRefreshExecutionState) {
+                    const refreshExecutionStateFn = refreshExecutionStateRef.current;
+                    if (refreshExecutionStateFn) {
+                        work.push(refreshExecutionStateFn(projectId));
+                    }
+                }
+                if (shouldRefreshDependencies) {
+                    const refreshDependenciesFn = refreshDependenciesRef.current;
+                    if (refreshDependenciesFn) {
+                        work.push(refreshDependenciesFn(projectId));
+                    }
+                }
+            }
+            if (work.length === 0) {
+                return;
+            }
+            wsRefreshRunningRef.current = true;
+            void Promise.all(work).finally(() => {
+                wsRefreshRunningRef.current = false;
+                if (wsRefreshQueuedRef.current ||
+                    wsRefreshNeedsTasksRef.current ||
+                    wsRefreshNeedsExecutionStateRef.current ||
+                    wsRefreshNeedsDependenciesRef.current ||
+                    wsRefreshNeedsProjectsRef.current) {
+                    queueSelectedProjectRefresh();
+                }
+            });
+        }, WS_REFRESH_DELAY_MS);
+    }, []);
+    const queueSubprojectRefresh = useCallback((options) => {
+        if (options?.refreshProjects) {
+            wsSubprojectRefreshNeedsProjectsRef.current = true;
+        }
+        wsSubprojectRefreshQueuedRef.current = true;
+        if (wsSubprojectRefreshTimeoutRef.current !== null ||
+            wsSubprojectRefreshRunningRef.current) {
+            return;
+        }
+        wsSubprojectRefreshTimeoutRef.current = window.setTimeout(() => {
+            wsSubprojectRefreshTimeoutRef.current = null;
+            const shouldRefreshProjects = wsSubprojectRefreshNeedsProjectsRef.current;
+            wsSubprojectRefreshQueuedRef.current = false;
+            wsSubprojectRefreshNeedsProjectsRef.current = false;
+            const refreshSubprojectsFn = refreshSubprojectTaskCountsRef.current;
+            const refreshProjectsFn = refreshProjectsRef.current;
+            const work = [];
+            if (refreshSubprojectsFn) {
+                work.push(refreshSubprojectsFn());
+            }
+            if (shouldRefreshProjects && refreshProjectsFn) {
+                work.push(refreshProjectsFn());
+            }
+            if (work.length === 0) {
+                return;
+            }
+            wsSubprojectRefreshRunningRef.current = true;
+            void Promise.all(work).finally(() => {
+                wsSubprojectRefreshRunningRef.current = false;
+                if (wsSubprojectRefreshQueuedRef.current ||
+                    wsSubprojectRefreshNeedsProjectsRef.current) {
+                    queueSubprojectRefresh();
+                }
+            });
+        }, WS_REFRESH_DELAY_MS);
+    }, []);
     const handleRunOrchestrator = useCallback(async (options) => {
         if (!selectedProjectId)
             return;
@@ -1439,34 +1446,16 @@ export function TaskBoardWorkspace() {
                 const payload = message?.payload;
                 const projectId = payload?.projectId ?? payload?.ProjectId;
                 const currentProjectId = selectedProjectIdRef.current;
-                const refreshProjectsFn = refreshProjectsRef.current;
                 if (!projectId ||
                     !currentProjectId ||
-                    !refreshProjectsFn ||
                     !isProjectWithinSelectedTree(projectId, currentProjectId)) {
                     return;
                 }
-                if (wsRefreshTimeoutRef.current !== null) {
-                    window.clearTimeout(wsRefreshTimeoutRef.current);
-                    wsRefreshTimeoutRef.current = null;
+                if (projectId === currentProjectId) {
+                    queueSelectedProjectRefresh({ refreshProjects: true });
+                    return;
                 }
-                wsRefreshTimeoutRef.current = window.setTimeout(() => {
-                    wsRefreshTimeoutRef.current = null;
-                    const selectedId = selectedProjectIdRef.current;
-                    const refreshProjectsFn = refreshProjectsRef.current;
-                    if (!selectedId || !refreshProjectsFn)
-                        return;
-                    void refreshProjectsFn();
-                    if (projectId === selectedId) {
-                        const refreshExecutionStateFn = refreshExecutionStateRef.current;
-                        if (refreshExecutionStateFn)
-                            void refreshExecutionStateFn(selectedId);
-                        return;
-                    }
-                    const refreshSubprojectsFn = refreshSubprojectTaskCountsRef.current;
-                    if (refreshSubprojectsFn)
-                        void refreshSubprojectsFn();
-                }, 250);
+                queueSubprojectRefresh({ refreshProjects: true });
                 return;
             }
             if (messageType === "task:state-changed") {
@@ -1516,16 +1505,7 @@ export function TaskBoardWorkspace() {
                             },
                         };
                     });
-                    if (wsSubprojectRefreshTimeoutRef.current !== null) {
-                        window.clearTimeout(wsSubprojectRefreshTimeoutRef.current);
-                        wsSubprojectRefreshTimeoutRef.current = null;
-                    }
-                    wsSubprojectRefreshTimeoutRef.current = window.setTimeout(() => {
-                        wsSubprojectRefreshTimeoutRef.current = null;
-                        const refreshSubprojectsFn = refreshSubprojectTaskCountsRef.current;
-                        if (refreshSubprojectsFn)
-                            void refreshSubprojectsFn();
-                    }, 250);
+                    queueSubprojectRefresh();
                 }
                 return;
             }
@@ -1537,49 +1517,23 @@ export function TaskBoardWorkspace() {
             const payload = message?.payload;
             const projectId = payload?.projectId ?? payload?.ProjectId;
             const currentProjectId = selectedProjectIdRef.current;
+            const isDirectSubproject = !!projectId && directSubprojectIdsRef.current.has(projectId);
             if (!projectId || !currentProjectId)
                 return;
             if (projectId !== currentProjectId) {
-                if (!directSubprojectIdsRef.current.has(projectId))
+                if (!isDirectSubproject)
                     return;
-                if (wsSubprojectRefreshTimeoutRef.current !== null) {
-                    window.clearTimeout(wsSubprojectRefreshTimeoutRef.current);
-                    wsSubprojectRefreshTimeoutRef.current = null;
-                }
-                wsSubprojectRefreshTimeoutRef.current = window.setTimeout(() => {
-                    wsSubprojectRefreshTimeoutRef.current = null;
-                    const refreshSubprojectsFn = refreshSubprojectTaskCountsRef.current;
-                    const refreshProjectsFn = refreshProjectsRef.current;
-                    if (!refreshSubprojectsFn)
-                        return;
-                    void refreshSubprojectsFn();
-                    if (refreshProjectsFn)
-                        void refreshProjectsFn();
-                }, 250);
+                queueSubprojectRefresh({
+                    refreshProjects: messageType !== "task:updated",
+                });
                 return;
             }
-            if (wsRefreshTimeoutRef.current !== null) {
-                window.clearTimeout(wsRefreshTimeoutRef.current);
-                wsRefreshTimeoutRef.current = null;
-            }
-            wsRefreshTimeoutRef.current = window.setTimeout(() => {
-                wsRefreshTimeoutRef.current = null;
-                const pid = selectedProjectIdRef.current;
-                const refreshProjectsFn = refreshProjectsRef.current;
-                const refreshTasksFn = refreshTasksRef.current;
-                const refreshExecutionStateFn = refreshExecutionStateRef.current;
-                const refreshDepsFn = refreshDependenciesRef.current;
-                if (!pid ||
-                    !refreshTasksFn ||
-                    !refreshDepsFn ||
-                    !refreshExecutionStateFn)
-                    return;
-                void refreshTasksFn(pid);
-                void refreshExecutionStateFn(pid);
-                void refreshDepsFn(pid);
-                if (refreshProjectsFn)
-                    void refreshProjectsFn();
-            }, 250);
+            queueSelectedProjectRefresh({
+                refreshTasks: true,
+                refreshExecutionState: messageType !== "task:updated",
+                refreshDependencies: true,
+                refreshProjects: messageType !== "task:updated",
+            });
         });
         return () => {
             unsubscribe();
@@ -1588,7 +1542,7 @@ export function TaskBoardWorkspace() {
             // Clearing it here was the bug: editContext changes caused cleanup to
             // cancel the pending debounced refresh before it could fire.
         };
-    }, [editContext]);
+    }, [editContext, isProjectWithinSelectedTree, queueSelectedProjectRefresh, queueSubprojectRefresh]);
     // Keep project dropdown in sync when projects are created elsewhere (e.g. by agents).
     useEffect(() => {
         const addListener = editContext?.addSocketMessageListener;
@@ -1612,6 +1566,15 @@ export function TaskBoardWorkspace() {
                 window.clearTimeout(wsSubprojectRefreshTimeoutRef.current);
                 wsSubprojectRefreshTimeoutRef.current = null;
             }
+            wsRefreshQueuedRef.current = false;
+            wsRefreshRunningRef.current = false;
+            wsRefreshNeedsTasksRef.current = false;
+            wsRefreshNeedsExecutionStateRef.current = false;
+            wsRefreshNeedsDependenciesRef.current = false;
+            wsRefreshNeedsProjectsRef.current = false;
+            wsSubprojectRefreshQueuedRef.current = false;
+            wsSubprojectRefreshRunningRef.current = false;
+            wsSubprojectRefreshNeedsProjectsRef.current = false;
             if (wizardCloseTransitionTimeoutRef.current !== null) {
                 window.clearTimeout(wizardCloseTransitionTimeoutRef.current);
                 wizardCloseTransitionTimeoutRef.current = null;
@@ -1707,7 +1670,7 @@ export function TaskBoardWorkspace() {
             return (_jsx("div", { className: "flex h-full min-h-[240px] items-center justify-center rounded-lg border border-dashed border-slate-200 bg-slate-50/70", "data-testid": "taskboard-project-loading-state", children: _jsxs("div", { className: "text-muted-foreground flex flex-col items-center gap-3 text-sm", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("div", { children: "Loading project..." })] }) }));
         }
         if (!selectedProjectId || (!selectedProject && !isProjectsLoading)) {
-            return (_jsx("div", { className: "flex min-h-full w-full flex-col p-4 md:p-8", children: _jsx("div", { className: "mx-auto flex h-full w-full max-w-7xl flex-1 min-h-0", children: _jsx(ProjectOverviewContent, { nav: nav }) }) }));
+            return (_jsx("div", { className: "flex min-h-full w-full flex-col p-4 md:p-8", children: _jsx("div", { className: "mx-auto flex h-full min-h-0 w-full max-w-7xl flex-1", children: _jsx(ProjectOverviewContent, { nav: nav }) }) }));
         }
         if (isWizardMode) {
             return (_jsx(WizardView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
@@ -1721,7 +1684,7 @@ export function TaskBoardWorkspace() {
                         }, projectId: selectedProjectId, permission: selectedProject?.permission })] }));
         }
         if (isGraphView) {
-            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectStatus: selectedProject?.project.status, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, canEditProjectStatus: selectedProject?.permission === "Owner", savingProjectStatus: savingProjectStatus, onStatusChange: handleProjectStatusChange, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, loading: subprojectCountsLoading, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canEditProperties: selectedProject?.permission === "Owner" }), sharedViewSwitcher, _jsx("div", { className: "min-h-0 flex-1", children: _jsx(DependencyGraphView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, dependencies: dependencies, orientation: "horizontal", savedLayout: graphLayout, selectedTaskId: selectedTaskId, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), permission: selectedProject?.permission, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
+            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectStatus: selectedProject?.project.status, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, canEditProjectStatus: selectedProject?.permission === "Owner", savingProjectStatus: savingProjectStatus, onStatusChange: handleProjectStatusChange, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, loading: subprojectCountsLoading, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canEditProperties: selectedProject?.permission === "Owner" }), sharedViewSwitcher, _jsx("div", { className: "min-h-0 flex-1", children: _jsx(DependencyGraphView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, dependencies: dependencies, orientation: "horizontal", autoLayoutStrategy: "hierarchy", showOrientationToggle: true, savedLayout: graphLayout, selectedTaskId: selectedTaskId, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), permission: selectedProject?.permission, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
                                 ? {
                                     projectId: selectedProjectId,
                                     ...layout,
@@ -1763,7 +1726,7 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         refreshVisibleTaskData,
     ]);
-    const taskDetailPanel = useMemo(() => (_jsx(TaskDetailPanel, { project: selectedTaskProject, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
+    const taskDetailPanel = useMemo(() => (_jsx(TaskDetailPanel, { project: selectedTaskProject, projects: projects, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
             void refreshVisibleTaskData();
         }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel" })), [
         selectedTaskProject,
@@ -1805,161 +1768,6 @@ export function TaskBoardWorkspace() {
         selectedTask,
         handleReopenSelectedTask,
     ]);
-    const previewItemVersion = useMemo(() => {
-        if (!currentItemDescriptor)
-            return null;
-        return currentItemDescriptor.version === 0
-            ? (editContext?.item?.version ?? null)
-            : currentItemDescriptor.version;
-    }, [currentItemDescriptor, editContext?.item?.version]);
-    const contextItemOptions = useMemo(() => {
-        return agentContextItems.map((contextItem) => {
-            const key = `${contextItem.id}|${contextItem.language}|${contextItem.version}`;
-            const name = contextItemNamesByKey[key] || contextItem.name || contextItem.id;
-            const path = contextItemPathsByKey[key] || contextItem.path || "";
-            return {
-                value: key,
-                label: name,
-                description: `${path || contextItem.id} (${contextItem.language}/v${contextItem.version})`,
-            };
-        });
-    }, [agentContextItems, contextItemNamesByKey, contextItemPathsByKey]);
-    const selectedContextItemValue = useMemo(() => {
-        if (currentItemKey)
-            return currentItemKey;
-        const first = agentContextItems[0];
-        if (!first)
-            return "";
-        return `${first.id}|${first.language}|${first.version}`;
-    }, [currentItemKey, agentContextItems]);
-    const hasMultipleContextItems = contextItemOptions.length > 1;
-    useEffect(() => {
-        if (!currentAgentId) {
-            setAgentContextItems([]);
-            return;
-        }
-        let cancelled = false;
-        getAgent(currentAgentId)
-            .then((agent) => {
-            if (cancelled)
-                return;
-            const rawContext = agent?.agentContext;
-            if (!rawContext) {
-                setAgentContextItems([]);
-                return;
-            }
-            let parsed = null;
-            try {
-                parsed = JSON.parse(rawContext);
-            }
-            catch {
-                parsed = null;
-            }
-            const items = (parsed?.items || []).filter((x) => !!x?.id && !!x?.language && typeof x?.version === "number");
-            setAgentContextItems(items);
-        })
-            .catch(() => {
-            if (cancelled)
-                return;
-            setAgentContextItems([]);
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [currentAgentId]);
-    useEffect(() => {
-        if (!editContext || agentContextItems.length === 0) {
-            setContextItemNamesByKey({});
-            setContextItemPathsByKey({});
-            return;
-        }
-        let cancelled = false;
-        Promise.all(agentContextItems.map(async (contextItem) => {
-            const key = `${contextItem.id}|${contextItem.language}|${contextItem.version}`;
-            const descriptor = {
-                id: contextItem.id,
-                language: contextItem.language,
-                version: contextItem.version,
-            };
-            const item = await editContext.itemsRepository.getItem(descriptor);
-            return {
-                key,
-                name: item?.name || contextItem.name || "",
-                path: item?.path || contextItem.path || "",
-            };
-        }))
-            .then((results) => {
-            if (cancelled)
-                return;
-            const nextNames = {};
-            const nextPaths = {};
-            for (const result of results) {
-                nextNames[result.key] = result.name;
-                nextPaths[result.key] = result.path;
-            }
-            setContextItemNamesByKey(nextNames);
-            setContextItemPathsByKey(nextPaths);
-        })
-            .catch(() => {
-            if (cancelled)
-                return;
-            setContextItemNamesByKey({});
-            setContextItemPathsByKey({});
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [editContext, agentContextItems]);
-    const handleSelectContextItem = useCallback((value) => {
-        const [id, language, versionText] = value.split("|");
-        const version = Number(versionText);
-        if (!id || !language || Number.isNaN(version) || !editContext?.loadItem)
-            return;
-        void editContext.loadItem({ id, language, version });
-    }, [editContext]);
-    useEffect(() => {
-        if (!editContext || !currentItemDescriptor) {
-            setPreviewItemName("");
-            setPreviewItemPath("");
-            return;
-        }
-        const activeItem = editContext.item;
-        const itemMatchesDescriptor = activeItem?.id === currentItemDescriptor.id &&
-            activeItem?.language === currentItemDescriptor.language;
-        if (itemMatchesDescriptor) {
-            setPreviewItemName(activeItem?.name || "");
-            setPreviewItemPath(activeItem?.path || "");
-            return;
-        }
-        let cancelled = false;
-        editContext.itemsRepository
-            .getItem(currentItemDescriptor)
-            .then((item) => {
-            if (cancelled)
-                return;
-            setPreviewItemName(item?.name || "");
-            setPreviewItemPath(item?.path || "");
-        })
-            .catch(() => {
-            if (cancelled)
-                return;
-            setPreviewItemName("");
-            setPreviewItemPath("");
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [
-        editContext,
-        currentItemDescriptor,
-        currentItemDescriptor?.id,
-        currentItemDescriptor?.language,
-        currentItemDescriptor?.version,
-        editContext?.item?.id,
-        editContext?.item?.language,
-        editContext?.item?.name,
-        editContext?.item?.path,
-    ]);
     const itemPreviewPanel = useMemo(() => {
         const hasCurrentItem = !!currentItemDescriptor;
         const previewSidebar = (_jsx("div", { className: "relative z-10 flex h-full min-h-0 flex-col bg-white", children: _jsx("div", { className: "min-h-0 flex-1", children: _jsx(MainContentTree, { mode: "normal" }) }) }));
@@ -2132,7 +1940,7 @@ export function TaskBoardWorkspace() {
                                         id: "agent",
                                         label: "Agent",
                                         content: null,
-                                        disabled: !currentAgentId || shouldHideAgentPanelForSelectedTask,
+                                        disabled: !displayAgentId || shouldHideAgentPanelForSelectedTask,
                                     },
                                     ...(showEditorPanel
                                         ? [{ id: "editor", label: "Editor", content: null }]
@@ -2158,7 +1966,10 @@ export function TaskBoardWorkspace() {
                 } }), _jsx(ProjectSettingsDialog, { open: !!settingsProjectId, onOpenChange: (open) => {
                     if (!open)
                         setSettingsProjectId(null);
-                }, projectId: settingsProjectId, selectedProject: settingsProject, onChanged: refreshProjects }), _jsx(AssignAgentDialog, { open: assignAgentDialogOpen, task: selectedTask, onOpenChange: setAssignAgentDialogOpen, onAssigned: async () => {
+                }, projectId: settingsProjectId, selectedProject: settingsProject, projects: projects, onChanged: async () => {
+                    await refreshProjects();
+                    await refreshVisibleTaskData();
+                } }), _jsx(AssignAgentDialog, { open: assignAgentDialogOpen, task: selectedTask, onOpenChange: setAssignAgentDialogOpen, onAssigned: async () => {
                     if (!selectedProjectId)
                         return;
                     await refreshTasks(selectedProjectId);