Browser URL Access Deep Dive

Design a system that can log, analyze, and visualize every network-level event that occurs from the instant a user presses Enter on a browser URL bar until the Figma design canvas is fully interactive. Your design must capture DNS resolution timing, TCP/TLS handshake metrics, HTTP request/response headers and bodies, CDN edge hits/misses, WebSocket upgrade for real-time collaboration, and the point at which the WebGL canvas renders the first design frame. The solution should be deployable across Figma’s multi-region infrastructure, handle 100k concurrent sessions per region, support sub-millisecond event timestamps, and provide a near-real-time dashboard that lets engineers drill down to a single user’s session and correlate front-end metrics with back-end service traces. You must also discuss how to store this high-cardinality data cost-effectively for 30-day retention and how to surface ML-driven anomaly alerts when any step in the pipeline deviates from learned per-region baselines.