@parhelia/core 0.4.12800 → 0.4.12825

package/dist/task-board/TaskBoardWorkspace.js

@@ -5,17 +5,17 @@ import { cn } from "../lib/utils";
 import { Splitter } from "../editor/ui/Splitter";
 import { getProjectGoals } from "./services/goalService";
 import { ProjectGoalsPanel } from "./components/ProjectGoalsPanel";
-import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
+import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getProjectTemplates, 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";
 import { KanbanView } from "./views/KanbanView";
 import { ListView } from "./views/ListView";
-import { WizardView } from "./views/WizardView";
+import { ProjectDashboardView } from "./views/ProjectDashboardView";
 import { SimpleTabs } from "../editor/ui/SimpleTabs";
 import { TaskDetailPanel, } from "./components/TaskDetailPanel";
 import { TaskAgentPanel } from "./components/TaskAgentPanel";
-import { ProjectDashboard, ProjectKpisPanel, } from "./components/ProjectDashboard";
+import { ProjectDashboard, } from "./components/ProjectDashboard";
 import { CreateTaskDialog } from "./components/CreateTaskDialog";
 import { CreateProjectDialog } from "./components/CreateProjectDialog";
 import { ProjectSettingsPanel } from "./components/ProjectSettingsDialog";
@@ -34,6 +34,8 @@ import { normalizeTaskStatus } from "./taskStatus";
 import { getTaskExecutionDisplay, } from "./taskExecutionStatus";
 import { indexTaskExecutionRecords, overlayTaskExecutionList, taskExecutionRecordsEqual, } from "./taskExecutionRecords";
 import { WizardCommunicationCenter } from "./components/WizardCommunicationCenter";
+import { AttentionPromptDialog } from "./components/AttentionPromptDialog";
+import { listAttentionTasks } from "./utils/projectDashboardModel";
 import { Loader2 } from "lucide-react";
 import { MainContentTree } from "../editor/sidebar/MainContentTree";
 import { useTaskBoardAgentPanelState } from "./useTaskBoardAgentPanelState";
@@ -54,12 +56,17 @@ const TASKBOARD_PROJECT_QUERY_KEY = "tbProjectId";
 const TASKBOARD_TASK_QUERY_KEY = "tbTaskId";
 const TASKBOARD_VIEW_QUERY_KEY = "tbView";
 const WS_REFRESH_DELAY_MS = 500;
+const ATTENTION_PROMPT_DELAY_MS = 250;
+// Pause after the user handles an action before the panel moves on to the
+// next task that needs them, so the confirmation (approved, answered) is seen.
+const WIZARD_AUTO_ADVANCE_DELAY_MS = 2000;
+/** Retry delays when goal issue counts come back flagged as inconsistent. */
+const GOAL_CONSISTENCY_BACKOFF_MS = [500, 1000, 2000];
 const TASKBOARD_VIEW_TAB_IDS = [
     "overview",
     "kanban",
     "list",
     "graph",
-    "kpis",
     "settings",
     "properties",
     "goals",
@@ -193,6 +200,9 @@ export function TaskBoardWorkspace() {
     const [isTasksLoading, setIsTasksLoading] = useState(false);
     const [dependencies, setDependencies] = useState([]);
     const [graphLayout, setGraphLayout] = useState(null);
+    /** Task template titles by lower-cased template id, keyed by project template id. Fetched once per session. */
+    const taskTemplateTitlesByProjectTemplateRef = useRef(null);
+    const [taskTemplateTitles, setTaskTemplateTitles] = useState(null);
     const [executionRecordsByTaskId, setExecutionRecordsByTaskId] = useState({});
     const [selectedTaskId, setSelectedTaskId] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).taskId);
     const [selectedTaskSource, setSelectedTaskSource] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).taskId
