@parhelia/core 0.1.12907 → 0.1.12909

package/dist/task-board/TaskBoardWorkspace.js

@@ -1,29 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState, } from "react";
 import { toast } from "sonner";
 import { cn } from "../lib/utils";
 import { Splitter } from "../editor/ui/Splitter";
-import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateProject, 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";
 import { KanbanView } from "./views/KanbanView";
 import { ListView } from "./views/ListView";
-import { DependencyGraphView } from "./views/DependencyGraphView";
 import { WizardView } from "./views/WizardView";
 import { SimpleTabs } from "../editor/ui/SimpleTabs";
 import { TaskDetailPanel, } from "./components/TaskDetailPanel";
 import { TaskAgentPanel } from "./components/TaskAgentPanel";
-import { ProjectDashboard, } from "./components/ProjectDashboard";
+import { ProjectDashboard, ProjectKpisPanel, } from "./components/ProjectDashboard";
 import { CreateTaskDialog } from "./components/CreateTaskDialog";
 import { CreateProjectDialog } from "./components/CreateProjectDialog";
-import { ProjectSettingsDialog } from "./components/ProjectSettingsDialog";
-import { ProjectOverviewContent } from "./components/ProjectOverviewContent";
+import { ProjectSettingsPanel } from "./components/ProjectSettingsDialog";
+import { ProjectPropertiesPanel } from "./components/ProjectPropertiesPanel";
+import { ProjectBudgetBanner } from "./components/ProjectBudgetBanner";
+import { TaskBoardHomeView } from "./components/TaskBoardHomeView";
 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";
@@ -31,10 +32,12 @@ import { normalizeTaskStatus } from "./taskStatus";
 import { getTaskExecutionDisplay, } from "./taskExecutionStatus";
 import { indexTaskExecutionRecords, overlayTaskExecutionList, } from "./taskExecutionRecords";
 import { WizardCommunicationCenter } from "./components/WizardCommunicationCenter";
-import { Button } from "../components/ui/button";
-import { Loader2, Plus } from "lucide-react";
+import { Loader2 } from "lucide-react";
 import { MainContentTree } from "../editor/sidebar/MainContentTree";
 import { useTaskBoardAgentPanelState } from "./useTaskBoardAgentPanelState";
