Update Screenshots for Airflow 3.1.0 Release

[kaxil]

Update documentation screenshots to reflect new features and UI improvements in Airflow 3.1.0.

📋 Screenshot Update Checklist

Core Documentation Pages

• Overview (showcase 3.1.0 capabilities) - (docs) Update Overview screenshots #55813
• Fundamental Concepts - Update images in Core Concepts pages #55817
• UI Guide (comprehensive update for all new features) - @KatalKavya96
• Architecture Overview
• Building a Running Pipeline
• DAGs
• DAG Runs - @KatalKavya96
• Dynamic Task Mapping
• Data-Aware Scheduling
• Managing Connections
• Managing Variables
• Email Configuration
• Add Tags for UI Filtering
• Define Extra Links
• Customize UI
• Using params in Trigger UI Form

New 3.1.0 Feature Pages

• HITL Workflows Documentation (new)
  • HITL task setup tutorial
  • Human approval interface
  • Role-based access controls
• Internationalization Guide (new/updated - location TBD)
  • Language selection interface
  • RTL layout examples (Arabic, Hebrew)
  • Translation completeness indicators
• React Plugin System Guide (updated - location TBD)
  • Plugin management interface
  • Custom dashboard examples
  • External view iframe integration
• Enhanced Calendar and Gantt Views
  • New Calendar view with filtering
  • Updated Gantt view with dynamic legends
• Deadline Alerts (experimental)
  • Alert configuration interface
  • Notification examples
• Inference Execution (documentation location TBD)
  • Streaming API endpoint interface
  • Real-time DAG run monitoring

GitHub Repository

• Airflow GitHub README (main repository screenshots)

Screenshot Guidelines

File Organization:

• Dark mode: airflow-core/docs/img/ui-dark/
• Light mode: airflow-core/docs/img/ui-light/
• Naming: feature-name-description.png
• Include alt-text for accessibility

Quality Standards:

• High resolution (1080p+)
• Clean browser interface
• Consistent zoom level
• Representative data
• Focus on relevant UI elements

How to Contribute

1. Pick a feature area from the list
2. Comment on this issue to avoid duplicate work
3. Take screenshots in both light and dark modes
4. Submit PR with updated documentation and images
5. Reference this issue in PR description

Timeline

• Target: Before Airflow 3.1.0 rc1 release
• Priority deadline: First RC (~Approx week of 2025-09-18)

Committer

• I acknowledge that I am a maintainer/committer of the Apache Airflow project.

[kaxil]

Previous examples for 3.0:

• docs: update screenshots, improve clarity and flow (home page) #48899
• Improve “Fundamental Concepts” Tutorial and Screenshot Organization #49098
• Update screenshots for Airflow 3 UI overview #49518
• Update screenshots in the repo readme to Airflow 3  #49293
• Update screenshots for Dynamic Task Mapping #49529

etc

[KatalKavya96]

Hello @kaxil @jscheffl

I would like to work on this issue. To ensure accuracy and avoid duplication I would like to start with a few areas first and then approach the remaining ones once these are completed. This way I can maintain better consistency and quality across the screenshots.

For the initial scope, I propose to cover:

• UI Guide

• DAG Runs

Enhanced Calendar & Gantt Views

Please assign me this issue, and I will follow the provided guidelines (light & dark mode, 1080p+, consistent zoom, proper naming, alt-text, and documentation updates). After finishing these, I will be happy to extend my work to other sections.

Thanks!

[rawwar]

Please assign me this issue, and I will follow the provided guidelines (light & dark mode, 1080p+, consistent zoom, proper naming, alt-text, and documentation updates). After finishing these, I will be happy to extend my work to other sections.

Thanks!

You can raise draft PR's and we can update the Issue to highlight that a PR exists for the specific item

[cmarteepants]

I think we can remove plugins from the list, neither of the guides have screenshots.
https://github.com/apache/airflow/blob/main/airflow-core/docs/howto/custom-view-plugin.rst
https://github.com/apache/airflow/blob/main/airflow-core/docs/administration-and-deployment/plugins.rst

If we want to revamp them (it's worth it imo) we can do that as part of a separate issue.