@parhelia/core 0.1.12902 → 0.1.12904

package/dist/task-board/TaskBoardWorkspace.js

@@ -1,29 +1,29 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState, } from "react";
+import { 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, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
+import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, 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, ProjectKpisPanel, } from "./components/ProjectDashboard";
+import { ProjectDashboard, } from "./components/ProjectDashboard";
 import { CreateTaskDialog } from "./components/CreateTaskDialog";
 import { CreateProjectDialog } from "./components/CreateProjectDialog";
-import { ProjectSettingsPanel } from "./components/ProjectSettingsDialog";
-import { ProjectPropertiesPanel } from "./components/ProjectPropertiesPanel";
-import { TaskBoardHomeView } from "./components/TaskBoardHomeView";
+import { ProjectSettingsDialog } from "./components/ProjectSettingsDialog";
+import { ProjectOverviewContent } from "./components/ProjectOverviewContent";
 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, getTaskBoardReturnState, } from "./taskBoardNavStore";
+import { setTaskBoardNavState, resetTaskBoardNavState, subscribeTaskBoardNav, getTaskBoardNavSnapshot, } from "./taskBoardNavStore";
 import { useSyncExternalStore } from "react";
 import { flattenProjectsHierarchy } from "./utils/projectHierarchy";
 import { orderTasksByBlockedDependencies } from "./utils/taskDependencyOrdering";
@@ -31,12 +31,10 @@ import { normalizeTaskStatus } from "./taskStatus";
 import { getTaskExecutionDisplay, } from "./taskExecutionStatus";
 import { indexTaskExecutionRecords, overlayTaskExecutionList, } from "./taskExecutionRecords";
 import { WizardCommunicationCenter } from "./components/WizardCommunicationCenter";
-import { Loader2 } from "lucide-react";
+import { Button } from "../components/ui/button";
+import { Loader2, Plus } 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();
@@ -48,19 +46,8 @@ 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;
@@ -69,36 +56,23 @@ function getInitialQueryValue(queryKey) {
 }
 function getInitialViewTabIndex() {
     const view = getInitialQueryValue(TASKBOARD_VIEW_QUERY_KEY)?.toLowerCase();
-    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");
+    if (view === "list")
+        return 1;
+    if (view === "graph")
+        return 2;
+    return 0;
 }
-function getTaskBoardStateFromUrl(options) {
+function getInitialWizardMode() {
+    const value = getInitialQueryValue(TASKBOARD_WIZARD_QUERY_KEY)?.toLowerCase();
+    return value === "true" || value === "1";
+}
+function getTaskBoardStateFromUrl() {
     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) {
@@ -169,29 +143,21 @@ export function TaskBoardWorkspace() {
     const currentItemDescriptor = editContext?.currentItemDescriptor;
     const [projects, setProjects] = useState([]);
     const [mobileActiveTab, setMobileActiveTab] = useState(0);
-    const [selectedProjectId, setSelectedProjectId] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).projectId);
+    const [selectedProjectId, setSelectedProjectId] = useState(() => getInitialQueryValue(TASKBOARD_PROJECT_QUERY_KEY));
     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(() => 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 [selectedTaskId, setSelectedTaskId] = useState(() => getInitialQueryValue(TASKBOARD_TASK_QUERY_KEY));
+    const [selectedTaskSource, setSelectedTaskSource] = useState(() => getInitialQueryValue(TASKBOARD_TASK_QUERY_KEY) ? "system" : null);
+    const [activeTab, setActiveTab] = useState(() => getInitialViewTabIndex());
+    const [isWizardMode, setIsWizardMode] = useState(() => getInitialWizardMode());
     const [createDialogOpen, setCreateDialogOpen] = useState(false);
     const [createProjectOpen, setCreateProjectOpen] = useState(false);
+    const [settingsProjectId, setSettingsProjectId] = useState(null);
+    const [savingProjectStatus, setSavingProjectStatus] = useState(false);
     const [runningOrchestrator, setRunningOrchestrator] = useState(false);
-    const [isArchivingProject, setIsArchivingProject] = useState(false);
     const [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
     const [projectViewLoadingId, setProjectViewLoadingId] = useState(null);
@@ -201,13 +167,11 @@ 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(() => {
-        setIsTaskDetailsPopoverOpen(false);
+        setIsTaskDetailsExpanded(false);
     }, [selectedTaskId]);
     const setWizardPinnedTask = useCallback((taskId, source = null) => {
         setWizardPinnedTaskId(taskId);
@@ -257,6 +221,7 @@ 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) => {
@@ -302,57 +267,15 @@ 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)) {
@@ -370,31 +293,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),
@@ -409,14 +307,9 @@ export function TaskBoardWorkspace() {
         }
         return merged;
     }, [executionRecordsByTaskId, subprojectExecutionRecordsByProjectId]);
-    const taskSelectionUniverse = useMemo(() => isOverviewView || isKpisView
+    const taskSelectionUniverse = useMemo(() => isWizardMode
         ? wizardTasksWithDisplayAssignees
-        : tasksWithDisplayAssignees, [
-        isOverviewView,
-        isKpisView,
-        wizardTasksWithDisplayAssignees,
-        tasksWithDisplayAssignees,
-    ]);
+        : tasksWithDisplayAssignees, [isWizardMode, wizardTasksWithDisplayAssignees, tasksWithDisplayAssignees]);
     const selectedProjectCumulativeCostUsed = useMemo(() => {
         if (!selectedProjectId)
             return 0;
@@ -499,15 +392,14 @@ export function TaskBoardWorkspace() {
         selectedProject?.permission === "Editor";
     const canEditTasks = canCreate;
     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: "Flow chart", content: null },
-        { id: "kpis", label: "KPIs", content: null },
-        { id: "settings", label: "Settings", content: null },
-        { id: "properties", label: "Properties", content: null },
+        { id: "graph", label: "Graph", content: null },
     ], []);
-    const sharedViewSwitcher = useMemo(() => (_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" }) })), [activeTab, viewTabs]);
+    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) {
@@ -611,15 +503,6 @@ 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,
@@ -659,10 +542,10 @@ export function TaskBoardWorkspace() {
         }
     }, []);
     useEffect(() => {
-        if (!isOverviewView) {
+        if (!isWizardMode) {
             clearWizardCloseTransitionTimeout();
         }
-    }, [isOverviewView, clearWizardCloseTransitionTimeout]);
+    }, [isWizardMode, clearWizardCloseTransitionTimeout]);
     useEffect(() => {
         clearWizardCloseTransitionTimeout();
     }, [selectedProjectId, clearWizardCloseTransitionTimeout]);
