@parhelia/core 0.4.12796 → 0.4.12818

package/dist/task-board/TaskBoardWorkspace.js

@@ -5,17 +5,17 @@ import { cn } from "../lib/utils";
 import { Splitter } from "../editor/ui/Splitter";
 import { getProjectGoals } from "./services/goalService";
 import { ProjectGoalsPanel } from "./components/ProjectGoalsPanel";
-import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getTasks, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
+import { deleteProject, getExecutionState, getGraphLayout, getProject, getProjects, getProjectTemplates, getTasks, getMyTasks, getDependencies, restartProject, runOrchestrator, triggerPlanning, updateProject, updateTask, } from "./services/taskService";
 import { loadAiProfiles } from "../editor/services/aiService";
 import { useEditContext } from "../editor/client/editContext";
 import { LicenseFeatures, useFeature } from "../licensing";
 import { KanbanView } from "./views/KanbanView";
 import { ListView } from "./views/ListView";
-import { WizardView } from "./views/WizardView";
+import { ProjectDashboardView } from "./views/ProjectDashboardView";
 import { SimpleTabs } from "../editor/ui/SimpleTabs";
 import { TaskDetailPanel, } from "./components/TaskDetailPanel";
 import { TaskAgentPanel } from "./components/TaskAgentPanel";
-import { ProjectDashboard, ProjectKpisPanel, } from "./components/ProjectDashboard";
+import { ProjectDashboard, } from "./components/ProjectDashboard";
 import { CreateTaskDialog } from "./components/CreateTaskDialog";
 import { CreateProjectDialog } from "./components/CreateProjectDialog";
 import { ProjectSettingsPanel } from "./components/ProjectSettingsDialog";
@@ -59,7 +59,6 @@ const TASKBOARD_VIEW_TAB_IDS = [
     "kanban",
     "list",
     "graph",
-    "kpis",
     "settings",
     "properties",
     "goals",
@@ -193,6 +192,9 @@ export function TaskBoardWorkspace() {
     const [isTasksLoading, setIsTasksLoading] = useState(false);
     const [dependencies, setDependencies] = useState([]);
     const [graphLayout, setGraphLayout] = useState(null);
+    /** Task template titles by lower-cased template id, keyed by project template id. Fetched once per session. */
+    const taskTemplateTitlesByProjectTemplateRef = useRef(null);
+    const [taskTemplateTitles, setTaskTemplateTitles] = useState(null);
     const [executionRecordsByTaskId, setExecutionRecordsByTaskId] = useState({});
     const [selectedTaskId, setSelectedTaskId] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).taskId);
     const [selectedTaskSource, setSelectedTaskSource] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).taskId
