@parhelia/core 0.1.12468 → 0.1.12470

package/dist/task-board/TaskBoardWorkspace.js

@@ -4,6 +4,7 @@ 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";
@@ -12,7 +13,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";
@@ -35,7 +36,6 @@ 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,7 +50,6 @@ 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;
@@ -162,6 +161,11 @@ 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);
@@ -179,15 +183,6 @@ 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);
@@ -416,16 +411,110 @@ export function TaskBoardWorkspace() {
             return selectedProject;
         return (projects.find((project) => project.project.projectId === selectedTask.projectId) ?? selectedProject);
     }, [projects, selectedProject, selectedTask]);
-    const { agentPanelMode, canRunAssignedAgent, contextItemOptions, displayAgentId, handleSelectContextItem, hasMultipleContextItems, previewItemName, previewItemPath, previewItemVersion, runAssignedAgentDisabledReason, selectedContextItemValue, selectedTaskHasAssignedAgentProfile, selectedTaskIsBlocked, selectedTaskIsPlan, shouldHideAgentPanelForSelectedTask, } = useTaskBoardAgentPanelState({
-        currentItemDescriptor,
-        editContext,
-        isMobile,
-        mobileActiveTab,
+    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,
-        selectedTaskId,
-        setMobileActiveTab,
-        showEditorPanel,
-    });
+        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);
+    }, [
+        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]);
     const wizardAttentionState = useMemo(() => {
         const openTasks = orderedWizardTasks.filter((task) => normalizeTaskStatus(task.status, task.executionState) !== "Done");
         let runningCount = 0;
@@ -523,6 +612,19 @@ 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);
@@ -646,8 +748,7 @@ export function TaskBoardWorkspace() {
                 toast.error(result.summary || "Failed to load tasks");
                 return;
             }
-            const nextTasks = result.data || [];
-            setTasks(nextTasks);
+            setTasks(result.data || []);
         }
         finally {
             tasksRequestCountRef.current = Math.max(0, tasksRequestCountRef.current - 1);
@@ -932,114 +1033,6 @@ 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;
@@ -1446,16 +1439,34 @@ 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 (projectId === currentProjectId) {
-                    queueSelectedProjectRefresh({ refreshProjects: true });
-                    return;
+                if (wsRefreshTimeoutRef.current !== null) {
+                    window.clearTimeout(wsRefreshTimeoutRef.current);
+                    wsRefreshTimeoutRef.current = null;
                 }
-                queueSubprojectRefresh({ refreshProjects: true });
+                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);
                 return;
             }
             if (messageType === "task:state-changed") {
@@ -1505,7 +1516,16 @@ export function TaskBoardWorkspace() {
                             },
                         };
                     });
-                    queueSubprojectRefresh();
+                    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);
                 }
                 return;
             }
@@ -1517,23 +1537,49 @@ 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 (!isDirectSubproject)
+                if (!directSubprojectIdsRef.current.has(projectId))
                     return;
-                queueSubprojectRefresh({
-                    refreshProjects: messageType !== "task:updated",
-                });
+                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);
                 return;
             }
-            queueSelectedProjectRefresh({
-                refreshTasks: true,
-                refreshExecutionState: messageType !== "task:updated",
-                refreshDependencies: true,
-                refreshProjects: messageType !== "task:updated",
-            });
+            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);
         });
         return () => {
             unsubscribe();
@@ -1542,7 +1588,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, isProjectWithinSelectedTree, queueSelectedProjectRefresh, queueSubprojectRefresh]);
+    }, [editContext]);
     // Keep project dropdown in sync when projects are created elsewhere (e.g. by agents).
     useEffect(() => {
         const addListener = editContext?.addSocketMessageListener;
@@ -1566,15 +1612,6 @@ 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;
@@ -1670,7 +1707,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 min-h-0 w-full max-w-7xl flex-1", 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 w-full max-w-7xl flex-1 min-h-0", 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) => {
@@ -1684,7 +1721,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", autoLayoutStrategy: "hierarchy", showOrientationToggle: true, 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", savedLayout: graphLayout, selectedTaskId: selectedTaskId, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), permission: selectedProject?.permission, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
                                 ? {
                                     projectId: selectedProjectId,
                                     ...layout,
@@ -1726,7 +1763,7 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         refreshVisibleTaskData,
     ]);
-    const taskDetailPanel = useMemo(() => (_jsx(TaskDetailPanel, { project: selectedTaskProject, projects: projects, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
+    const taskDetailPanel = useMemo(() => (_jsx(TaskDetailPanel, { project: selectedTaskProject, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
             void refreshVisibleTaskData();
         }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel" })), [
         selectedTaskProject,
@@ -1768,6 +1805,161 @@ 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" }) }) }));
@@ -1940,7 +2132,7 @@ export function TaskBoardWorkspace() {
                                         id: "agent",
                                         label: "Agent",
                                         content: null,
-                                        disabled: !displayAgentId || shouldHideAgentPanelForSelectedTask,
+                                        disabled: !currentAgentId || shouldHideAgentPanelForSelectedTask,
                                     },
                                     ...(showEditorPanel
                                         ? [{ id: "editor", label: "Editor", content: null }]
@@ -1966,10 +2158,7 @@ export function TaskBoardWorkspace() {
                 } }), _jsx(ProjectSettingsDialog, { open: !!settingsProjectId, onOpenChange: (open) => {
                     if (!open)
                         setSettingsProjectId(null);
-                }, projectId: settingsProjectId, selectedProject: settingsProject, projects: projects, onChanged: async () => {
-                    await refreshProjects();
-                    await refreshVisibleTaskData();
-                } }), _jsx(AssignAgentDialog, { open: assignAgentDialogOpen, task: selectedTask, onOpenChange: setAssignAgentDialogOpen, onAssigned: async () => {
+                }, projectId: settingsProjectId, selectedProject: settingsProject, onChanged: refreshProjects }), _jsx(AssignAgentDialog, { open: assignAgentDialogOpen, task: selectedTask, onOpenChange: setAssignAgentDialogOpen, onAssigned: async () => {
                     if (!selectedProjectId)
                         return;
                     await refreshTasks(selectedProjectId);