Just previewed the changes: I think it's a start, but the arrows get a bit garbled in the aggregated view and when resizing the window. If you need to reproduce what I'm looking at, our pipeline consists of 6 stages that are configured something like this with the last three in parallel:
A -> B -> C -> D
1. I think the Aggregated view is messed up because the width of the stages in the aggregated view is wider than the normal pipeline views. This is due to combining a long stage name with a long version number. Poking around in chrome to modify the HTML I came up with repalcing this:
<h1>Build - 1.29.816544.20</h1>
with something like this which displays the version number below the stage name (see screenshot).
margin: 2px 0px;
The widths line up much better and it would make everything more consistent. If the version string is longer than the width of the task divs it would still have this problem, but that's probably unlikely.
2. Would it simplify things to draw the arrows just between the stages instead of the specific task within the stage? It might create less clutter and then you could do something similar to what the build pipeline plugin does to represent parallel tasks.