@parhelia/core 0.4.12800 → 0.4.12825

package/dist/task-board/utils/projectDashboardModel.js

@@ -0,0 +1,363 @@
+import { asMetrics, asRecord, asScore, asSeverityCounts, } from "../components/GoalDataView";
+import { normalizeTaskStatus } from "../taskStatus";
+const RUNNING_STATES = new Set(["Working", "Starting"]);
+const ATTENTION_STATES = new Set([
+    "WaitingForApproval",
+    "WaitingForToolApproval",
+    "Questions",
+    "WaitingForInput",
+    "WaitingForUser",
+    "AgentError",
+    "WaitingForBudget",
+]);
+export function getDashboardTaskBucket(task) {
+    const status = normalizeTaskStatus(task.status, task.executionState);
+    if (status === "Done")
+        return "done";
+    const state = task.executionState ?? "";
+    if (RUNNING_STATES.has(state))
+        return "running";
+    switch (task.executionAttentionReason) {
+        case "approval":
+        case "input":
+        case "failed":
+        case "budget":
+            return "attention";
+    }
+    if (ATTENTION_STATES.has(state))
+        return "attention";
+    if (status === "Review")
+        return "attention";
+    return "open";
+}
+export function isFailedTask(task) {
+    return (getDashboardTaskBucket(task) === "attention" &&
+        (task.executionState === "AgentError" ||
+            task.executionAttentionReason === "failed"));
+}
+function pluralTasks(count) {
+    return count === 1 ? "task" : "tasks";
+}
+export function buildDashboardStatusSummary(tasks) {
+    const counts = { done: 0, running: 0, attention: 0, open: 0 };
+    let failed = 0;
+    for (const task of tasks) {
+        counts[getDashboardTaskBucket(task)] += 1;
+        if (isFailedTask(task))
+            failed += 1;
+    }
+    const total = tasks.length;
+    if (total === 0) {
+        return {
+            total,
+            ...counts,
+            failed,
+            phase: "empty",
+            headline: "No tasks yet.",
+            detail: "",
+        };
+    }
+    if (counts.done === total) {
+        return {
+            total,
+            ...counts,
+            failed,
+            phase: "finished",
+            headline: "Finished.",
+            detail: total === 1 ? "The task is done." : `All ${total} tasks are done.`,
+        };
+    }
+    const phase = counts.running > 0
+        ? "running"
+        : counts.attention > 0
+            ? "attention"
+            : "idle";
+    const headline = phase === "running"
+        ? "Running."
+        : phase === "attention"
+            ? "Waiting for you."
+            : "Not running.";
+    const sentences = [`${counts.done} of ${total} tasks done.`];
+    if (counts.attention > 0) {
+        sentences.push(`${counts.attention} ${pluralTasks(counts.attention)} ${counts.attention === 1 ? "is" : "are"} waiting for you.`);
+    }
+    return {
+        total,
+        ...counts,
+        failed,
+        phase,
+        headline,
+        detail: sentences.join(" "),
+    };
+}
+export function describeAttention(task) {
+    switch (task.executionState) {
+        case "WaitingForToolApproval":
+            return {
+                description: "Wants to run a tool and needs your approval",
+                action: "Review",
+            };
+        case "Questions":
+            return { description: "Has questions for you", action: "Answer" };
+        case "WaitingForInput":
+            return { description: "Needs your input to continue", action: "Answer" };
+        case "WaitingForUser":
+            return { description: "Waiting for you to continue", action: "Open" };
+        case "AgentError": {
+            const error = task.executionError?.trim();
+            return {
+                description: error
+                    ? `Stopped with an error: ${error}`
+                    : "Stopped with an error",
+                action: "Open",
+            };
+        }
+        case "WaitingForBudget":
+            return {
+                description: "Paused until the project budget is extended",
+                action: "Open",
+            };
+    }
+    if (task.executionState === "WaitingForApproval" ||
+        normalizeTaskStatus(task.status, task.executionState) === "Review") {
+        return {
+            description: "Finished and waiting for your approval",
+            action: "Review",
+        };
+    }
+    return { description: "Needs your attention", action: "Open" };
+}
+export function listAttentionTasks(tasks) {
+    return tasks
+        .filter((task) => getDashboardTaskBucket(task) === "attention")
+        .map((task) => ({ task, ...describeAttention(task) }));
+}
+export function listRunningTasks(tasks) {
+    return tasks.filter((task) => getDashboardTaskBucket(task) === "running");
+}
+/** Row label for the pipeline; null means the row shows no status text. */
+export function getDashboardTaskStatusLabel(task, isBlocked) {
+    const status = normalizeTaskStatus(task.status, task.executionState);
+    switch (task.executionState) {
+        case "Working":
+            return "Working";
+        case "Starting":
+            return "Starting";
+        case "Waiting":
+            return "Waiting";
+    }
+    if (status === "Waiting")
+        return "Waiting";
+    if (status === "Review")
+        return "Awaiting approval";
+    switch (task.executionState) {
+        case "WaitingForApproval":
+            return "Awaiting approval";
+        case "WaitingForToolApproval":
+            return "Awaiting tool approval";
+        case "Questions":
+            return "Questions";
+        case "WaitingForInput":
+            return "Waiting for input";
+        case "WaitingForUser":
+            return "Waiting for user";
+        case "AgentError":
+            return "Agent error";
+        case "WaitingForBudget":
+            return "Budget limit reached";
+        case "WaitingForCapacity":
+            return "Waiting for capacity";
+        case "Unassigned":
+            return null;
+    }
+    if (isBlocked)
+        return null;
+    switch (task.executionState) {
+        case "WaitingForDependency":
+            return "Blocked";
+        case "AgentNotStarted":
+            return "Not started";
+    }
+    switch (status) {
+        case "Done":
+            return "Done";
+        case "InProgress":
+            return "In progress";
+        default:
+            return null;
+    }
+}
+function parseDate(value) {
+    if (!value)
+        return null;
+    const time = Date.parse(value);
+    return Number.isFinite(time) ? time : null;
+}
+/** Wall-clock duration of a finished execution, or null when unknown. */
+export function getTaskDurationMs(task) {
+    const start = parseDate(task.executionStartedAt);
+    const end = parseDate(task.executionCompletedAt);
+    if (start === null || end === null || end < start)
+        return null;
+    return end - start;
+}
+/** Time since the execution started, or null when the task never started. */
+export function getTaskElapsedMs(task, now) {
+    const start = parseDate(task.executionStartedAt);
+    if (start === null || now < start)
+        return null;
+    return now - start;
+}
+export function formatDurationShort(ms) {
+    const seconds = Math.round(ms / 1000);
+    if (seconds < 60)
+        return `${Math.max(seconds, 1)} s`;
+    const minutes = Math.round(seconds / 60);
+    if (minutes < 60)
+        return `${minutes} min`;
+    const hours = Math.floor(minutes / 60);
+    const rest = minutes % 60;
+    return rest > 0 ? `${hours} h ${rest} min` : `${hours} h`;
+}
+/** Earliest execution start across the run, or null when nothing started. */
+export function getRunStartedAt(tasks) {
+    let earliest = null;
+    for (const task of tasks) {
+        const start = parseDate(task.executionStartedAt);
+        if (start === null)
+            continue;
+        if (earliest === null || start < earliest)
+            earliest = start;
+    }
+    return earliest;
+}
+export const MAX_GOAL_TILES = 4;
+export function readGoalSummary(goal) {
+    const record = asRecord(goal.data);
+    const summary = record?.summary;
+    return typeof summary === "string" && summary.trim().length > 0
+        ? summary.trim()
+        : null;
+}
+const DEFAULT_GOAL_SECTIONS = [
+    { widget: "score", key: "score" },
+    { widget: "severityCounts", key: "severityCounts" },
+    { widget: "metrics", key: "metrics" },
+];
+const SEVERITY_ORDER = [
+    "critical",
+    "high",
+    "medium",
+    "low",
+    "info",
+];
+function formatNumber(value) {
+    return new Intl.NumberFormat("en-US").format(value);
+}
+/**
+ * Turns the generic goal widgets (coverage, score, severity counts, metrics)
+ * into at most four figures. The goal template's display spec decides the
+ * order, so no project type needs its own dashboard code.
+ */
+export function buildGoalTiles(goal, spec) {
+    const tiles = [];
+    const coverage = goal.coverage;
+    if (coverage && coverage.hasMeasurableSubgoals && coverage.total > 0) {
+        const parts = [];
+        if (coverage.inProgress > 0)
+            parts.push(`${coverage.inProgress} in progress`);
+        if (coverage.pending > 0)
+            parts.push(`${coverage.pending} not started`);
+        if (coverage.failed > 0)
+            parts.push(`${coverage.failed} failed`);
+        if (coverage.skipped > 0)
+            parts.push(`${coverage.skipped} skipped`);
+        tiles.push({
+            key: "coverage",
+            label: "Subgoals done",
+            value: formatNumber(coverage.done),
+            suffix: `of ${formatNumber(coverage.total)}`,
+            detail: parts.length > 0 ? parts.join(" · ") : undefined,
+            progress: Math.round((coverage.done / coverage.total) * 100),
+            tone: "ok",
+        });
+    }
+    // Issues-enabled goals show their typed counts, zero included; other goals
+    // keep the legacy report widgets below.
+    if (goal.issuesEnabled && goal.issueSummary) {
+        const summary = goal.issueSummary;
+        tiles.push({ key: "issues", label: "Unresolved issues", value: formatNumber(summary.open + summary.awaitingConfirmation), detail: `${summary.awaitingConfirmation} awaiting confirmation · ${summary.needsHumanReview} need review`, tone: "neutral" });
+    }
+    const record = asRecord(goal.data);
+    if (!record)
+        return tiles;
+    const sections = spec?.sections ?? DEFAULT_GOAL_SECTIONS;
+    for (const section of sections) {
+        if (tiles.length >= MAX_GOAL_TILES)
+            break;
+        const value = record[section.key];
+        switch (section.widget) {
+            case "score": {
+                const score = asScore(value);
+                if (!score)
+                    break;
+                tiles.push({
+                    key: `score-${section.key}`,
+                    label: section.label ?? score.label ?? "Score",
+                    value: formatNumber(score.value),
+                    suffix: `of ${formatNumber(score.max)}`,
+                    progress: Math.round(Math.max(0, Math.min(1, score.value / score.max)) * 100),
+                    tone: "neutral",
+                });
+                break;
+            }
+            case "severityCounts": {
+                const counts = asSeverityCounts(value);
+                if (!counts)
+                    break;
+                const present = SEVERITY_ORDER.filter((severity) => counts[severity] !== undefined);
+                if (present.length === 0)
+                    break;
+                const total = present.reduce((sum, severity) => sum + (counts[severity] ?? 0), 0);
+                const urgent = present.filter((severity) => (severity === "critical" || severity === "high") &&
+                    (counts[severity] ?? 0) > 0);
+                const rest = present.filter((severity) => !urgent.includes(severity));
+                tiles.push({
+                    key: `severity-${section.key}`,
+                    label: section.label ?? "Findings",
+                    value: formatNumber(total),
+                    emphasis: urgent.length > 0
+                        ? urgent
+                            .map((severity) => `${counts[severity]} ${severity}`)
+                            .join(" · ")
+                        : undefined,
+                    detail: rest.length > 0
+                        ? rest
+                            .map((severity) => `${counts[severity]} ${severity}`)
+                            .join(" · ")
+                        : undefined,
+                });
+                break;
+            }
+            case "metrics": {
+                const metrics = asMetrics(value);
+                if (!metrics)
+                    break;
+                for (const metric of metrics) {
+                    if (tiles.length >= MAX_GOAL_TILES)
+                        break;
+                    if (!metric.label.trim() || !metric.value.trim())
+                        continue;
+                    tiles.push({
+                        key: `metric-${section.key}-${metric.label}`,
+                        label: metric.label,
+                        value: metric.value,
+                    });
+                }
+                break;
+            }
+        }
+    }
+    return tiles.slice(0, MAX_GOAL_TILES);
+}
+//# sourceMappingURL=projectDashboardModel.js.map

