@parhelia/core 0.1.12895 → 0.1.12900

package/dist/task-board/TaskBoardWorkspace.js

@@ -3,7 +3,7 @@ import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState, } fr
 import { toast } from "sonner";
 import { cn } from "../lib/utils";
 import { Splitter } from "../editor/ui/Splitter";
-import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateTask, } from "./services/taskService";
+import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
 import { loadAiProfiles } from "../editor/services/aiService";
 import { useEditContext } from "../editor/client/editContext";
 import { LicenseFeatures, useFeature } from "../licensing";
@@ -23,7 +23,7 @@ import { EditorSlotContextProvider } from "../editor/views/editorSlotContext";
 import { SingleEditView } from "../editor/views/SingleEditView";
 import { Select } from "../components/ui/select";
 import { getLinkedAgentId } from "./taskAgentLink";
-import { setTaskBoardNavState, resetTaskBoardNavState, subscribeTaskBoardNav, getTaskBoardNavSnapshot, } from "./taskBoardNavStore";
+import { setTaskBoardNavState, resetTaskBoardNavState, subscribeTaskBoardNav, getTaskBoardNavSnapshot, getTaskBoardReturnState, } from "./taskBoardNavStore";
 import { useSyncExternalStore } from "react";
 import { flattenProjectsHierarchy } from "./utils/projectHierarchy";
 import { orderTasksByBlockedDependencies } from "./utils/taskDependencyOrdering";
@@ -78,8 +78,23 @@ function getInitialViewTabIndex() {
     }
     return index >= 0 ? index : getTaskBoardViewTabIndex("kanban");
 }
-function getTaskBoardStateFromUrl() {
+function getTaskBoardStateFromUrl(options) {
     const projectId = getInitialQueryValue(TASKBOARD_PROJECT_QUERY_KEY);
+    const hasTaskBoardUrlState = projectId !== null ||
+        getInitialQueryValue(TASKBOARD_TASK_QUERY_KEY) !== null ||
+        getInitialQueryValue(TASKBOARD_VIEW_QUERY_KEY) !== null ||
+        getInitialQueryValue("tbWizard") !== null;
+    if (!hasTaskBoardUrlState && options?.useReturnStateFallback) {
+        const restored = getTaskBoardReturnState();
+        const activeTab = TASKBOARD_VIEW_TAB_IDS[restored.activeTab]
+            ? restored.activeTab
+            : getTaskBoardViewTabIndex("kanban");
+        return {
+            projectId: restored.selectedProjectId,
+            taskId: restored.selectedProjectId ? restored.selectedTaskId : null,
+            activeTab,
+        };
+    }
     return {
         projectId,
         taskId: projectId ? getInitialQueryValue(TASKBOARD_TASK_QUERY_KEY) : null,
@@ -154,15 +169,17 @@ export function TaskBoardWorkspace() {
     const currentItemDescriptor = editContext?.currentItemDescriptor;
     const [projects, setProjects] = useState([]);
     const [mobileActiveTab, setMobileActiveTab] = useState(0);
-    const [selectedProjectId, setSelectedProjectId] = useState(() => getInitialQueryValue(TASKBOARD_PROJECT_QUERY_KEY));
+    const [selectedProjectId, setSelectedProjectId] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).projectId);
     const [tasks, setTasks] = useState([]);
     const [isTasksLoading, setIsTasksLoading] = useState(false);
     const [dependencies, setDependencies] = useState([]);
     const [graphLayout, setGraphLayout] = useState(null);
     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 [selectedTaskId, setSelectedTaskId] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).taskId);
+    const [selectedTaskSource, setSelectedTaskSource] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).taskId
+        ? "system"
+        : null);
+    const [activeTab, setActiveTab] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).activeTab);
     const activeViewTabId = TASKBOARD_VIEW_TAB_IDS[activeTab] ?? "kanban";
     const isOverviewView = activeViewTabId === "overview";
     const isListView = activeViewTabId === "list";
