Skip to content

Conversation

@jscheffl
Copy link
Contributor

@jscheffl jscheffl commented Jul 20, 2025

This PR adds a new React UI Plugin for Edge that will be available with Airflow 3.1.

closes: #49536

Note that this is a very large PR - but mainly this is generated code and lock files. Generated code is checked-in similar to FAB - might be beneficial in general (not in this PR) to build during wheel packaging.

Note that this is the first skeleton, it is just "showing" the basic tables, all beautification and operations will be added in succeeding PRs
Target would be (with follow-up PRs) to have the same state like in Airflow 2.10 as documented in https://airflow.apache.org/docs/apache-airflow-providers-edge3/stable/ui_plugin.html

If you want to test locally: Simplest way is breeze start-airflow --python 3.12 --backend postgres --executor EdgeExecutor --load-example-dags

I would like to merge the skeleton to be able (1) to distribute enhancements to more people as well as (2) keep complexity of this "beast" of PR as small as possible

Menu integration:
image

Worker View:
image

Jobs View:
image

Link to API dcos in IFrame:
image

FYI @dheerajturaga - if you want to contribute... then post-merge the UI can get better :-D

@boring-cyborg boring-cyborg bot added area:dev-tools area:providers backport-to-v3-1-test Mark PR with this label to backport to v3-1-test branch kind:documentation provider:edge Edge Executor / Worker (AIP-69) / edge3 labels Jul 20, 2025
@jscheffl jscheffl removed the backport-to-v3-1-test Mark PR with this label to backport to v3-1-test branch label Jul 20, 2025
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch from f3b28a6 to 659ed8c Compare July 20, 2025 14:20
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch from c74a7b3 to 4d386b1 Compare July 21, 2025 18:14
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch 2 times, most recently from c9fe658 to 147b134 Compare July 30, 2025 21:23
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch 2 times, most recently from e6d9870 to 28a1478 Compare August 9, 2025 22:22
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch from 28a1478 to e91f2f3 Compare August 12, 2025 20:24
@jscheffl jscheffl changed the title [WIP] Provide React UI for Edge Provide React UI for Edge Aug 14, 2025
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch 3 times, most recently from 07134c2 to 73eb54e Compare August 19, 2025 20:10
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch 3 times, most recently from 562e9a5 to 93237fe Compare August 25, 2025 22:16
@jscheffl jscheffl marked this pull request as ready for review August 25, 2025 22:20
@jscheffl jscheffl force-pushed the feature/provide-react-ui-for-edge branch from 4e73a02 to a614438 Compare September 2, 2025 21:02
@jscheffl jscheffl merged commit dec508c into apache:main Sep 3, 2025
107 checks passed
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Sep 30, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 1, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 2, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 3, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 4, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 5, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 5, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 7, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 8, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 9, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 10, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 11, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 12, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 14, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 15, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 17, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
abdulrahman305 bot pushed a commit to abdulrahman305/airflow that referenced this pull request Oct 19, 2025
* Provide React UI for Edge

* Fix static checks

* Have dist file out of gitignore until we have a proper way of build on demand

* Have dist file out of gitignore until we have a proper way of build on demand

* Add mime-type mapping

* Add icon to edge UI

* Add dockerignore to fix tests

* Add correct icon to edge plugin menu entries

* ups, re-add from main

* Fix merge conflict from prek migration

* Add first two empty pages and navigation

* Layout nit to align to dags view

* Create start of DataTable for worker display

* Upgrade dependencies

* Also add dependabot for edge UI

* Add API Specs generation to prepare service binding code generation

* Create API service stubs

* Implement first table accessor for worker list

* Fix hashing and exclude pnpm store

* Fix pytests

* Remove yarn.lock

* Fix problems in pytests with back-compat and db access

* Enable debug mode in vite with real Airflow backend for standalone testing via pnpm dev

* Disable sorting

* Uuups, remove debug print

* Implement authentication for endpoint and fallback ugly HTML table

* Remove clone of DataTable which seems not working

* Switch to Chakra Table

* Chakra Table additions

* Add Jobs page and services

* Ensure codegen is always executed in prek
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Edge Worker Jobs/Hosts tab missing in 3.0.0rc4

4 participants