+const DependencyGraphView = lazy(() => import("./views/DependencyGraphView").then((module) => ({
+    default: module.DependencyGraphView,
+})));
 function TaskboardPreviewEditor() {
     const editContext = useEditContext();
     const slotContext = editContext?.getActiveSlotContext();
@@ -46,8 +49,19 @@ function TaskboardPreviewEditor() {
 const TASKBOARD_PROJECT_QUERY_KEY = "tbProjectId";
 const TASKBOARD_TASK_QUERY_KEY = "tbTaskId";
 const TASKBOARD_VIEW_QUERY_KEY = "tbView";
-const TASKBOARD_WIZARD_QUERY_KEY = "tbWizard";
 const WS_REFRESH_DELAY_MS = 500;
+const TASKBOARD_VIEW_TAB_IDS = [
+    "overview",
+    "kanban",
+    "list",
+    "graph",
+    "kpis",
+    "settings",
+    "properties",
+];
+function getTaskBoardViewTabIndex(view) {
+    return TASKBOARD_VIEW_TAB_IDS.indexOf(view);
+}
 function getInitialQueryValue(queryKey) {
     if (typeof window === "undefined")
         return null;
@@ -56,23 +70,36 @@ function getInitialQueryValue(queryKey) {
 }
 function getInitialViewTabIndex() {
     const view = getInitialQueryValue(TASKBOARD_VIEW_QUERY_KEY)?.toLowerCase();
-    if (view === "list")
-        return 1;
-    if (view === "graph")
-        return 2;
-    return 0;
-}
-function getInitialWizardMode() {
-    const value = getInitialQueryValue(TASKBOARD_WIZARD_QUERY_KEY)?.toLowerCase();
-    return value === "true" || value === "1";
+    const index = TASKBOARD_VIEW_TAB_IDS.indexOf(view);
+    if (index < 0) {
+        const legacyWizardMode = getInitialQueryValue("tbWizard")?.toLowerCase();
+        if (legacyWizardMode === "true" || legacyWizardMode === "1") {
+            return getTaskBoardViewTabIndex("overview");
+        }
+    }
+    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,
         activeTab: getInitialViewTabIndex(),
-        isWizardMode: getInitialWizardMode(),
     };
 }
 function getTaskExecutionRecordById(recordsByTaskId, taskId) {
@@ -143,21 +170,30 @@ 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 [isWizardMode, setIsWizardMode] = useState(() => getInitialWizardMode());
+    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";
+    const isGraphView = activeViewTabId === "graph";
+    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 [settingsProjectId, setSettingsProjectId] = useState(null);
-    const [savingProjectStatus, setSavingProjectStatus] = useState(false);
     const [runningOrchestrator, setRunningOrchestrator] = useState(false);
+    const [isExtendingBudget, setIsExtendingBudget] = useState(false);
+    const [isArchivingProject, setIsArchivingProject] = useState(false);
     const [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
     const [projectViewLoadingId, setProjectViewLoadingId] = useState(null);
@@ -167,11 +203,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);
@@ -221,7 +259,6 @@ export function TaskBoardWorkspace() {
         setSelectedProjectId(nextState.projectId);
         setTaskSelection(nextState.taskId, { source: "system" });
         setActiveTab(nextState.activeTab);
-        setIsWizardMode(nextState.isWizardMode);
         setWizardForceOverview(false);
     }, [setTaskSelection]);
     const isProjectWithinSelectedTree = useCallback((projectId, currentProjectId) => {
@@ -267,15 +304,57 @@ export function TaskBoardWorkspace() {
             cancelled = true;
         };
     }, [canUseAi]);
+    useEffect(() => {
+        if (!editContext?.user?.name) {
+            setTaskBoardNavState({ myTasks: [], myTasksLoading: false });
+            return;
+        }
+        let cancelled = false;
+        setTaskBoardNavState({ myTasksLoading: true });
+        getMyTasks({ excludeDone: true })
+            .then((result) => {
+            if (cancelled)
+                return;
+            if (result.type !== "success") {
+                setTaskBoardNavState({ myTasks: [], myTasksLoading: false });
+                return;
+            }
+            const list = (result.data ?? [])
+                .map((item) => ({
+                taskId: item.task.taskId,
+                projectId: item.task.projectId,
+                title: item.task.title,
+                projectTitle: item.projectTitle ?? "",
+                status: normalizeTaskStatus(item.task.status, item.task.executionState),
+                updatedAt: item.task.updatedAt,
+            }))
+                .sort((a, b) => {
+                const aTime = a.updatedAt ? new Date(a.updatedAt).getTime() : 0;
+                const bTime = b.updatedAt ? new Date(b.updatedAt).getTime() : 0;
+                return bTime - aTime;
+            });
+            setTaskBoardNavState({ myTasks: list, myTasksLoading: false });
+        })
+            .catch(() => {
+            if (!cancelled) {
+                setTaskBoardNavState({ myTasks: [], myTasksLoading: false });
+            }
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [editContext?.user?.name]);
     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(tasksWithDisplayAssignees), [tasksWithDisplayAssignees]);
     const directSubprojects = useMemo(() => selectedProjectId
         ? projects
             .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)) {
@@ -293,6 +372,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),
@@ -307,9 +411,14 @@ export function TaskBoardWorkspace() {
         }
         return merged;
     }, [executionRecordsByTaskId, subprojectExecutionRecordsByProjectId]);
-    const taskSelectionUniverse = useMemo(() => isWizardMode
+    const taskSelectionUniverse = useMemo(() => isOverviewView || isKpisView
         ? wizardTasksWithDisplayAssignees
-        : tasksWithDisplayAssignees, [isWizardMode, wizardTasksWithDisplayAssignees, tasksWithDisplayAssignees]);
+        : tasksWithDisplayAssignees, [
+        isOverviewView,
+        isKpisView,
+        wizardTasksWithDisplayAssignees,
+        tasksWithDisplayAssignees,
+    ]);
     const selectedProjectCumulativeCostUsed = useMemo(() => {
         if (!selectedProjectId)
             return 0;
@@ -349,6 +458,16 @@ export function TaskBoardWorkspace() {
             return null;
         return (projects.find((project) => project.project.projectId === parentId) ?? null);
     }, [projects, selectedProject]);
+    const selectedProjectCostLimit = selectedProject?.project.costLimit ?? null;
+    const selectedProjectOwnCostUsed = selectedProject?.project.costUsed ?? 0;
+    // Mirror the backend's per-project block (TaskOrchestratorService): a project
+    // is paused only when its OWN spend reaches its OWN limit. Gating on cumulative
+    // subtree spend would falsely flag a parent whose children carry the cost, and
+    // extending the parent's limit wouldn't unblock those children. Only an explicit
+    // limit blocks orchestration, so a null limit never triggers the banner.
+    const isProjectBudgetReached = typeof selectedProjectCostLimit === "number" &&
+        selectedProjectCostLimit > 0 &&
+        selectedProjectOwnCostUsed >= selectedProjectCostLimit;
     useEffect(() => {
         const childrenByParent = new Map();
         for (const project of projects) {
@@ -391,15 +510,18 @@ export function TaskBoardWorkspace() {
     const canCreate = selectedProject?.permission === "Owner" ||
         selectedProject?.permission === "Editor";
     const canEditTasks = canCreate;
+    // Raising the cost limit goes through updateProject, which the backend gates
+    // 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: "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 },
     ], []);
-    const viewTabIds = useMemo(() => ["kanban", "list", "graph"], []);
-    const isListView = viewTabIds[activeTab] === "list";
-    const isGraphView = viewTabIds[activeTab] === "graph";
-    const sharedViewSwitcher = useMemo(() => (_jsxs("div", { className: "flex items-center justify-end gap-2", children: [_jsx(SimpleTabs, { tabs: viewTabs, activeTab: activeTab, setActiveTab: setActiveTab, hideContent: true, className: "rounded-lg border-0 bg-slate-100/50 p-1" }), _jsxs(Button, { size: "sm", onClick: () => setCreateDialogOpen(true), disabled: !canEditTasks, className: "h-8 px-3", "data-testid": "taskboard-create-task-button", children: [_jsx(Plus, { className: "h-4 w-4 sm:mr-1.5" }), _jsx("span", { className: "hidden sm:inline", children: "New Task" })] })] })), [activeTab, canEditTasks, viewTabs]);
     const handleSelectProject = useCallback((projectId) => {
         setSelectedProjectId((previousProjectId) => {
             if (previousProjectId !== projectId) {
@@ -503,6 +625,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,
@@ -542,10 +673,10 @@ export function TaskBoardWorkspace() {
         }
     }, []);
     useEffect(() => {
-        if (!isWizardMode) {
+        if (!isOverviewView) {
             clearWizardCloseTransitionTimeout();
         }
-    }, [isWizardMode, clearWizardCloseTransitionTimeout]);
+    }, [isOverviewView, clearWizardCloseTransitionTimeout]);
     useEffect(() => {
         clearWizardCloseTransitionTimeout();
     }, [selectedProjectId, clearWizardCloseTransitionTimeout]);
@@ -621,7 +752,7 @@ export function TaskBoardWorkspace() {
         if (typeof window === "undefined")
             return;
         const current = new URLSearchParams(window.location.search);
-        const view = viewTabIds[activeTab] ?? "kanban";
+        const view = TASKBOARD_VIEW_TAB_IDS[activeTab] ?? "kanban";
         if (selectedProjectId) {
             current.set(TASKBOARD_PROJECT_QUERY_KEY, selectedProjectId);
         }
@@ -635,12 +766,7 @@ export function TaskBoardWorkspace() {
             current.delete(TASKBOARD_TASK_QUERY_KEY);
         }
         current.set(TASKBOARD_VIEW_QUERY_KEY, view);
-        if (isWizardMode) {
-            current.set(TASKBOARD_WIZARD_QUERY_KEY, "true");
-        }
-        else {
-            current.delete(TASKBOARD_WIZARD_QUERY_KEY);
-        }
+        current.delete("tbWizard");
         const browserPathname = window.location.pathname;
         const queryString = current.toString();
         const newUrl = queryString
@@ -650,7 +776,7 @@ export function TaskBoardWorkspace() {
         if (newUrl !== oldUrl) {
             window.history.replaceState(null, "", newUrl);
         }
-    }, [selectedProjectId, selectedTaskId, activeTab, isWizardMode, viewTabIds]);
+    }, [selectedProjectId, selectedTaskId, activeTab]);
     useEffect(() => {
         const handlePopState = () => {
             syncTaskBoardStateFromUrl();
@@ -754,13 +880,13 @@ export function TaskBoardWorkspace() {
                     nextExecutionByProjectId[projectId] = executionByTaskId;
             }
             setSubprojectTaskCounts(nextCounts);
-            setSubprojectTasksByProjectId(isWizardMode ? nextTasksByProjectId : {});
-            setSubprojectExecutionRecordsByProjectId(isWizardMode ? nextExecutionByProjectId : {});
+            setSubprojectTasksByProjectId(shouldKeepSubprojectTaskDetails ? nextTasksByProjectId : {});
+            setSubprojectExecutionRecordsByProjectId(shouldKeepSubprojectTaskDetails ? nextExecutionByProjectId : {});
         }
         finally {
             setSubprojectCountsLoading(false);
         }
-    }, [directSubprojects, isWizardMode, 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(() => {
@@ -790,7 +916,7 @@ export function TaskBoardWorkspace() {
     // 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)
+        if (!isOverviewView)
             return;
         if (wizardForceOverview)
             return;
@@ -807,7 +933,7 @@ export function TaskBoardWorkspace() {
             return;
         setWizardPinnedTask(wizardDisplayedTask.taskId, "system");
     }, [
-        isWizardMode,
+        isOverviewView,
         wizardForceOverview,
         selectedTaskId,
         wizardPinnedTaskId,
@@ -816,7 +942,7 @@ export function TaskBoardWorkspace() {
         setWizardPinnedTask,
     ]);
     useEffect(() => {
-        if (!isWizardMode)
+        if (!isOverviewView)
             return;
         if (selectedTaskId)
             return;
@@ -837,7 +963,7 @@ export function TaskBoardWorkspace() {
         }
         setWizardPinnedTaskId(attentionTaskId);
     }, [
-        isWizardMode,
+        isOverviewView,
         selectedTaskId,
         selectedTaskSource,
         wizardDisplayedExecutionDisplay?.label,
@@ -848,7 +974,7 @@ export function TaskBoardWorkspace() {
         wizardAttentionState.task?.taskId,
     ]);
     useEffect(() => {
-        if (!isWizardMode)
+        if (!isOverviewView)
             return;
         if (selectedTaskSource === "user")
             return;
@@ -870,25 +996,26 @@ export function TaskBoardWorkspace() {
         setTaskSelection(null, { pinInWizard: false });
     }, [
         findNextAttentionTaskId,
-        isWizardMode,
+        isOverviewView,
         selectedTask,
         selectedTaskSource,
         setTaskSelection,
     ]);
     useEffect(() => {
-        if (isWizardMode)
+        if (isOverviewView)
             return;
         if (!wizardPinnedTaskId)
             return;
         setWizardPinnedTask(null);
-    }, [isWizardMode, setWizardPinnedTask, wizardPinnedTaskId]);
+    }, [isOverviewView, setWizardPinnedTask, wizardPinnedTaskId]);
     useEffect(() => {
-        if (!isWizardMode && wizardForceOverview) {
+        if (!isOverviewView && wizardForceOverview) {
             setWizardForceOverview(false);
         }
-    }, [isWizardMode, wizardForceOverview]);
+    }, [isOverviewView, wizardForceOverview]);
     useEffect(() => {
         setWizardPinnedTask(null);
+        setWizardApprovedTaskId(null);
         setWizardForceOverview(false);
     }, [selectedProjectId, setWizardPinnedTask]);
     const refreshDependencies = useCallback(async (projectId) => {
@@ -1110,6 +1237,55 @@ export function TaskBoardWorkspace() {
             setRunningOrchestrator(false);
         }
     }, [canUseAi, selectedProjectId, refreshVisibleTaskData]);
+    const handleExtendProjectBudget = useCallback(async () => {
+        if (!selectedProject)
+            return;
+        if (selectedProject.permission !== "Owner") {
+            toast.error("Only the project owner can extend the budget.");
+            return;
+        }
+        const currentLimit = selectedProject.project.costLimit;
+        if (typeof currentLimit !== "number" || currentLimit <= 0)
+            return;
+        // Grant another full allowance, mirroring the agent budget extension.
+        const nextLimit = Math.round(currentLimit * 2 * 100) / 100;
+        setIsExtendingBudget(true);
+        try {
+            // Only title + costLimit are sent; updateProject preserves omitted fields
+            // server-side, so description/status/execution user stay untouched.
+            const result = await updateProject({
+                projectId: selectedProject.project.projectId,
+                title: selectedProject.project.title,
+                costLimit: nextLimit,
+            });
+            if (result.type !== "success") {
+                toast.error(result.summary || "Failed to extend project budget");
+                return;
+            }
+            toast.success(`Project budget extended to $${nextLimit.toFixed(2)}.`);
+            await refreshProjects();
+            // Resume any tasks the orchestrator paused on the cost limit.
+            await handleRunOrchestrator({ silentWhenNothingToLaunch: true });
+        }
+        finally {
+            setIsExtendingBudget(false);
+        }
+    }, [selectedProject, refreshProjects, handleRunOrchestrator]);
+    const sharedViewSwitcher = useMemo(() => {
+        const tabStrip = (_jsx("div", { className: "border-border-default mt-[18px] border-b", children: _jsx(SimpleTabs, { tabs: viewTabs, activeTab: activeTab, setActiveTab: setActiveTab, hideContent: true, variant: "large", className: "gap-8", tabClassName: "px-2 pt-3 pb-[9px] text-sm", testId: "taskboard-view-switcher" }) }));
+        if (!isProjectBudgetReached)
+            return tabStrip;
+        return (_jsxs("div", { children: [_jsx(ProjectBudgetBanner, { costUsed: selectedProjectOwnCostUsed, costLimit: selectedProjectCostLimit ?? 0, canExtend: canExtendProjectBudget, isExtending: isExtendingBudget, onExtend: handleExtendProjectBudget }), tabStrip] }));
+    }, [
+        activeTab,
+        viewTabs,
+        isProjectBudgetReached,
+        selectedProjectOwnCostUsed,
+        selectedProjectCostLimit,
+        canExtendProjectBudget,
+        isExtendingBudget,
+        handleExtendProjectBudget,
+    ]);
     const handleRunSelectedTaskAgent = useCallback(async () => {
         if (!canUseAi) {
             toast.error("AI features are unavailable with the current license.");
@@ -1244,44 +1420,94 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         tasks,
     ]);
-    const handleProjectStatusChange = useCallback(async (status) => {
-        if (!selectedProject)
+    const handleSelectMyTask = useCallback((task) => {
+        handleSelectProject(task.projectId);
+        setTaskSelection(task.taskId, { source: "user" });
+    }, [handleSelectProject, setTaskSelection]);
+    const handleOpenProjectTemplates = useCallback(() => {
+        editContext?.switchWorkspace("settings", {
+            skipConfirmation: false,
+            urlParams: {
+                ccpanel: "project-templates",
+            },
+        });
+    }, [editContext]);
+    const handleOpenSourceTemplate = useCallback((projectTemplateId) => {
+        editContext?.switchWorkspace("settings", {
+            skipConfirmation: false,
+            urlParams: {
+                ccpanel: "project-templates",
+                projectTemplateId,
+            },
+        });
+    }, [editContext]);
+    const handleDeleteProject = useCallback((projectId, title) => {
+        const runDelete = async () => {
+            const result = await deleteProject(projectId);
+            if (result.type !== "success") {
+                toast.error(result.summary || "Failed to delete project");
+                return;
+            }
+            toast.success("Project deleted");
+            const fallbackProjectId = projects.find((p) => p.project.projectId !== projectId)?.project
+                .projectId ?? null;
+            await refreshProjects();
+            if (selectedProjectId === projectId) {
+                handleSelectProject(fallbackProjectId);
+            }
+        };
+        if (editContext?.confirm) {
+            editContext.confirm({
+                header: "Delete project",
+                message: `Are you sure you want to delete "${title}"?\n\nAny subprojects under this project will also be deleted. This action cannot be undone.`,
+                acceptLabel: "Delete",
+                showCancel: true,
+                accept: () => {
+                    void runDelete();
+                },
+            });
             return;
-        if (selectedProject.permission !== "Owner")
+        }
+        void runDelete();
+    }, [
+        editContext,
+        handleSelectProject,
+        projects,
+        refreshProjects,
+        selectedProjectId,
+    ]);
+    const handleArchiveSelectedProject = useCallback(async () => {
+        if (!selectedProject)
             return;
-        if (selectedProject.project.status === status)
+        if (selectedProject.permission !== "Owner") {
+            toast.error("Only project owners can archive projects");
             return;
-        setSavingProjectStatus(true);
+        }
+        const { project } = selectedProject;
+        setIsArchivingProject(true);
         try {
             const result = await updateProject({
-                projectId: selectedProject.project.projectId,
-                title: selectedProject.project.title,
-                description: selectedProject.project.description ?? "",
-                costLimit: selectedProject.project.costLimit ?? null,
-                status,
+                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 update project status");
+                toast.error(result.summary || "Failed to archive project");
                 return;
             }
+            toast.success("Project archived");
             await refreshProjects();
+            handleSelectProject(null);
         }
         finally {
-            setSavingProjectStatus(false);
+            setIsArchivingProject(false);
         }
-    }, [selectedProject, refreshProjects]);
-    const handleSelectMyTask = useCallback((task) => {
-        handleSelectProject(task.projectId);
-        setTaskSelection(task.taskId, { source: "user" });
-    }, [handleSelectProject, setTaskSelection]);
-    const handleOpenProjectTemplates = useCallback(() => {
-        editContext?.switchWorkspace("settings", {
-            skipConfirmation: false,
-            urlParams: {
-                ccpanel: "project-templates",
-            },
-        });
-    }, [editContext]);
+    }, [handleSelectProject, refreshProjects, selectedProject]);
     useEffect(() => {
         setTaskBoardNavState({
             projectTitle: selectedProject?.project.title ?? "Tasks",
@@ -1290,7 +1516,6 @@ export function TaskBoardWorkspace() {
                 : "Select a project to get started",
             permissionLabel: selectedProject?.permission ?? "No project selected",
             activeTab,
-            isWizardMode,
             isAdministrator,
             showAllProjects: isAdministrator && showAllProjects,
             isProjectsLoading,
@@ -1313,39 +1538,16 @@ export function TaskBoardWorkspace() {
             canManageProject: selectedProject?.permission === "Owner",
             onSelectMyTask: handleSelectMyTask,
             onSelectProject: handleSelectProject,
+            onRefreshProjects: refreshProjects,
             onSetActiveTab: setActiveTab,
             onCreateProject: () => setCreateProjectOpen(true),
             onOpenProjectTemplates: handleOpenProjectTemplates,
-            onOpenProjectSettings: (projectId) => setSettingsProjectId(projectId),
-            onDeleteProject: (projectId, title) => {
-                const runDelete = async () => {
-                    const result = await deleteProject(projectId);
-                    if (result.type !== "success") {
-                        toast.error(result.summary || "Failed to delete project");
-                        return;
-                    }
-                    toast.success("Project deleted");
-                    const fallbackProjectId = projects.find((p) => p.project.projectId !== projectId)?.project
-                        .projectId ?? null;
-                    await refreshProjects();
-                    if (selectedProjectId === projectId) {
-                        handleSelectProject(fallbackProjectId);
-                    }
-                };
-                if (editContext?.confirm) {
-                    editContext.confirm({
-                        header: "Delete project",
-                        message: `Are you sure you want to delete "${title}"?\n\nAny subprojects under this project will also be deleted. This action cannot be undone.`,
-                        acceptLabel: "Delete",
-                        showCancel: true,
-                        accept: () => {
-                            void runDelete();
-                        },
-                    });
-                    return;
-                }
-                void runDelete();
+            onOpenProjectSettings: (projectId) => {
+                handleSelectProject(projectId);
+                setWizardForceOverview(false);
+                setActiveTab(getTaskBoardViewTabIndex("settings"));
             },
+            onDeleteProject: handleDeleteProject,
             onRestartProject: (projectId, title) => {
                 const runRestart = async () => {
                     const result = await restartProject(projectId);
@@ -1380,7 +1582,6 @@ export function TaskBoardWorkspace() {
                 setShowAllProjects(enabled);
                 void refreshProjects({ includeAll: isAdministrator && enabled });
             },
-            onToggleWizardMode: (enabled) => setIsWizardMode(enabled),
             onCreateTask: () => setCreateDialogOpen(true),
             onRunOrchestrator: handleRunOrchestrator,
         });
@@ -1389,7 +1590,6 @@ export function TaskBoardWorkspace() {
         selectedProject?.project.description,
         selectedProject?.permission,
         activeTab,
-        isWizardMode,
         isAdministrator,
         showAllProjects,
         isProjectsLoading,
@@ -1404,6 +1604,7 @@ export function TaskBoardWorkspace() {
         handleSelectMyTask,
         handleSelectProject,
         handleOpenProjectTemplates,
+        handleDeleteProject,
         handleRunOrchestrator,
         selectedProject,
     ]);
@@ -1618,7 +1819,12 @@ export function TaskBoardWorkspace() {
             // Clearing it here was the bug: editContext changes caused cleanup to
             // cancel the pending debounced refresh before it could fire.
         };
-    }, [editContext, isProjectWithinSelectedTree, queueSelectedProjectRefresh, queueSubprojectRefresh]);
+    }, [
+        editContext,
+        isProjectWithinSelectedTree,
+        queueSelectedProjectRefresh,
+        queueSubprojectRefresh,
+    ]);
     // Keep project dropdown in sync when projects are created elsewhere (e.g. by agents).
     useEffect(() => {
         const addListener = editContext?.addSocketMessageListener;
@@ -1667,7 +1873,6 @@ export function TaskBoardWorkspace() {
             setTaskSelection(null);
         }
     }, [
-        isWizardMode,
         selectedTaskId,
         selectedTaskSource,
         setTaskSelection,
@@ -1683,6 +1888,7 @@ export function TaskBoardWorkspace() {
         const closedTaskId = wizardDisplayedTask?.taskId ?? selectedTaskId ?? wizardPinnedTaskId;
         clearWizardCloseTransitionTimeout();
         setTaskSelection(null, { pinInWizard: false });
+        setWizardApprovedTaskId(null);
         setWizardForceOverview(true);
         if (!options?.advanceToNext) {
             return;
@@ -1711,21 +1917,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,
@@ -1734,65 +1976,90 @@ 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(() => {
         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: "text-muted-foreground flex flex-col items-center gap-3 text-sm", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("div", { children: "Loading project..." })] }) }));
+            return (_jsx("div", { className: "border-border-default bg-neutral-grey-5/70 flex h-full min-h-[240px] items-center justify-center rounded-lg border border-dashed", "data-testid": "taskboard-project-loading-state", children: _jsxs("div", { className: "text-muted-foreground flex flex-col items-center gap-3 text-sm", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("div", { children: "Loading project..." })] }) }));
         }
         if (!selectedProjectId || (!selectedProject && !isProjectsLoading)) {
-            return (_jsx("div", { className: "flex min-h-full w-full flex-col p-4 md:p-8", children: _jsx("div", { className: "mx-auto flex h-full min-h-0 w-full max-w-7xl flex-1", children: _jsx(ProjectOverviewContent, { nav: nav }) }) }));
+            return _jsx(TaskBoardHomeView, { nav: nav });
         }
-        if (isWizardMode) {
-            return (_jsx(WizardView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
-                    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", communicationPanel: wizardCommunicationPanel }));
+        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) => {
+                                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 }) })] }));
+        }
+        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 () => {
+                                await refreshProjects();
+                                await refreshVisibleTaskData();
+                            } }) })] }));
+        }
+        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" })] }));
         }
         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, 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", selectedProjectSourceTemplateId: selectedProject?.project.sourceProjectTemplateId ?? null, selectedProjectSourceTemplateName: selectedProject?.project.sourceProjectTemplateName ?? null, canOpenSourceTemplate: isAdministrator }), sharedViewSwitcher, _jsx(ListView, { tasks: tasksWithDisplayAssignees, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
