Docs / Plans and tasks /

DependencyGraphMini

Compact dependency graph showing task relationships and execution order.

Preview

Run test suitetask-0042

Blocked byMigrate user schematask-0041

UnlocksDeploy to stagingtask-0043

ParallelGenerate coverage reporttask-0044

Human approvalOn-call engineer

Variants

With retry path

Deploy to productiontask-0050

Blocked byRun test suitetask-0049

Retry pathRollback plantask-0048

Human approvalRelease manager

Props

Prop	Type	Description
current*	{ task: string; taskId?: string }	The focal task shown in the centre node.
edges*	DependencyEdge[]	Typed edges radiating from the focal task (blocked-by, unlocks, parallel, retry, approval).

* required.

Usage

import { DependencyGraphMini } from "@/components/tasks/dependency-graph-mini";

<DependencyGraphMini
  current={{ task: "Run test suite", taskId: "task-0042" }}
  edges={[
    { id: "e1", kind: "blocked-by", task: "Migrate user schema", taskId: "task-0041" },
    { id: "e2", kind: "unlocks", task: "Deploy to staging", taskId: "task-0043" },
  ]}
/>