[Epic] Replay: HTTP Request/Response in Network tab

[bruno-garcia]

This tracks the work required to deliver network request/response on Replay the Network tab.
It's a very common customer request.

JS SDK tracking this: getsentry/sentry-javascript#7103 (several 👍 here).

Internal Release

Beta Give feedback

1. https://github.com/getsentry/team-replay/issues/43
2. Include bytes sent/received in HTTP requests for replays sentry-javascript#7373
   Package: replay Type: Improvement +2
   
3. Update Network table to use the correct keys for response sizes #46051
   Status: Backlog +1
   
4. Update sentry to SDK version w/ request sizes #46052
   Status: Backlog +1
   
5. Update sentry to SDK version w/ request/resp body #46080
   Status: Backlog +1
6. Add UI to display network request/response body #46054
   Status: Backlog +1
   
7. feat(replay): Add experiment to capture request/response bodies sentry-javascript#7589
   Package: replay +1
   
8. https://github.com/getsentry/team-replay/issues/52

EA

Beta Give feedback

1. [Design] Empty states for HTTP Req/Res + API Headers #46603
   Status: Backlog +1
   
2. [Design] "Organic" Introduction of HTTP Request/Response + API Headers #46637
   Status: Backlog +1
   
3. Add truncation to request/response bodies sentry-javascript#7531
   Package: replay Status: Backlog +2
   
4. Session Replay: Key-based PII scrubbing relay#2007
   +0
   
5. Capture request/response headers for outgoing requests in Replay sentry-javascript#7495
   Package: replay Type: Feature +2
   
6. Add request/response headers in Network details #47425
   Status: Backlog +1
   
7. Define allowlist of URLs to capture replay request bodies/headers for sentry-javascript#7830
   Package: replay Status: Backlog Type: Feature +3
   

GA

Beta Give feedback

1. [Implementation] Introduction of Network Res/Req + Empty States #47556
   Status: Backlog +1
   
2. [Design] Opt-in state for HTTP Req/Res/API Headers #47548
   Status: Backlog +1
   
3. Replay Network - Build opt-in/config states for the network details req/resp thing #47833
   Product Area: Replays Status: Backlog +2
   
4. https://github.com/getsentry/team-replay/issues/55
5. https://github.com/getsentry/team-replay/issues/72
6. Move network body capture configuration to public API
7. Replay: Optionally attach HTTP request/response payloads sentry-javascript#7103 (Close with link to docs and let everyone know it's ready)
8. [Success Metrics] Add analytics for engagement related to the network details panel req/resp #47835
   Product Area: Replays Status: Backlog +2
   

[getsantry]

Routing to @getsentry/replay for triage, due by Thursday, March 9th at 1:32 pm (sfo). ⏲️

[bruno-garcia]

We considered adding req/resp to Sentry breadcrumbs in this PR:

• feat(browser): Allow to capture request payload/responses sentry-javascript#7287

Finally decided against it for a few reasons: We keep around by default 100 crumbs. This means changes are high that we'll go over the event size limit and the event will be dropped instead. Also that would require work on the event detail and transaction breadcrumb component to render these properly. Truncation was considered to keep the size within certain limits but as we did that with event.request in the past it often results in a broken JSON and has diminishing value.

[bruno-garcia]

Enabled the feature to all EA customers. Let folks know in: getsentry/sentry-javascript#7103 (comment)

[bruno-garcia]

Rolled out to 100% of customers. Docs: https://docs.sentry.io/platforms/javascript/session-replay/configuration/#network-details