> ## Documentation Index
> Fetch the complete documentation index at: https://playerzero.ai/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# User Replay Sessions

> PlayerZero captures complete end-to-end session context, correlating user actions, system data, and code insights for faster debugging and resolution.

## What Are Replay Sessions?

PlayerZero’s **Replay Sessions** provide end-to-end visibility into user sessions, combining user behavior, DOM state, and developer tools data.  These reports give engineers and support teams **a unified, actionable view** of what happened, why, and where to fix it.

***

## End-to-End Context Capture

<AccordionGroup>
  <Accordion title="User Actions">
    * Captures **every interaction**, including:
      * Clicks, navigations, form submissions, and scrolls.
      * Automatic detection of rage clicks.
      * Reconstructs the full navigation flow to visualize the exact steps to reproduce.
  </Accordion>

  <Accordion title="DOM Snapshots">
    * **Full page state capture** at critical moments, including:
      * Incremental DOM changes as they occur.
      * Shadow DOM and canvas capture support.
      * **Configurable privacy masking** (Relaxed, Normal, or Strict) to safeguard sensitive data.
  </Accordion>

  <Accordion title="DevTools Context">
    * Integrated **developer diagnostics**, including:
      * Complete console logs (errors, warnings, debug messages).
      * Network request monitoring with **performance thresholds**.
      * Automatic JavaScript error capture with full stack traces.
      * Browser and device details, system performance metrics.
  </Accordion>

  <Accordion title="Unified Log View">
    * Organizes **frontend logs** into a single timeline for each session.
    * Provides real-time filtering by **severity, user, or time range**.
    * Streams logs for:
      * Console messages
      * API calls
      * JavaScript errors
  </Accordion>

  <Accordion title="Network Request Visualization">
    * Visualizes **network request flow** with:
      * Request and response details for each API call.
      * Performance breakdowns highlighting slow requests.
      * Error highlighting to pinpoint failed requests.
  </Accordion>
</AccordionGroup>

## Launch AI Directly from Session Data

<AccordionGroup>
  <Accordion title="‘Find in My Code’ Button">
    * Launch AI investigation on **any network request or error** with full session context.
    * The AI connects the dots between **session data and your codebase** automatically.
  </Accordion>

  <Accordion title="‘Debug’ Button on Issues">
    * One-click AI correlation between **user problems and specific files/functions**.
    * The AI suggests:
      * Exact file locations
      * Relevant code explanations
      * Potential fixes and test strategies
  </Accordion>

  <Accordion title="Session Timeline Integration">
    * Start an investigation **directly from any point in a user journey**.
    * The AI **reconstructs the flow**, showing how actions led to specific errors or states.
  </Accordion>
</AccordionGroup>

## QA Widget “Debug Button”

<AccordionGroup>
  <Accordion title="Session Sharing and Capture">
    * A **shareable DevTools widget** with hover animation for quick session capture.
    * Generates **direct links** for instant access to:
      * Debug traces
      * Session timelines
      * Key issue data
  </Accordion>

  <Accordion title="Modal Interface for Issue Reporting">
    * Create **structured bug reports** directly from a captured session:
      * Include console logs, DOM snapshots, network data, and traces.
      * Automatically formatted for handoff to engineering or ticketing systems.
  </Accordion>
</AccordionGroup>

## Get Started

👉 [Setup guide](/developer-guide/quickstart-guide)