@parhelia/core 0.1.12272 → 0.1.12285

package/dist/task-board/TaskBoardWorkspace.js

@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
 import { Splitter } from "../editor/ui/Splitter";
-import { deleteProject, getProjects, getTasks, getDependencies, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
-import { getActiveAgents, getAgent, } from "../editor/services/agentService";
+import { deleteProject, getExecutionState, 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";
@@ -19,14 +19,27 @@ import { CreateProjectDialog } from "./components/CreateProjectDialog";
 import { ProjectSettingsDialog } from "./components/ProjectSettingsDialog";
 import { EditorSlotContextProvider } from "../editor/views/editorSlotContext";
 import { SingleEditView } from "../editor/views/SingleEditView";
+import { useEditorSlotContext } from "../editor/views/editorSlotContext";
 import { Select } from "../components/ui/select";
 import { getLinkedAgentId } from "./taskAgentLink";
 import { setTaskBoardNavState, resetTaskBoardNavState, } from "./taskBoardNavStore";
 import { flattenProjectsHierarchy } from "./utils/projectHierarchy";
-import { normalizeTaskStatus } from "./taskStatus";
+import { normalizeTaskStatus, } from "./taskStatus";
 import { getTaskExecutionDisplay, } from "./taskExecutionStatus";
+import { indexTaskExecutionRecords, overlayTaskExecutionList, } from "./taskExecutionRecords";
 import { WizardCommunicationCenter } from "./components/WizardCommunicationCenter";
 import { Loader2 } from "lucide-react";
+import { MainContentTree } from "../editor/sidebar/MainContentTree";
+function TaskboardPreviewEditor({ itemDescriptor, }) {
+    const slotContext = useEditorSlotContext({
+        slotId: "taskboard-preview-slot",
+        itemDescriptor,
+    });
+    if (!slotContext) {
+        return (_jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 p-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm font-medium", children: "Editor preview unavailable" }), _jsx("div", { className: "text-muted-foreground text-xs", children: "Open the editor context item to preview and edit it here." })] }));
+    }
+    return (_jsx(EditorSlotContextProvider, { value: slotContext, children: _jsx(SingleEditView, { compareView: false, name: "taskboard-workspace-preview", view: "primary" }) }));
+}
 const TASKBOARD_PROJECT_QUERY_KEY = "tbProjectId";
 const TASKBOARD_TASK_QUERY_KEY = "tbTaskId";
 const TASKBOARD_VIEW_QUERY_KEY = "tbView";
@@ -54,84 +67,10 @@ function getTaskBoardStateFromUrl() {
         isWizardMode: getInitialWizardMode(),
     };
 }
-function normalizeAgentStatus(status) {
-    if (status === undefined || status === null)
-        return undefined;
-    if (typeof status === "number") {
-        return status;
-    }
-    const normalized = String(status)
-        .trim()
-        .replace(/[^a-z0-9]/gi, "")
-        .toLowerCase();
-    switch (normalized) {
-        case "running":
-            return "running";
-        case "waitingforapproval":
-            return "waitingForApproval";
-        case "waitingforinput":
-            return "waitingForInput";
-        case "costlimitreached":
-            return "costLimitReached";
-        case "error":
-            return "error";
-        case "idle":
-            return "idle";
-        case "completed":
-            return "completed";
-        case "closed":
-            return "closed";
-        case "cancelled":
-            return "cancelled";
-        case "new":
-            return "new";
-    }
-    switch (status) {
-        case "Running":
-            return "running";
-        case "WaitingForApproval":
-            return "waitingForApproval";
-        case "WaitingForInput":
-            return "waitingForInput";
-        case "CostLimitReached":
-            return "costLimitReached";
-        case "Error":
-            return "error";
-        case "Idle":
-            return "idle";
-        case "Completed":
-            return "completed";
-        case "Closed":
-            return "closed";
-        case "Cancelled":
-            return "cancelled";
-        case "New":
-            return "new";
-        default:
-            return status;
-    }
-}
-function isClosedAgentStatus(status) {
-    if (status === undefined || status === null)
-        return false;
-    if (typeof status === "number")
-        return status === 5;
-    return (String(status)
-        .replace(/[^a-z0-9]/gi, "")
-        .toLowerCase() === "closed");
-}
-function getAgentStatusById(agentStatusesById, agentId) {
-    if (!agentId)
+function getTaskExecutionRecordById(recordsByTaskId, taskId) {
+    if (!taskId)
         return undefined;
-    return agentStatusesById[agentId] ?? agentStatusesById[agentId.toLowerCase()];
-}
-function getTaskAgentStatus(task, agentStatusesById) {
-    const linkedAgentId = getLinkedAgentId(task ?? null);
-    const liveStatus = getAgentStatusById(agentStatusesById, linkedAgentId);
-    if (liveStatus !== undefined) {
-        return liveStatus;
-    }
-    return normalizeAgentStatus(task?.agentStatus);
+    return recordsByTaskId[taskId];
 }
 function addAgentDisplayNames(taskList, agentProfileTitlesById) {
     return taskList.map((task) => {
@@ -158,7 +97,7 @@ function buildTaskCounts(taskList) {
         done: 0,
     };
     for (const task of taskList) {
-        const normalizedStatus = normalizeTaskStatus(task.status, task.executionStatus);
+        const normalizedStatus = normalizeTaskStatus(task.status, task.executionState);
         if (normalizedStatus === "Todo")
             counts.todo += 1;
         else if (normalizedStatus === "InProgress")
@@ -188,7 +127,9 @@ export function TaskBoardWorkspace() {
     const [tasks, setTasks] = useState([]);
     const [isTasksLoading, setIsTasksLoading] = useState(false);
     const [dependencies, setDependencies] = useState([]);
+    const [executionRecordsByTaskId, setExecutionRecordsByTaskId] = useState({});
     const [selectedTaskId, setSelectedTaskId] = useState(() => getInitialQueryValue(TASKBOARD_TASK_QUERY_KEY));
+    const [selectedTaskSource, setSelectedTaskSource] = useState(() => getInitialQueryValue(TASKBOARD_TASK_QUERY_KEY) ? "system" : null);
     const [activeTab, setActiveTab] = useState(() => getInitialViewTabIndex());
     const [isWizardMode, setIsWizardMode] = useState(() => getInitialWizardMode());
     const [createDialogOpen, setCreateDialogOpen] = useState(false);
@@ -200,10 +141,10 @@ export function TaskBoardWorkspace() {
     const [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
     const [projectViewLoadingId, setProjectViewLoadingId] = useState(null);
-    const [agentStatusesById, setAgentStatusesById] = useState({});
     const [agentProfileTitlesById, setAgentProfileTitlesById] = useState({});
     const [subprojectTaskCounts, setSubprojectTaskCounts] = useState({});
     const [subprojectTasksByProjectId, setSubprojectTasksByProjectId] = useState({});
+    const [subprojectExecutionRecordsByProjectId, setSubprojectExecutionRecordsByProjectId] = useState({});
     const [subprojectCountsLoading, setSubprojectCountsLoading] = useState(false);
     const [previewItemName, setPreviewItemName] = useState("");
     const [previewItemPath, setPreviewItemPath] = useState("");
@@ -212,9 +153,15 @@ export function TaskBoardWorkspace() {
     const [contextItemPathsByKey, setContextItemPathsByKey] = useState({});
     const [wizardPinnedTaskId, setWizardPinnedTaskId] = useState(null);
     const [wizardForceOverview, setWizardForceOverview] = useState(false);
+    const setTaskSelection = useCallback((taskId, options) => {
+        setSelectedTaskId(taskId);
+        setSelectedTaskSource(taskId ? (options?.source ?? "system") : null);
+        if (options?.pinInWizard !== undefined) {
+            setWizardPinnedTaskId(options.pinInWizard ? taskId : null);
+        }
+    }, []);
     const wsRefreshTimeoutRef = useRef(null);
     const wsSubprojectRefreshTimeoutRef = useRef(null);
-    const wsProjectRefreshTimeoutRef = useRef(null);
     const wizardCloseTransitionTimeoutRef = useRef(null);
     const projectsRequestCountRef = useRef(0);
     const tasksRequestCountRef = useRef(0);
@@ -223,23 +170,23 @@ export function TaskBoardWorkspace() {
     const latestSubprojectCountsProjectIdRef = useRef(null);
     const refreshProjectsRef = useRef(null);
     const refreshTasksRef = useRef(null);
+    const refreshExecutionStateRef = useRef(null);
     const refreshDependenciesRef = useRef(null);
     const refreshSubprojectTaskCountsRef = useRef(null);
     const selectedProjectIdRef = useRef(null);
     const directSubprojectIdsRef = useRef(new Set());
     const tasksRef = useRef([]);
     const previousTaskStatusesRef = useRef({});
+    const previousWizardAttentionSignatureRef = useRef("");
     const autoSelectedProjectIdsRef = useRef(new Set());
-    const taskBoardSubscribedAgentIdsRef = useRef(new Set());
-    const taskBoardSocketVersionRef = useRef(null);
     const syncTaskBoardStateFromUrl = useCallback(() => {
         const nextState = getTaskBoardStateFromUrl();
         setSelectedProjectId(nextState.projectId);
-        setSelectedTaskId(nextState.taskId);
+        setTaskSelection(nextState.taskId, { source: "system" });
         setActiveTab(nextState.activeTab);
         setIsWizardMode(nextState.isWizardMode);
         setWizardForceOverview(false);
-    }, []);
+    }, [setTaskSelection]);
     useEffect(() => {
         let cancelled = false;
         loadAiProfiles()
@@ -262,10 +209,10 @@ export function TaskBoardWorkspace() {
             cancelled = true;
         };
     }, []);
-    const tasksWithDisplayAssignees = useMemo(() => addAgentDisplayNames(tasks, agentProfileTitlesById), [tasks, agentProfileTitlesById]);
+    const tasksWithDisplayAssignees = useMemo(() => addAgentDisplayNames(overlayTaskExecutionList(tasks, executionRecordsByTaskId), agentProfileTitlesById), [tasks, executionRecordsByTaskId, agentProfileTitlesById]);
     const selectedProject = useMemo(() => projects.find((p) => p.project.projectId === selectedProjectId) ?? null, [projects, selectedProjectId]);
     const settingsProject = useMemo(() => projects.find((p) => p.project.projectId === settingsProjectId) ?? null, [projects, settingsProjectId]);
-    const selectedProjectTaskCounts = useMemo(() => buildTaskCounts(tasks), [tasks]);
+    const selectedProjectTaskCounts = useMemo(() => buildTaskCounts(tasksWithDisplayAssignees), [tasksWithDisplayAssignees]);
     const directSubprojects = useMemo(() => selectedProjectId
         ? projects
             .filter((project) => project.project.parentProjectId === selectedProjectId)
@@ -274,10 +221,14 @@ export function TaskBoardWorkspace() {
     const subprojectTasksWithDisplayAssignees = useMemo(() => {
         const nextTasks = {};
         for (const [projectId, taskList] of Object.entries(subprojectTasksByProjectId)) {
-            nextTasks[projectId] = addAgentDisplayNames(taskList, agentProfileTitlesById);
+            nextTasks[projectId] = addAgentDisplayNames(overlayTaskExecutionList(taskList, subprojectExecutionRecordsByProjectId[projectId] || {}), agentProfileTitlesById);
         }
         return nextTasks;
-    }, [subprojectTasksByProjectId, agentProfileTitlesById]);
+    }, [
+        subprojectTasksByProjectId,
+        subprojectExecutionRecordsByProjectId,
+        agentProfileTitlesById,
+    ]);
     const wizardSubprojectTaskLists = useMemo(() => directSubprojects.map((subproject) => ({
         projectId: subproject.project.projectId,
         title: subproject.project.title,
@@ -288,6 +239,15 @@ export function TaskBoardWorkspace() {
         ...tasksWithDisplayAssignees,
         ...wizardSubprojectTaskLists.flatMap((subproject) => subproject.tasks),
     ], [tasksWithDisplayAssignees, wizardSubprojectTaskLists]);
+    const wizardExecutionRecordsByTaskId = useMemo(() => {
+        const merged = {
+            ...executionRecordsByTaskId,
+        };
+        for (const records of Object.values(subprojectExecutionRecordsByProjectId)) {
+            Object.assign(merged, records);
+        }
+        return merged;
+    }, [executionRecordsByTaskId, subprojectExecutionRecordsByProjectId]);
     const taskSelectionUniverse = useMemo(() => isWizardMode
         ? wizardTasksWithDisplayAssignees
         : tasksWithDisplayAssignees, [isWizardMode, wizardTasksWithDisplayAssignees, tasksWithDisplayAssignees]);
@@ -377,18 +337,19 @@ export function TaskBoardWorkspace() {
     const handleSelectProject = useCallback((projectId) => {
         setSelectedProjectId((previousProjectId) => {
             if (previousProjectId !== projectId) {
-                setSelectedTaskId(null);
+                setTaskSelection(null, { pinInWizard: false });
                 setWizardForceOverview(false);
             }
             return projectId;
         });
-    }, []);
+    }, [setTaskSelection]);
     const clearSelectedProjectData = useCallback(() => {
         setTasks([]);
         setDependencies([]);
+        setExecutionRecordsByTaskId({});
         setSubprojectTaskCounts({});
         setSubprojectTasksByProjectId({});
-        setAgentStatusesById({});
+        setSubprojectExecutionRecordsByProjectId({});
     }, []);
     const isPlanning = selectedProject?.project.status === "Planning";
     const selectedTask = useMemo(() => taskSelectionUniverse.find((t) => t.taskId === selectedTaskId) ?? null, [taskSelectionUniverse, selectedTaskId]);
@@ -421,7 +382,8 @@ export function TaskBoardWorkspace() {
         const taskById = new Map(tasksWithDisplayAssignees.map((task) => [task.taskId, task]));
         return blockerIds.some((blockerId) => {
             const blockerTask = taskById.get(blockerId);
-            return !blockerTask || blockerTask.status !== "Done";
+            return (!blockerTask ||
+                normalizeTaskStatus(blockerTask.status, blockerTask.executionState) !== "Done");
         });
     }, [
         selectedTask,
@@ -450,7 +412,7 @@ export function TaskBoardWorkspace() {
     const selectedTaskStatus = useMemo(() => {
         if (!selectedTask)
             return null;
-        return normalizeTaskStatus(selectedTask.status, selectedTask.executionStatus);
+        return normalizeTaskStatus(selectedTask.status, selectedTask.executionState);
     }, [selectedTask]);
     const selectedTaskHasResultData = useMemo(() => {
         return !!selectedTask?.resultData?.trim();
@@ -466,18 +428,9 @@ export function TaskBoardWorkspace() {
         selectedTaskStatus,
         selectedTaskHasResultData,
     ]);
-    const currentAgentStatus = useMemo(() => {
-        return getTaskAgentStatus(selectedTask, agentStatusesById);
-    }, [selectedTask, agentStatusesById]);
     const displayAgentId = useMemo(() => {
-        if (!currentAgentId)
-            return null;
-        if (isClosedAgentStatus(currentAgentStatus) &&
-            selectedTaskStatus !== "Done") {
-            return null;
-        }
         return currentAgentId;
-    }, [currentAgentId, currentAgentStatus, selectedTaskStatus]);
+    }, [currentAgentId]);
     useEffect(() => {
         if (isMobile && selectedTaskId) {
             setMobileActiveTab(1); // Task tab
@@ -520,55 +473,34 @@ export function TaskBoardWorkspace() {
                 return a.sortOrder - b.sortOrder;
             return a.createdAt.localeCompare(b.createdAt);
         });
-        const taskById = new Map(sortedTasks.map((task) => [task.taskId, task]));
-        const blockersByTaskId = new Map();
-        for (const dependency of dependencies) {
-            if (dependency.dependencyType !== "BlockedBy")
-                continue;
-            const blockerIds = blockersByTaskId.get(dependency.taskId) || [];
-            blockerIds.push(dependency.dependsOnTaskId);
-            blockersByTaskId.set(dependency.taskId, blockerIds);
-        }
-        const openTasks = sortedTasks.filter((task) => normalizeTaskStatus(task.status, task.executionStatus) !== "Done");
-        const blockedTaskIds = new Set();
-        for (const task of openTasks) {
-            const blockerIds = blockersByTaskId.get(task.taskId) || [];
-            const isBlocked = blockerIds.some((blockerId) => {
-                const blockerTask = taskById.get(blockerId);
-                if (!blockerTask)
-                    return true;
-                return (normalizeTaskStatus(blockerTask.status, blockerTask.executionStatus) !== "Done");
-            });
-            if (isBlocked)
-                blockedTaskIds.add(task.taskId);
-        }
+        const openTasks = sortedTasks.filter((task) => normalizeTaskStatus(task.status, task.executionState) !== "Done");
         let runningCount = 0;
         let approvalCount = 0;
+        let blockedCount = 0;
         let attentionTask = null;
         let attentionAgentId = null;
-        let attentionAgentStatus;
         let attentionExecutionDisplay = null;
         for (const task of openTasks) {
-            const normalizedTaskStatus = normalizeTaskStatus(task.status, task.executionStatus);
+            const record = getTaskExecutionRecordById(wizardExecutionRecordsByTaskId, task.taskId);
+            const executionStateFromBackend = record?.executionState ?? task.executionState;
+            const normalizedTaskStatus = normalizeTaskStatus(task.status, executionStateFromBackend);
             const agentId = getLinkedAgentId(task);
-            const agentStatus = getTaskAgentStatus(task, agentStatusesById);
-            const executionDisplay = getTaskExecutionDisplay(task.executionStatus, agentStatus, task.status);
-            const isBlocked = blockedTaskIds.has(task.taskId);
-            const normalizedAgentStatus = normalizeAgentStatus(agentStatus);
-            const isRunning = !isBlocked &&
-                (task.executionStatus === "Running" ||
-                    task.executionStatus === "Queued" ||
-                    normalizedAgentStatus === "running");
+            const executionDisplay = getTaskExecutionDisplay(record);
+            const isBlocked = executionStateFromBackend === "WaitingForDependency";
+            const isRunning = executionStateFromBackend === "Working";
+            if (isBlocked) {
+                blockedCount += 1;
+            }
             if (isRunning) {
                 runningCount += 1;
             }
             if (normalizedTaskStatus === "Review") {
                 approvalCount += 1;
             }
-            if (!attentionTask && !isBlocked && executionDisplay?.needsAttention) {
+            const needsAttention = !!executionDisplay?.needsAttention || normalizedTaskStatus === "Review";
+            if (!attentionTask && !isBlocked && needsAttention) {
                 attentionTask = task;
                 attentionAgentId = agentId;
-                attentionAgentStatus = agentStatus;
                 attentionExecutionDisplay = executionDisplay;
             }
         }
@@ -579,34 +511,77 @@ export function TaskBoardWorkspace() {
         else if (runningCount > 0) {
             summaryState = "working";
         }
-        else if (blockedTaskIds.size === openTasks.length) {
+        else if (blockedCount === openTasks.length) {
             summaryState = "blocked";
         }
         return {
             task: attentionTask,
             agentId: attentionAgentId,
-            agentStatus: attentionAgentStatus,
             executionDisplay: attentionExecutionDisplay,
             summaryState,
             stats: {
                 totalCount: sortedTasks.length,
                 completedCount: sortedTasks.length - openTasks.length,
                 approvalCount,
-                blockedCount: blockedTaskIds.size,
+                blockedCount,
                 runningCount,
             },
         };
-    }, [wizardTasksWithDisplayAssignees, dependencies, agentStatusesById]);
+    }, [wizardTasksWithDisplayAssignees, wizardExecutionRecordsByTaskId]);
     const wizardDisplayedTask = wizardForceOverview
         ? null
         : selectedTask ?? wizardPinnedTask ?? wizardAttentionState.task;
     const wizardDisplayedAgentId = wizardDisplayedTask
         ? getLinkedAgentId(wizardDisplayedTask)
         : null;
-    const wizardDisplayedAgentStatus = getAgentStatusById(agentStatusesById, wizardDisplayedAgentId);
     const wizardDisplayedExecutionDisplay = wizardDisplayedTask
-        ? getTaskExecutionDisplay(wizardDisplayedTask.executionStatus, wizardDisplayedAgentStatus, wizardDisplayedTask.status)
+        ? getTaskExecutionDisplay(getTaskExecutionRecordById(wizardExecutionRecordsByTaskId, wizardDisplayedTask.taskId))
         : null;
+    useEffect(() => {
+        const attentionSnapshot = JSON.stringify({
+            selectedTaskId,
+            selectedTaskSource,
+            wizardPinnedTaskId,
+            wizardForceOverview,
+            attentionTaskId: wizardAttentionState.task?.taskId ?? null,
+            attentionAgentId: wizardAttentionState.agentId ?? null,
+            summaryState: wizardAttentionState.summaryState,
+            totalCount: wizardAttentionState.stats.totalCount,
+            completedCount: wizardAttentionState.stats.completedCount,
+            approvalCount: wizardAttentionState.stats.approvalCount,
+            blockedCount: wizardAttentionState.stats.blockedCount,
+            runningCount: wizardAttentionState.stats.runningCount,
+            displayedTaskId: wizardDisplayedTask?.taskId ?? null,
+            displayedExecutionLabel: wizardDisplayedExecutionDisplay?.label ?? null,
+            displayedNeedsAttention: wizardDisplayedExecutionDisplay?.needsAttention ?? null,
+        });
+        if (previousWizardAttentionSignatureRef.current === attentionSnapshot) {
+            return;
+        }
+        previousWizardAttentionSignatureRef.current = attentionSnapshot;
+    }, [
+        selectedTaskId,
+        selectedTaskSource,
+        wizardAttentionState,
+        wizardDisplayedExecutionDisplay?.label,
+        wizardDisplayedExecutionDisplay?.needsAttention,
+        wizardDisplayedTask?.taskId,
+        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);
@@ -627,48 +602,25 @@ export function TaskBoardWorkspace() {
                 return a.sortOrder - b.sortOrder;
             return a.createdAt.localeCompare(b.createdAt);
         });
-        const taskById = new Map(sortedTasks.map((task) => [task.taskId, task]));
-        const blockersByTaskId = new Map();
-        for (const dependency of dependencies) {
-            if (dependency.dependencyType !== "BlockedBy")
-                continue;
-            const blockerIds = blockersByTaskId.get(dependency.taskId) || [];
-            blockerIds.push(dependency.dependsOnTaskId);
-            blockersByTaskId.set(dependency.taskId, blockerIds);
-        }
         const openTasks = sortedTasks.filter((task) => {
             if (excludedTaskId && task.taskId === excludedTaskId)
                 return false;
-            return (normalizeTaskStatus(task.status, task.executionStatus) !== "Done");
+            return normalizeTaskStatus(task.status, task.executionState) !== "Done";
         });
-        const blockedTaskIds = new Set();
         for (const task of openTasks) {
-            const blockerIds = blockersByTaskId.get(task.taskId) || [];
-            const isBlocked = blockerIds.some((blockerId) => {
-                const blockerTask = taskById.get(blockerId);
-                if (!blockerTask)
-                    return true;
-                return (normalizeTaskStatus(blockerTask.status, blockerTask.executionStatus) !== "Done");
-            });
-            if (isBlocked)
-                blockedTaskIds.add(task.taskId);
-        }
-        for (const task of openTasks) {
-            const isBlocked = blockedTaskIds.has(task.taskId);
-            const agentId = getLinkedAgentId(task);
-            const agentStatus = getTaskAgentStatus(task, agentStatusesById);
-            const executionDisplay = getTaskExecutionDisplay(task.executionStatus, agentStatus, task.status);
-            const normalizedAgentStatus = normalizeAgentStatus(agentStatus);
-            const isRunning = !isBlocked &&
-                (task.executionStatus === "Running" ||
-                    task.executionStatus === "Queued" ||
-                    normalizedAgentStatus === "running");
-            if (!isBlocked && executionDisplay?.needsAttention) {
+            const record = getTaskExecutionRecordById(wizardExecutionRecordsByTaskId, task.taskId);
+            const executionStateFromBackend = record?.executionState ?? task.executionState;
+            const isBlocked = executionStateFromBackend === "WaitingForDependency";
+            const executionDisplay = getTaskExecutionDisplay(record);
+            const normalizedTaskStatus = normalizeTaskStatus(task.status, executionStateFromBackend);
+            const needsAttention = !!executionDisplay?.needsAttention ||
+                normalizedTaskStatus === "Review";
+            if (!isBlocked && needsAttention) {
                 return task.taskId;
             }
         }
         return null;
-    }, [wizardTasksWithDisplayAssignees, dependencies, agentStatusesById]);
+    }, [wizardExecutionRecordsByTaskId, wizardTasksWithDisplayAssignees]);
     // ── data fetching ──
     const refreshProjects = useCallback(async (options) => {
         projectsRequestCountRef.current += 1;
@@ -767,6 +719,14 @@ export function TaskBoardWorkspace() {
             }
         }
     }, []);
+    const refreshExecutionState = useCallback(async (projectId) => {
+        const result = await getExecutionState({ projectId });
+        if (result.type !== "success") {
+            toast.error(result.summary || "Failed to load execution state");
+            return;
+        }
+        setExecutionRecordsByTaskId(indexTaskExecutionRecords(result.data?.records));
+    }, []);
     const refreshSubprojectTaskCounts = useCallback(async () => {
         const requestProjectId = selectedProjectId;
         latestSubprojectCountsProjectIdRef.current = requestProjectId;
@@ -774,6 +734,7 @@ export function TaskBoardWorkspace() {
             if (latestSubprojectCountsProjectIdRef.current === requestProjectId) {
                 setSubprojectTaskCounts({});
                 setSubprojectTasksByProjectId({});
+                setSubprojectExecutionRecordsByProjectId({});
             }
             return;
         }
@@ -781,15 +742,23 @@ export function TaskBoardWorkspace() {
         try {
             const results = await Promise.all(directSubprojects.map(async (subproject) => {
                 const projectId = subproject.project.projectId;
-                const response = await getTasks(projectId);
-                if (response.type !== "success") {
-                    return [projectId, null, null];
+                const [tasksResponse, executionResponse] = await Promise.all([
+                    getTasks(projectId),
+                    getExecutionState({ projectId }),
+                ]);
+                if (tasksResponse.type !== "success") {
+                    return [projectId, null, null, null];
                 }
-                const tasksForProject = response.data || [];
+                const tasksForProject = tasksResponse.data || [];
+                const recordsByTaskId = executionResponse.type === "success"
+                    ? indexTaskExecutionRecords(executionResponse.data?.records)
+                    : {};
+                const tasksWithExecution = overlayTaskExecutionList(tasksForProject, recordsByTaskId);
                 return [
                     projectId,
-                    buildTaskCounts(tasksForProject),
+                    buildTaskCounts(tasksWithExecution),
                     tasksForProject,
+                    recordsByTaskId,
                 ];
             }));
             if (latestSubprojectCountsProjectIdRef.current !== requestProjectId) {
@@ -797,14 +766,18 @@ export function TaskBoardWorkspace() {
             }
             const nextCounts = {};
             const nextTasksByProjectId = {};
-            for (const [projectId, counts, taskList] of results) {
+            const nextExecutionByProjectId = {};
+            for (const [projectId, counts, taskList, executionByTaskId] of results) {
                 if (counts)
                     nextCounts[projectId] = counts;
                 if (taskList)
                     nextTasksByProjectId[projectId] = taskList;
+                if (executionByTaskId)
+                    nextExecutionByProjectId[projectId] = executionByTaskId;
             }
             setSubprojectTaskCounts(nextCounts);
             setSubprojectTasksByProjectId(isWizardMode ? nextTasksByProjectId : {});
+            setSubprojectExecutionRecordsByProjectId(isWizardMode ? nextExecutionByProjectId : {});
         }
         finally {
             setSubprojectCountsLoading(false);
@@ -825,8 +798,8 @@ export function TaskBoardWorkspace() {
         if (!firstTask)
             return;
         autoSelectedProjectIdsRef.current.add(selectedProjectId);
-        setSelectedTaskId(firstTask.taskId);
-    }, [selectedProjectId, selectedTaskId, tasks]);
+        setTaskSelection(firstTask.taskId, { source: "system" });
+    }, [selectedProjectId, selectedTaskId, setTaskSelection, tasks]);
     useEffect(() => {
         if (!wizardPinnedTaskId)
             return;
@@ -835,24 +808,95 @@ export function TaskBoardWorkspace() {
         }
         setWizardPinnedTaskId(null);
     }, [taskSelectionUniverse, wizardPinnedTaskId]);
+    // Pin to a task as soon as it shows Questions/WaitingForInput/WaitingForUser, so we don't
+    // switch away when another subproject also gets Questions (wizardAttentionState
+    // would pick a different task and we'd lose the questionnaire to agent mismatch).
+    useEffect(() => {
+        if (!isWizardMode)
+            return;
+        if (wizardForceOverview)
+            return;
+        if (selectedTaskId)
+            return;
+        if (wizardPinnedTaskId)
+            return;
+        if (!wizardDisplayedTask?.taskId)
+            return;
+        const needsInput = wizardDisplayedExecutionDisplay?.label === "Questions" ||
+            wizardDisplayedExecutionDisplay?.label === "Waiting for input" ||
+            wizardDisplayedExecutionDisplay?.label === "Waiting for user";
+        if (!needsInput)
+            return;
+        setWizardPinnedTaskId(wizardDisplayedTask.taskId);
+    }, [
+        isWizardMode,
+        wizardForceOverview,
+        selectedTaskId,
+        wizardPinnedTaskId,
+        wizardDisplayedTask?.taskId,
+        wizardDisplayedExecutionDisplay?.label,
+    ]);
     useEffect(() => {
         if (!isWizardMode)
             return;
         if (wizardForceOverview)
             return;
-        if (selectedTaskId || wizardPinnedTaskId)
+        if (selectedTaskId)
             return;
         const attentionTaskId = wizardAttentionState.task?.taskId;
-        if (!attentionTaskId)
+        if (!attentionTaskId) {
+            return;
+        }
+        if (wizardPinnedTaskId === attentionTaskId)
+            return;
+        // Don't auto-pin away from a task that has Questions, Waiting for input, or Waiting for user—
+        // switching would unmount its AgentTerminal and cause the questionnaire to be
+        // dispatched to the wrong terminal (agent mismatch). Keep user on current task.
+        const displayedNeedsInput = wizardDisplayedExecutionDisplay?.label === "Questions" ||
+            wizardDisplayedExecutionDisplay?.label === "Waiting for input" ||
+            wizardDisplayedExecutionDisplay?.label === "Waiting for user";
+        if (displayedNeedsInput && wizardDisplayedTask?.taskId) {
             return;
+        }
         setWizardPinnedTaskId(attentionTaskId);
     }, [
         isWizardMode,
         selectedTaskId,
+        selectedTaskSource,
+        wizardDisplayedExecutionDisplay?.label,
+        wizardDisplayedTask?.taskId,
         wizardPinnedTaskId,
         wizardForceOverview,
+        wizardAttentionState.summaryState,
         wizardAttentionState.task?.taskId,
     ]);
+    useEffect(() => {
+        if (!isWizardMode)
+            return;
+        if (selectedTaskSource === "user")
+            return;
+        if (!selectedTask)
+            return;
+        if (normalizeTaskStatus(selectedTask.status, selectedTask.executionState) !== "Done") {
+            return;
+        }
+        const nextAttentionTaskId = findNextAttentionTaskId(selectedTask.taskId);
+        if (nextAttentionTaskId) {
+            setWizardForceOverview(false);
+            setTaskSelection(nextAttentionTaskId, {
+                source: "system",
+                pinInWizard: true,
+            });
+            return;
+        }
+        setTaskSelection(null, { pinInWizard: false });
+    }, [
+        findNextAttentionTaskId,
+        isWizardMode,
+        selectedTask,
+        selectedTaskSource,
+        setTaskSelection,
+    ]);
     useEffect(() => {
         if (isWizardMode)
             return;
@@ -902,70 +946,21 @@ export function TaskBoardWorkspace() {
         if (!selectedProjectId)
             return;
         await refreshTasks(selectedProjectId);
+        await refreshExecutionState(selectedProjectId);
         await refreshDependencies(selectedProjectId);
         await refreshSubprojectTaskCounts();
     }, [
         selectedProjectId,
         refreshTasks,
+        refreshExecutionState,
         refreshDependencies,
         refreshSubprojectTaskCounts,
     ]);
-    const refreshAgentStatuses = useCallback(async (taskList) => {
-        const agentIds = Array.from(new Set(taskList
-            .map((task) => getLinkedAgentId(task))
-            .filter((id) => typeof id === "string" && id.length > 0)));
-        if (agentIds.length === 0) {
-            setAgentStatusesById({});
-            return;
-        }
-        try {
-            const response = await getActiveAgents({
-                limit: 1000,
-                includeOwned: true,
-                includeShared: true,
-                excludeClosed: false,
-            });
-            const wanted = new Set(agentIds.map((id) => id.toLowerCase()));
-            const apiStatuses = {};
-            for (const agent of response.agents || []) {
-                const normalizedAgentId = agent.id.toLowerCase();
-                if (wanted.has(normalizedAgentId)) {
-                    apiStatuses[normalizedAgentId] =
-                        normalizeAgentStatus(agent.status) ?? agent.status;
-                }
-            }
-            setAgentStatusesById((prev) => {
-                const merged = { ...prev };
-                for (const [id, apiStatus] of Object.entries(apiStatuses)) {
-                    const existing = merged[id];
-                    const existingNormalized = existing !== undefined ? normalizeAgentStatus(existing) : undefined;
-                    if (existingNormalized === "waitingForInput" ||
-                        existingNormalized === "waitingForApproval" ||
-                        existingNormalized === "error" ||
-                        existingNormalized === "costLimitReached") {
-                        const apiNormalized = normalizeAgentStatus(apiStatus);
-                        if (apiNormalized !== "waitingForInput" &&
-                            apiNormalized !== "waitingForApproval" &&
-                            apiNormalized !== "error" &&
-                            apiNormalized !== "costLimitReached" &&
-                            apiNormalized !== "completed" &&
-                            apiNormalized !== "closed") {
-                            continue;
-                        }
-                    }
-                    merged[id] = apiStatus;
-                }
-                return merged;
-            });
-        }
-        catch {
-            // best-effort only
-        }
-    }, []);
     // Sync refs with latest function/state values for use in WebSocket timeout callback
     useEffect(() => {
         refreshProjectsRef.current = refreshProjects;
         refreshTasksRef.current = refreshTasks;
+        refreshExecutionStateRef.current = refreshExecutionState;
         refreshDependenciesRef.current = refreshDependencies;
         refreshSubprojectTaskCountsRef.current = refreshSubprojectTaskCounts;
         selectedProjectIdRef.current = selectedProjectId;
@@ -974,51 +969,13 @@ export function TaskBoardWorkspace() {
     }, [
         refreshProjects,
         refreshTasks,
+        refreshExecutionState,
         refreshDependencies,
         refreshSubprojectTaskCounts,
         selectedProjectId,
         directSubprojects,
         taskSelectionUniverse,
     ]);
-    // Ensure task-board receives live agent status updates (including WaitingForInput)
-    // without requiring the terminal panel to be opened. Re-run on socket reconnect
-    // so subscriptions are restored after page reload / reconnect.
-    useEffect(() => {
-        const socketVersion = editContext?.socketConnectionVersion ?? null;
-        if (taskBoardSocketVersionRef.current !== socketVersion) {
-            taskBoardSocketVersionRef.current = socketVersion;
-            taskBoardSubscribedAgentIdsRef.current.clear();
-        }
-        if (!selectedProjectId)
-            return;
-        const desiredAgentIds = new Set(taskSelectionUniverse
-            .map((task) => getLinkedAgentId(task))
-            .filter((id) => typeof id === "string" && id.length > 0)
-            .map((id) => id.toLowerCase()));
-        // Delay one tick so socket listeners are attached before pending dialog replay
-        // is emitted by the server for subscribed agents.
-        const subscribeTimeout = window.setTimeout(() => {
-            const socket = globalThis.editorSocket;
-            if (!socket || socket.readyState !== WebSocket.OPEN)
-                return;
-            for (const agentId of desiredAgentIds) {
-                if (taskBoardSubscribedAgentIdsRef.current.has(agentId))
-                    continue;
-                socket.send(JSON.stringify({
-                    type: "agent:subscribe",
-                    agentId,
-                }));
-                taskBoardSubscribedAgentIdsRef.current.add(agentId);
-            }
-        }, 0);
-        return () => {
-            window.clearTimeout(subscribeTimeout);
-        };
-    }, [
-        selectedProjectId,
-        taskSelectionUniverse,
-        editContext?.socketConnectionVersion,
-    ]);
     const handleRunOrchestrator = useCallback(async (options) => {
         if (!selectedProjectId)
             return;
@@ -1070,9 +1027,6 @@ export function TaskBoardWorkspace() {
             return;
         setRunningOrchestrator(true);
         try {
-            if (task.executionStatus === "Idle") {
-                await updateTask({ taskId: task.taskId, executionStatus: "Queued" });
-            }
             const result = await runOrchestrator(taskProjectId);
             if (result.type !== "success") {
                 toast.error(result.summary || "Failed to launch agent");
@@ -1104,7 +1058,6 @@ export function TaskBoardWorkspace() {
         const reopenResult = await updateTask({
             taskId: selectedTask.taskId,
             status: "Todo",
-            executionStatus: "Idle",
         });
         if (reopenResult.type !== "success") {
             toast.error(reopenResult.summary || "Failed to reopen task");
@@ -1124,15 +1077,6 @@ export function TaskBoardWorkspace() {
         }
         setRunningOrchestrator(true);
         try {
-            const queueResult = await updateTask({
-                taskId: selectedTask.taskId,
-                executionStatus: "Queued",
-            });
-            if (queueResult.type !== "success") {
-                toast.error(queueResult.summary || "Failed to queue agent");
-                await refreshVisibleTaskData();
-                return;
-            }
             const result = await runOrchestrator(taskProjectId);
             if (result.type !== "success") {
                 toast.error(result.summary || "Failed to launch agent");
@@ -1176,17 +1120,25 @@ export function TaskBoardWorkspace() {
             }
             toast.success("Planning agent started");
             await refreshTasks(selectedProjectId);
+            await refreshExecutionState(selectedProjectId);
             await refreshDependencies(selectedProjectId);
             const plan = tasks.find((t) => String(t.taskType ?? "").toLowerCase() === "plan") ??
                 tasks.find((t) => t.title === "Project Plan") ??
                 null;
             if (plan)
-                setSelectedTaskId(plan.taskId);
+                setTaskSelection(plan.taskId, { source: "system" });
         }
         catch {
             toast.error("Failed to start planning");
         }
-    }, [selectedProjectId, refreshTasks, refreshDependencies, tasks]);
+    }, [
+        selectedProjectId,
+        refreshTasks,
+        refreshExecutionState,
+        refreshDependencies,
+        setTaskSelection,
+        tasks,
+    ]);
     const handleProjectStatusChange = useCallback(async (status) => {
         if (!selectedProject)
             return;
@@ -1215,8 +1167,8 @@ export function TaskBoardWorkspace() {
     }, [selectedProject, refreshProjects]);
     const handleSelectMyTask = useCallback((task) => {
         handleSelectProject(task.projectId);
-        setSelectedTaskId(task.taskId);
-    }, [handleSelectProject]);
+        setTaskSelection(task.taskId, { source: "user" });
+    }, [handleSelectProject, setTaskSelection]);
     useEffect(() => {
         setTaskBoardNavState({
             projectTitle: selectedProject?.project.title ?? "Tasks",
@@ -1326,9 +1278,11 @@ export function TaskBoardWorkspace() {
         setProjectViewLoadingId(selectedProjectId);
         let cancelled = false;
         const refreshTasksFn = refreshTasksRef.current;
+        const refreshExecutionStateFn = refreshExecutionStateRef.current;
         const refreshDependenciesFn = refreshDependenciesRef.current;
         void Promise.all([
             refreshTasksFn?.(selectedProjectId),
+            refreshExecutionStateFn?.(selectedProjectId),
             refreshDependenciesFn?.(selectedProjectId),
         ]).finally(() => {
             if (cancelled)
@@ -1347,24 +1301,19 @@ export function TaskBoardWorkspace() {
     useEffect(() => {
         void refreshSubprojectTaskCounts();
     }, [refreshSubprojectTaskCounts]);
-    useEffect(() => {
-        if (!selectedProjectId) {
-            setAgentStatusesById({});
-            return;
-        }
-        void refreshAgentStatuses(taskSelectionUniverse);
-    }, [selectedProjectId, taskSelectionUniverse, refreshAgentStatuses]);
     useEffect(() => {
         previousTaskStatusesRef.current = {};
+        previousWizardAttentionSignatureRef.current = "";
     }, [selectedProjectId]);
     useEffect(() => {
         if (!selectedProjectId)
             return;
         const previousStatuses = previousTaskStatusesRef.current;
         const currentStatuses = {};
+        const transitions = [];
         let movedToDone = false;
-        for (const task of tasks) {
-            const currentStatus = normalizeTaskStatus(task.status, task.executionStatus);
+        for (const task of tasksWithDisplayAssignees) {
+            const currentStatus = normalizeTaskStatus(task.status, task.executionState);
             currentStatuses[task.taskId] = currentStatus;
             const previousStatus = previousStatuses[task.taskId];
             if (previousStatus &&
@@ -1372,14 +1321,27 @@ export function TaskBoardWorkspace() {
                 currentStatus === "Done") {
                 movedToDone = true;
             }
+            if (!previousStatus || previousStatus !== currentStatus) {
+                transitions.push({
+                    taskId: task.taskId,
+                    title: task.title,
+                    previousStatus: previousStatus ?? null,
+                    currentStatus,
+                    rawStatus: task.status ?? null,
+                    executionState: task.executionState ?? null,
+                });
+            }
         }
         previousTaskStatusesRef.current = currentStatuses;
+        if (transitions.length > 0) {
+            // transitions tracked for potential future use
+        }
         if (movedToDone && canCreate && !isPlanning && !runningOrchestrator) {
             void handleRunOrchestrator({ silentWhenNothingToLaunch: true });
         }
     }, [
         selectedProjectId,
-        tasks,
+        tasksWithDisplayAssignees,
         canCreate,
         isPlanning,
         runningOrchestrator,
@@ -1394,6 +1356,64 @@ export function TaskBoardWorkspace() {
             return;
         const unsubscribe = addListener((message) => {
             const messageType = message?.type;
+            if (messageType === "task:state-changed") {
+                const payload = message?.payload;
+                const projectId = payload?.projectId ?? payload?.ProjectId ?? payload?.record?.projectId;
+                const record = payload?.record;
+                const currentProjectId = selectedProjectIdRef.current;
+                if (!projectId || !currentProjectId || !record?.taskId)
+                    return;
+                if (projectId === currentProjectId) {
+                    setExecutionRecordsByTaskId((prev) => {
+                        const current = prev[record.taskId];
+                        if (current && current.version > record.version) {
+                            return prev;
+                        }
+                        if (current &&
+                            current.version === record.version &&
+                            current.taskStatus === record.taskStatus &&
+                            current.executionState === record.executionState &&
+                            current.attentionReason === record.attentionReason &&
+                            current.waitingOnDialogId === record.waitingOnDialogId &&
+                            current.waitingOnToolCallId === record.waitingOnToolCallId &&
+                            current.agentId === record.agentId) {
+                            return prev;
+                        }
+                        return {
+                            ...prev,
+                            [record.taskId]: record,
+                        };
+                    });
+                    return;
+                }
+                if (directSubprojectIdsRef.current.has(projectId)) {
+                    setSubprojectExecutionRecordsByProjectId((prev) => {
+                        const projectRecords = prev[projectId] ?? {};
+                        const current = projectRecords[record.taskId];
+                        if (current && (current.version ?? 0) > (record.version ?? 0)) {
+                            return prev;
+                        }
+                        return {
+                            ...prev,
+                            [projectId]: {
+                                ...projectRecords,
+                                [record.taskId]: record,
+                            },
+                        };
+                    });
+                    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;
+            }
             if (messageType !== "task:updated" &&
                 messageType !== "task:created" &&
                 messageType !== "task:deleted") {
@@ -1432,10 +1452,12 @@ export function TaskBoardWorkspace() {
                 const pid = selectedProjectIdRef.current;
                 const refreshProjectsFn = refreshProjectsRef.current;
                 const refreshTasksFn = refreshTasksRef.current;
+                const refreshExecutionStateFn = refreshExecutionStateRef.current;
                 const refreshDepsFn = refreshDependenciesRef.current;
-                if (!pid || !refreshTasksFn || !refreshDepsFn)
+                if (!pid || !refreshTasksFn || !refreshDepsFn || !refreshExecutionStateFn)
                     return;
                 void refreshTasksFn(pid);
+                void refreshExecutionStateFn(pid);
                 void refreshDepsFn(pid);
                 if (refreshProjectsFn)
                     void refreshProjectsFn();
@@ -1461,96 +1483,6 @@ export function TaskBoardWorkspace() {
         });
         return () => unsubscribe();
     }, [editContext, refreshProjects]);
-    useEffect(() => {
-        const addListener = editContext?.addSocketMessageListener;
-        if (!addListener)
-            return;
-        const unsubscribe = addListener((message) => {
-            const type = message?.type;
-            if (!type)
-                return;
-            const payload = message?.payload ?? {};
-            const agentId = payload?.agentId;
-            if (!agentId || typeof agentId !== "string")
-                return;
-            const trackedAgentIds = new Set(tasksRef.current
-                .map((task) => getLinkedAgentId(task))
-                .filter((id) => typeof id === "string" && id.length > 0)
-                .map((id) => id.toLowerCase()));
-            if (!trackedAgentIds.has(agentId.toLowerCase()))
-                return;
-            const queueProjectsRefresh = () => {
-                if (wsProjectRefreshTimeoutRef.current !== null) {
-                    window.clearTimeout(wsProjectRefreshTimeoutRef.current);
-                    wsProjectRefreshTimeoutRef.current = null;
-                }
-                wsProjectRefreshTimeoutRef.current = window.setTimeout(() => {
-                    wsProjectRefreshTimeoutRef.current = null;
-                    const refreshProjectsFn = refreshProjectsRef.current;
-                    if (!refreshProjectsFn)
-                        return;
-                    void refreshProjectsFn();
-                }, 500);
-            };
-            if (type === "agent:run:status") {
-                const status = normalizeAgentStatus(payload?.data?.state ?? payload?.state);
-                if (status === undefined)
-                    return;
-                const normalizedAgentId = agentId.toLowerCase();
-                setAgentStatusesById((prev) => ({
-                    ...prev,
-                    [normalizedAgentId]: status,
-                }));
-                queueProjectsRefresh();
-                return;
-            }
-            if (type === "agent-dialog-request") {
-                const normalizedAgentId = agentId.toLowerCase();
-                setAgentStatusesById((prev) => ({
-                    ...prev,
-                    [normalizedAgentId]: "waitingForInput",
-                }));
-                queueProjectsRefresh();
-                return;
-            }
-            if (type === "agent:run:start") {
-                const normalizedAgentId = agentId.toLowerCase();
-                setAgentStatusesById((prev) => ({
-                    ...prev,
-                    [normalizedAgentId]: "running",
-                }));
-                queueProjectsRefresh();
-                return;
-            }
-            if (type === "agent:run:complete") {
-                const normalizedAgentId = agentId.toLowerCase();
-                setAgentStatusesById((prev) => ({
-                    ...prev,
-                    [normalizedAgentId]: "completed",
-                }));
-                queueProjectsRefresh();
-                return;
-            }
-            if (type === "agent:run:error") {
-                const normalizedAgentId = agentId.toLowerCase();
-                setAgentStatusesById((prev) => ({
-                    ...prev,
-                    [normalizedAgentId]: "error",
-                }));
-                queueProjectsRefresh();
-                return;
-            }
-            if (type === "agent:run:closed") {
-                const normalizedAgentId = agentId.toLowerCase();
-                setAgentStatusesById((prev) => ({
-                    ...prev,
-                    [normalizedAgentId]: "closed",
-                }));
-                queueProjectsRefresh();
-            }
-        });
-        return () => unsubscribe();
-    }, [editContext]);
     // Clean up pending debounced refresh on unmount only.
     useEffect(() => {
         return () => {
@@ -1562,10 +1494,6 @@ export function TaskBoardWorkspace() {
                 window.clearTimeout(wsSubprojectRefreshTimeoutRef.current);
                 wsSubprojectRefreshTimeoutRef.current = null;
             }
-            if (wsProjectRefreshTimeoutRef.current !== null) {
-                window.clearTimeout(wsProjectRefreshTimeoutRef.current);
-                wsProjectRefreshTimeoutRef.current = null;
-            }
             if (wizardCloseTransitionTimeoutRef.current !== null) {
                 window.clearTimeout(wizardCloseTransitionTimeoutRef.current);
                 wizardCloseTransitionTimeoutRef.current = null;
@@ -1577,21 +1505,28 @@ export function TaskBoardWorkspace() {
         if (!selectedTaskId)
             return;
         if (!taskSelectionUniverse.some((t) => t.taskId === selectedTaskId)) {
-            setSelectedTaskId(null);
+            setTaskSelection(null);
         }
-    }, [selectedTaskId, taskSelectionUniverse]);
+    }, [
+        isWizardMode,
+        selectedTaskId,
+        setTaskSelection,
+        taskSelectionUniverse,
+    ]);
     // No special auto-selection by project status — the agent panel is driven by
     // whichever task the user selects.
     // The backend now creates the Plan task and triggers the planner agent
     // during project creation (TaskService.CreateProjectAsync), so we no longer
     // need to auto-trigger planning from the frontend.
-    const handleCloseWizardTask = useCallback(() => {
+    const handleCloseWizardTask = useCallback((options) => {
         const closingProjectId = selectedProjectId;
         const closedTaskId = wizardDisplayedTask?.taskId ?? selectedTaskId ?? wizardPinnedTaskId;
         clearWizardCloseTransitionTimeout();
-        setSelectedTaskId(null);
-        setWizardPinnedTaskId(null);
+        setTaskSelection(null, { pinInWizard: false });
         setWizardForceOverview(true);
+        if (!options?.advanceToNext) {
+            return;
+        }
         wizardCloseTransitionTimeoutRef.current = window.setTimeout(() => {
             wizardCloseTransitionTimeoutRef.current = null;
             if (!closingProjectId)
@@ -1601,8 +1536,10 @@ export function TaskBoardWorkspace() {
             const nextAttentionTaskId = findNextAttentionTaskId(closedTaskId);
             setWizardForceOverview(false);
             if (nextAttentionTaskId) {
-                setWizardPinnedTaskId(nextAttentionTaskId);
-                setSelectedTaskId(nextAttentionTaskId);
+                setTaskSelection(nextAttentionTaskId, {
+                    source: "system",
+                    pinInWizard: true,
+                });
             }
         }, 1000);
     }, [
@@ -1612,33 +1549,30 @@ export function TaskBoardWorkspace() {
         wizardPinnedTaskId,
         clearWizardCloseTransitionTimeout,
         findNextAttentionTaskId,
+        setTaskSelection,
     ]);
-    const wizardCommunicationPanel = useMemo(() => (_jsx(WizardCommunicationCenter, { task: wizardDisplayedTask, agentId: wizardDisplayedAgentId, agentStatus: wizardDisplayedAgentStatus, executionDisplay: wizardDisplayedExecutionDisplay, summaryState: wizardAttentionState.summaryState, stats: wizardAttentionState.stats, projectTitle: selectedProject?.project.title ?? "Current project", projectDescription: selectedProject?.project.description, taskProjectTitle: wizardDisplayedTask &&
+    const wizardCommunicationPanel = useMemo(() => (_jsx(WizardCommunicationCenter, { task: wizardDisplayedTask, agentId: wizardDisplayedAgentId, agentStatus: undefined, executionDisplay: wizardDisplayedExecutionDisplay, summaryState: wizardAttentionState.summaryState, stats: wizardAttentionState.stats, projectTitle: selectedProject?.project.title ?? "No project selected", projectDescription: selectedProject?.project.description, taskProjectTitle: wizardDisplayedTask &&
             wizardDisplayedTask.projectId !== selectedProjectId
             ? directSubprojects.find((subproject) => subproject.project.projectId ===
                 wizardDisplayedTask.projectId)?.project.title
-            : undefined, allTasks: wizardTasksWithDisplayAssignees, dependencies: dependencies, canEdit: canEditTasks, onTaskChanged: () => {
-            handleCloseWizardTask();
+            : undefined, allTasks: wizardTasksWithDisplayAssignees, dependencies: dependencies, canEdit: canEditTasks, onContentChanged: () => {
             void refreshVisibleTaskData();
+        }, onTaskChanged: () => {
+            handleCloseWizardTask({ advanceToNext: true });
+            void refreshVisibleTaskData();
+        }, onTaskApproved: async () => {
+            await refreshVisibleTaskData();
+            handleCloseWizardTask({ advanceToNext: true });
         }, onInteractionSubmitted: () => {
-            if (wizardDisplayedAgentId) {
-                const normalizedId = wizardDisplayedAgentId.toLowerCase();
-                setAgentStatusesById((prev) => ({
-                    ...prev,
-                    [normalizedId]: "running",
-                }));
-            }
-            handleCloseWizardTask();
-        }, onCloseTask: handleCloseWizardTask, onSelectTask: (taskId) => {
+            handleCloseWizardTask({ advanceToNext: true });
+        }, onCloseTask: () => handleCloseWizardTask(), onSelectTask: (taskId) => {
             clearWizardCloseTransitionTimeout();
             setWizardForceOverview(false);
-            setWizardPinnedTaskId(taskId);
-            setSelectedTaskId(taskId);
+            setTaskSelection(taskId, { source: "user", pinInWizard: true });
         } })), [
         wizardAttentionState,
         wizardDisplayedTask,
         wizardDisplayedAgentId,
-        wizardDisplayedAgentStatus,
         wizardDisplayedExecutionDisplay,
         canEditTasks,
         selectedProjectId,
@@ -1646,6 +1580,8 @@ export function TaskBoardWorkspace() {
         refreshVisibleTaskData,
         clearWizardCloseTransitionTimeout,
         handleCloseWizardTask,
+        selectedTaskId,
+        wizardPinnedTaskId,
         selectedProject?.project.title,
         selectedProject?.project.description,
     ]);
@@ -1654,30 +1590,31 @@ export function TaskBoardWorkspace() {
         if (isProjectViewLoading) {
             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: "flex flex-col items-center gap-3 text-sm text-muted-foreground", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("div", { children: "Loading project..." })] }) }));
         }
-        if (!selectedProjectId) {
+        if (!selectedProjectId || (!selectedProject && !isProjectsLoading)) {
             return (_jsx("div", { className: "text-muted-foreground p-6 text-sm", children: "Select a project to view tasks." }));
         }
         if (isWizardMode) {
             return (_jsx(WizardView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
                     setWizardForceOverview(false);
-                    setWizardPinnedTaskId(id);
-                    setSelectedTaskId(id);
-                }, agentStatusesById: agentStatusesById, projectTitle: selectedProject?.project.title ?? "Current project", projectDescription: selectedProject?.project.description, canEditProperties: selectedProject?.permission === "Owner", communicationPanel: wizardCommunicationPanel }));
+                    setTaskSelection(id, { source: "user", pinInWizard: true });
+                }, projectTitle: selectedProject?.project.title ?? "No project selected", projectDescription: selectedProject?.project.description, canEditProperties: selectedProject?.permission === "Owner", communicationPanel: wizardCommunicationPanel }));
         }
         if (isListView) {
-            return (_jsxs("div", { className: "grid gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "Current project", 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" }), _jsx(ListView, { tasks: tasksWithDisplayAssignees, onSelectTask: (id) => setSelectedTaskId(id), selectedTaskId: selectedTaskId, onTasksChanged: () => {
+            return (_jsxs("div", { className: "grid 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" }), _jsx(ListView, { tasks: tasksWithDisplayAssignees, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
                             void refreshVisibleTaskData();
-                        }, projectId: selectedProjectId, permission: selectedProject?.permission, agentStatusesById: agentStatusesById, activeTab: activeTab, onSetActiveTab: setActiveTab, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) })] }));
+                        }, projectId: selectedProjectId, permission: selectedProject?.permission, activeTab: activeTab, onSetActiveTab: setActiveTab, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) })] }));
         }
-        return (_jsxs("div", { className: "flex h-full min-h-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "Current project", 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" }), _jsx(KanbanView, { tasks: tasksWithDisplayAssignees, dependencies: dependencies, onSelectTask: (id) => setSelectedTaskId(id), selectedTaskId: selectedTaskId, onTasksChanged: () => {
+        return (_jsxs("div", { className: "flex h-full min-h-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" }), _jsx(KanbanView, { tasks: tasksWithDisplayAssignees, dependencies: dependencies, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
                         void refreshVisibleTaskData();
-                    }, projectId: selectedProjectId, permission: selectedProject?.permission, agentStatusesById: agentStatusesById, activeTab: activeTab, onSetActiveTab: setActiveTab, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) })] }));
+                    }, projectId: selectedProjectId, permission: selectedProject?.permission, activeTab: activeTab, onSetActiveTab: setActiveTab, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) })] }));
     }, [
         isProjectViewLoading,
         selectedProjectId,
+        selectedProject,
         isWizardMode,
         isListView,
         isTasksLoading,
+        isProjectsLoading,
         tasksWithDisplayAssignees,
         wizardSubprojectTaskLists,
         selectedTaskId,
@@ -1688,7 +1625,6 @@ export function TaskBoardWorkspace() {
         selectedProject?.project.status,
         selectedProject?.project.costLimit,
         selectedProjectCumulativeCostUsed,
-        agentStatusesById,
         dependencies,
         directSubprojects,
         parentProject?.project.projectId,
@@ -1716,14 +1652,13 @@ export function TaskBoardWorkspace() {
         selectedTask?.assigneeDisplayName,
         selectedTask?.assigneeId,
     ]);
-    const taskDetailPanel = useMemo(() => (_jsx(TaskDetailPanel, { project: selectedTaskProject, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, agentStatusesById: agentStatusesById, onTaskChanged: () => {
+    const taskDetailPanel = useMemo(() => (_jsx(TaskDetailPanel, { project: selectedTaskProject, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
             void refreshVisibleTaskData();
-        }, onSelectTask: (taskId) => setSelectedTaskId(taskId), onClose: () => setSelectedTaskId(null), variant: "panel" })), [
+        }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel" })), [
         selectedTaskProject,
         selectedTask,
         taskSelectionUniverse,
         dependencies,
-        agentStatusesById,
         refreshVisibleTaskData,
     ]);
     const agentTerminalPanel = useMemo(() => (_jsx(TaskAgentPanel, { agentId: displayAgentId, mode: agentPanelMode, label: selectedTaskIsPlan ? "Planner" : "Task Agent", hasAssignedAgentProfile: !selectedTaskIsPlan && selectedTaskHasAssignedAgentProfile, assignedAgentProfileName: !selectedTaskIsPlan && selectedTaskHasAssignedAgentProfile
@@ -1741,7 +1676,7 @@ export function TaskBoardWorkspace() {
             agentPanelMode === "no-agent" &&
             !selectedTaskHasAssignedAgentProfile
             ? () => setAssignAgentDialogOpen(true)
-            : undefined, assignedAgentStatus: displayAgentId ? currentAgentStatus : undefined, onReopenTask: selectedTask && canEditTasks
+            : undefined, assignedAgentStatus: undefined, onReopenTask: selectedTask && canEditTasks
             ? () => void handleReopenSelectedTask()
             : undefined })), [
         displayAgentId,
@@ -1755,11 +1690,9 @@ export function TaskBoardWorkspace() {
         handleStartPlanning,
         selectedTaskIsBlocked,
         canEditTasks,
-        currentAgentStatus,
         selectedTask,
         handleReopenSelectedTask,
     ]);
-    const slotContext = editContext?.getActiveSlotContext();
     const previewItemVersion = useMemo(() => {
         if (!currentItemDescriptor)
             return null;
@@ -1917,12 +1850,24 @@ export function TaskBoardWorkspace() {
     ]);
     const itemPreviewPanel = useMemo(() => {
         const hasCurrentItem = !!currentItemDescriptor;
-        if (!slotContext) {
-            return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "border-b border-gray-200 bg-white px-3 py-2", children: hasCurrentItem ? (_jsxs("div", { className: "min-w-0", children: [hasMultipleContextItems ? (_jsx(Select, { value: selectedContextItemValue, onValueChange: handleSelectContextItem, options: contextItemOptions, placeholder: "Select context item", size: "xs", searchable: true, className: "h-7 rounded-md bg-white", maxWidth: 420, "data-testid": "taskboard-context-item-selector" })) : (_jsx("div", { className: "truncate text-sm font-medium text-slate-900", children: previewItemName || "Loading item..." })), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx("span", { className: "truncate text-xs text-slate-500", children: previewItemPath || "Path unavailable" }), _jsx("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: currentItemDescriptor?.language }), previewItemVersion != null && (_jsxs("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: ["v", previewItemVersion] }))] })] })) : (_jsx("div", { className: "text-xs text-slate-500", children: "No item loaded" })) }), _jsxs("div", { className: "flex min-h-0 flex-1 flex-col items-center justify-center gap-3 bg-gray-50 p-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm font-medium", children: "Editor preview unavailable" }), _jsx("div", { className: "text-muted-foreground text-xs", children: "Open the editor context item to preview and edit it here." })] })] }));
+        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" }) }) }));
+        const renderPreviewSplit = (editorContent) => (_jsx(Splitter, { localStorageKey: "taskboard-preview-tree-splitter", panels: [
+                {
+                    name: "content-tree",
+                    defaultSize: 320,
+                    content: previewSidebar,
+                },
+                {
+                    name: "editor-preview",
+                    defaultSize: "auto",
+                    content: (_jsx("div", { className: "min-h-0 min-w-0 h-full overflow-hidden bg-gray-50", children: editorContent })),
+                },
+            ], splitterClassName: "bg-gray-200 hover:bg-gray-300 w-[6px]", className: "h-full" }));
+        if (!currentItemDescriptor) {
+            return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "border-b border-gray-200 bg-white px-3 py-2", children: hasCurrentItem ? (_jsxs("div", { className: "min-w-0", children: [hasMultipleContextItems ? (_jsx(Select, { value: selectedContextItemValue, onValueChange: handleSelectContextItem, options: contextItemOptions, placeholder: "Select context item", size: "xs", searchable: true, className: "h-7 rounded-md bg-white", maxWidth: 420, "data-testid": "taskboard-context-item-selector" })) : (_jsx("div", { className: "truncate text-sm font-medium text-slate-900", children: previewItemName || "Loading item..." })), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx("span", { className: "truncate text-xs text-slate-500", children: previewItemPath || "Path unavailable" }), _jsx("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: selectedContextItemValue.split("|")[1] || "" }), previewItemVersion != null && (_jsxs("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: ["v", previewItemVersion] }))] })] })) : (_jsx("div", { className: "text-xs text-slate-500", children: "No item loaded" })) }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden bg-gray-50", children: renderPreviewSplit(_jsxs("div", { className: "flex min-h-0 h-full flex-col items-center justify-center gap-3 p-6 text-center", children: [_jsx("div", { className: "text-muted-foreground text-sm font-medium", children: "Editor preview unavailable" }), _jsx("div", { className: "text-muted-foreground text-xs", children: "Open the editor context item to preview and edit it here." })] })) })] }));
         }
-        return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "border-b border-gray-200 bg-white px-3 py-2", children: hasCurrentItem ? (_jsxs("div", { className: "min-w-0", children: [hasMultipleContextItems ? (_jsx(Select, { value: selectedContextItemValue, onValueChange: handleSelectContextItem, options: contextItemOptions, placeholder: "Select context item", size: "xs", searchable: true, className: "h-7 rounded-md bg-white", maxWidth: 420, "data-testid": "taskboard-context-item-selector" })) : (_jsx("div", { className: "truncate text-sm font-medium text-slate-900", children: previewItemName || "Loading item..." })), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx("span", { className: "truncate text-xs text-slate-500", children: previewItemPath || "Path unavailable" }), _jsx("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: currentItemDescriptor?.language }), previewItemVersion != null && (_jsxs("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: ["v", previewItemVersion] }))] })] })) : (_jsx("div", { className: "text-xs text-slate-500", children: "No item loaded" })) }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden bg-gray-50", children: _jsx(EditorSlotContextProvider, { value: slotContext, children: _jsx(SingleEditView, { compareView: false, name: "taskboard-workspace-preview", view: "primary" }) }) })] }));
+        return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "border-b border-gray-200 bg-white px-3 py-2", children: hasCurrentItem ? (_jsxs("div", { className: "min-w-0", children: [hasMultipleContextItems ? (_jsx(Select, { value: selectedContextItemValue, onValueChange: handleSelectContextItem, options: contextItemOptions, placeholder: "Select context item", size: "xs", searchable: true, className: "h-7 rounded-md bg-white", maxWidth: 420, "data-testid": "taskboard-context-item-selector" })) : (_jsx("div", { className: "truncate text-sm font-medium text-slate-900", children: previewItemName || "Loading item..." })), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx("span", { className: "truncate text-xs text-slate-500", children: previewItemPath || "Path unavailable" }), _jsx("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: currentItemDescriptor?.language }), previewItemVersion != null && (_jsxs("span", { className: "shrink-0 rounded bg-slate-100 px-1.5 py-0.5 text-[10px] font-medium text-slate-600", children: ["v", previewItemVersion] }))] })] })) : (_jsx("div", { className: "text-xs text-slate-500", children: "No item loaded" })) }), _jsx("div", { className: "min-h-0 flex-1 overflow-hidden bg-gray-50", children: renderPreviewSplit(_jsx(TaskboardPreviewEditor, { itemDescriptor: currentItemDescriptor })) })] }));
     }, [
-        slotContext,
         currentItemDescriptor,
         contextItemOptions,
         hasMultipleContextItems,
@@ -2052,6 +1997,7 @@ export function TaskBoardWorkspace() {
                         ? "task-board-wizard-splitter-v2"
                         : "task-board-main-splitter" })) }), selectedProjectId && (_jsx(CreateTaskDialog, { open: createDialogOpen, onOpenChange: setCreateDialogOpen, projectId: selectedProjectId, onCreated: () => {
                     void refreshTasks(selectedProjectId);
+                    void refreshExecutionState(selectedProjectId);
                     void refreshDependencies(selectedProjectId);
                 } })), _jsx(CreateProjectDialog, { open: createProjectOpen, onOpenChange: setCreateProjectOpen, projects: projects, onCreated: async ({ projectId: newProjectId, openInWizardMode }) => {
                     if (openInWizardMode) {
@@ -2068,6 +2014,7 @@ export function TaskBoardWorkspace() {
                     if (!selectedProjectId)
                         return;
                     await refreshTasks(selectedProjectId);
+                    await refreshExecutionState(selectedProjectId);
                     await refreshDependencies(selectedProjectId);
                 } })] }));
 }