The side panel is divided into four parts: a header, a tab bar, the active tab body, and a drawer that slides up when you inspect an event. Everything else is keyboard- and mouse-accessible.
Header bar
The brand mark, current host, action menu, and live indicator. The live dot pulses when the page is actively firing — solid grey means the stream is idle (or paused).
- Snapshot — capture the current state. Re-click to compare.
- Save run — name the current state and persist it. → Saved Runs
- Export — download the standalone HTML report. → Exporting reports
- Theme — toggle light / dark. → Themes
The four tabs
| Tab | What it shows |
|---|---|
| Tags | Platform-grouped cards (Google, Meta, LinkedIn, Microsoft, server-side) with extracted measurement IDs and fire counts. → Tag status badges |
| Live Events | Real-time event stream with platform, event name, method, timestamp, latency. → Reading the stream |
| Audit | A–F score, consent timeline, cookies, PII findings, server-side findings, pre-consent violations, recommended fixes. |
| dL | Live dataLayer.push() log with expandable JSON. → DataLayer Inspector |
Action bar
Sits below the tab row on Live Events. Hosts the platform filter chips, the search box (substring or /regex/), and the pause toggle.
The drawer
Click any event row to open the drawer over the bottom 45% of the panel. It shows the full payload table, parameter validation, funnel mismatch alerts, and the routing summary for GA4 hits. Drag the top grip to resize, double-click to expand to 90%, click the framed × to close. → Inspecting event payloads
Badges you'll see
- live — the page is currently firing
- NEW — this row appeared after your snapshot
- PII — this fire leaked personal data
- SST — server-side or first-party-proxied fire
- DENIED / MODELED / VIOLATION — Consent Mode classification
- Latency pill (green / yellow / red) — fire timing relative to nav start