Skip to content

Add React plugin support to Dag and task overviews#69992

Merged
bbovenzi merged 1 commit into
apache:mainfrom
shaealh:shaealh/airflow-54228-react-plugin-overviews
Jul 22, 2026
Merged

Add React plugin support to Dag and task overviews#69992
bbovenzi merged 1 commit into
apache:mainfrom
shaealh:shaealh/airflow-54228-react-plugin-overviews

Conversation

@shaealh

@shaealh shaealh commented Jul 17, 2026

Copy link
Copy Markdown
Contributor

Closes #54228

Summary

  • add dag_overview and task_overview React plugin destinations
  • render plugins on the Dag and Task overview pages
  • preserve CSS-based plugin ordering alongside native sections
  • regenerate API clients and add regression tests

Testing

  • Python unit tests
  • UI Vitest tests
  • TypeScript compilation, ESLint, and Prettier
  • Ruff formatting and linting
  • OpenAPI and generated-client validation

Was generative AI tooling used to co-author this PR?
[X] Yes (OpenAI Codex)

@boring-cyborg boring-cyborg Bot added area:airflow-ctl area:API Airflow's REST/HTTP API area:UI Related to UI/UX. For Frontend Developers. backport-to-airflow-ctl/v0-1-test labels Jul 17, 2026
@potiuk potiuk added the ready for maintainer review Set after triaging when all criteria pass. label Jul 18, 2026
@shaealh
shaealh force-pushed the shaealh/airflow-54228-react-plugin-overviews branch 2 times, most recently from 0cc9d93 to 542e049 Compare July 21, 2026 05:37
@bbovenzi bbovenzi added this to the Airflow 3.4.0 milestone Jul 21, 2026

@bbovenzi bbovenzi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please provide screenshots of this working in both overview pages. With both different screen widths and passing a different order number in the plugin.

We'll also need to rebase after #70142 is merged

@bbovenzi

Copy link
Copy Markdown
Contributor

Also, please add the AI disclosure to your PR description

@shaealh
shaealh force-pushed the shaealh/airflow-54228-react-plugin-overviews branch from 542e049 to b7ebd6e Compare July 21, 2026 23:36
@shaealh

shaealh commented Jul 21, 2026

Copy link
Copy Markdown
Contributor Author

@bbovenzi Rebased onto current 'main' and resolved the overview conflicts while preserving the responsive layout from #70142.

Tested with a real React plugin at different viewport widths and CSS order values:

  • Dag overview: 1440px, order 2
  • Dag overview: 768px, order 4
  • Task overview: 1440px, order 1
  • Task overview: 768px, order 3

Local UI, type, lint, generated-client, and focused Python tests all pass.

dag-overview-narrow-order-4 dag-overview-wide-order-2 task-overview-narrow-order-3 task-overview-wide-order-1

@bbovenzi bbovenzi left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice!

@bbovenzi
bbovenzi merged commit 8c205ef into apache:main Jul 22, 2026
156 checks passed
@pierrejeambrun

Copy link
Copy Markdown
Member

Super cool thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:airflow-ctl area:API Airflow's REST/HTTP API area:plugins area:UI Related to UI/UX. For Frontend Developers. ready for maintainer review Set after triaging when all criteria pass.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

AIP-68 Add react plugins Dag/Task Overview pages

4 participants