Compare

Compare picks two captured webhooks and shows you exactly what's different — headers, body, metadata. Critical for debugging "why did this one fail when that one worked?" or spotting schema changes a provider rolled out without telling you.

How It Works

1. Click Compare in the endpoint toolbar — the request list switches to selection mode
2. Click two requests to mark them as A and B (in order of selection)
3. Click View Diff — the comparison opens in a two-pane modal
4. Use the tabs across the top to switch between Meta, Headers, and Body

Comparison Tabs

• Meta — HTTP method, status, content type, payload size, source IP, timestamp, latency, signature verification
• Headers — Every header name and value; missing keys highlighted on the side they're absent from
• Body — JSON-aware structural diff with nested path display (data.customer.id); falls back to text diff for non-JSON

Diff Highlighting

• Green — Present only in B (added)
• Red — Present only in A (removed)
• Yellow — Changed (value differs between A and B)

Toggle Differences only to hide identical fields — most useful for diffing two large payloads where 95% of the body is the same.

Use Cases

• Schema regression detection — diff today's checkout.session.completed against last week's; spot fields a provider added or removed
• Failed vs successful — pick the one your handler accepted and the one it rejected; the diff narrows the bug
• Test vs production parity — diff a request from your test environment against a real one to confirm payload shape matches
• Replay before/after — capture before a code change, replay after, diff the responses

Available on all plans.