Add Task Logs to Grid details panel

[pierrejeambrun]

closes: #23503

First draft to discuss changes and precise UI requirements for this.

Some of the changes:

• Add tabs (Details & Logs)
• Clicking on the attempt index would load the relevant logs (and not download the logs)
• We keep a download button for downloading the logs of the currently selected attempt.
• We add a button 'See more' or 'Details' that would redirect to the log page. (Same as the Nav button)
• Split metadata details into two columns for smaller vertical space
• Checkboxes for full log content and text wrapping

For the request URL, I can pass it into the metadata to be able to do something like:

const url = getMetaValue('task_instance_log_api')

But then I have to manually replace _DAG_RUN_ID, _TASK_ID_, _TASK_TRY_NUMBER. What's the best way to handle that ?

---

^ Add meaningful description above

Read the Pull Request Guidelines for more information.
In case of fundamental code change, 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 newsfragement file, named {pr_number}.significant.rst, in newsfragments.

[pierrejeambrun]

I just updated the PR, as suggested:

• Added tabs to improve visibility. (More tabs are to come)
• Persisted the user preference (tab selection) into the local storage. Only when the preferedTab is not available, we will default to the Detail tabs, but won't persist this fallback. This way we keep the user preference for later when the tab is available again.

Also added:

• A checkbox to request the full log, using the query param already implemented on the endpoint (full_content)

Best,

[bbovenzi]

In a separate PR, before or after, we should make the grid only as big as it needs to be and the details panel can grow to take up the rest of the page (inverse of today). The logs textarea gets cramped as it is now.

[NilsJPWerner]

In a separate PR, before or after, we should make the grid only as big as it needs to be and the details panel can grow to take up the rest of the page (inverse of today). The logs textarea gets cramped as it is now.

It might be cool to make the panel resizeable.

[bbovenzi]

great work!

[github-actions]

The PR is likely OK to be merged with just subset of tests for default Python and Database versions without running the full matrix of tests, because it does not modify the core of Airflow. If the committers decide that the full tests matrix is needed, they will add the label 'full tests needed'. Then you should rebase to the latest main or amend the last commit of the PR, and push it with --force-with-lease.

[pierrejeambrun]

@bbovenzi,

Thank you for the reviews and the improvement suggestions.

The branch is rebased :)

[NilsJPWerner]

Will this included in 2.3.4 or a 2.4.0?

[bbovenzi]

@NilsJPWerner 2.4.0, its certainly not a bug fix that we can sneak into a patch release. but 2.4.0 will come out far quicker than 2.3.0 did.

[NilsJPWerner]

Fantastic! I'm pumped for this feature! Do you think the graphs refresh will make it in as well?

[bbovenzi]

That's the plan!