Running/failed steps list on dag runs page

[ghansham]

For the running and failed dags, we can have the running/failed step names viewed on the dag runs page so that user can have a quick status of the dag (at which step right now the execution is) without going to dag details page.

I request all to give their feedback on this if any.

[kriyanshii]

we just have to make sure that it shows clean ui, if there are are more than few steps running currently

[ghansham]

In the group view, we have sufficient space.

Complex part is list view. There we can plan a "one stepname +n" kind of link where if user has show/hide kind of control where user can collapse/expand to see the list of steps.

This is required only for running and failed dags only.
Advantage is user need not go to dag details page to see which process is running or has failed (quick view) specificaly for very large dags.

[ghansham]

If not show hide, you can think of snackbar for list view mobile view as it gives the same feel as that of tooltip on desktop devices. It times out after some time (timeout value is configurable).

https://ui.shadcn.com/docs/components/toast

https://ui.shadcn.com/docs/components/sonner