A four-state request waterfall — nested spans on one shared relative clock, phase segments inside each bar, self-placing duration labels, an interval-attributed critical path ruled over exactly the stretch each span was blocking, and a collapsible tree the arrow keys can walk.
Files · 2
Dependencies
npm packages
lucide-react
zod
Registry items
https://ui.zyeon.ai/r/use-resize-observer.json
utils
Registry Items
chart-trace-waterfall
Configuration
Name
chart-trace-waterfall
Type
UI
Description
A four-state request waterfall — nested spans on one shared relative clock, phase segments inside each bar, self-placing duration labels, an interval-attributed critical path ruled over exactly the stretch each span was blocking, and a collapsible tree the arrow keys can walk.