@@ -170,9 +187,11 @@ export function TaskBoardWorkspace() {
     const isKpisView = activeViewTabId === "kpis";
     const isSettingsView = activeViewTabId === "settings";
     const isPropertiesView = activeViewTabId === "properties";
+    const shouldKeepSubprojectTaskDetails = isOverviewView || isKpisView;
     const [createDialogOpen, setCreateDialogOpen] = useState(false);
     const [createProjectOpen, setCreateProjectOpen] = useState(false);
     const [runningOrchestrator, setRunningOrchestrator] = useState(false);
+    const [isArchivingProject, setIsArchivingProject] = useState(false);
     const [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
     const [projectViewLoadingId, setProjectViewLoadingId] = useState(null);
@@ -182,11 +201,13 @@ export function TaskBoardWorkspace() {
     const [subprojectExecutionRecordsByProjectId, setSubprojectExecutionRecordsByProjectId,] = useState({});
     const [subprojectCountsLoading, setSubprojectCountsLoading] = useState(false);
     const [wizardPinnedTaskId, setWizardPinnedTaskId] = useState(null);
+    const [wizardApprovedTaskId, setWizardApprovedTaskId] = useState(null);
     const [, setWizardPinnedTaskSource] = useState(null);
     const [wizardForceOverview, setWizardForceOverview] = useState(false);
     const [isTaskDetailsExpanded, setIsTaskDetailsExpanded] = useState(false);
+    const [isTaskDetailsPopoverOpen, setIsTaskDetailsPopoverOpen] = useState(false);
     useEffect(() => {
-        setIsTaskDetailsExpanded(false);
+        setIsTaskDetailsPopoverOpen(false);
     }, [selectedTaskId]);
     const setWizardPinnedTask = useCallback((taskId, source = null) => {
         setWizardPinnedTaskId(taskId);
@@ -329,6 +350,9 @@ export function TaskBoardWorkspace() {
             .filter((project) => project.project.parentProjectId === selectedProjectId)
             .sort((a, b) => a.project.title.localeCompare(b.project.title))
         : [], [projects, selectedProjectId]);
+    const hasDirectSubprojects = directSubprojects.length > 0;
+    const showSubprojectTaskVisibilityHint = hasDirectSubprojects &&
+        (activeViewTabId === "kanban" || isListView || isGraphView);
     const subprojectTasksWithDisplayAssignees = useMemo(() => {
         const nextTasks = {};
         for (const [projectId, taskList] of Object.entries(subprojectTasksByProjectId)) {
@@ -346,6 +370,31 @@ export function TaskBoardWorkspace() {
         tasks: subprojectTasksWithDisplayAssignees[subproject.project.projectId] ||
             [],
     })), [directSubprojects, subprojectTasksWithDisplayAssignees]);
+    const kpiAttentionTaskGroups = useMemo(() => {
+        if (!selectedProjectId)
+            return [];
+        return [
+            {
+                projectId: selectedProjectId,
+                projectTitle: selectedProject?.project.title ?? "Selected project",
+                tasks: tasksWithDisplayAssignees,
+            },
+            ...directSubprojects.map((subproject) => {
+                const projectId = subproject.project.projectId;
+                return {
+                    projectId,
+                    projectTitle: subproject.project.title,
+                    tasks: subprojectTasksWithDisplayAssignees[projectId] || [],
+                };
+            }),
+        ];
+    }, [
+        directSubprojects,
+        selectedProject?.project.title,
+        selectedProjectId,
+        subprojectTasksWithDisplayAssignees,
+        tasksWithDisplayAssignees,
+    ]);
     const wizardTasksWithDisplayAssignees = useMemo(() => [
         ...tasksWithDisplayAssignees,
         ...wizardSubprojectTaskLists.flatMap((subproject) => subproject.tasks),
@@ -360,10 +409,11 @@ export function TaskBoardWorkspace() {
         }
         return merged;
     }, [executionRecordsByTaskId, subprojectExecutionRecordsByProjectId]);
-    const taskSelectionUniverse = useMemo(() => isOverviewView
+    const taskSelectionUniverse = useMemo(() => isOverviewView || isKpisView
         ? wizardTasksWithDisplayAssignees
         : tasksWithDisplayAssignees, [
         isOverviewView,
+        isKpisView,
         wizardTasksWithDisplayAssignees,
         tasksWithDisplayAssignees,
     ]);
@@ -452,7 +502,7 @@ export function TaskBoardWorkspace() {
         { id: "overview", label: "Task overview", content: null },
         { id: "kanban", label: "Kanban", content: null },
         { id: "list", label: "List", content: null },
-        { id: "graph", label: "Graph", content: null },
+        { id: "graph", label: "Flow chart", content: null },
         { id: "kpis", label: "KPIs", content: null },
         { id: "settings", label: "Settings", content: null },
         { id: "properties", label: "Properties", content: null },
@@ -561,6 +611,15 @@ export function TaskBoardWorkspace() {
     const wizardDisplayedExecutionDisplay = wizardDisplayedTask
         ? getTaskExecutionDisplay(getTaskExecutionRecordById(wizardExecutionRecordsByTaskId, wizardDisplayedTask.taskId))
         : null;
+    useEffect(() => {
+        if (!wizardApprovedTaskId)
+            return;
+        if (!wizardDisplayedTask?.taskId)
+            return;
+        if (wizardDisplayedTask.taskId === wizardApprovedTaskId)
+            return;
+        setWizardApprovedTaskId(null);
+    }, [wizardApprovedTaskId, wizardDisplayedTask?.taskId]);
     useEffect(() => {
         const attentionSnapshot = JSON.stringify({
             selectedTaskId,
@@ -807,13 +866,13 @@ export function TaskBoardWorkspace() {
                     nextExecutionByProjectId[projectId] = executionByTaskId;
             }
             setSubprojectTaskCounts(nextCounts);
-            setSubprojectTasksByProjectId(isOverviewView ? nextTasksByProjectId : {});
-            setSubprojectExecutionRecordsByProjectId(isOverviewView ? nextExecutionByProjectId : {});
+            setSubprojectTasksByProjectId(shouldKeepSubprojectTaskDetails ? nextTasksByProjectId : {});
+            setSubprojectExecutionRecordsByProjectId(shouldKeepSubprojectTaskDetails ? nextExecutionByProjectId : {});
         }
         finally {
             setSubprojectCountsLoading(false);
         }
-    }, [directSubprojects, isOverviewView, selectedProjectId]);
+    }, [directSubprojects, selectedProjectId, shouldKeepSubprojectTaskDetails]);
     // If a project only has a single task, auto-select it once when loading.
     // Do not auto-reselect after the user explicitly closes task details.
     useEffect(() => {
@@ -942,6 +1001,7 @@ export function TaskBoardWorkspace() {
     }, [isOverviewView, wizardForceOverview]);
     useEffect(() => {
         setWizardPinnedTask(null);
+        setWizardApprovedTaskId(null);
         setWizardForceOverview(false);
     }, [selectedProjectId, setWizardPinnedTask]);
     const refreshDependencies = useCallback(async (projectId) => {
@@ -1353,6 +1413,38 @@ export function TaskBoardWorkspace() {
         refreshProjects,
         selectedProjectId,
     ]);
+    const handleArchiveSelectedProject = useCallback(async () => {
+        if (!selectedProject)
+            return;
+        if (selectedProject.permission !== "Owner") {
+            toast.error("Only project owners can archive projects");
+            return;
+        }
+        const { project } = selectedProject;
+        setIsArchivingProject(true);
+        try {
+            const result = await updateProject({
+                projectId: project.projectId,
+                title: project.title,
+                description: project.description ?? "",
+                costLimit: project.costLimit ?? null,
+                status: "Archived",
+                defaultAgentMode: project.defaultAgentMode ?? null,
+                executionUserId: project.executionUserId ?? null,
+                executionUserDisplayName: project.executionUserDisplayName ?? null,
+            });
+            if (result.type !== "success") {
+                toast.error(result.summary || "Failed to archive project");
+                return;
+            }
+            toast.success("Project archived");
+            await refreshProjects();
+            handleSelectProject(null);
+        }
+        finally {
+            setIsArchivingProject(false);
+        }
+    }, [handleSelectProject, refreshProjects, selectedProject]);
     useEffect(() => {
         setTaskBoardNavState({
             projectTitle: selectedProject?.project.title ?? "Tasks",
@@ -1733,6 +1825,7 @@ export function TaskBoardWorkspace() {
         const closedTaskId = wizardDisplayedTask?.taskId ?? selectedTaskId ?? wizardPinnedTaskId;
         clearWizardCloseTransitionTimeout();
         setTaskSelection(null, { pinInWizard: false });
+        setWizardApprovedTaskId(null);
         setWizardForceOverview(true);
         if (!options?.advanceToNext) {
             return;
@@ -1761,21 +1854,57 @@ export function TaskBoardWorkspace() {
         findNextAttentionTaskId,
         setTaskSelection,
     ]);
+    const wizardNextReviewTaskId = useMemo(() => wizardDisplayedTask
+        ? findNextAttentionTaskId(wizardDisplayedTask.taskId)
+        : null, [findNextAttentionTaskId, wizardDisplayedTask]);
+    const handleReviewNextWizardTask = useCallback(() => {
+        clearWizardCloseTransitionTimeout();
+        setWizardApprovedTaskId(null);
+        setWizardForceOverview(false);
+        if (!wizardNextReviewTaskId) {
+            handleCloseWizardTask();
+            return;
+        }
+        setTaskSelection(wizardNextReviewTaskId, {
+            source: "user",
+            pinInWizard: true,
+        });
+    }, [
+        clearWizardCloseTransitionTimeout,
+        handleCloseWizardTask,
+        setTaskSelection,
+        wizardNextReviewTaskId,
+    ]);
     const wizardCommunicationPanel = useMemo(() => (_jsx(WizardCommunicationCenter, { task: wizardDisplayedTask, agentId: wizardDisplayedAgentId, agentStatus: undefined, executionDisplay: wizardDisplayedExecutionDisplay, summaryState: wizardAttentionState.summaryState, stats: wizardAttentionState.stats, allTasks: wizardTasksWithDisplayAssignees, dependencies: dependencies, canEdit: canEditTasks, onContentChanged: () => {
             void refreshVisibleTaskData();
         }, onTaskChanged: () => {
             handleCloseWizardTask({ advanceToNext: true });
             void refreshVisibleTaskData();
         }, onTaskApproved: async () => {
+            const approvedTaskId = wizardDisplayedTask?.taskId;
+            clearWizardCloseTransitionTimeout();
+            if (!wizardNextReviewTaskId) {
+                setWizardApprovedTaskId(null);
+                await refreshVisibleTaskData();
+                handleCloseWizardTask();
+                return;
+            }
+            setWizardForceOverview(false);
+            if (approvedTaskId) {
+                setWizardApprovedTaskId(approvedTaskId);
+                setTaskSelection(approvedTaskId, {
+                    source: "user",
+                    pinInWizard: true,
+                });
+            }
             await refreshVisibleTaskData();
-            handleCloseWizardTask({ advanceToNext: true });
-        }, onInteractionSubmitted: () => {
+        }, showApprovedState: wizardDisplayedTask?.taskId === wizardApprovedTaskId, hasNextReviewTask: Boolean(wizardNextReviewTaskId), onReviewNext: handleReviewNextWizardTask, onInteractionSubmitted: () => {
             handleCloseWizardTask({ advanceToNext: true });
         }, onCloseTask: () => handleCloseWizardTask(), onSelectTask: (taskId) => {
             clearWizardCloseTransitionTimeout();
             setWizardForceOverview(false);
             setTaskSelection(taskId, { source: "user", pinInWizard: true });
-        }, onOpenAgentTab: isMobile ? () => setMobileActiveTab(2) : undefined })), [
+        }, canArchiveProject: selectedProject?.permission === "Owner", isArchivingProject: isArchivingProject, onArchiveProject: () => void handleArchiveSelectedProject(), onOpenAgentTab: isMobile ? () => setMobileActiveTab(2) : undefined })), [
         wizardDisplayedTask,
         wizardDisplayedAgentId,
         wizardDisplayedExecutionDisplay,
@@ -1784,11 +1913,17 @@ export function TaskBoardWorkspace() {
         wizardTasksWithDisplayAssignees,
         dependencies,
         canEditTasks,
+        selectedProject?.permission,
+        isArchivingProject,
         isMobile,
         refreshVisibleTaskData,
         handleCloseWizardTask,
+        handleArchiveSelectedProject,
+        handleReviewNextWizardTask,
         clearWizardCloseTransitionTimeout,
         setTaskSelection,
+        wizardApprovedTaskId,
+        wizardNextReviewTaskId,
     ]);
     const isProjectViewLoading = !!selectedProjectId && projectViewLoadingId === selectedProjectId;
     const taskBoardContent = useMemo(() => {
@@ -1811,25 +1946,25 @@ export function TaskBoardWorkspace() {
                             } }) })] }));
         }
         if (isKpisView) {
-            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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showCreateTaskButton: false }), sharedViewSwitcher, _jsx("div", { className: "mt-3 max-w-[1000px]", children: _jsx(ProjectKpisPanel, { selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, selectedProjectAttention: selectedProject?.overview?.attention, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts }) })] }));
+            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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showCreateTaskButton: false }), sharedViewSwitcher, _jsx("div", { className: "mt-3 max-w-[1000px]", children: _jsx(ProjectKpisPanel, { selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, selectedProjectAttention: selectedProject?.overview?.attention, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, attentionTaskGroups: kpiAttentionTaskGroups, attentionDetailsLoading: subprojectCountsLoading, onSelectAttentionTask: (taskId) => setTaskSelection(taskId, { source: "user" }) }) })] }));
         }
         if (isPropertiesView) {
             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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showCreateTaskButton: false }), sharedViewSwitcher, _jsx(ProjectPropertiesPanel, { projectId: selectedProjectId, canEdit: selectedProject?.permission === "Owner", defaultExpanded: true, showHeader: false, className: "border-border-default mt-3 rounded-md border bg-white p-4" })] }));
         }
         if (isListView) {
-            return (_jsxs("div", { className: "grid gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) }), sharedViewSwitcher, _jsx("div", { className: "mt-3 max-w-[1000px]", children: _jsx(ListView, { tasks: tasksWithDisplayAssignees, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), 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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showSubprojectTaskVisibilityHint: showSubprojectTaskVisibilityHint }), sharedViewSwitcher, _jsx("div", { className: "mt-3 max-w-[1000px]", children: _jsx(ListView, { tasks: tasksWithDisplayAssignees, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
                                 void refreshVisibleTaskData();
                             }, 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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) }), sharedViewSwitcher, _jsx("div", { className: "mt-3 min-h-0 flex-1", children: _jsx(Suspense, { fallback: _jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Loading dependency graph..." }), children: _jsx(DependencyGraphView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, dependencies: dependencies, miniMapWidth: 160, miniMapHeight: 120, 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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showSubprojectTaskVisibilityHint: showSubprojectTaskVisibilityHint }), sharedViewSwitcher, _jsx("div", { className: "mt-3 min-h-0 flex-1", children: _jsx(Suspense, { fallback: _jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Loading dependency graph..." }), children: _jsx(DependencyGraphView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, dependencies: dependencies, miniMapWidth: 160, miniMapHeight: 120, orientation: "horizontal", autoLayoutStrategy: "hierarchy", showOrientationToggle: true, savedLayout: graphLayout, selectedTaskId: selectedTaskId, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), permission: selectedProject?.permission, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
                                     ? {
                                         projectId: selectedProjectId,
                                         ...layout,
                                     }
                                     : null) }) }) })] }));
         }
