Pipeline run canvas

Adapted

Watch a run land, stage by stage. An ETL DAG with six run states, animated in-flight edges, a status legend and dependency-ordered retry on the failed task.

React FlowDAGRun states

React · CSS

Origin & adaptation notes

Adapts the ReUI flow-3 data pipeline run canvas: a read-only @xyflow/react DAG monitor with six run states (queued, running, success, failed, skipped, retrying), a color-coded MiniMap and legend, and a Retry action on the failed task that replays it and its downstream dependents in dependency order. Run data is synthetic and stays in this preview.

Curated adaptation. Synthetic data only. No production APIs.