@@ -738,7 +621,7 @@ export function TaskBoardWorkspace() {
         if (typeof window === "undefined")
             return;
         const current = new URLSearchParams(window.location.search);
-        const view = TASKBOARD_VIEW_TAB_IDS[activeTab] ?? "kanban";
+        const view = viewTabIds[activeTab] ?? "kanban";
         if (selectedProjectId) {
             current.set(TASKBOARD_PROJECT_QUERY_KEY, selectedProjectId);
         }
@@ -752,7 +635,12 @@ export function TaskBoardWorkspace() {
             current.delete(TASKBOARD_TASK_QUERY_KEY);
         }
         current.set(TASKBOARD_VIEW_QUERY_KEY, view);
-        current.delete("tbWizard");
+        if (isWizardMode) {
+            current.set(TASKBOARD_WIZARD_QUERY_KEY, "true");
+        }
+        else {
+            current.delete(TASKBOARD_WIZARD_QUERY_KEY);
+        }
         const browserPathname = window.location.pathname;
         const queryString = current.toString();
         const newUrl = queryString
@@ -762,7 +650,7 @@ export function TaskBoardWorkspace() {
         if (newUrl !== oldUrl) {
             window.history.replaceState(null, "", newUrl);
         }
-    }, [selectedProjectId, selectedTaskId, activeTab]);
+    }, [selectedProjectId, selectedTaskId, activeTab, isWizardMode, viewTabIds]);
     useEffect(() => {
         const handlePopState = () => {
             syncTaskBoardStateFromUrl();
@@ -866,13 +754,13 @@ export function TaskBoardWorkspace() {
                     nextExecutionByProjectId[projectId] = executionByTaskId;
             }
             setSubprojectTaskCounts(nextCounts);
-            setSubprojectTasksByProjectId(shouldKeepSubprojectTaskDetails ? nextTasksByProjectId : {});
-            setSubprojectExecutionRecordsByProjectId(shouldKeepSubprojectTaskDetails ? nextExecutionByProjectId : {});
+            setSubprojectTasksByProjectId(isWizardMode ? nextTasksByProjectId : {});
+            setSubprojectExecutionRecordsByProjectId(isWizardMode ? nextExecutionByProjectId : {});
         }
         finally {
             setSubprojectCountsLoading(false);
         }
-    }, [directSubprojects, selectedProjectId, shouldKeepSubprojectTaskDetails]);
+    }, [directSubprojects, isWizardMode, selectedProjectId]);
     // 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(() => {
