Dependency graph mini

A small dependency view centred on one task. Rather than a full graph layout, it lists typed edges — blocked-by, unlocks, parallel, retry, human approval — radiating from the focused node, which reads well in narrow rails.

Included in the single kansho full pack. Components are not offered as separate installs.

Full edge set

All five relationship types

Draft postmortemtask-2f9c

Blocked byGather sourcestask-0a11

Human approvalPublish approvaltask-7b3d

ParallelRefresh embeddingstask-44c1

UnlocksNotify stakeholderstask-91ff

Retry pathSlack deliverytask-12ab

Blocked task

Only blocking edges

Publish postmortemtask-2f9c

Blocked byGather sourcestask-0a11

Human approvalPublish approvaltask-7b3d

Component documentation

Dependency Graph Mini

components/tasks/dependency-graph-mini.tsx

Purpose

Shows typed dependencies around one focused task in a compact list-like graph.

Appropriate use

Use when a task detail needs a small dependency summary instead of a full node canvas.

Example

components/tasks/dependency-graph-mini.tsx has a representative live example in the "Full edge set" section on /components/dependency-graph-mini.

States

Relationship kinds are blocked-by, unlocks, parallel, retry, and approval; task ids are optional.

API and props

DependencyGraphMini accepts current, edges, and className; the current task and each DependencyEdge carry a task label and optional taskId.

Dependencies

Direct imports are React, Lucide icons, and cn.

Accessibility

Each relationship has an icon plus an explicit text label, so direction and meaning do not rely on colour or connector shape.

Limitations

It is not an interactive graph, does not validate cycles or referenced tasks, and does not calculate execution order.

Source

Source: components/tasks/dependency-graph-mini.tsx.

Full pack

components/tasks/dependency-graph-mini.tsx is documented at /components/dependency-graph-mini and installs only through the single Kansho full pack; no individual component install is offered.