-                            void refreshVisibleTaskData();
-                        }, projectId: selectedProjectId, permission: selectedProject?.permission })] }));
+            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, 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", selectedProjectSourceTemplateId: selectedProject?.project.sourceProjectTemplateId ?? null, selectedProjectSourceTemplateName: selectedProject?.project.sourceProjectTemplateName ?? null, canOpenSourceTemplate: isAdministrator }), sharedViewSwitcher, _jsx("div", { className: "min-h-0 flex-1", 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, 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", selectedProjectSourceTemplateId: selectedProject?.project.sourceProjectTemplateId ?? null, selectedProjectSourceTemplateName: selectedProject?.project.sourceProjectTemplateName ?? null, canOpenSourceTemplate: isAdministrator }), sharedViewSwitcher, _jsx(KanbanView, { tasks: tasksWithDisplayAssignees, dependencies: dependencies, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
-                        void refreshVisibleTaskData();
-                    }, projectId: selectedProjectId, permission: selectedProject?.permission })] }));
+            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), 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 }) })] }));
     }, [
         isProjectViewLoading,
         selectedProjectId,
         selectedProject,
         isProjectsLoading,
-        isWizardMode,
+        isOverviewView,
         isListView,
         isGraphView,
+        isKpisView,
+        isSettingsView,
+        isPropertiesView,
+        graphLayout,
+        isAdministrator,
         selectedProjectCumulativeCostUsed,
-        savingProjectStatus,
-        handleProjectStatusChange,
+        handleOpenSourceTemplate,
+        handleDeleteProject,
         selectedProjectTaskCounts,
         directSubprojects,
         subprojectTaskCounts,
+        kpiAttentionTaskGroups,
         subprojectCountsLoading,
         parentProject?.project.projectId,
         parentProject?.project.title,
         handleSelectProject,
         sharedViewSwitcher,
+        projects,
         tasksWithDisplayAssignees,
         dependencies,
         selectedTaskId,
-        activeTab,
+        showSubprojectTaskVisibilityHint,
         canEditTasks,
         nav,
         isTasksLoading,
@@ -1800,6 +2067,7 @@ export function TaskBoardWorkspace() {
         wizardDisplayedTask?.taskId,
         wizardCommunicationPanel,
         setTaskSelection,
+        refreshProjects,
         refreshVisibleTaskData,
     ]);
     const taskDetailAgentLaunch = useMemo(() => {
@@ -1842,6 +2110,7 @@ export function TaskBoardWorkspace() {
             void refreshVisibleTaskData();
         }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel", agentLaunch: taskDetailAgentLaunch })), [
         selectedTaskProject,
+        projects,
         selectedTask,
         taskSelectionUniverse,
         dependencies,
@@ -1849,12 +2118,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,
@@ -1899,21 +2189,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,
             },
         ];