@@ -902,7 +790,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 (!isOverviewView)
+        if (!isWizardMode)
             return;
         if (wizardForceOverview)
             return;
@@ -919,7 +807,7 @@ export function TaskBoardWorkspace() {
             return;
         setWizardPinnedTask(wizardDisplayedTask.taskId, "system");
     }, [
-        isOverviewView,
+        isWizardMode,
         wizardForceOverview,
         selectedTaskId,
         wizardPinnedTaskId,
@@ -928,7 +816,7 @@ export function TaskBoardWorkspace() {
         setWizardPinnedTask,
     ]);
     useEffect(() => {
-        if (!isOverviewView)
+        if (!isWizardMode)
             return;
         if (selectedTaskId)
             return;
@@ -949,7 +837,7 @@ export function TaskBoardWorkspace() {
         }
         setWizardPinnedTaskId(attentionTaskId);
     }, [
-        isOverviewView,
+        isWizardMode,
         selectedTaskId,
         selectedTaskSource,
         wizardDisplayedExecutionDisplay?.label,
@@ -960,7 +848,7 @@ export function TaskBoardWorkspace() {
         wizardAttentionState.task?.taskId,
     ]);
     useEffect(() => {
-        if (!isOverviewView)
+        if (!isWizardMode)
             return;
         if (selectedTaskSource === "user")
             return;
@@ -982,26 +870,25 @@ export function TaskBoardWorkspace() {
         setTaskSelection(null, { pinInWizard: false });
     }, [
         findNextAttentionTaskId,
-        isOverviewView,
+        isWizardMode,
         selectedTask,
         selectedTaskSource,
         setTaskSelection,
     ]);
     useEffect(() => {
-        if (isOverviewView)
+        if (isWizardMode)
             return;
         if (!wizardPinnedTaskId)
             return;
         setWizardPinnedTask(null);
-    }, [isOverviewView, setWizardPinnedTask, wizardPinnedTaskId]);
+    }, [isWizardMode, setWizardPinnedTask, wizardPinnedTaskId]);
     useEffect(() => {
-        if (!isOverviewView && wizardForceOverview) {
+        if (!isWizardMode && wizardForceOverview) {
             setWizardForceOverview(false);
         }
-    }, [isOverviewView, wizardForceOverview]);
+    }, [isWizardMode, wizardForceOverview]);
     useEffect(() => {
         setWizardPinnedTask(null);
-        setWizardApprovedTaskId(null);
         setWizardForceOverview(false);
     }, [selectedProjectId, setWizardPinnedTask]);
     const refreshDependencies = useCallback(async (projectId) => {
@@ -1357,94 +1244,44 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         tasks,
     ]);
