Add pipeline mini graph to the pipeline editor
Release notes
Tracking the status of a running pipeline involves significant context switching. One has to go to the pipeline page to view the pipeline run. Currently, the pipeline editor only show the overall pipeline status and provides the "View pipeline" link. In this release, we are adding to the pipeline editor the pipeline mini graph to make it easy for you to navigate to individual jobs and track their status from the pipeline editor.
🧩 Problem
Tracking the status of a running pipeline involves significant context switching. One has to go to the pipeline page to view the pipeline run.
Currently, we only show the overall pipeline status and provide the "View pipeline" link.
This is a follow up issue from #36118 (comment 641861365)
Proposal
Add the mini pipeline graph to the pipeline editor to make it easy to navigate to individual jobs and track their status from the pipeline editor.
- Add the mini pipeline graph (with the linked pipeline) to the pipeline editor pipeline status section.
- The mini pipeline graph can take up the space between the status text and the "View pipeline" button, with 16px space on both sides. When there's no more space left, it should wrap as it does in the pipelines list view. When the graph wraps on the second line, it should be vertically centered inside the pipeline status section.
- Remove the link from the pipeline ID in the pipeline status text (it's no longer needed with the clear "View pipeline" CTA and the mini pipeline graph).