add layout and hide edges options to timeline

[brandonreid]

Users with large flow runs have reported issues with the timeline slowing down the Flow Run page.

In addition to the latest graphs update having some rendering optimizations, this introduces a couple options for faster/lighter rendering of the timeline:

Layout options

• Nearest Parent - default
• Waterfall - this is how the timeline used to render nodes, it's much faster to calculate and will be set as the default layout if the flow run has more than the threshold number of nodes (currently set to 100)

Hide Edges option

Edges are more expensive to render since the paths are all one-off graphics currently, so this option let's you skip rendering them and is automatically set to true if the flow run has more than the threshold number of nodes (currently set to 40). Note that edge paths for selected nodes and their dependencies will still show.

[netlify]

✅ Deploy Preview for orion-design ready!

Name	Link
🔨 Latest commit	84015dc
🔍 Latest deploy log	https://app.netlify.com/sites/orion-design/deploys/63e52e6df8b3e20008d3949f
😎 Deploy Preview	https://deploy-preview-1135--orion-design.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.