AF3 UI issues

[NilsJPWerner]

Apache Airflow version

3.1.0

If "Other Airflow 2 version" selected, which one?

No response

What happened?

Collecting a few issues related to the ui. Let me know if it's better if I split them up.

• The dag options drop down like 'Number of Dag Runs' & 'Show Gantt' don't have persistent state and reset on reloads.

• The hover tooltips disappear about a second after popping up.

• The grid loads super slowly on first load. (Grid View UI slow #56554)

• The log highlight color is extremely low contrast. (style: modify log highlight color #56379)

• Missing "Mark Task Group as ..." button that existed in AF 2 (Missing the ability to mark all tasks in a Task Group Success/Failed in AF3 #56103)

• The grid dag timing seems to always be in terms of seconds (fix: show appropriate time units in grid view #56403)

• Newly added tasks don't display a colored task status box in the grid if you force them to run for a pre-existing dag run.

• The tasks are out of order (duplicate Order tasks topologically in Grid view #55899)

• The minimum width of the task names seems a bit too narrow. When you load more dag runs the text gets aggressively cutoff (modify grid view min width for task names #56378)

• The 'Rendered Templates' tab expands to the widest string rather than wrapping. This leads you to need to scroll for potentially a while if you want to use the copy button. (Improve copy button usability on code blocks #56382)

• The 'Queue up new tasks' button is disabled even when there are new tasks that have been added to a dag feat: add only_new to dag clear function #59764

• Dag run_id is no longer readily viewable. It is buried in details. (Make Dag Run ID visible in Dag Header Card #56392)
• Grid position will reset if you go between a "deselected" and a "selected" state. Zoom in and click a task and then click it again to deselect.
• Opening a dag in graph view should auto select the latest dag run
• "dag.extraLinks" in Details page should probably be "Extra Links"
• If you change a dag so that parsing breaks there is no indication that the dag is broken if you are still on the dag page. It only becomes apparent if you go the dag list page. There should be some kind of banner that the dag is broken.
• Tooltip that never goes away hides the latest task length bars in the "Last X Dag Runs" graph.

What you think should happen instead?

No response

How to reproduce

Visible on any dag. The slow loading seems worse with larger dags with more more history.

Operating System

Debian

Versions of Apache Airflow Providers

No response

Deployment

Astronomer

Deployment details

No response

Anything else?

No response

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[RoyLee1224]

tooltip related PR:#55927

[RoyLee1224]

The minimum width of the task names seems a bit too narrow. When you load more dag runs the text gets aggressively cutoff

I think the current width is a result of changes made in PR #55332
Should we enforce a wider minimum width?

[NilsJPWerner]

The minimum width of the task names seems a bit too narrow. When you load more dag runs the text gets aggressively cutoff

I think the current width is a result of changes made in PR #55332 Should we enforce a wider minimum width?

If you have a few nested task groups you get only a few characters of the task name.

[RoyLee1224]

The 'Rendered Templates' tab expands to the widest string rather than wrapping. This leads you to need to scroll for potentially a while if you want to use the copy button.

Tried to reproduce Rendered Templates issue, but looks fine on my side

I’m not very familiar with Rendered Templates, so it’s possible I’m missing something.

Could someone else check on their setup to see if this happens?