DRYL COMPONENTS
Color mode: System — switch to light
3.16.0
Data

DrylTimeline

AI-aware

Vertical sequence of events. Each DrylTimelineItem carries a variant-tinted marker and optional body — perfect for activity feeds, audit logs and AI agent step traces, where a step in flight pulses its marker via the shared Ai state.

Event feed

Build queued09:21
Tests passed09:23
312 unit tests, 0 failures.
Canary degraded09:25
Latency p95 rose to 480ms on the EU region.
Rolled back09:27

AI agent trace

Drive the live step through the AI lifecycle.

Prompt received
Retrieving context
Searching the knowledge base…
Calling tool: get_orders
The agent is executing a tool call.
Compose answer

Route — numbered, clickable steps

Number puts the step's position in the marker, OnClick turns the whole row into one button, Active marks the current step (aria-current="step"). Click a stop, or Tab to it and press Enter.

1
Warehouse08:00
Pick up 14 parcels.
2
Harbour office08:40
Two signatures needed.
3
Market square09:15
Loading zone behind the fountain.
4
Hill station10:05
Last stop — hand over the keys.
An unhandled error has occurred. Reload x

Reconnecting to the server…

Attempt /

Next try in s