dillon1000/react
Commit
Browse files [DevTools] Give a distinct color to the root (#34690)
Stacked on #34654. The root is special since it represents "Initial Paint" (or a "Transition" when an Activity is selected). This gives it a different color in the timeline as well as gives it an outline that's clickable. Hovering the timeline now shows "Initial Paint" or "Suspense". Also made the cursor a pointer to invite you to try to click things and some rounded corners. <img width="1219" height="420" alt="Screenshot 2025-10-02 at 1 26 38 PM" src="https://github.com/user-attachments/assets/12451f93-8917-4f3b-8f01-930129e5fc13" /> <img width="1217" height="419" alt="Screenshot 2025-10-02 at 1 26 54 PM" src="https://github.com/user-attachments/assets/02b5e94c-3fbe-488d-b0f2-225b73578608" /> <img width="1215" height="419" alt="Screenshot 2025-10-02 at 1 27 24 PM" src="https://github.com/user-attachments/assets/c24e8861-e74a-4ccc-8643-ee9d04bef43c" /> <img width="1216" height="419" alt="Screenshot 2025-10-02 at 1 27 10 PM" src="https://github.com/user-attachments/assets/d5cc2b62-fa64-41bf-b485-116b1cd67467" />
Changed paths4 files
First-parent comparisonpackages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.css ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseRects.js ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.css ModifiedM packages/react-devtools-shared/src/devtools/views/SuspenseTab/SuspenseScrubber.js ModifiedPatch
Files changed
Rendering syntax-highlighted changes…