@parhelia/core 0.1.12889 → 0.1.12890

package/dist/task-board/TaskBoardWorkspace.js

@@ -3,7 +3,7 @@ import { lazy, Suspense, useCallback, useEffect, useMemo, useRef, useState, } fr
 import { toast } from "sonner";
 import { cn } from "../lib/utils";
 import { Splitter } from "../editor/ui/Splitter";
-import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
+import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateTask, } from "./services/taskService";
 import { loadAiProfiles } from "../editor/services/aiService";
 import { useEditContext } from "../editor/client/editContext";
 import { LicenseFeatures, useFeature } from "../licensing";
@@ -13,10 +13,11 @@ 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 { ProjectSettingsPanel } from "./components/ProjectSettingsDialog";
+import { ProjectPropertiesPanel } from "./components/ProjectPropertiesPanel";
 import { TaskBoardHomeView } from "./components/TaskBoardHomeView";
 import { EditorSlotContextProvider } from "../editor/views/editorSlotContext";
 import { SingleEditView } from "../editor/views/SingleEditView";
@@ -30,8 +31,7 @@ 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) => ({
@@ -48,8 +48,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;
@@ -58,15 +69,14 @@ 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() {
     const projectId = getInitialQueryValue(TASKBOARD_PROJECT_QUERY_KEY);
@@ -74,7 +84,6 @@ function getTaskBoardStateFromUrl() {
         projectId,
         taskId: projectId ? getInitialQueryValue(TASKBOARD_TASK_QUERY_KEY) : null,
         activeTab: getInitialViewTabIndex(),
-        isWizardMode: getInitialWizardMode(),
     };
 }
 function getTaskExecutionRecordById(recordsByTaskId, taskId) {
@@ -145,7 +154,6 @@ export function TaskBoardWorkspace() {
     const currentItemDescriptor = editContext?.currentItemDescriptor;
     const [projects, setProjects] = useState([]);
     const [mobileActiveTab, setMobileActiveTab] = useState(0);
-    const [homeActiveTab, setHomeActiveTab] = useState(0);
     const [selectedProjectId, setSelectedProjectId] = useState(() => getInitialQueryValue(TASKBOARD_PROJECT_QUERY_KEY));
     const [tasks, setTasks] = useState([]);
     const [isTasksLoading, setIsTasksLoading] = useState(false);
@@ -155,11 +163,15 @@ export function TaskBoardWorkspace() {
     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 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 [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 [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
@@ -219,22 +231,11 @@ export function TaskBoardWorkspace() {
     const previousTaskStatusesRef = useRef({});
     const previousWizardAttentionSignatureRef = useRef("");
     const autoSelectedProjectIdsRef = useRef(new Set());
-    const userFirstName = useMemo(() => {
-        const user = editContext?.user;
-        if (!user)
-            return "";
-        if (user.fullName) {
-            return user.fullName.trim().split(/\s+/)[0] ?? "";
-        }
-        const namePart = user.name?.split("\\").pop() ?? user.name ?? "";
-        return namePart;
-    }, [editContext?.user]);
     const syncTaskBoardStateFromUrl = useCallback(() => {
         const nextState = getTaskBoardStateFromUrl();
         setSelectedProjectId(nextState.projectId);
         setTaskSelection(nextState.taskId, { source: "system" });
         setActiveTab(nextState.activeTab);
-        setIsWizardMode(nextState.isWizardMode);
         setWizardForceOverview(false);
     }, [setTaskSelection]);
     const isProjectWithinSelectedTree = useCallback((projectId, currentProjectId) => {
@@ -322,7 +323,6 @@ export function TaskBoardWorkspace() {
     }, [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
@@ -360,9 +360,13 @@ export function TaskBoardWorkspace() {
         }
         return merged;
     }, [executionRecordsByTaskId, subprojectExecutionRecordsByProjectId]);
-    const taskSelectionUniverse = useMemo(() => isWizardMode
+    const taskSelectionUniverse = useMemo(() => isOverviewView
         ? wizardTasksWithDisplayAssignees
-        : tasksWithDisplayAssignees, [isWizardMode, wizardTasksWithDisplayAssignees, tasksWithDisplayAssignees]);
+        : tasksWithDisplayAssignees, [
+        isOverviewView,
+        wizardTasksWithDisplayAssignees,
+        tasksWithDisplayAssignees,
+    ]);
     const selectedProjectCumulativeCostUsed = useMemo(() => {
         if (!selectedProjectId)
             return 0;
@@ -445,14 +449,15 @@ 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: "Graph", 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: "bg-neutral-grey-5/50 rounded-lg border-0 p-1", testId: "taskboard-view-switcher" }), _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 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 handleSelectProject = useCallback((projectId) => {
         setSelectedProjectId((previousProjectId) => {
             if (previousProjectId !== projectId) {
@@ -595,10 +600,10 @@ export function TaskBoardWorkspace() {
         }
     }, []);
     useEffect(() => {
-        if (!isWizardMode) {
+        if (!isOverviewView) {
             clearWizardCloseTransitionTimeout();
         }
-    }, [isWizardMode, clearWizardCloseTransitionTimeout]);
+    }, [isOverviewView, clearWizardCloseTransitionTimeout]);
     useEffect(() => {
         clearWizardCloseTransitionTimeout();
     }, [selectedProjectId, clearWizardCloseTransitionTimeout]);
@@ -674,7 +679,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);
         }
@@ -688,12 +693,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
@@ -703,7 +703,7 @@ export function TaskBoardWorkspace() {
         if (newUrl !== oldUrl) {
             window.history.replaceState(null, "", newUrl);
         }
-    }, [selectedProjectId, selectedTaskId, activeTab, isWizardMode, viewTabIds]);
+    }, [selectedProjectId, selectedTaskId, activeTab]);
     useEffect(() => {
         const handlePopState = () => {
             syncTaskBoardStateFromUrl();
@@ -807,13 +807,13 @@ export function TaskBoardWorkspace() {
                     nextExecutionByProjectId[projectId] = executionByTaskId;
             }
             setSubprojectTaskCounts(nextCounts);
-            setSubprojectTasksByProjectId(isWizardMode ? nextTasksByProjectId : {});
-            setSubprojectExecutionRecordsByProjectId(isWizardMode ? nextExecutionByProjectId : {});
+            setSubprojectTasksByProjectId(isOverviewView ? nextTasksByProjectId : {});
+            setSubprojectExecutionRecordsByProjectId(isOverviewView ? nextExecutionByProjectId : {});
         }
         finally {
             setSubprojectCountsLoading(false);
         }
-    }, [directSubprojects, isWizardMode, selectedProjectId]);
+    }, [directSubprojects, isOverviewView, 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(() => {
@@ -843,7 +843,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;
@@ -860,7 +860,7 @@ export function TaskBoardWorkspace() {
             return;
         setWizardPinnedTask(wizardDisplayedTask.taskId, "system");
     }, [
-        isWizardMode,
+        isOverviewView,
         wizardForceOverview,
         selectedTaskId,
         wizardPinnedTaskId,
@@ -869,7 +869,7 @@ export function TaskBoardWorkspace() {
         setWizardPinnedTask,
     ]);
     useEffect(() => {
-        if (!isWizardMode)
+        if (!isOverviewView)
             return;
         if (selectedTaskId)
             return;
@@ -890,7 +890,7 @@ export function TaskBoardWorkspace() {
         }
         setWizardPinnedTaskId(attentionTaskId);
     }, [
-        isWizardMode,
+        isOverviewView,
         selectedTaskId,
         selectedTaskSource,
         wizardDisplayedExecutionDisplay?.label,
@@ -901,7 +901,7 @@ export function TaskBoardWorkspace() {
         wizardAttentionState.task?.taskId,
     ]);
     useEffect(() => {
-        if (!isWizardMode)
+        if (!isOverviewView)
             return;
         if (selectedTaskSource === "user")
             return;
@@ -923,23 +923,23 @@ 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);
         setWizardForceOverview(false);
@@ -1297,32 +1297,6 @@ export function TaskBoardWorkspace() {
         setTaskSelection,
         tasks,
     ]);
-    const handleProjectStatusChange = useCallback(async (status) => {
-        if (!selectedProject)
-            return;
-        if (selectedProject.permission !== "Owner")
-            return;
-        if (selectedProject.project.status === status)
-            return;
-        setSavingProjectStatus(true);
-        try {
-            const result = await updateProject({
-                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 update project status");
-                return;
-            }
-            await refreshProjects();
-        }
-        finally {
-            setSavingProjectStatus(false);
-        }
-    }, [selectedProject, refreshProjects]);
     const handleSelectMyTask = useCallback((task) => {
         handleSelectProject(task.projectId);
         setTaskSelection(task.taskId, { source: "user" });
@@ -1352,7 +1326,6 @@ export function TaskBoardWorkspace() {
                 : "Select a project to get started",
             permissionLabel: selectedProject?.permission ?? "No project selected",
             activeTab,
-            isWizardMode,
             isAdministrator,
             showAllProjects: isAdministrator && showAllProjects,
             isProjectsLoading,
@@ -1379,7 +1352,11 @@ export function TaskBoardWorkspace() {
             onSetActiveTab: setActiveTab,
             onCreateProject: () => setCreateProjectOpen(true),
             onOpenProjectTemplates: handleOpenProjectTemplates,
-            onOpenProjectSettings: (projectId) => setSettingsProjectId(projectId),
+            onOpenProjectSettings: (projectId) => {
+                handleSelectProject(projectId);
+                setWizardForceOverview(false);
+                setActiveTab(getTaskBoardViewTabIndex("settings"));
+            },
             onDeleteProject: (projectId, title) => {
                 const runDelete = async () => {
                     const result = await deleteProject(projectId);
@@ -1443,7 +1420,6 @@ export function TaskBoardWorkspace() {
                 setShowAllProjects(enabled);
                 void refreshProjects({ includeAll: isAdministrator && enabled });
             },
-            onToggleWizardMode: (enabled) => setIsWizardMode(enabled),
             onCreateTask: () => setCreateDialogOpen(true),
             onRunOrchestrator: handleRunOrchestrator,
         });
@@ -1452,7 +1428,6 @@ export function TaskBoardWorkspace() {
         selectedProject?.project.description,
         selectedProject?.permission,
         activeTab,
-        isWizardMode,
         isAdministrator,
         showAllProjects,
         isProjectsLoading,
@@ -1735,7 +1710,6 @@ export function TaskBoardWorkspace() {
             setTaskSelection(null);
         }
     }, [
-        isWizardMode,
         selectedTaskId,
         selectedTaskSource,
         setTaskSelection,
@@ -1814,28 +1788,40 @@ export function TaskBoardWorkspace() {
             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(TaskBoardHomeView, { nav: nav, activeTab: homeActiveTab, setActiveTab: setHomeActiveTab, userFirstName: userFirstName }));
+            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: "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(ProjectSettingsPanel, { projectId: selectedProjectId, selectedProject: selectedProject, projects: projects, canOpenSourceTemplate: isAdministrator, onOpenSourceTemplate: handleOpenSourceTemplate, 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(ProjectKpisPanel, { selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, selectedProjectAttention: selectedProject?.overview?.attention, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts })] }));
+        }
+        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 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, onOpenSourceTemplate: handleOpenSourceTemplate }), sharedViewSwitcher, _jsx(ListView, { tasks: tasksWithDisplayAssignees, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
+            return (_jsxs("div", { className: "grid gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) }), 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, 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, onOpenSourceTemplate: handleOpenSourceTemplate }), sharedViewSwitcher, _jsx("div", { className: "min-h-0 flex-1", children: _jsx(Suspense, { fallback: _jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Loading dependency graph..." }), children: _jsx(DependencyGraphView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, dependencies: dependencies, miniMapWidth: 160, miniMapHeight: 120, orientation: "horizontal", autoLayoutStrategy: "hierarchy", showOrientationToggle: true, savedLayout: graphLayout, selectedTaskId: selectedTaskId, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), permission: selectedProject?.permission, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
+            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) }), sharedViewSwitcher, _jsx("div", { className: "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, 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, onOpenSourceTemplate: handleOpenSourceTemplate }), sharedViewSwitcher, _jsx(KanbanView, { tasks: tasksWithDisplayAssignees, dependencies: dependencies, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
+        return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) }), sharedViewSwitcher, _jsx(KanbanView, { tasks: tasksWithDisplayAssignees, dependencies: dependencies, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), selectedTaskId: selectedTaskId, onTasksChanged: () => {
                         void refreshVisibleTaskData();
                     }, projectId: selectedProjectId, permission: selectedProject?.permission })] }));
     }, [
@@ -1843,12 +1829,15 @@ export function TaskBoardWorkspace() {
         selectedProjectId,
         selectedProject,
         isProjectsLoading,
-        isWizardMode,
+        isOverviewView,
         isListView,
         isGraphView,
+        isKpisView,
+        isSettingsView,
+        isPropertiesView,
+        graphLayout,
+        isAdministrator,
         selectedProjectCumulativeCostUsed,
-        savingProjectStatus,
-        handleProjectStatusChange,
         handleOpenSourceTemplate,
         selectedProjectTaskCounts,
         directSubprojects,
@@ -1858,19 +1847,18 @@ export function TaskBoardWorkspace() {
         parentProject?.project.title,
         handleSelectProject,
         sharedViewSwitcher,
+        projects,
         tasksWithDisplayAssignees,
         dependencies,
         selectedTaskId,
-        activeTab,
         canEditTasks,
         nav,
-        homeActiveTab,
-        userFirstName,
         isTasksLoading,
         wizardSubprojectTaskLists,
         wizardDisplayedTask?.taskId,
         wizardCommunicationPanel,
         setTaskSelection,
+        refreshProjects,
         refreshVisibleTaskData,
     ]);
     const taskDetailAgentLaunch = useMemo(() => {
@@ -1913,6 +1901,7 @@ export function TaskBoardWorkspace() {
             void refreshVisibleTaskData();
         }, onSelectTask: (taskId) => setTaskSelection(taskId, { source: "user" }), onClose: () => setTaskSelection(null), variant: "panel", agentLaunch: taskDetailAgentLaunch })), [
         selectedTaskProject,
+        projects,
         selectedTask,
         taskSelectionUniverse,
         dependencies,
@@ -2035,29 +2024,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: "bg-neutral-grey-5/50 h-full overflow-x-hidden overflow-y-auto", 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,
+                    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: "bg-neutral-grey-5/50 h-full overflow-x-auto overflow-y-auto 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),
             ];
@@ -2075,7 +2064,7 @@ export function TaskBoardWorkspace() {
                 {
                     name: "task-list",
                     defaultSize: "auto",
-                    content: (_jsx("div", { className: cn("bg-neutral-grey-5/50 flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto", 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),
             ];
@@ -2092,7 +2081,7 @@ export function TaskBoardWorkspace() {
             {
                 name: "task-list",
                 defaultSize: "auto",
-                content: (_jsx("div", { className: cn("bg-neutral-grey-5/50 flex h-full min-h-0 flex-col overflow-x-hidden overflow-y-auto", 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),
         ];
@@ -2105,7 +2094,8 @@ export function TaskBoardWorkspace() {
         }
         return kanbanPanels;
     }, [
-        isWizardMode,
+        isOverviewView,
+        isKpisView,
         isListView,
         isGraphView,
         selectedProjectId,
@@ -2133,30 +2123,20 @@ 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 &&
-                                        !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: "bg-neutral-grey-5 h-full overflow-hidden", 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