@@ -203,11 +213,10 @@ export function TaskBoardWorkspace() {
     const isOverviewView = activeViewTabId === "overview";
     const isListView = activeViewTabId === "list";
     const isGraphView = activeViewTabId === "graph";
-    const isKpisView = activeViewTabId === "kpis";
     const isSettingsView = activeViewTabId === "settings";
     const isPropertiesView = activeViewTabId === "properties";
     const isGoalsView = activeViewTabId === "goals";
-    const shouldKeepSubprojectTaskDetails = isOverviewView || isKpisView;
+    const shouldKeepSubprojectTaskDetails = isOverviewView;
     const [createDialogOpen, setCreateDialogOpen] = useState(false);
     const [createProjectOpen, setCreateProjectOpen] = useState(false);
     const [runningOrchestrator, setRunningOrchestrator] = useState(false);
@@ -215,7 +224,10 @@ export function TaskBoardWorkspace() {
     const [isArchivingProject, setIsArchivingProject] = useState(false);
     const [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
-    const [projectViewLoadingId, setProjectViewLoadingId] = useState(null);
+    // Seeded with the restored project so re-entering the workspace paints the
+    // "Loading project..." state on the very first frame instead of flashing the
+    // empty home view until the load effect below runs.
+    const [projectViewLoadingId, setProjectViewLoadingId] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).projectId);
     const [agentProfileTitlesById, setAgentProfileTitlesById] = useState({});
     const [subprojectTaskCounts, setSubprojectTaskCounts] = useState({});
     const [subprojectTasksByProjectId, setSubprojectTasksByProjectId] = useState({});
@@ -279,7 +291,15 @@ export function TaskBoardWorkspace() {
     const directSubprojectIdsRef = useRef(new Set());
     const tasksRef = useRef([]);
     const previousTaskStatusesRef = useRef({});
-    const previousWizardAttentionSignatureRef = useRef("");
+    const previousAttentionSnapshotRef = useRef(null);
+    const wizardDisplayedTaskIdRef = useRef(null);
+    const selectedTaskSourceRef = useRef(null);
+    const wizardDisplayedNeedsAttentionRef = useRef(false);
+    const previousDisplayedAttentionRef = useRef(null);
+    const autoAdvanceTimeoutRef = useRef(null);
+    const findNextAttentionTaskIdRef = useRef(() => null);
+    const [autoAdvancePending, setAutoAdvancePending] = useState(false);
+    const [attentionPromptTaskIds, setAttentionPromptTaskIds] = useState([]);
     const autoSelectedProjectIdsRef = useRef(new Set());
     const syncTaskBoardStateFromUrl = useCallback(() => {
         const nextState = getTaskBoardStateFromUrl();
@@ -374,6 +394,49 @@ export function TaskBoardWorkspace() {
     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 selectedProjectTaskCounts = useMemo(() => buildTaskCounts(tasksWithDisplayAssignees), [tasksWithDisplayAssignees]);
+    const sourceProjectTemplateId = selectedProject?.project.sourceProjectTemplateId?.trim().toLowerCase() ||
+        null;
+    useEffect(() => {
+        if (!sourceProjectTemplateId) {
+            setTaskTemplateTitles(null);
+            return;
+        }
+        let cancelled = false;
+        // The list endpoint is open to every board user (the by-id one is admin-only); it is loaded
+        // once per session and only names the batch nodes, so a failure just leaves them unnamed
+        // and is retried on the next project switch.
+        taskTemplateTitlesByProjectTemplateRef.current ??= getProjectTemplates()
+            .then((result) => {
+            const byProjectTemplate = new Map();
+            if (result.type !== "success") {
+                taskTemplateTitlesByProjectTemplateRef.current = null;
+                return byProjectTemplate;
+            }
+            for (const template of result.data ?? []) {
+                const titles = new Map();
+                for (const taskTemplate of template.taskTemplates ?? []) {
+                    const id = taskTemplate.id?.trim().toLowerCase();
+                    const title = taskTemplate.title?.trim();
+                    if (id && title)
+                        titles.set(id, title);
+                }
+                byProjectTemplate.set(template.id.trim().toLowerCase(), titles);
+            }
+            return byProjectTemplate;
+        })
+            .catch(() => {
+            taskTemplateTitlesByProjectTemplateRef.current = null;
+            return new Map();
+        });
+        void taskTemplateTitlesByProjectTemplateRef.current.then((byProjectTemplate) => {
+            if (cancelled)
+                return;
+            setTaskTemplateTitles(byProjectTemplate.get(sourceProjectTemplateId) ?? null);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [sourceProjectTemplateId]);
     const directSubprojects = useMemo(() => selectedProjectId
         ? projects
             .filter((project) => project.project.parentProjectId === selectedProjectId)
@@ -399,31 +462,6 @@ 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),
@@ -438,11 +476,10 @@ export function TaskBoardWorkspace() {
         }
         return merged;
     }, [executionRecordsByTaskId, subprojectExecutionRecordsByProjectId]);
-    const taskSelectionUniverse = useMemo(() => isOverviewView || isKpisView
+    const taskSelectionUniverse = useMemo(() => isOverviewView
         ? wizardTasksWithDisplayAssignees
         : tasksWithDisplayAssignees, [
         isOverviewView,
-        isKpisView,
         wizardTasksWithDisplayAssignees,
         tasksWithDisplayAssignees,
     ]);
@@ -541,11 +578,10 @@ export function TaskBoardWorkspace() {
     // to project owners — so only owners get the inline "Extend limit" action.
     const canExtendProjectBudget = selectedProject?.permission === "Owner";
     const viewTabs = useMemo(() => [
-        { id: "overview", label: "Task overview", content: null },
+        { id: "overview", label: "Dashboard", content: null },
         { id: "kanban", label: "Kanban", content: null },
         { id: "list", label: "List", 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 },
         { id: "goals", label: "Goals", content: null },
@@ -662,38 +698,80 @@ export function TaskBoardWorkspace() {
             return;
         setWizardApprovedTaskId(null);
     }, [wizardApprovedTaskId, wizardDisplayedTask?.taskId]);
+    wizardDisplayedTaskIdRef.current = wizardDisplayedTask?.taskId ?? null;
+    selectedTaskSourceRef.current = selectedTaskSource;
+    const wizardDisplayedNeedsAttention = !!wizardDisplayedTask &&
+        (Boolean(wizardDisplayedExecutionDisplay?.needsAttention) ||
+            normalizeTaskStatus(wizardDisplayedTask.status, wizardDisplayedTask.executionState) === "Review");
+    wizardDisplayedNeedsAttentionRef.current = wizardDisplayedNeedsAttention;
+    // Dashboard attention prompt: open a semi-modal dialog when a task the user
+    // already saw newly needs them. Only transitions count, so opening the board
+    // with pending approvals, late-loading subproject lists, or re-renders never
+    // prompt. The check is deferred a tick so the panel's own auto-select can
+    // claim the task first; a task that is already displayed is not prompted.
     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) {
+        if (!isOverviewView || isTasksLoading || subprojectCountsLoading) {
+            previousAttentionSnapshotRef.current = null;
             return;
         }
-        previousWizardAttentionSignatureRef.current = attentionSnapshot;
+        const attentionIds = new Set(listAttentionTasks(orderedWizardTasks).map(({ task }) => task.taskId));
+        const knownIds = new Set(orderedWizardTasks.map((task) => task.taskId));
+        const previous = previousAttentionSnapshotRef.current;
+        previousAttentionSnapshotRef.current = { knownIds, attentionIds };
+        if (!previous)
+            return;
+        const arrivedIds = [...attentionIds].filter((taskId) => previous.knownIds.has(taskId) && !previous.attentionIds.has(taskId));
+        if (arrivedIds.length === 0)
+            return;
+        const timeoutId = window.setTimeout(() => {
+            const displayedId = wizardDisplayedTaskIdRef.current;
+            const promptIds = arrivedIds.filter((taskId) => taskId !== displayedId);
+            if (promptIds.length === 0)
+                return;
+            // One action at a time: while the displayed task itself needs the user,
+            // new arrivals just queue up in "Waiting for you" and the panel moves on
+            // to them by itself once this one is handled.
+            if (wizardDisplayedNeedsAttentionRef.current)
+                return;
+            // Nothing the user chose to look at is in the way: show the action
+            // directly instead of asking first.
+            if (selectedTaskSourceRef.current !== "user") {
+                setWizardForceOverview(false);
+                setTaskSelection(promptIds[0], {
+                    source: "system",
+                    pinInWizard: true,
+                });
+                return;
+            }
+            setAttentionPromptTaskIds((current) => [
+                ...current,
+                ...promptIds.filter((taskId) => !current.includes(taskId)),
+            ]);
+        }, ATTENTION_PROMPT_DELAY_MS);
+        return () => window.clearTimeout(timeoutId);
     }, [
-        selectedTaskId,
-        selectedTaskSource,
-        wizardAttentionState,
-        wizardDisplayedExecutionDisplay?.label,
-        wizardDisplayedExecutionDisplay?.needsAttention,
-        wizardDisplayedTask?.taskId,
-        wizardForceOverview,
-        wizardPinnedTaskId,
+        isOverviewView,
+        isTasksLoading,
+        subprojectCountsLoading,
+        orderedWizardTasks,
+        setTaskSelection,
     ]);
+    const attentionPromptTasks = useMemo(() => {
+        if (attentionPromptTaskIds.length === 0)
+            return [];
+        const displayedId = wizardDisplayedTask?.taskId ?? null;
+        const attentionById = new Map(listAttentionTasks(orderedWizardTasks).map(({ task }) => [
+            task.taskId,
+            task,
+        ]));
+        return attentionPromptTaskIds
+            .filter((taskId) => taskId !== displayedId)
+            .map((taskId) => attentionById.get(taskId))
+            .filter((task) => Boolean(task));
+    }, [attentionPromptTaskIds, orderedWizardTasks, wizardDisplayedTask?.taskId]);
+    const dismissAttentionPrompt = useCallback(() => {
+        setAttentionPromptTaskIds([]);
+    }, []);
     const clearWizardCloseTransitionTimeout = useCallback(() => {
         if (wizardCloseTransitionTimeoutRef.current !== null) {
             window.clearTimeout(wizardCloseTransitionTimeoutRef.current);
@@ -728,6 +806,61 @@ export function TaskBoardWorkspace() {
         }
         return null;
     }, [orderedWizardTasks, wizardExecutionRecordsByTaskId]);
+    findNextAttentionTaskIdRef.current = findNextAttentionTaskId;
+    // One action at a time: once the displayed task stops needing the user (its
+    // tool call was approved, its question answered, it was reviewed), move on to
+    // the next task that does, after a short pause so the confirmation is seen.
+    const clearAutoAdvance = useCallback(() => {
+        if (autoAdvanceTimeoutRef.current !== null) {
+            window.clearTimeout(autoAdvanceTimeoutRef.current);
+            autoAdvanceTimeoutRef.current = null;
+        }
+        setAutoAdvancePending(false);
+    }, []);
+    useEffect(() => {
+        const current = wizardDisplayedTask
+            ? {
+                taskId: wizardDisplayedTask.taskId,
+                needsAttention: wizardDisplayedNeedsAttention,
+            }
+            : null;
+        const previous = previousDisplayedAttentionRef.current;
+        previousDisplayedAttentionRef.current = current;
+        if (!current || !previous || previous.taskId !== current.taskId) {
+            clearAutoAdvance();
+            return;
+        }
+        if (!isOverviewView)
+            return;
+        if (!previous.needsAttention || current.needsAttention)
+            return;
+        if (!findNextAttentionTaskId(current.taskId))
+            return;
+        clearAutoAdvance();
+        const sourceTaskId = current.taskId;
+        setAutoAdvancePending(true);
+        autoAdvanceTimeoutRef.current = window.setTimeout(() => {
+            autoAdvanceTimeoutRef.current = null;
+            setAutoAdvancePending(false);
+            if (wizardDisplayedTaskIdRef.current !== sourceTaskId)
+                return;
+            if (wizardDisplayedNeedsAttentionRef.current)
+                return;
+            const nextTaskId = findNextAttentionTaskIdRef.current(sourceTaskId);
+            if (!nextTaskId)
+                return;
+            setWizardForceOverview(false);
+            setTaskSelection(nextTaskId, { source: "system", pinInWizard: true });
+        }, WIZARD_AUTO_ADVANCE_DELAY_MS);
+    }, [
+        clearAutoAdvance,
+        findNextAttentionTaskId,
+        isOverviewView,
+        setTaskSelection,
+        wizardDisplayedNeedsAttention,
+        wizardDisplayedTask,
+    ]);
+    useEffect(() => clearAutoAdvance, [clearAutoAdvance]);
     // ── data fetching ──
     const refreshProjects = useCallback(async (options) => {
         projectsRequestCountRef.current += 1;
@@ -864,7 +997,7 @@ export function TaskBoardWorkspace() {
         const indexed = indexTaskExecutionRecords(records);
         setExecutionRecordsByTaskId(indexed);
     }, []);
-    const refreshGoals = useCallback(async (projectId, includeDescendants) => {
+    const refreshGoals = useCallback(async (projectId, includeDescendants, attempt = 0) => {
         const generation = ++goalsRequestGenerationRef.current;
         latestGoalsProjectIdRef.current = projectId;
         setGoalsLoading(true);
@@ -885,12 +1018,24 @@ export function TaskBoardWorkspace() {
                 toast.error(message);
                 return;
             }
-            setGoals(result.data?.goals ?? []);
+            const goals = result.data?.goals ?? [];
+            setGoals(goals);
             setGoalCatalog(result.data?.catalog ?? []);
             setGoalPermissions(result.data?.permissions ?? {});
             setGoalDisplaySpecs(result.data?.displaySpecs ?? {});
             setGoalStateScope({ projectId, includeDescendants });
             setGoalsError(null);
+            // Issue counts read while issues were changing: read again with
+            // bounded backoff (500 ms, 1 s, 2 s); the last result stays flagged
+            // and the goal card says so. A later goal:changed is not relied on.
+            const inconsistent = goals.some((goal) => goal.issueSummaryConsistent === false);
+            if (inconsistent && attempt < GOAL_CONSISTENCY_BACKOFF_MS.length) {
+                window.setTimeout(() => {
+                    if (latestGoalsProjectIdRef.current === projectId &&
+                        generation === goalsRequestGenerationRef.current)
+                        void refreshGoals(projectId, includeDescendants, attempt + 1);
+                }, GOAL_CONSISTENCY_BACKOFF_MS[attempt]);
+            }
         }
         finally {
             if (latestGoalsProjectIdRef.current === projectId &&
@@ -909,12 +1054,18 @@ export function TaskBoardWorkspace() {
             }
         };
     }, [refreshGoals, includeGoalSubprojects]);
-    // Load goals when the Goals tab is active (and on project/scope change).
+    // Issue revisions and QA state may have changed while the socket was offline.
     useEffect(() => {
-        if (!isGoalsView || !selectedProjectId)
+        refreshGoalsRef.current?.();
+    }, [editContext?.socketConnectionVersion]);
+    // Load goals when the Goals tab or the dashboard is active (and on
+    // project/scope change); the dashboard shows each goal's figures.
+    const needsGoals = isGoalsView || isOverviewView;
+    useEffect(() => {
+        if (!needsGoals || !selectedProjectId)
             return;
         void refreshGoals(selectedProjectId, includeGoalSubprojects);
-    }, [isGoalsView, selectedProjectId, includeGoalSubprojects, refreshGoals]);
+    }, [needsGoals, selectedProjectId, includeGoalSubprojects, refreshGoals]);
     useEffect(() => {
         return () => {
             if (wsGoalRefreshTimeoutRef.current !== null) {
@@ -1755,7 +1906,8 @@ export function TaskBoardWorkspace() {
     }, [refreshSubprojectTaskCounts]);
     useEffect(() => {
         previousTaskStatusesRef.current = {};
-        previousWizardAttentionSignatureRef.current = "";
+        previousAttentionSnapshotRef.current = null;
+        setAttentionPromptTaskIds([]);
         transitionGoalTaskNavigation({
             type: "projectSelected",
             projectId: selectedProjectId,
@@ -2052,6 +2204,9 @@ export function TaskBoardWorkspace() {
     const wizardNextReviewTaskId = useMemo(() => wizardDisplayedTask
         ? findNextAttentionTaskId(wizardDisplayedTask.taskId)
         : null, [findNextAttentionTaskId, wizardDisplayedTask]);
+    const wizardNextReviewTask = useMemo(() => wizardNextReviewTaskId
+        ? (orderedWizardTasks.find((task) => task.taskId === wizardNextReviewTaskId) ?? null)
+        : null, [orderedWizardTasks, wizardNextReviewTaskId]);
     const handleReviewNextWizardTask = useCallback(() => {
         clearWizardCloseTransitionTimeout();
         setWizardApprovedTaskId(null);
@@ -2093,7 +2248,7 @@ export function TaskBoardWorkspace() {
                 });
             }
             await refreshVisibleTaskData();
-        }, showApprovedState: wizardDisplayedTask?.taskId === wizardApprovedTaskId, hasNextReviewTask: Boolean(wizardNextReviewTaskId), onReviewNext: handleReviewNextWizardTask, onInteractionSubmitted: () => {
+        }, showApprovedState: wizardDisplayedTask?.taskId === wizardApprovedTaskId, hasNextReviewTask: Boolean(wizardNextReviewTaskId), nextAttentionTask: wizardNextReviewTask, autoAdvancePending: autoAdvancePending, onReviewNext: handleReviewNextWizardTask, onInteractionSubmitted: () => {
             handleCloseWizardTask({ advanceToNext: true });
         }, onCloseTask: () => handleCloseWizardTask(), onSelectTask: (taskId) => {
             clearWizardCloseTransitionTimeout();
@@ -2119,6 +2274,8 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         wizardApprovedTaskId,
         wizardNextReviewTaskId,
+        wizardNextReviewTask,
+        autoAdvancePending,
     ]);
     const isProjectViewLoading = !!selectedProjectId && projectViewLoadingId === selectedProjectId;
     const goalScopeMatches = goalScopesMatch(goalStateScope, {
@@ -2228,10 +2385,15 @@ export function TaskBoardWorkspace() {
             return _jsx(TaskBoardHomeView, { nav: nav });
         }
         if (isOverviewView) {
-            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(WizardView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
+            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 min-h-0 flex-1", children: _jsx(ProjectDashboardView, { projectId: selectedProjectId, projectTitle: selectedProject?.project.title ?? "No project selected", tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
                                 setWizardForceOverview(false);
                                 setTaskSelection(id, { source: "user", pinInWizard: true });
-                            }, projectTitle: selectedProject?.project.title ?? "No project selected", projectDescription: selectedProject?.project.description, projectCostUsed: selectedProjectCumulativeCostUsed, projectCostLimit: selectedProject?.project.costLimit ?? null, canEditProperties: selectedProject?.permission === "Owner", showProperties: false, showCost: false, communicationPanel: wizardCommunicationPanel }) })] }));
+                            }, projectCostUsed: selectedProjectCumulativeCostUsed, projectCostLimit: selectedProject?.project.costLimit ?? null, goals: goalScopeMatches ? goals : [], goalsLoading: goalsLoading || !goalScopeMatches, goalDisplaySpecs: goalScopeMatches ? goalDisplaySpecs : {}, onOpenGoals: () => setActiveTab(getTaskBoardViewTabIndex("goals")), communicationPanel: wizardDisplayedTask ? wizardCommunicationPanel : undefined }) }), _jsx(AttentionPromptDialog, { tasks: attentionPromptTasks, onReview: (taskId) => {
+                            setAttentionPromptTaskIds([]);
+                            clearWizardCloseTransitionTimeout();
+                            setWizardForceOverview(false);
+                            setTaskSelection(taskId, { source: "user", pinInWizard: true });
+                        }, onDismiss: dismissAttentionPrompt })] }));
         }
         if (isSettingsView) {
             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", children: _jsx(ProjectSettingsPanel, { projectId: selectedProjectId, selectedProject: selectedProject, projects: projects, canOpenSourceTemplate: isAdministrator, onOpenSourceTemplate: handleOpenSourceTemplate, onDeleteProject: handleDeleteProject, onChanged: async () => {
@@ -2249,9 +2411,6 @@ export function TaskBoardWorkspace() {
                                     refreshGoalsRef.current?.();
                             } }) })] }));
         }
