Skip to content

UI: Add Expand/Collapse all to XComs page - #56083

Merged
pierrejeambrun merged 4 commits into
apache:mainfrom
KatalKavya96:fix/xcom-expand-collapse
Oct 1, 2025
Merged

UI: Add Expand/Collapse all to XComs page#56083
pierrejeambrun merged 4 commits into
apache:mainfrom
KatalKavya96:fix/xcom-expand-collapse

Conversation

@KatalKavya96

Copy link
Copy Markdown
Contributor

UI: Restore “Expand/Collapse all” on XComs page
closes: #56061

What’s changed

  • Added Expand all / Collapse all controls to the XComs page toolbar, matching the Audit Logs page.

  • Plumbed a boolean open state (via Chakra’s useDisclosure) into the XComs table and forwarded it to each row’s value renderer.

  • Updated XComEntry to accept an optional open prop and pass collapsed: !open to RenderedJsonField so JSON objects/arrays expand or collapse globally.

  • Kept scalar values rendering as plain text; added lightweight URL auto-linking for better readability.

Rationale

  • The Audit Logs page exposes a global expand/collapse control for JSON content, but XComs did not. This restores UI parity and improves usability when scanning large XCom payloads.

Implementation notes

  • No API or backend changes.

  • Reused existing i18n keys from Audit Logs for button labels (auditLog.actions.expandAllExtra, auditLog.actions.collapseAllExtra).

  • No changes to table sorting, pagination, or filters.

Demo Video

Screen.Recording.2025-09-25.at.3.52.47.AM.mov

@boring-cyborgboring-cyborgBot added the area:UI Related to UI/UX. For Frontend Developers. label Sep 24, 2025
Comment threadairflow-core/src/airflow/ui/src/pages/XCom/XComEntry.tsx
Comment threadairflow-core/src/airflow/ui/src/pages/XCom/XComEntry.tsx
@KatalKavya96

Copy link
Copy Markdown
ContributorAuthor

@RoyLee1224 Sure i will re apply all changes that are unrelated and removed. Thanks for the review

Comment threadairflow-core/src/airflow/ui/src/pages/XCom/index.ts Outdated
@bbovenzibbovenzi added this to the Airflow 3.1.1 milestone Sep 29, 2025

@pierrejeambrunpierrejeambrun left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Nice thanks

@pierrejeambrun
pierrejeambrun merged commit 9c96500 into apache:mainOct 1, 2025
57 checks passed
github-actionsBot pushed a commit that referenced this pull request Oct 1, 2025
* UI: Add Expand/Collapse all to XComs page
* Restored few changes
* Fixing lint issue
* Made suggested Changes
(cherry picked from commit 9c96500)
Co-authored-by: Kavya Katal <KAVYAKATAL09@GMAIL.COM>
@github-actions

Copy link
Copy Markdown
Contributor

Backport successfully created: v3-1-test

StatusBranchResult
v3-1-testPR Link

pierrejeambrun pushed a commit that referenced this pull request Oct 1, 2025
* UI: Add Expand/Collapse all to XComs page
* Restored few changes
* Fixing lint issue
* Made suggested Changes
(cherry picked from commit 9c96500)
Co-authored-by: Kavya Katal <KAVYAKATAL09@GMAIL.COM>
@KatalKavya96

Copy link
Copy Markdown
ContributorAuthor

Thanks a lot @bbovenzi , @pierrejeambrun , and @RoyLee1224 for reviewing and giving your time on this PR. Really appreciate the feedback and guidance that helped get this in smoothly.

dabla pushed a commit to dabla/airflow that referenced this pull request Oct 12, 2025
* UI: Add Expand/Collapse all to XComs page
* Restored few changes
* Fixing lint issue
* Made suggested Changes
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

area:UIRelated to UI/UX. For Frontend Developers.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

No expand/collapse option on the Xcoms page

4 participants

@KatalKavya96@bbovenzi@pierrejeambrun@RoyLee1224