apache / apache/airflow

Migrate Security (Users/Roles/Permissions) views to the new React UI

Open
#62,140 3 comments 0 reactions 1 assignee Claimed by @Madhurboard View on GitHub
area:auth area:UI kind:feature
Dominant language
Python
Stars
46.9k
Forks
17.8k
Avg merge
2d 9h
Merged PRs (30d)
472

Description

### Description

In Airflow 3, the core UI (DAGs, Tasks, Datasets, etc.) was completely rewritten in React with a modern design. However, the Security section — Users, Roles, and Permissions management — still renders using the legacy Flask-AppBuilder (FAB) interface.

This creates an inconsistent user experience: navigating from the modern DAGs page to Security/Users feels like switching to a completely different application. The FAB views use a different layout, styling, typography, and interaction patterns than the rest of the Airflow 3 UI.

### Use case/motivation

As an Airflow administrator at my workplace, I want to manage Users, Roles, and Permissions
through the same modern React UI used for the rest of Airflow 3, rather than
being redirected to the legacy Flask-AppBuilder interface.

Currently, the Security section feels like a completely different application —
different layout, styling, and interaction patterns. This is especially jarring
for new users who expect a consistent experience.

The REST API already provides the necessary CRUD endpoints at `/auth/fab/v1/`
(users, roles), so the main work is building React frontend pages using the
existing Airflow 3 design system (Chakra UI).

Proposed incremental approach:
1. Users list + detail/edit page
2. Roles list + detail/edit page (with permission assignment)
3. Permissions overview page
4. Deprecate/remove legacy FAB security views

### Related issues

No directly related issues found. This is a new feature request to complete the
UI modernization started in Airflow 3.

### Are you willing to submit a PR?

- [x] Yes I am willing to submit a PR!

### Code of Conduct

- [x] I agree to follow this project's [Code of Conduct](https://github.com/apache/airflow/blob/main/CODE_OF_CONDUCT.md)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.