UI: Group and filter Dags by folder on the Dags page#68544
Open
RabahAmrouche05 wants to merge 3 commits into
Open
UI: Group and filter Dags by folder on the Dags page#68544RabahAmrouche05 wants to merge 3 commits into
RabahAmrouche05 wants to merge 3 commits into
Conversation
Add a collapsible folder navigation tree to the Dags page, built from each Dag's relative_fileloc directory. Selecting a folder filters the list to the Dags it contains (and its subfolders) via a new server-side filter, so the result stays correct across pagination, sorting and other filters. Backend adds a relative_fileloc_prefix filter on GET /ui/dags and a new GET /ui/dags/folders endpoint returning the distinct folders of all readable Dags. Dags at the bundle root contribute no folder and appear under 'All Dags'.
|
Congratulations on your first Pull Request and welcome to the Apache Airflow community! If you have any issues or are unsure about any anything please check our Contributors' Guide
|
jscheffl
reviewed
Jun 14, 2026
Contributor
There was a problem hiding this comment.
Newsfragment is only added for important changes. I think this is not needed here.
Contributor
|
Can you please add a screenshow or small video recording of how it looks like? |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
What
Adds a folder navigation tree to the Dags page. The tree is built from each
Dag's
relative_filelocdirectory, and selecting a folder filters the Dag listto the Dags that live in it (and its subfolders).
Why
The Dags page only offered a flat list. In deployments with many Dags spread
across subfolders of the dags folder (e.g.
team_a/etl/…,team_b/ml/…) therewas no way to browse or filter by folder.
How
relative_fileloc_prefixfilter onGET /ui/dags(strict folder match, so
team_anever catchesteam_alpha) and a newGET /ui/dags/foldersendpoint returning the distinct folders of all readableDags. Filtering is done server-side so the result stays correct across
pagination, sorting and the other filters.
filter via a
dag_foldersearch param, with the tree hierarchy reconstructedclient-side from the folder paths.
Dags located at the bundle root contribute no folder and appear under "All Dags".
Tests: backend (folders endpoint + filter, incl. the
team_a/team_alphaedge case) and frontend (
buildFolderTreeunit tests +DagFolderTreecomponent tests).
Was generative AI tooling used to co-author this PR?
Generated-by: Claude Code (Opus 4.8) following the guidelines