-    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;
-        }
-        void runDelete();
-    }, [
-        editContext,
-        handleSelectProject,
-        projects,
-        refreshProjects,
-        selectedProjectId,
-    ]);
-    const handleArchiveSelectedProject = useCallback(async () => {
+    const handleProjectStatusChange = useCallback(async (status) => {
         if (!selectedProject)
             return;
-        if (selectedProject.permission !== "Owner") {
-            toast.error("Only project owners can archive projects");
+        if (selectedProject.permission !== "Owner")
             return;
-        }
-        const { project } = selectedProject;
-        setIsArchivingProject(true);
+        if (selectedProject.project.status === status)
+            return;
+        setSavingProjectStatus(true);
         try {
             const result = await updateProject({
-                projectId: project.projectId,
-                title: project.title,
-                description: project.description ?? "",
-                costLimit: project.costLimit ?? null,
-                status: "Archived",
-                defaultAgentMode: project.defaultAgentMode ?? null,
-                executionUserId: project.executionUserId ?? null,
-                executionUserDisplayName: project.executionUserDisplayName ?? null,
+                projectId: selectedProject.project.projectId,
+                title: selectedProject.project.title,
+                description: selectedProject.project.description ?? "",
+                costLimit: selectedProject.project.costLimit ?? null,
+                status,
             });
             if (result.type !== "success") {
-                toast.error(result.summary || "Failed to archive project");
+                toast.error(result.summary || "Failed to update project status");
                 return;
             }
-            toast.success("Project archived");
             await refreshProjects();
-            handleSelectProject(null);
         }
         finally {
-            setIsArchivingProject(false);
+            setSavingProjectStatus(false);
         }
-    }, [handleSelectProject, refreshProjects, selectedProject]);
+    }, [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]);
     useEffect(() => {
         setTaskBoardNavState({
             projectTitle: selectedProject?.project.title ?? "Tasks",
@@ -1453,6 +1290,7 @@ export function TaskBoardWorkspace() {
                 : "Select a project to get started",
             permissionLabel: selectedProject?.permission ?? "No project selected",
             activeTab,
+            isWizardMode,
             isAdministrator,
             showAllProjects: isAdministrator && showAllProjects,
             isProjectsLoading,
@@ -1475,16 +1313,39 @@ export function TaskBoardWorkspace() {
             canManageProject: selectedProject?.permission === "Owner",
             onSelectMyTask: handleSelectMyTask,
             onSelectProject: handleSelectProject,
-            onRefreshProjects: refreshProjects,
             onSetActiveTab: setActiveTab,
             onCreateProject: () => setCreateProjectOpen(true),
             onOpenProjectTemplates: handleOpenProjectTemplates,
-            onOpenProjectSettings: (projectId) => {
-                handleSelectProject(projectId);
-                setWizardForceOverview(false);
-                setActiveTab(getTaskBoardViewTabIndex("settings"));
+            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();
             },
-            onDeleteProject: handleDeleteProject,
             onRestartProject: (projectId, title) => {
                 const runRestart = async () => {
                     const result = await restartProject(projectId);
@@ -1519,6 +1380,7 @@ export function TaskBoardWorkspace() {
                 setShowAllProjects(enabled);
                 void refreshProjects({ includeAll: isAdministrator && enabled });
             },
+            onToggleWizardMode: (enabled) => setIsWizardMode(enabled),
             onCreateTask: () => setCreateDialogOpen(true),
             onRunOrchestrator: handleRunOrchestrator,
         });
@@ -1527,6 +1389,7 @@ export function TaskBoardWorkspace() {
         selectedProject?.project.description,
         selectedProject?.permission,
         activeTab,
+        isWizardMode,
         isAdministrator,
         showAllProjects,
         isProjectsLoading,
@@ -1541,7 +1404,6 @@ export function TaskBoardWorkspace() {
         handleSelectMyTask,
         handleSelectProject,
         handleOpenProjectTemplates,
-        handleDeleteProject,
         handleRunOrchestrator,
         selectedProject,
     ]);
@@ -1756,12 +1618,7 @@ export function TaskBoardWorkspace() {
             // Clearing it here was the bug: editContext changes caused cleanup to
             // cancel the pending debounced refresh before it could fire.
         };
-    }, [
-        editContext,
-        isProjectWithinSelectedTree,
-        queueSelectedProjectRefresh,
-        queueSubprojectRefresh,
-    ]);
+    }, [editContext, isProjectWithinSelectedTree, queueSelectedProjectRefresh, queueSubprojectRefresh]);
     // Keep project dropdown in sync when projects are created elsewhere (e.g. by agents).
     useEffect(() => {
         const addListener = editContext?.addSocketMessageListener;
@@ -1810,6 +1667,7 @@ export function TaskBoardWorkspace() {
             setTaskSelection(null);
         }
     }, [
+        isWizardMode,
         selectedTaskId,
         selectedTaskSource,
         setTaskSelection,
@@ -1825,7 +1683,6 @@ export function TaskBoardWorkspace() {
         const closedTaskId = wizardDisplayedTask?.taskId ?? selectedTaskId ?? wizardPinnedTaskId;
         clearWizardCloseTransitionTimeout();
         setTaskSelection(null, { pinInWizard: false });
-        setWizardApprovedTaskId(null);
         setWizardForceOverview(true);
         if (!options?.advanceToNext) {
             return;
@@ -1854,57 +1711,21 @@ 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();
-        }, showApprovedState: wizardDisplayedTask?.taskId === wizardApprovedTaskId, hasNextReviewTask: Boolean(wizardNextReviewTaskId), onReviewNext: handleReviewNextWizardTask, onInteractionSubmitted: () => {
+            handleCloseWizardTask({ advanceToNext: true });
+        }, onInteractionSubmitted: () => {
             handleCloseWizardTask({ advanceToNext: true });
         }, onCloseTask: () => handleCloseWizardTask(), onSelectTask: (taskId) => {
             clearWizardCloseTransitionTimeout();
             setWizardForceOverview(false);
             setTaskSelection(taskId, { source: "user", pinInWizard: true });
-        }, canArchiveProject: selectedProject?.permission === "Owner", isArchivingProject: isArchivingProject, onArchiveProject: () => void handleArchiveSelectedProject(), onOpenAgentTab: isMobile ? () => setMobileActiveTab(2) : undefined })), [
+        }, onOpenAgentTab: isMobile ? () => setMobileActiveTab(2) : undefined })), [
         wizardDisplayedTask,
         wizardDisplayedAgentId,
         wizardDisplayedExecutionDisplay,
@@ -1913,90 +1734,65 @@ 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: "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..." })] }) }));
+            return (_jsx("div", { className: "flex h-full min-h-[240px] items-center justify-center rounded-lg border border-dashed border-slate-200 bg-slate-50/70", "data-testid": "taskboard-project-loading-state", children: _jsxs("div", { className: "text-muted-foreground flex flex-col items-center gap-3 text-sm", children: [_jsx(Loader2, { className: "h-6 w-6 animate-spin" }), _jsx("div", { children: "Loading project..." })] }) }));
         }
         if (!selectedProjectId || (!selectedProject && !isProjectsLoading)) {
-            return _jsx(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) => {
-                                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" }) }) })] }));
+            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 }) }) }));
         }