@@ -203,11 +205,10 @@ export function TaskBoardWorkspace() {
     const isOverviewView = activeViewTabId === "overview";
     const isListView = activeViewTabId === "list";
     const isGraphView = activeViewTabId === "graph";
-    const isKpisView = activeViewTabId === "kpis";
     const isSettingsView = activeViewTabId === "settings";
     const isPropertiesView = activeViewTabId === "properties";
     const isGoalsView = activeViewTabId === "goals";
-    const shouldKeepSubprojectTaskDetails = isOverviewView || isKpisView;
+    const shouldKeepSubprojectTaskDetails = isOverviewView;
     const [createDialogOpen, setCreateDialogOpen] = useState(false);
     const [createProjectOpen, setCreateProjectOpen] = useState(false);
     const [runningOrchestrator, setRunningOrchestrator] = useState(false);
@@ -215,7 +216,10 @@ export function TaskBoardWorkspace() {
     const [isArchivingProject, setIsArchivingProject] = useState(false);
     const [showAllProjects, setShowAllProjects] = useState(false);
     const [isProjectsLoading, setIsProjectsLoading] = useState(false);
-    const [projectViewLoadingId, setProjectViewLoadingId] = useState(null);
+    // Seeded with the restored project so re-entering the workspace paints the
+    // "Loading project..." state on the very first frame instead of flashing the
+    // empty home view until the load effect below runs.
+    const [projectViewLoadingId, setProjectViewLoadingId] = useState(() => getTaskBoardStateFromUrl({ useReturnStateFallback: true }).projectId);
     const [agentProfileTitlesById, setAgentProfileTitlesById] = useState({});
     const [subprojectTaskCounts, setSubprojectTaskCounts] = useState({});
     const [subprojectTasksByProjectId, setSubprojectTasksByProjectId] = useState({});
@@ -374,6 +378,49 @@ export function TaskBoardWorkspace() {
     const tasksWithDisplayAssignees = useMemo(() => addAgentDisplayNames(overlayTaskExecutionList(tasks, executionRecordsByTaskId), agentProfileTitlesById), [tasks, executionRecordsByTaskId, agentProfileTitlesById]);
     const selectedProject = useMemo(() => projects.find((p) => p.project.projectId === selectedProjectId) ?? null, [projects, selectedProjectId]);
     const selectedProjectTaskCounts = useMemo(() => buildTaskCounts(tasksWithDisplayAssignees), [tasksWithDisplayAssignees]);
+    const sourceProjectTemplateId = selectedProject?.project.sourceProjectTemplateId?.trim().toLowerCase() ||
+        null;
+    useEffect(() => {
+        if (!sourceProjectTemplateId) {
+            setTaskTemplateTitles(null);
+            return;
+        }
+        let cancelled = false;
+        // The list endpoint is open to every board user (the by-id one is admin-only); it is loaded
+        // once per session and only names the batch nodes, so a failure just leaves them unnamed
+        // and is retried on the next project switch.
+        taskTemplateTitlesByProjectTemplateRef.current ??= getProjectTemplates()
+            .then((result) => {
+            const byProjectTemplate = new Map();
+            if (result.type !== "success") {
+                taskTemplateTitlesByProjectTemplateRef.current = null;
+                return byProjectTemplate;
+            }
+            for (const template of result.data ?? []) {
+                const titles = new Map();
+                for (const taskTemplate of template.taskTemplates ?? []) {
+                    const id = taskTemplate.id?.trim().toLowerCase();
+                    const title = taskTemplate.title?.trim();
+                    if (id && title)
+                        titles.set(id, title);
+                }
+                byProjectTemplate.set(template.id.trim().toLowerCase(), titles);
+            }
+            return byProjectTemplate;
+        })
+            .catch(() => {
+            taskTemplateTitlesByProjectTemplateRef.current = null;
+            return new Map();
+        });
+        void taskTemplateTitlesByProjectTemplateRef.current.then((byProjectTemplate) => {
+            if (cancelled)
+                return;
+            setTaskTemplateTitles(byProjectTemplate.get(sourceProjectTemplateId) ?? null);
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [sourceProjectTemplateId]);
     const directSubprojects = useMemo(() => selectedProjectId
         ? projects
             .filter((project) => project.project.parentProjectId === selectedProjectId)
@@ -399,31 +446,6 @@ export function TaskBoardWorkspace() {
         tasks: subprojectTasksWithDisplayAssignees[subproject.project.projectId] ||
             [],
     })), [directSubprojects, subprojectTasksWithDisplayAssignees]);
-    const kpiAttentionTaskGroups = useMemo(() => {
-        if (!selectedProjectId)
-            return [];
-        return [
-            {
-                projectId: selectedProjectId,
-                projectTitle: selectedProject?.project.title ?? "Selected project",
-                tasks: tasksWithDisplayAssignees,
-            },
-            ...directSubprojects.map((subproject) => {
-                const projectId = subproject.project.projectId;
-                return {
-                    projectId,
-                    projectTitle: subproject.project.title,
-                    tasks: subprojectTasksWithDisplayAssignees[projectId] || [],
-                };
-            }),
-        ];
-    }, [
-        directSubprojects,
-        selectedProject?.project.title,
-        selectedProjectId,
-        subprojectTasksWithDisplayAssignees,
-        tasksWithDisplayAssignees,
-    ]);
     const wizardTasksWithDisplayAssignees = useMemo(() => [
         ...tasksWithDisplayAssignees,
         ...wizardSubprojectTaskLists.flatMap((subproject) => subproject.tasks),
@@ -438,11 +460,10 @@ export function TaskBoardWorkspace() {
         }
         return merged;
     }, [executionRecordsByTaskId, subprojectExecutionRecordsByProjectId]);
-    const taskSelectionUniverse = useMemo(() => isOverviewView || isKpisView
+    const taskSelectionUniverse = useMemo(() => isOverviewView
         ? wizardTasksWithDisplayAssignees
         : tasksWithDisplayAssignees, [
         isOverviewView,
-        isKpisView,
         wizardTasksWithDisplayAssignees,
         tasksWithDisplayAssignees,
     ]);
@@ -541,11 +562,10 @@ export function TaskBoardWorkspace() {
     // to project owners — so only owners get the inline "Extend limit" action.
     const canExtendProjectBudget = selectedProject?.permission === "Owner";
     const viewTabs = useMemo(() => [
-        { id: "overview", label: "Task overview", content: null },
+        { id: "overview", label: "Dashboard", content: null },
         { id: "kanban", label: "Kanban", content: null },
         { id: "list", label: "List", content: null },
         { id: "graph", label: "Flow chart", content: null },
-        { id: "kpis", label: "KPIs", content: null },
         { id: "settings", label: "Settings", content: null },
         { id: "properties", label: "Properties", content: null },
         { id: "goals", label: "Goals", content: null },
@@ -909,12 +929,14 @@ export function TaskBoardWorkspace() {
             }
         };
     }, [refreshGoals, includeGoalSubprojects]);
-    // Load goals when the Goals tab is active (and on project/scope change).
+    // Load goals when the Goals tab or the dashboard is active (and on
+    // project/scope change); the dashboard shows each goal's figures.
+    const needsGoals = isGoalsView || isOverviewView;
     useEffect(() => {
-        if (!isGoalsView || !selectedProjectId)
+        if (!needsGoals || !selectedProjectId)
             return;
         void refreshGoals(selectedProjectId, includeGoalSubprojects);
-    }, [isGoalsView, selectedProjectId, includeGoalSubprojects, refreshGoals]);
+    }, [needsGoals, selectedProjectId, includeGoalSubprojects, refreshGoals]);
     useEffect(() => {
         return () => {
             if (wsGoalRefreshTimeoutRef.current !== null) {
@@ -2228,10 +2250,10 @@ export function TaskBoardWorkspace() {
             return _jsx(TaskBoardHomeView, { nav: nav });
         }
         if (isOverviewView) {
-            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true) }), sharedViewSwitcher, _jsx("div", { className: "mt-3 min-h-0 flex-1", children: _jsx(WizardView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
+            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showCreateTaskButton: false }), sharedViewSwitcher, _jsx("div", { className: "mt-3 min-h-0 flex-1", children: _jsx(ProjectDashboardView, { projectId: selectedProjectId, projectTitle: selectedProject?.project.title ?? "No project selected", tasks: tasksWithDisplayAssignees, projectTasksLoading: isTasksLoading, dependencies: dependencies, subprojectTaskLists: wizardSubprojectTaskLists, subprojectTasksLoading: subprojectCountsLoading, selectedTaskId: wizardDisplayedTask?.taskId ?? null, onSelectTask: (id) => {
                                 setWizardForceOverview(false);
                                 setTaskSelection(id, { source: "user", pinInWizard: true });
-                            }, projectTitle: selectedProject?.project.title ?? "No project selected", projectDescription: selectedProject?.project.description, projectCostUsed: selectedProjectCumulativeCostUsed, projectCostLimit: selectedProject?.project.costLimit ?? null, canEditProperties: selectedProject?.permission === "Owner", showProperties: false, showCost: false, communicationPanel: wizardCommunicationPanel }) })] }));
+                            }, projectCostUsed: selectedProjectCumulativeCostUsed, projectCostLimit: selectedProject?.project.costLimit ?? null, goals: goalScopeMatches ? goals : [], goalsLoading: goalsLoading || !goalScopeMatches, goalDisplaySpecs: goalScopeMatches ? goalDisplaySpecs : {}, onOpenGoals: () => setActiveTab(getTaskBoardViewTabIndex("goals")), communicationPanel: wizardDisplayedTask ? wizardCommunicationPanel : undefined }) })] }));
         }
         if (isSettingsView) {
             return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showCreateTaskButton: false }), sharedViewSwitcher, _jsx("div", { className: "mt-3", children: _jsx(ProjectSettingsPanel, { projectId: selectedProjectId, selectedProject: selectedProject, projects: projects, canOpenSourceTemplate: isAdministrator, onOpenSourceTemplate: handleOpenSourceTemplate, onDeleteProject: handleDeleteProject, onChanged: async () => {
@@ -2249,9 +2271,6 @@ export function TaskBoardWorkspace() {
                                     refreshGoalsRef.current?.();
                             } }) })] }));
         }