@@ -1942,13 +2220,13 @@ export function TaskBoardWorkspace() {
                 {
                     name: "editor-preview",
                     defaultSize: "auto",
-                    content: (_jsx("div", { className: "h-full min-h-0 min-w-0 overflow-hidden bg-gray-50", children: editorContent })),
+                    content: (_jsx("div", { className: "bg-neutral-grey-5 h-full min-h-0 min-w-0 overflow-hidden", children: editorContent })),
                 },
-            ], splitterClassName: "bg-gray-200 hover:bg-gray-300 w-[6px]", className: "h-full", direction: isMobile ? "vertical" : "horizontal" }));
+            ], splitterClassName: "bg-neutral-grey-10 hover:bg-neutral-grey-10 w-[6px]", className: "h-full", direction: isMobile ? "vertical" : "horizontal" }));
         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 h-full min-h-0 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-border-default border-b 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: "text-neutral-grey-100 truncate text-sm font-medium", children: previewItemName || "Loading item..." })), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx("span", { className: "text-neutral-grey-50 truncate text-xs", children: previewItemPath || "Path unavailable" }), _jsx("span", { className: "bg-neutral-grey-5 badge-pad-sm text-neutral-grey-50 shrink-0 rounded text-[10px] font-medium", children: selectedContextItemValue.split("|")[1] || "" }), previewItemVersion != null && (_jsxs("span", { className: "bg-neutral-grey-5 badge-pad-sm text-neutral-grey-50 shrink-0 rounded text-[10px] font-medium", children: ["v", previewItemVersion] }))] })] })) : (_jsx("div", { className: "text-neutral-grey-50 text-xs", children: "No item loaded" })) }), _jsx("div", { className: "bg-neutral-grey-5 min-h-0 flex-1 overflow-hidden", children: renderPreviewSplit(_jsxs("div", { className: "flex h-full min-h-0 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: renderPreviewSplit(_jsx(TaskboardPreviewEditor, {})) })] }));
+        return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsx("div", { className: "border-border-default border-b 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: "text-neutral-grey-100 truncate text-sm font-medium", children: previewItemName || "Loading item..." })), _jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [_jsx("span", { className: "text-neutral-grey-50 truncate text-xs", children: previewItemPath || "Path unavailable" }), _jsx("span", { className: "bg-neutral-grey-5 badge-pad-sm text-neutral-grey-50 shrink-0 rounded text-[10px] font-medium", children: currentItemDescriptor?.language }), previewItemVersion != null && (_jsxs("span", { className: "bg-neutral-grey-5 badge-pad-sm text-neutral-grey-50 shrink-0 rounded text-[10px] font-medium", children: ["v", previewItemVersion] }))] })] })) : (_jsx("div", { className: "text-neutral-grey-50 text-xs", children: "No item loaded" })) }), _jsx("div", { className: "bg-neutral-grey-5 min-h-0 flex-1 overflow-hidden", children: renderPreviewSplit(_jsx(TaskboardPreviewEditor, {})) })] }));
     }, [
         currentItemDescriptor,
         hasMultipleContextItems,
@@ -1964,29 +2242,29 @@ export function TaskBoardWorkspace() {
         const showAgentColumnForSelectedTask = !!selectedProjectId &&
             !shouldHideAgentPanelForSelectedTask &&
             agentPanelMode === "agent";
-        if (isWizardMode) {
-            const wizardPanels = [
+        if (isOverviewView || isKpisView) {
+            const overviewPanels = [
                 {
-                    name: "wizard-view",
-                    defaultSize: 70,
-                    content: (_jsx("div", { className: "h-full overflow-x-hidden overflow-y-auto bg-slate-50/50", children: taskBoardContent })),
+                    name: "task-list",
+                    defaultSize: "auto",
+                    content: (_jsx("div", { className: cn("bg-neutral-grey-5/60 flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto", selectedProjectId && "p-3 pt-3 md:p-8 md:pt-8 md:pl-10"), children: taskBoardContent })),
                 },
             ];
             if (showEditorPanel) {
-                wizardPanels.push({
+                overviewPanels.push({
                     name: "editor-preview",
-                    defaultSize: 30,
-                    content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
+                    defaultSize: 500,
+                    content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
                 });
             }
-            return wizardPanels;
+            return overviewPanels;
         }
         if (isListView) {
             const listPanels = [
                 {
                     name: "task-list",
                     defaultSize: "auto",
-                    content: (_jsx("div", { className: "h-full overflow-x-auto overflow-y-auto bg-slate-50/50 p-2 pt-2 md:p-4 md:pt-3", children: taskBoardContent })),
+                    content: (_jsx("div", { className: "bg-neutral-grey-5/60 h-full overflow-x-auto overflow-y-auto p-3 pt-3 md:p-8 md:pt-8 md:pl-10", children: taskBoardContent })),
                 },
                 ...buildRightHandPanels(showAgentColumnForSelectedTask),
             ];
@@ -1994,7 +2272,7 @@ export function TaskBoardWorkspace() {
                 listPanels.push({
                     name: "editor-preview",
                     defaultSize: 500,
-                    content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
+                    content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
                 });
             }
             return listPanels;
@@ -2004,7 +2282,7 @@ export function TaskBoardWorkspace() {
                 {
                     name: "task-list",
                     defaultSize: "auto",
-                    content: (_jsx("div", { className: cn("flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto bg-slate-50/50", selectedProjectId && "p-4 pt-3"), children: taskBoardContent })),
+                    content: (_jsx("div", { className: cn("bg-neutral-grey-5/60 flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto", selectedProjectId && "p-3 pt-3 md:p-8 md:pt-8 md:pl-10"), children: taskBoardContent })),
                 },
                 ...buildRightHandPanels(showAgentColumnForSelectedTask),
             ];
@@ -2012,7 +2290,7 @@ export function TaskBoardWorkspace() {
                 graphPanels.push({
                     name: "editor-preview",
                     defaultSize: 500,
-                    content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
+                    content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
                 });
             }
             return graphPanels;
@@ -2021,7 +2299,7 @@ export function TaskBoardWorkspace() {
             {
                 name: "task-list",
                 defaultSize: "auto",
-                content: (_jsx("div", { className: cn("flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto bg-slate-50/50", selectedProjectId && "p-4 pt-3"), children: taskBoardContent })),
+                content: (_jsx("div", { className: cn("bg-neutral-grey-5/60 flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto", selectedProjectId && "p-3 pt-3 md:p-8 md:pt-8 md:pl-10"), children: taskBoardContent })),
             },
             ...buildRightHandPanels(showAgentColumnForSelectedTask),
         ];
@@ -2029,12 +2307,13 @@ export function TaskBoardWorkspace() {
             kanbanPanels.push({
                 name: "editor-preview",
                 defaultSize: 500,
-                content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
+                content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
             });
         }
         return kanbanPanels;
     }, [
-        isWizardMode,
+        isOverviewView,
+        isKpisView,
         isListView,
         isGraphView,
         selectedProjectId,
@@ -2045,7 +2324,7 @@ export function TaskBoardWorkspace() {
         showEditorPanel,
         itemPreviewPanel,
     ]);
-    return (_jsxs("div", { className: "text-foreground flex h-full w-full flex-col bg-white select-text", children: [_jsx("div", { className: "min-h-0 flex-1", children: isMobile ? (_jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [selectedProjectId && (_jsx("div", { className: "shrink-0 border-b border-gray-100 bg-white px-4 shadow-[0_1px_2px_rgba(0,0,0,0.03)]", children: _jsx(SimpleTabs, { tabs: [
+    return (_jsxs("div", { className: "text-foreground bg-neutral-grey-5 flex h-full w-full flex-col select-text", children: [_jsx("div", { className: "min-h-0 flex-1", children: isMobile ? (_jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [selectedProjectId && (_jsx("div", { className: "border-border-default shrink-0 border-b bg-white px-4 shadow-[0_1px_2px_color-mix(in_srgb,var(--color-neutral-grey-100)_3%,transparent)]", children: _jsx(SimpleTabs, { tabs: [
                                     { id: "project", label: "Project", content: null },
                                     {
                                         id: "task",
@@ -2062,30 +2341,20 @@ export function TaskBoardWorkspace() {
                                     ...(showEditorPanel
                                         ? [{ id: "editor", label: "Editor", content: null }]
                                         : []),
-                                ], activeTab: mobileActiveTab, setActiveTab: setMobileActiveTab, hideContent: true, variant: "elegant", className: "gap-6" }) })), _jsxs("div", { className: "min-h-0 flex-1 overflow-hidden", children: [mobileActiveTab === 0 && (_jsx("div", { className: cn("flex h-full overflow-y-auto bg-slate-50/50", selectedProjectId &&
-                                        !isWizardMode &&
-                                        "p-2 pt-2 md:p-4 md:pt-3"), children: taskBoardContent })), mobileActiveTab === 1 && (_jsx("div", { className: "h-full overflow-y-auto bg-white", children: taskDetailPanel })), mobileActiveTab === 2 && (_jsx("div", { className: "h-full overflow-hidden bg-white", children: shouldHideAgentPanelForSelectedTask
+                                ], activeTab: mobileActiveTab, setActiveTab: setMobileActiveTab, hideContent: true, className: "gap-6" }) })), _jsxs("div", { className: "min-h-0 flex-1 overflow-hidden", children: [mobileActiveTab === 0 && (_jsx("div", { className: cn("bg-neutral-grey-5/50 flex h-full overflow-y-auto", selectedProjectId && "p-2 pt-2 md:p-4 md:pt-3"), children: taskBoardContent })), mobileActiveTab === 1 && (_jsx("div", { className: "h-full overflow-y-auto bg-white", children: taskDetailPanel })), mobileActiveTab === 2 && (_jsx("div", { className: "h-full overflow-hidden bg-white", children: shouldHideAgentPanelForSelectedTask
                                         ? taskDetailPanel
-                                        : agentTerminalPanel })), mobileActiveTab === 3 && showEditorPanel && (_jsx("div", { className: "h-full overflow-hidden bg-gray-50", children: itemPreviewPanel }))] })] })) : (_jsx(Splitter, { panels: panels, direction: "horizontal", localStorageKey: isWizardMode
-                        ? "task-board-wizard-splitter-v2"
-                        : "task-board-main-splitter" })) }), selectedProjectId && (_jsx(CreateTaskDialog, { open: createDialogOpen, onOpenChange: setCreateDialogOpen, projectId: selectedProjectId, availableParentTasks: tasks, onCreated: () => {
+                                        : agentTerminalPanel })), mobileActiveTab === 3 && showEditorPanel && (_jsx("div", { className: "bg-neutral-grey-5 h-full overflow-hidden", children: itemPreviewPanel }))] })] })) : (_jsx(Splitter, { panels: panels, direction: "horizontal", localStorageKey: "task-board-main-splitter" })) }), selectedProjectId && (_jsx(CreateTaskDialog, { open: createDialogOpen, onOpenChange: setCreateDialogOpen, projectId: selectedProjectId, availableParentTasks: tasks, 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) {
-                        setIsWizardMode(true);
+                        setActiveTab(getTaskBoardViewTabIndex("overview"));
                         setWizardForceOverview(false);
                     }
                     if (newProjectId)
                         handleSelectProject(newProjectId);
                     await refreshProjects();
-                } }), _jsx(ProjectSettingsDialog, { open: !!settingsProjectId, onOpenChange: (open) => {
-                    if (!open)
-                        setSettingsProjectId(null);
-                }, projectId: settingsProjectId, selectedProject: settingsProject, projects: projects, onChanged: async () => {
-                    await refreshProjects();
-                    await refreshVisibleTaskData();
                 } })] }));
 }
 //# sourceMappingURL=TaskBoardWorkspace.js.map