-        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 (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 (isListView) {
-            return (_jsxs("div", { className: "grid gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), 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 }) })] }));
+            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 })] }));
         }
         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
-                                    ? {
-                                        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 }) })] }));
+            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 })] }));
     }, [
         isProjectViewLoading,
         selectedProjectId,
         selectedProject,
         isProjectsLoading,
-        isOverviewView,
+        isWizardMode,
         isListView,
         isGraphView,
-        isKpisView,
-        isSettingsView,
-        isPropertiesView,
-        graphLayout,
-        isAdministrator,
         selectedProjectCumulativeCostUsed,
-        handleOpenSourceTemplate,
-        handleDeleteProject,
+        savingProjectStatus,
+        handleProjectStatusChange,
         selectedProjectTaskCounts,
         directSubprojects,
         subprojectTaskCounts,
-        kpiAttentionTaskGroups,
         subprojectCountsLoading,
         parentProject?.project.projectId,
         parentProject?.project.title,
         handleSelectProject,
         sharedViewSwitcher,
-        projects,
         tasksWithDisplayAssignees,
         dependencies,
         selectedTaskId,
-        showSubprojectTaskVisibilityHint,
+        activeTab,
         canEditTasks,
         nav,
         isTasksLoading,
@@ -2004,7 +1800,6 @@ export function TaskBoardWorkspace() {
         wizardDisplayedTask?.taskId,
         wizardCommunicationPanel,
         setTaskSelection,
-        refreshProjects,
         refreshVisibleTaskData,
     ]);
     const taskDetailAgentLaunch = useMemo(() => {
@@ -2047,7 +1842,6 @@ export function TaskBoardWorkspace() {
             void refreshVisibleTaskData();
         }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel", agentLaunch: taskDetailAgentLaunch })), [
         selectedTaskProject,
-        projects,
         selectedTask,
         taskSelectionUniverse,
         dependencies,
@@ -2055,33 +1849,12 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         taskDetailAgentLaunch,
     ]);
