UI: Keep Grid run tooltips inside the viewport

[NihalRadhakrishna]

Grid bar tooltip is clipped at the window edge

When the details panel is collapsed, a Grid duration bar near the right edge of the window does not have room for a centered tooltip. The tooltip overflows, so a horizontal scrollbar appears and you have to scroll to read the run id, state, and duration. That is awkward, and on some screens the overflow also makes the tooltip flicker. Task instance tooltips already stay inside the viewport; the run bar tooltip should do the same.

Solution

Replace BasicTooltip with the same Chakra Tooltip as Grid task squares so it can shift to stay in the viewport.

Before

Before.mp4

After

After.mp4

---

Was generative AI tooling used to co-author this PR?

• Yes. Generated-by: Cursor (Claude Opus 5)

---

• Read the Pull Request Guidelines for more information. Note: commit author/co-author name and email in commits become permanently public when merged.
• For fundamental code changes, an Airflow Improvement Proposal (AIP) is needed.
• When adding dependency, check compliance with the ASF 3rd Party License Policy.
• For significant user-facing changes create newsfragment: {pr_number}.significant.rst, in airflow-core/newsfragments. You can add this file in a follow-up commit after the PR is created so you know the PR number.