Session Replays
Capture, analyze, and replay exact user actions and environment states that led to bugs. Inspect cursor movements, DOM mutations, console statements, and network requests.
KEY CAPABILITIES
Claron's replay engine tracks elements in real-time, giving you pixel-perfect playback of the user's workspace interaction.
Replay Data Points Captured
- Interaction Capture
- Records mouse tracking coordinates, clicks, scrolls, keystrokes, and hover coordinates dynamically.
- DOM Mutations
- Maintains a record of all DOM additions, modifications, and style mutations for perfect visual reproduction.
- Console & Network Logs
- Captures error stack traces, standard logs, API call requests, and HTTP response statuses side-by-side.
- Offline Playback
- Allows developers to download session files and replay them locally without consuming server storage limits.
REPLAYS DASHBOARD & SEARCH
Navigate to Platform → Replays in the sidebar. The dashboard provides a comprehensive list of all stored session replays in your workspace.
Dashboard Filtering Controls
- Project Filter
- Limit the list to a single project to investigate project-specific UX issues.
- Session Mode
- Toggle between Solo review sessions and collaborative multiplayer sessions.
- Session Type
- Filter by Portal (hosted previews), Console (extension-based reviews), or Guest sessions.
- Time Range
- Query sessions started in the last 24 hours, 7 days, or 30 days.
PLAYING BACK A SESSION
Interactive Playback Player
The replay modal contains speed adjustments (0.5x to 4x), keyboard shortcut navigation, and tabs to analyze events, console logs, and requests side-by-side with the visual stream.
Click the Play button beside any session. The player modal opens with:
- Timeline scrubber: Drag or click to skip to specific timestamps. Highlights clicks and annotations.
- Playback rate: Slow down to inspect race conditions or speed up through idle periods.
- Metadata pane: Inspect viewport sizes, user agents, and total annotations created during the session.
OFFLINE LOCAL REPLAY PLAYBACK
To reduce local storage usage or analyze shared files from other developers, you can export and playback session data offline.
Upload Local Replay File
On the Replays dashboard, click Upload Replay and select an exported `.json` session record. The Claron player loads and replays the session locally within your browser context without uploading to the cloud.