-        if (isKpisView) {
-            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showCreateTaskButton: false }), sharedViewSwitcher, _jsx("div", { className: "mt-3 max-w-[1000px]", children: _jsx(ProjectKpisPanel, { selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, selectedProjectAttention: selectedProject?.overview?.attention, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, attentionTaskGroups: kpiAttentionTaskGroups, attentionDetailsLoading: subprojectCountsLoading, onSelectAttentionTask: (taskId) => setTaskSelection(taskId, { source: "user" }) }) })] }));
-        }
         if (isPropertiesView) {
             return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showCreateTaskButton: false }), sharedViewSwitcher, _jsx(ProjectPropertiesPanel, { projectId: selectedProjectId, canEdit: selectedProject?.permission === "Owner", defaultExpanded: true, showHeader: false, className: "border-border-default mt-3 rounded-md border bg-white p-4" })] }));
         }
@@ -2261,7 +2280,7 @@ export function TaskBoardWorkspace() {
                             }, projectId: selectedProjectId, permission: selectedProject?.permission }) })] }));
         }
         if (isGraphView) {
-            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showSubprojectTaskVisibilityHint: showSubprojectTaskVisibilityHint }), sharedViewSwitcher, _jsx("div", { className: "mt-3 min-h-0 flex-1", children: _jsx(Suspense, { fallback: _jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Loading dependency graph..." }), children: _jsx(DependencyGraphView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, dependencies: dependencies, miniMapWidth: 160, miniMapHeight: 120, orientation: "horizontal", autoLayoutStrategy: "hierarchy", showOrientationToggle: true, savedLayout: graphLayout, selectedTaskId: selectedTaskId, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), permission: selectedProject?.permission, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
+            return (_jsxs("div", { className: "flex h-full min-h-0 min-w-0 flex-col gap-3", children: [_jsx(ProjectDashboard, { projectId: selectedProjectId, selectedProjectTitle: selectedProject?.project.title ?? "No project selected", selectedProjectDescription: selectedProject?.project.description, selectedProjectCostUsed: selectedProjectCumulativeCostUsed, selectedProjectCostLimit: selectedProject?.project.costLimit ?? null, selectedProjectTaskCounts: selectedProjectTaskCounts, subprojects: directSubprojects, taskCountsByProjectId: subprojectTaskCounts, parentProjectId: parentProject?.project.projectId ?? null, parentProjectTitle: parentProject?.project.title ?? null, onSelectProject: handleSelectProject, canCreateTask: canEditTasks, onCreateTask: () => setCreateDialogOpen(true), showSubprojectTaskVisibilityHint: showSubprojectTaskVisibilityHint }), sharedViewSwitcher, _jsx("div", { className: "mt-3 min-h-0 flex-1", children: _jsx(Suspense, { fallback: _jsx("div", { className: "text-muted-foreground flex h-full items-center justify-center text-sm", children: "Loading dependency graph..." }), children: _jsx(DependencyGraphView, { projectId: selectedProjectId, tasks: tasksWithDisplayAssignees, dependencies: dependencies, miniMapWidth: 160, miniMapHeight: 120, orientation: "horizontal", autoLayoutStrategy: "hierarchy", showOrientationToggle: true, savedLayout: graphLayout, selectedTaskId: selectedTaskId, onSelectTask: (id) => setTaskSelection(id, { source: "user" }), permission: selectedProject?.permission, taskTemplateTitles: taskTemplateTitles ?? undefined, onLayoutSaved: (layout) => setGraphLayout(layout && selectedProjectId
                                     ? {
                                         projectId: selectedProjectId,
                                         ...layout,
@@ -2279,7 +2298,6 @@ export function TaskBoardWorkspace() {
         isOverviewView,
         isListView,
         isGraphView,
-        isKpisView,
         isSettingsView,
         isPropertiesView,
         isGoalsView,
@@ -2301,7 +2319,6 @@ export function TaskBoardWorkspace() {
         selectedProjectTaskCounts,
         directSubprojects,
         subprojectTaskCounts,
-        kpiAttentionTaskGroups,
         subprojectCountsLoading,
         parentProject?.project.projectId,
         parentProject?.project.title,
@@ -2498,7 +2515,7 @@ export function TaskBoardWorkspace() {
         const showAgentColumnForSelectedTask = !!selectedProjectId &&
             !shouldHideAgentPanelForSelectedTask &&
             agentPanelMode === "agent";
-        if (isOverviewView || isKpisView) {
+        if (isOverviewView) {
             const overviewPanels = [
                 {
                     name: "task-list",
@@ -2569,7 +2586,6 @@ export function TaskBoardWorkspace() {
         return kanbanPanels;
     }, [
         isOverviewView,
-        isKpisView,
         isListView,
         isGraphView,
         selectedProjectId,