bbovenzi opened a new pull request, #46939: URL: https://github.com/apache/airflow/pull/46939
Problem: - The Dag Details page layered information in too many separate pages that required too many clicks to navigate around. Especially if one went to the graph or grid modal and then closed it Solution: - "Flatten" the dag details page with three elements: 1. An improved breadcrumb header. Includes a header for each level. For a dag shows if it is paused or unpaused. For a dag run, shows its state. Always show the Trigger Run button 2. A left hand panel to navigate around a dag. The user can select either the grid or graph and can adjust the size of the panel to what works for them. We check the dag's `default_view` value and then persists the panel width and view selection in localStorage by dagId 3. A right hand panel to show details depending on what level the user has selected (Dag, Dag Run, Task, Task Instance, or Mapped Task Instance). This panel is responsive, so it should display useful information at any size. <img width="1328" alt="Screenshot 2025-02-20 at 2 56 09 PM" src="https://github.com/user-attachments/assets/699a247f-34a8-4dd9-9b39-c78d0afc476b" /> <img width="1336" alt="Screenshot 2025-02-20 at 2 56 19 PM" src="https://github.com/user-attachments/assets/d23f1c6a-c15a-49cd-844a-d8dced11e482" /> <img width="1310" alt="Screenshot 2025-02-20 at 2 56 44 PM" src="https://github.com/user-attachments/assets/4850822a-3788-4b1b-ab66-80538dc75c51" /> <img width="670" alt="Screenshot 2025-02-20 at 2 57 27 PM" src="https://github.com/user-attachments/assets/ce2a26da-4070-4caa-8ed1-b8b5309495ba" />  Other features: - Add state icons to the Grid view. Apply an opacity to successful tasks to make it easier to spot errant instances - Truncate very long task ids in the task instances list so you don't have to scroll for forever To Do in other PRs: - Collapse/Expand all groups toggle - Quick navigation between dag runs (Either by turning the dag run breacrumb into a dropdown or adding onto the Search Dags input) - Handle selecting a mapped task instance without a map_index specified - Zoom the graph to a selected task - Grid/graph view filters - Integrate gantt view --- **^ Add meaningful description above** Read the **[Pull Request Guidelines](https://github.com/apache/airflow/blob/main/contributing-docs/05_pull_requests.rst#pull-request-guidelines)** for more information. In case of fundamental code changes, an Airflow Improvement Proposal ([AIP](https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvement+Proposals)) is needed. In case of a new dependency, check compliance with the [ASF 3rd Party License Policy](https://www.apache.org/legal/resolved.html#category-x). 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](https://github.com/apache/airflow/tree/main/newsfragments). -- This is an automated message from the Apache Git Service. To respond to the message, please log on to GitHub and use the URL above to go to the specific comment. To unsubscribe, e-mail: [email protected] For queries about this service, please contact Infrastructure at: [email protected]
