Skip to content

[DevTools] Gray out Suspense boundaries with no unique suspenders#35925

Draft
devjiwonchoi wants to merge 1 commit intofacebook:mainfrom
devjiwonchoi:devjiwonchoi/suspense-devtools
Draft

[DevTools] Gray out Suspense boundaries with no unique suspenders#35925
devjiwonchoi wants to merge 1 commit intofacebook:mainfrom
devjiwonchoi:devjiwonchoi/suspense-devtools

Conversation

@devjiwonchoi
Copy link

@devjiwonchoi devjiwonchoi commented Feb 27, 2026

Why?

When displaying all Suspense boundaries (filter off), every boundary is colored blue, making it hard to distinguish suspended from non-suspended or Parent suspended from the same ones. This change makes it easier to identify those Suspense boundaries so you can remove or lower them to keep the necessary Suspense closer to the dynamic data source.

Berfore After
CleanShot.2026-02-27.at.23.10.07.mp4
CleanShot.2026-02-27.at.23.12.06.mp4

When the unique suspenders filter is off, non-suspended Suspense
boundaries now appear gray (using --color-dim) instead of the
environment color, making it easy to distinguish which boundaries
actually caused loading states. This applies to both the scrubber
pills and the layout rects.

The hasUniqueSuspenders field is passed through SuspenseTimelineStep
so the scrubber can use it directly without an extra store lookup.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
@meta-cla meta-cla bot added the CLA Signed label Feb 27, 2026
@devjiwonchoi devjiwonchoi changed the title [DevTools] Gray out non-suspended Suspense boundaries [DevTools] Gray out Suspense boundaries with no unique suspenders Feb 27, 2026
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.

1 participant