-        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, 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" })] }));
         }
@@ -2261,7 +2420,7 @@ export function TaskBoardWorkspace() {
                             }, projectId: selectedProjectId, permission: selectedProject?.permission }) })] }));
         }
         if (isGraphView) {
-            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, 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
+            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, taskTemplateTitles: taskTemplateTitles ?? undefined, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
                                     ? {
                                         projectId: selectedProjectId,
                                         ...layout,
@@ -2279,7 +2438,6 @@ export function TaskBoardWorkspace() {
         isOverviewView,
         isListView,
         isGraphView,
-        isKpisView,
         isSettingsView,
         isPropertiesView,
         isGoalsView,
@@ -2301,7 +2459,6 @@ export function TaskBoardWorkspace() {
         selectedProjectTaskCounts,
         directSubprojects,
         subprojectTaskCounts,
-        kpiAttentionTaskGroups,
         subprojectCountsLoading,
         parentProject?.project.projectId,
         parentProject?.project.title,
@@ -2318,6 +2475,9 @@ export function TaskBoardWorkspace() {
         wizardSubprojectTaskLists,
         wizardDisplayedTask?.taskId,
         wizardCommunicationPanel,
+        attentionPromptTasks,
+        dismissAttentionPrompt,
+        clearWizardCloseTransitionTimeout,
         setTaskSelection,
         refreshProjects,
         refreshGoals,
@@ -2395,6 +2555,8 @@ export function TaskBoardWorkspace() {
     ]);
     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, onClose: selectedTask
+            ? () => setTaskSelection(null, { source: "user" })
             : undefined })), [
         displayAgentId,
         agentPanelMode,
@@ -2404,6 +2566,7 @@ export function TaskBoardWorkspace() {
         canEditTasks,
         selectedTask,
         handleReopenSelectedTask,
+        setTaskSelection,
     ]);
     const buildRightHandPanels = useCallback((showAgentColumn) => {
         const renderDetailPanel = (collapsedFlag) => (_jsx(TaskDetailPanel, { project: selectedTaskProject, projects: projects, task: selectedTask, allTasks: taskSelectionUniverse, dependencies: dependencies, onTaskChanged: () => {
@@ -2498,7 +2661,7 @@ export function TaskBoardWorkspace() {
         const showAgentColumnForSelectedTask = !!selectedProjectId &&
             !shouldHideAgentPanelForSelectedTask &&
             agentPanelMode === "agent";
-        if (isOverviewView || isKpisView) {
+        if (isOverviewView) {
             const overviewPanels = [
                 {
                     name: "task-list",
@@ -2569,7 +2732,6 @@ export function TaskBoardWorkspace() {
         return kanbanPanels;
     }, [
         isOverviewView,
-        isKpisView,
         isListView,
         isGraphView,
         selectedProjectId,