New gantt tab

[bbovenzi]

New Gantt Chart in grid new tabs

Closes: #19940

Sync scrolling with grid:

Support task groups and sync with grid:

Sync task/run selection with grid:

To Do:

• Improve scroll/height calculation.
• Fix and add tests

---

^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
In case of a new dependency, check compliance with the ASF 3rd Party License Policy.
In case of backwards incompatible changes please leave a note in a newsfragment file, named {pr_number}.significant.rst or {issue_number}.significant.rst, in newsfragments.

[potiuk]

Whoa. I don't have skills to review it but the screenshots looks like #protm

[eladkal]

this looks really good!
What happens when task retry and it will show the timeline only for last attempt right?
I wonder if it's doable to allow users choose to see all retries (as requested in #17487 )

[marclamberti]

my eyes 🤩🤩🤩🤩🤩

[jscheffl]

WOW and only 440 LoC! This smells like PR of the month is coming :-D

[bbovenzi]

Ready for review although I'm still working to improve the synced scroll behavior.

[pierrejeambrun]

Looks great! Tested locally and seems nice. 🎉

I just have issues scrolling the gantt. (scroll bars are not working for me), also I have vertical scroll when there is plenty of space vertically to render the Gantt chart. (scrollbar are unresponsive, both with the scroll wheel and by click/drag on it, tested on chrome and firefox on ubuntu)

[bbovenzi]

Looks great! Tested locally and seems nice. 🎉

I just have issues scrolling the gantt. (scroll bars are not working for me), also I have vertical scroll when there is plenty of space vertically to render the Gantt chart. (scrollbar are unresponsive, both with the scroll wheel and by click/drag on it, tested on chrome and firefox on ubuntu)

Figured out the scroll focus issue on the gantt chart itself. I also change the checkScrollPosition from onSelect to a timeout, so if the scroll of the grid/gantt are not synced, it should rectify itself.

I also updated the tooltip for dynamic/group tasks to better communicate the aggregate duration/start/end.

[ashb]

LGTM. In this case I think we could even remove the original Gantt chart entirely. Happy to make that a separate PR if you want. (Either way, when we delete that we should redirect the old URL to the new react-based one)

[eladkal]

In this case I think we could even remove the original Gantt chart entirely

+1

[potiuk]

In this case I think we could even remove the original Gantt chart entirely

+1