-        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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) }), sharedViewSwitcher, _jsx("div", { className: "mt-3 flex min-h-0 flex-1 flex-col", children: _jsx(KanbanView, { tasks: tasksWithDisplayAssignees, dependencies: dependencies, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
+        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, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showSubprojectTaskVisibilityHint: showSubprojectTaskVisibilityHint }), sharedViewSwitcher, _jsx("div", { className: "mt-3 flex min-h-0 flex-1 flex-col", children: _jsx(KanbanView, { tasks: tasksWithDisplayAssignees, dependencies: dependencies, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
                             void refreshVisibleTaskData();
                         }, projectId: selectedProjectId, permission: selectedProject?.permission }) })] }));
     }, [
@@ -1851,6 +1986,7 @@ export function TaskBoardWorkspace() {
         selectedProjectTaskCounts,
         directSubprojects,
         subprojectTaskCounts,
+        kpiAttentionTaskGroups,
         subprojectCountsLoading,
         parentProject?.project.projectId,
         parentProject?.project.title,
@@ -1860,6 +1996,7 @@ export function TaskBoardWorkspace() {
         tasksWithDisplayAssignees,
         dependencies,
         selectedTaskId,
+        showSubprojectTaskVisibilityHint,
         canEditTasks,
         nav,
         isTasksLoading,
@@ -1918,12 +2055,33 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         taskDetailAgentLaunch,
     ]);
-    const agentTerminalPanel = useMemo(() => (_jsx(TaskAgentPanel, { agentId: displayAgentId, mode: agentPanelMode, label: selectedTaskIsPlan ? "Planner" : "Task Agent", assignedAgentStatus: undefined, onReopenTask: selectedTask && canEditTasks
+    const taskDetailsPopoverContent = useMemo(() => {
+        if (!selectedTask)
+            return null;
+        return (_jsx(TaskDetailPanel, { project: selectedTaskProject, projects: projects, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
+                void refreshVisibleTaskData();
+            }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setIsTaskDetailsPopoverOpen(false), variant: "panel", agentLaunch: taskDetailAgentLaunch, showExpandButton: true, onToggleCollapsed: () => {
+                setIsTaskDetailsPopoverOpen(false);
+                setIsTaskDetailsExpanded(true);
+            } }));
+    }, [
+        selectedTaskProject,
+        projects,
+        selectedTask,
+        taskSelectionUniverse,
+        dependencies,
+        refreshVisibleTaskData,
+        setTaskSelection,
+        taskDetailAgentLaunch,
+    ]);
+    const agentTerminalPanel = useMemo(() => (_jsx(TaskAgentPanel, { agentId: displayAgentId, mode: agentPanelMode, label: selectedTaskIsPlan ? "Planner" : "Task Agent", taskDetailsContent: taskDetailsPopoverContent ?? undefined, taskDetailsPopoverOpen: isTaskDetailsPopoverOpen, onTaskDetailsPopoverOpenChange: setIsTaskDetailsPopoverOpen, assignedAgentStatus: undefined, onReopenTask: selectedTask && canEditTasks
             ? () => void handleReopenSelectedTask()
             : undefined })), [
         displayAgentId,
         agentPanelMode,
         selectedTaskIsPlan,
+        taskDetailsPopoverContent,
+        isTaskDetailsPopoverOpen,
         canEditTasks,
         selectedTask,
         handleReopenSelectedTask,
@@ -1968,21 +2126,9 @@ export function TaskBoardWorkspace() {
         }
         return [
             {
-                name: "task-details-with-terminal",
+                name: "agent-terminal",
                 defaultSize: 600,
-                content: (_jsx(Splitter, { localStorageKey: "taskboard-task-summary-stack-splitter", panels: [
-                        {
-                            name: "summary",
-                            defaultSize: 180,
-                            minSize: 120,
-                            content: renderDetailPanel(true),
-                        },
-                        {
-                            name: "terminal",
-                            defaultSize: "auto",
-                            content: agentTerminalPanel,
-                        },
-                    ], direction: "vertical" })),
+                content: agentTerminalPanel,
                 hidden: !selectedProjectId || !selectedTask,
             },
         ];