[UI/UX] Quality of life improvement for code/logs view in Airflow UI

[armaandhull]

Description

Currently, when a user clicks on Code or Logs tabs in the List/Grid view, it shows the DAG code and logs in a very narrow tab which makes the experience of navigating the DAG code/task logs harder than it needs to be.

• Make the Code and Logs tabs bigger/full screen like they used to be before (preferred)
  OR
• If we have to keep the narrow tab UX, enhance the Code view in a way that when a user clicks on a specific task, it takes them to the block of code where the task is defined e.g.

Use case/motivation

Improving user experience

Related issues

No response

Are you willing to submit a PR?

• Yes I am willing to submit a PR!

Code of Conduct

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

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! If you are willing to raise PR to address this issue please do so, no need to wait for approval.

[Taragolis]

If we have to keep the narrow tab UX, enhance the Code view in a way that when a user clicks on a specific task, it takes them to the block of code where the task is defined e.g.

This unlikely could be implemented. Code section contains only code from file which are used during DAG Processing.

[tirkarthi]

Related issue #33012

[bbovenzi]

In Airflow 3,

We added task log preview in the Overview tab for a dag, the details panel width is fully adjustable, and task logs can even be viewed in a full page modal.