Events Timeline

See every event across all your dev tools in one chronological timeline. Debug complex user flows by watching network requests, storage changes, state updates, and navigation happen in real-time.

The React Native build of this tool, running here on mock data. The Flutter port ships the same panels — walk the tour, or skip it and start tapping.

Real component, real timeline

1 / 6

Not a video — this is the shipped tool on mock data. Storage writes, Redux actions, queries, requests and navigation land on one axis, in true order.

9:41
Loading live demo…
Mock session, real component — the same code that renders in your app. Step through the tour, or just start tapping.

Installation

pub
flutter pub add buoy_events

Events Timeline automatically aggregates from all installed Buoy tools. No additional setup required — each tool registers its own event source when it registers itself.


Event Sources

SourceEvents
Networkevery HTTP request with status and timing
Storageevery persisted write with diffs
Routesevery navigation with params
Riverpodevery provider state change

Auto-detection — If you have the tool installed, its events automatically appear in the timeline.


What You Can Do

  • One interleaved timeline — newest-first, across all installed source tools.
  • Per-source filters — toggle a source on/off with live subscriber + event counts.
  • Header search — tap the magnifying glass and filter as you type; matches an event's title, its subtitle (status, duration, host, key), and the full URL of network events. Stacks with the source filters.
  • Real detail views — a network event opens the same detail page the Network tool shows, including the shared ignore-domain / ignore-URL toggles that hide matches from both lists.
  • Capture toggle + export — pause capture, and copy as markdown, JSON, plaintext, or a mermaid diagram.

Tap the magnifying glass in the header to filter the timeline as you type. Matches an event's title, its subtitle (status, duration, host, key), and the full URL of network events — so you can search a host, an action type, a storage key, or a query string value.

Search stacks with the source badges — filter to Network, then search for the failing endpoint.


LLM Export

Copy your event timeline in formats optimized for AI assistants. Reproduce a bug, export, and paste into Claude or ChatGPT with your question — or skip the copy-paste entirely and let an agent read it live with the MCP server's get_events.

The export follows what's on screen: filter to a source or search the timeline first and you copy that slice, not the whole session.


Correlation

Related events can share a correlationId (included in JSON / LLM exports) so you can trace a full lifecycle across sources when tools emit one.


What's Next


FAQ

How do I see everything my Flutter app did in one timeline?

Install buoy_events — it aggregates automatically from the Buoy tools you already have: network requests, storage writes, navigation, and Riverpod state changes, newest-first, with per-source filters and live counts. No extra setup.

Can I export the timeline?

Yes — pause capture and copy the timeline as markdown, JSON, plaintext, or a mermaid diagram.