package/dist/task-board/utils/projectDashboardModel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"projectDashboardModel.js","sourceRoot":"","sources":["../../../src/task-board/utils/projectDashboardModel.ts"],"names":[],"mappings":"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"}

package/dist/task-board/views/DependencyGraphView.d.ts

@@ -42,9 +42,12 @@ type TaskGroupMember = {
 };
 type TaskGroupNodeData = {
     groupId: string;
-    parentTaskId: string;
+    /** Parent task of the members, or null for a batch created without a parent (the group is then a root node). */
+    parentTaskId: string | null;
     batchId: string;
     label: string;
+    /** False when the members share no title and the label is just the member count. */
+    hasSharedTitle: boolean;
     memberCount: number;
     statusCounts: TaskGroupStatusCounts;
     members: TaskGroupMember[];
@@ -74,6 +77,7 @@ export declare function buildDependencyGraphLayout(args: {
     selectedTaskId?: string | null;
     orientation?: GraphOrientation;
     autoLayoutStrategy?: "allEdges" | "hierarchy";
+    taskTemplateTitles?: ReadonlyMap<string, string>;
 }): {
     nodes: DependencyGraphNode[];
     edges: TaskGraphEdge[];
@@ -122,6 +126,8 @@ export declare function DependencyGraphView(props: {
     onAddChildTaskFromNode?: (taskId: string) => void;
     /** Remove control on each node (e.g. project template task templates). */
     onRemoveTask?: (taskId: string) => void;
+    /** Task template titles by lower-cased template id; names collapsed batches after the template they instantiate. */
+    taskTemplateTitles?: ReadonlyMap<string, string>;
     /** Enable creating graph relationships by dragging from source handles to target handles. */
     allowDependencyConnect?: boolean;
     /** Called when the graph creates a new dependency link. */

package/dist/task-board/views/DependencyGraphView.js

@@ -69,10 +69,28 @@ const PRIORITY_HOVER_STYLES = {
 };
 const DEFAULT_HOVER_STYLE = "hover:border-neutral-grey-10/50";
 const HANDLE_CLASS = "bg-neutral-grey-10! border-border-default! w-2! h-2!";
-function getTaskGroupLabel(members) {
+/**
+ * Title of the task template the batch was fanned out from, when known. Scripts key a batch by the
+ * id of the task template it instantiates, and templated tasks carry their template id directly.
+ */
+function getTaskGroupTemplateTitle(tasksInGroup, taskTemplateTitles) {
+    if (!taskTemplateTitles?.size)
+        return null;
+    const batchId = tasksInGroup[0]?.batchId?.trim().toLowerCase();
+    const byBatch = batchId ? taskTemplateTitles.get(batchId)?.trim() : "";
+    if (byBatch)
+        return byBatch;
+    const templateIds = new Set(tasksInGroup.map((task) => task.sourceTaskTemplateId?.trim().toLowerCase()));
+    if (templateIds.size !== 1)
+        return null;
+    const [templateId] = templateIds;
+    return (templateId && taskTemplateTitles.get(templateId)?.trim()) || null;
+}
+/** Title shared by all members (or their common leading words), or null when they share none. */
+function getTaskGroupSharedTitle(members) {
     const titles = members.map((member) => member.title.trim()).filter(Boolean);
     if (titles.length === 0)
-        return `${members.length} tasks`;
+        return null;
     if (titles.every((title) => title === titles[0]))
         return titles[0];
     let prefix = titles[0];
@@ -87,8 +105,17 @@ function getTaskGroupLabel(members) {
         if (!prefix)
             break;
     }
-    const trimmedPrefix = prefix.replace(/[\s\p{P}\p{S}]+$/gu, "").trim();
-    return trimmedPrefix || `${members.length} tasks`;
+    // Cut the prefix back to a word boundary so "01-card (cards)" / "02-hero (cards)" do not yield
+    // "0"; a prefix that ends inside a word says nothing about the batch.
+    const separator = /[\s\p{P}\p{S}]/u;
+    const endsOnBoundary = titles.every((title) => title.length === prefix.length || separator.test(title[prefix.length]));
+    const wordBoundaryPrefix = endsOnBoundary
+        ? prefix
+        : prefix.slice(0, prefix.search(/[^\s\p{P}\p{S}]*$/u));
+    const trimmedPrefix = wordBoundaryPrefix
+        .replace(/[\s\p{P}\p{S}]+$/gu, "")
+        .trim();
+    return trimmedPrefix.length >= 3 ? trimmedPrefix : null;
 }
 function collectBlockedTaskIds(tasks, dependencies) {
     const taskMap = new Map(tasks.map((task) => [task.taskId, task]));
@@ -109,17 +136,19 @@ function collectBlockedTaskIds(tasks, dependencies) {
     }
     return blocked;
 }
-function collectTaskGroups(tasks, selectedTaskId, blockedTaskIds) {
+function collectTaskGroups(tasks, selectedTaskId, blockedTaskIds, taskTemplateTitles) {
     const groupedTasks = new Map();
     const taskIdsWithChildren = new Set(tasks
         .map((task) => task.parentTaskId?.trim())
         .filter((taskId) => !!taskId));
     for (const task of tasks) {
-        const parentTaskId = task.parentTaskId?.trim();
         const batchId = task.batchId?.trim();
-        if (!parentTaskId || !batchId)
+        if (!batchId)
             continue;
-        const groupId = `${TASK_GROUP_NODE_ID_PREFIX}${parentTaskId}:${batchId}`;
+        // A batch groups under its parent when it has one; a parentless batch (tasks fanned out by a
+        // script or agent without a container task) still collapses, keyed as a root group.
+        const parentTaskId = task.parentTaskId?.trim() || null;
+        const groupId = `${TASK_GROUP_NODE_ID_PREFIX}${parentTaskId ?? "root"}:${batchId}`;
         const members = groupedTasks.get(groupId) ?? [];
         members.push(task);
         groupedTasks.set(groupId, members);
@@ -181,6 +210,8 @@ function collectTaskGroups(tasks, selectedTaskId, blockedTaskIds) {
             }
         }
         const firstTask = tasksInGroup[0];
+        const sharedTitle = getTaskGroupTemplateTitle(tasksInGroup, taskTemplateTitles) ??
+            getTaskGroupSharedTitle(members);
         const status = members.every((member) => member.status === "Done")
             ? "Done"
             : members.some((member) => member.status === "InProgress" || member.status === "Review")
@@ -188,9 +219,10 @@ function collectTaskGroups(tasks, selectedTaskId, blockedTaskIds) {
                 : "Todo";
         groups.set(groupId, {
             groupId,
-            parentTaskId: firstTask.parentTaskId.trim(),
+            parentTaskId: firstTask.parentTaskId?.trim() || null,
             batchId: firstTask.batchId.trim(),
-            label: getTaskGroupLabel(members),
+            label: sharedTitle ?? `${members.length} tasks`,
+            hasSharedTitle: sharedTitle !== null,
             memberCount: members.length,
             statusCounts,
             members,
@@ -287,10 +319,10 @@ function TaskGroupGraphNode({ data }) {
             className: STATUS_STYLES.Todo.text,
         },
     ].filter((item) => item.count > 0);
-    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsxs("div", { className: "relative overflow-visible", style: { width: NODE_WIDTH }, "data-testid": `dependency-graph-group-node-${data.groupId}`, children: [_jsx("div", { className: "border-border-default bg-neutral-grey-5 absolute inset-0 translate-x-2 translate-y-2 rounded-lg border shadow-sm" }), _jsx("div", { className: "border-border-default absolute inset-0 translate-x-1 translate-y-1 rounded-lg border bg-white shadow-sm" }), _jsx(Handle, { type: "target", position: Position.Left, id: "left", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-target-left-${data.groupId}` }), _jsx(Handle, { type: "target", position: Position.Top, id: "top", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-target-top-${data.groupId}` }), _jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "border-border-default relative z-10 flex min-h-30 w-full cursor-pointer flex-col gap-2.5 rounded-lg border bg-white p-3 text-left shadow-sm transition-all hover:shadow-md", "aria-label": `Show ${data.memberCount} tasks in ${data.label}`, children: [_jsxs("div", { className: "flex w-full min-w-0 items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-muted-foreground mb-1 text-[10px] font-medium tracking-widest uppercase", children: "Batch" }), _jsx("div", { className: "line-clamp-2 text-sm leading-snug font-medium", children: data.label })] }), _jsx(CountBadge, { children: data.memberCount })] }), _jsxs("div", { className: "flex w-full flex-wrap items-center gap-x-2.5 gap-y-1", children: [breakdown.map((item) => {
+    return (_jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [_jsxs("div", { className: "relative overflow-visible", style: { width: NODE_WIDTH }, "data-testid": `dependency-graph-group-node-${data.groupId}`, children: [_jsx("div", { className: "border-border-default bg-neutral-grey-5 absolute inset-0 translate-x-2 translate-y-2 rounded-lg border shadow-sm" }), _jsx("div", { className: "border-border-default absolute inset-0 translate-x-1 translate-y-1 rounded-lg border bg-white shadow-sm" }), _jsx(Handle, { type: "target", position: Position.Left, id: "left", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-target-left-${data.groupId}` }), _jsx(Handle, { type: "target", position: Position.Top, id: "top", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-target-top-${data.groupId}` }), _jsx(PopoverTrigger, { asChild: true, children: _jsxs("button", { type: "button", className: "border-border-default relative z-10 flex min-h-30 w-full cursor-pointer flex-col gap-2.5 rounded-lg border bg-white p-3 text-left shadow-sm transition-all hover:shadow-md", "aria-label": `Show ${data.memberCount} tasks in ${data.label}`, children: [_jsxs("div", { className: "flex w-full min-w-0 items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("div", { className: "text-muted-foreground mb-1 text-[10px] font-medium tracking-widest uppercase", children: "Batch" }), _jsx("div", { className: "line-clamp-2 text-sm leading-snug font-medium", children: data.label })] }), data.hasSharedTitle ? (_jsx(CountBadge, { children: data.memberCount })) : null] }), _jsxs("div", { className: "flex w-full flex-wrap items-center gap-x-2.5 gap-y-1", children: [breakdown.map((item) => {
                                             const Icon = item.icon;
                                             return (_jsxs("span", { className: cn("inline-flex items-center gap-1 text-[10px] font-medium tabular-nums", item.className), title: `${item.count} ${item.label.toLowerCase()}`, children: [_jsx(Icon, { className: "h-3 w-3" }), item.count] }, item.key));
-                                        }), data.isBlocked ? (_jsx(Badge, { variant: "outline", size: "sm", className: "bg-feedback-orange-light text-feedback-orange ml-auto border-transparent", children: "Blocked" })) : null] }), _jsxs("div", { className: "text-neutral-grey-50 text-[10px]", children: [data.memberCount, " tasks"] })] }) }), _jsx(Handle, { type: "source", position: Position.Right, id: "right", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-source-right-${data.groupId}` }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-source-bottom-${data.groupId}` })] }), _jsx(PopoverContent, { className: "nodrag nopan max-h-64 w-72 overflow-y-auto p-1.5", onClick: (event) => event.stopPropagation(), children: _jsx("div", { className: "flex flex-col gap-0.5", children: data.members.map((member) => {
+                                        }), data.isBlocked ? (_jsx(Badge, { variant: "outline", size: "sm", className: "bg-feedback-orange-light text-feedback-orange ml-auto border-transparent", children: "Blocked" })) : null] })] }) }), _jsx(Handle, { type: "source", position: Position.Right, id: "right", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-source-right-${data.groupId}` }), _jsx(Handle, { type: "source", position: Position.Bottom, id: "bottom", className: HANDLE_CLASS, "data-testid": `dependency-graph-group-source-bottom-${data.groupId}` })] }), _jsx(PopoverContent, { className: "nodrag nopan max-h-64 w-72 overflow-y-auto p-1.5", onClick: (event) => event.stopPropagation(), children: _jsx("div", { className: "flex flex-col gap-0.5", children: data.members.map((member) => {
                         const executionDisplay = member.isBlocked
                             ? null
                             : getTaskExecutionDisplayFromTask({
@@ -663,11 +695,11 @@ function layoutGraph(nodes, edges, orientation, autoLayoutStrategy, nodeSizeOver
     });
     return { nodes: layoutedNodes, edges };
 }
-function buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, orientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, nodeSizeOverrides) {
+function buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, orientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, nodeSizeOverrides, taskTemplateTitles) {
     const taskMap = new Map();
     for (const t of tasks)
         taskMap.set(t.taskId, t);
-    const { groups, collapsedTargetByTaskId } = collectTaskGroups(tasks, selectedTaskId, blockedTaskIds);
+    const { groups, collapsedTargetByTaskId } = collectTaskGroups(tasks, selectedTaskId, blockedTaskIds, taskTemplateTitles);
     const mapTaskId = (taskId) => collapsedTargetByTaskId.get(taskId) ?? taskId;
     const visibleTasks = tasks.filter((task) => !collapsedTargetByTaskId.has(task.taskId));
     const childRelationshipKeys = new Set();
@@ -680,6 +712,8 @@ function buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, b
         }
     }
     for (const group of groups.values()) {
+        if (!group.parentTaskId)
+            continue;
         const source = mapTaskId(group.parentTaskId);
         if (source !== group.groupId) {
             childRelationshipKeys.add(`${source}->${group.groupId}`);
@@ -857,6 +891,8 @@ function buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, b
         },
     }));
     for (const group of groups.values()) {
+        if (!group.parentTaskId || !taskMap.has(group.parentTaskId))
+            continue;
         hierarchyEdges.push({
             id: `parent:${group.parentTaskId}:${group.groupId}`,
             source: mapTaskId(group.parentTaskId),
@@ -884,7 +920,7 @@ function buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, b
 }
 export function buildDependencyGraphLayout(args) {
     const blockedTaskIds = collectBlockedTaskIds(args.tasks, args.dependencies);
-    return buildGraph(args.tasks, args.dependencies, args.selectedTaskId ?? null, null, blockedTaskIds, args.orientation ?? "horizontal", false, args.autoLayoutStrategy ?? "hierarchy", () => undefined);
+    return buildGraph(args.tasks, args.dependencies, args.selectedTaskId ?? null, null, blockedTaskIds, args.orientation ?? "horizontal", false, args.autoLayoutStrategy ?? "hierarchy", () => undefined, undefined, undefined, undefined, undefined, args.taskTemplateTitles);
 }
 function applySavedLayout(nodes, savedLayout) {
     if (!savedLayout?.nodes?.length) {
@@ -1133,7 +1169,7 @@ function createGraphSyncSignature(nodes, edges) {
     });
 }
 export function DependencyGraphView(props) {
-    const { projectId, layoutKey, tasks, dependencies, savedLayout, selectedTaskId, selectedDependencyId = null, onSelectTask, onSelectDependency, onClearDependencySelection, permission, canPersistLayout: canPersistLayoutOverride, onPersistLayout, onLayoutSaved, highlightBlockedTasks = true, showExecutionStateBadges = true, emptyStateTitle = "No tasks to visualize", emptyStateDescription = "Create tasks in this project to see them in the dependency graph.", orientation = "vertical", autoLayoutStrategy = "allEdges", showOrientationToggle = false, layoutSaveDebounceMs = SAVE_DEBOUNCE_MS, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, allowDependencyConnect = false, onCreateDependency, onCreateChildRelationship, miniMapWidth, miniMapHeight, showMiniMap, isMaximized = false, onToggleMaximized, } = props;
+    const { projectId, layoutKey, tasks, dependencies, savedLayout, selectedTaskId, selectedDependencyId = null, onSelectTask, onSelectDependency, onClearDependencySelection, permission, canPersistLayout: canPersistLayoutOverride, onPersistLayout, onLayoutSaved, highlightBlockedTasks = true, showExecutionStateBadges = true, emptyStateTitle = "No tasks to visualize", emptyStateDescription = "Create tasks in this project to see them in the dependency graph.", orientation = "vertical", autoLayoutStrategy = "allEdges", showOrientationToggle = false, layoutSaveDebounceMs = SAVE_DEBOUNCE_MS, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, taskTemplateTitles, allowDependencyConnect = false, onCreateDependency, onCreateChildRelationship, miniMapWidth, miniMapHeight, showMiniMap, isMaximized = false, onToggleMaximized, } = props;
     const canPersistLayout = typeof canPersistLayoutOverride === "boolean"
         ? canPersistLayoutOverride
         : permission === "Owner" || permission === "Editor";
@@ -1151,7 +1187,7 @@ export function DependencyGraphView(props) {
         return collectBlockedTaskIds(tasks, dependencies);
     }, [dependencies, highlightBlockedTasks, tasks]);
     const onSelect = useCallback((taskId) => onSelectTask(taskId), [onSelectTask]);
-    const { nodes: initialNodes, edges: initialEdges } = useMemo(() => buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, effectiveOrientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask), [
+    const { nodes: initialNodes, edges: initialEdges } = useMemo(() => buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, effectiveOrientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, undefined, taskTemplateTitles), [
         tasks,
         dependencies,
         selectedTaskId,
@@ -1164,6 +1200,7 @@ export function DependencyGraphView(props) {
         onAddDependentTaskFromNode,
         onAddChildTaskFromNode,
         onRemoveTask,
+        taskTemplateTitles,
     ]);
     const collapsedMemberIds = useMemo(() => {
         const ids = new Set();
@@ -1524,7 +1561,7 @@ export function DependencyGraphView(props) {
     const handleAutoLayout = useCallback(() => {
         const latestNodes = getLatestGraphNodes();
         const measuredNodeSizes = getMeasuredNodeSizeOverrides(latestNodes);
-        const autoLayout = buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, effectiveOrientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, measuredNodeSizes);
+        const autoLayout = buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, effectiveOrientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, measuredNodeSizes, taskTemplateTitles);
         const nextNodes = preserveNodeMeasurements(latestNodes, autoLayout.nodes);
         beginFittingView();
         flushSync(() => {
@@ -1552,6 +1589,7 @@ export function DependencyGraphView(props) {
         onAddChildTaskFromNode,
         queueLayoutSave,
         selectedTaskId,
+        taskTemplateTitles,
         selectedDependencyId,
         setEdges,
         setNodes,
@@ -1602,7 +1640,7 @@ export function DependencyGraphView(props) {
     const handleOrientationChange = useCallback((nextOrientation) => {
         const latestNodes = getLatestGraphNodes();
         const measuredNodeSizes = getMeasuredNodeSizeOverrides(latestNodes);
-        const autoLayout = buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, nextOrientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, measuredNodeSizes);
+        const autoLayout = buildGraph(tasks, dependencies, selectedTaskId, selectedDependencyId, blockedTaskIds, nextOrientation, showExecutionStateBadges, autoLayoutStrategy, onSelect, onAddDependentTaskFromNode, onAddChildTaskFromNode, onRemoveTask, measuredNodeSizes, taskTemplateTitles);
         const nextNodes = preserveNodeMeasurements(latestNodes, autoLayout.nodes);
         // Hide while we relayout-then-fit so the user can't see a paint where
         // the new node positions are still being viewed through the old
@@ -1644,6 +1682,7 @@ export function DependencyGraphView(props) {
         setEdges,
         setNodes,
         showExecutionStateBadges,
+        taskTemplateTitles,
         tasks,
     ]);
     return (_jsxs("div", { className: "flex h-full min-h-0 flex-col", children: [_jsxs("div", { className: "flex shrink-0 items-center justify-between gap-3 px-3 pt-2", children: [hasVisibleNodes && highlightBlockedTasks ? (_jsxs("div", { className: "text-neutral-grey-50 flex items-center gap-2 text-[11px]", children: [_jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("span", { className: "bg-component-shared inline-block h-0.5 w-4 rounded-sm" }), "Blocked by"] }), _jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("span", { className: "bg-neutral-grey-50 inline-block h-0.5 w-4 rounded-sm" }), "Related"] }), _jsxs("span", { className: "inline-flex items-center gap-1", children: [_jsx("span", { className: "bg-feedback-blue inline-block h-0.5 w-4 rounded-sm" }), "Child task"] })] })) : (_jsx("div", {})), hasVisibleNodes && (_jsxs("div", { className: "flex items-center gap-2", children: [showOrientationToggle && (_jsx(MultiSwitchButton, { value: effectiveOrientation, options: [