Add Build Flow view: interactive graph of upstream/downstream build relationships

[adityajalkhare]

What feature do you want to see added?

A Build Flow view that visualizes upstream and downstream build-trigger relationships as an interactive directed graph (DAG). This brings the core value of Yet Another Build Visualizer directly into Pipeline Graph View with a modern implementation using the Jenkins Design Library.

What it does

• Renders pipeline builds as a directed graph with bezier-curve edges connecting trigger-linked builds
• Zoom, pan, and fit-to-view (mouse wheel, trackpad pinch, drag, or button controls)
• Toggle upstream/downstream visibility independently
• Switch between left-to-right DAG layout and top-to-bottom layout
• Flatten the graph to a simple grid for large pipelines
• Toggle display of: duration, build numbers, full job names, descriptions
• Shows up to 6 recent build result dots per node (click to navigate)
• Auto-refreshes every 5s while any build is in-progress
• Focus-path highlighting on hover (dims unrelated nodes/edges)
• Staggered entrance animations for nodes and edges
• Safety caps: MAX_NODES=200, MAX_DEPTH=50

Where it appears

• Build page overview tab: Embedded card above Stages
• Build sidebar: "Build Flow" link opens a dedicated full-page view
• Job page sidebar: Shows the latest build's flow

Detection method

Trigger-based only:

• Upstream: CauseAction / Cause.UpstreamCause
• Downstream: DownstreamBuildAction
• Queued items: linked through Cause.UpstreamCause

Are you interested in contributing this feature?

Yeah, can work on it in the free time :)

[timja]

Hmm, I don't know much about the plugin you've linked.

I'm open to an improved display of upstream / downstream builds.

Probably not the whole functionality of that plugin though.

[adityajalkhare]

@timja - an over-complicated example -

[adityajalkhare]

And a simplified example, how approx 50% builds might look -

New UI -

Job Page

Build - Overview Tab

Build - Dedicated Tab

Old UI -

Job Page

Build Page

Dedicated Page from Sidebar link

[adityajalkhare]

Have improved the UI/UX even further for this. Will record demo/screenshots when I get some time.

[adityajalkhare]

Demo available in #1312 description

[das7pad]

Just curious, why is this re-implemented in the pipeline-graph-view plugin and can't stay in it's own plugin?

[timja]

Thats the same feedback I've had from @lewisbirks and @janfaracik.

Its a really nice feature but does it need to be in pipeline graph view plugin

[janfaracik]

Yeah definitely in agreement - feels like keeping it in the OG plugin is a really sensible place for it