-    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
+    const agentTerminalPanel = useMemo(() => (_jsx(TaskAgentPanel, { agentId: displayAgentId, mode: agentPanelMode, label: selectedTaskIsPlan ? "Planner" : "Task Agent", assignedAgentStatus: undefined, onReopenTask: selectedTask && canEditTasks
             ? () => void handleReopenSelectedTask()
             : undefined })), [
         displayAgentId,
         agentPanelMode,
         selectedTaskIsPlan,
-        taskDetailsPopoverContent,
-        isTaskDetailsPopoverOpen,
         canEditTasks,
         selectedTask,
         handleReopenSelectedTask,
@@ -2126,9 +1899,21 @@ export function TaskBoardWorkspace() {
         }
         return [
             {
-                name: "agent-terminal",
+                name: "task-details-with-terminal",
                 defaultSize: 600,
-                content: agentTerminalPanel,
+                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" })),
                 hidden: !selectedProjectId || !selectedTask,
             },
         ];
@@ -2157,13 +1942,13 @@ export function TaskBoardWorkspace() {
                 {
                     name: "editor-preview",
                     defaultSize: "auto",
-                    content: (_jsx("div", { className: "bg-neutral-grey-5 h-full min-h-0 min-w-0 overflow-hidden", children: editorContent })),
+                    content: (_jsx("div", { className: "h-full min-h-0 min-w-0 overflow-hidden bg-gray-50", children: editorContent })),
                 },
-            ], splitterClassName: "bg-neutral-grey-10 hover:bg-neutral-grey-10 w-[6px]", className: "h-full", direction: isMobile ? "vertical" : "horizontal" }));
+            ], splitterClassName: "bg-gray-200 hover:bg-gray-300 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-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: 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: 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, {})) })] }));
+        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, {})) })] }));
     }, [
         currentItemDescriptor,
         hasMultipleContextItems,
@@ -2179,29 +1964,29 @@ export function TaskBoardWorkspace() {
         const showAgentColumnForSelectedTask = !!selectedProjectId &&
             !shouldHideAgentPanelForSelectedTask &&
             agentPanelMode === "agent";
-        if (isOverviewView || isKpisView) {
-            const overviewPanels = [
+        if (isWizardMode) {
+            const wizardPanels = [
                 {
-                    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 })),
+                    name: "wizard-view",
+                    defaultSize: 70,
+                    content: (_jsx("div", { className: "h-full overflow-x-hidden overflow-y-auto bg-slate-50/50", children: taskBoardContent })),
                 },
             ];
             if (showEditorPanel) {
-                overviewPanels.push({
+                wizardPanels.push({
                     name: "editor-preview",
-                    defaultSize: 500,
-                    content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
+                    defaultSize: 30,
+                    content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
                 });
             }
-            return overviewPanels;
+            return wizardPanels;
         }
         if (isListView) {
             const listPanels = [
                 {
                     name: "task-list",
                     defaultSize: "auto",
-                    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 })),
+                    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 })),
                 },
                 ...buildRightHandPanels(showAgentColumnForSelectedTask),
             ];
@@ -2209,7 +1994,7 @@ export function TaskBoardWorkspace() {
                 listPanels.push({
                     name: "editor-preview",
                     defaultSize: 500,
-                    content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
+                    content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
                 });
             }
             return listPanels;
@@ -2219,7 +2004,7 @@ export function TaskBoardWorkspace() {
                 {
                     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 })),
+                    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 })),
                 },
                 ...buildRightHandPanels(showAgentColumnForSelectedTask),
             ];
@@ -2227,7 +2012,7 @@ export function TaskBoardWorkspace() {
                 graphPanels.push({
                     name: "editor-preview",
                     defaultSize: 500,
-                    content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
+                    content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
                 });
             }
             return graphPanels;
@@ -2236,7 +2021,7 @@ export function TaskBoardWorkspace() {
             {
                 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 })),
+                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 })),
             },
             ...buildRightHandPanels(showAgentColumnForSelectedTask),
         ];
@@ -2244,13 +2029,12 @@ export function TaskBoardWorkspace() {
             kanbanPanels.push({
                 name: "editor-preview",
                 defaultSize: 500,
-                content: (_jsx("div", { className: "border-border-default bg-neutral-grey-5 h-full overflow-hidden border-l", children: itemPreviewPanel })),
+                content: (_jsx("div", { className: "h-full overflow-hidden border-l border-gray-200 bg-gray-50", children: itemPreviewPanel })),
             });
         }
         return kanbanPanels;
     }, [
-        isOverviewView,
-        isKpisView,
+        isWizardMode,
         isListView,
         isGraphView,
         selectedProjectId,
@@ -2261,7 +2045,7 @@ export function TaskBoardWorkspace() {
         showEditorPanel,
         itemPreviewPanel,
     ]);
-    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: [
+    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: [
                                     { id: "project", label: "Project", content: null },
                                     {
                                         id: "task",
@@ -2278,20 +2062,30 @@ export function TaskBoardWorkspace() {
                                     ...(showEditorPanel
                                         ? [{ id: "editor", label: "Editor", content: null }]
                                         : []),
-                                ], 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
+                                ], 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
                                         ? taskDetailPanel
-                                        : 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: () => {
+                                        : 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: () => {
                     void refreshTasks(selectedProjectId);
                     void refreshExecutionState(selectedProjectId);
                     void refreshDependencies(selectedProjectId);
                 } })), _jsx(CreateProjectDialog, { open: createProjectOpen, onOpenChange: setCreateProjectOpen, projects: projects, onCreated: async ({ projectId: newProjectId, openInWizardMode }) => {
                     if (openInWizardMode) {
-                        setActiveTab(getTaskBoardViewTabIndex("overview"));
+                        setIsWizardMode(true);
                         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