Skip to content

feat(dashboard): redesigned session page and session replay player - #640

Merged
lindesvard merged 7 commits into
mainfrom
design-improvements-for-sessions
Nov 2, 2026
Merged

lindesvard merged 7 commits into
mainfrom
design-improvements-for-sessions

Conversation

@lindesvard

@lindesvard lindesvard commented Nov 2, 2026 •

Copy link
Copy Markdown
Contributor

Redesigns the session detail page to match the profile page and rebuilds the session replay player.

Added

  • Replay scrubber with an activity waveform from the recorded interactions, clickable page bands, grouped event markers and rage-click markers
  • Replay controls: skip idle time (on by default, with a badge while skipping), playback speed 0.5×–8×, jump 10 seconds, previous/next event, fullscreen
  • Replay keyboard shortcuts: Space/K play-pause, J/L ±10s, ,/. previous/next event, </> speed, I skip idle, F fullscreen
  • Phone frame for recordings with a portrait viewport; the stage sizes itself to the recording
  • Session page journey strip showing each page visited with time on page, entry and exit
  • Session page timeline grouping events under the page they happened on, with elapsed time and property tags

Changed

  • Session page header shows the visitor, date, duration, location, referrer, device, OS and browser, with "Watch replay" and "Copy id" actions
  • Session metrics (duration, page views, unique pages, events, time per page, revenue) shown as a metric strip
  • Session details split into Session, Source and Device tabs, next to a visitor card, groups, AI usage and popular events
  • Replay activity feed lists every event, dims upcoming ones, highlights the current one and follows playback

Fixed

  • Replays longer than the first batch of chunks stopped early: the timeline ended where the first batch did (e.g. 0:53 of a 1:44 recording)
  • The session page showed at most 50 events; it now loads all of them (up to 2,000) and says when the list is still loading, failed or capped
  • Paged event lists (events, profile, group and cohort event tables) skipped events that shared a second with the last row of a page

Summary by CodeRabbit

  • New Features
    • Session details now show key metrics, page journeys with entry and exit pages, visit durations, and an event timeline with elapsed times and event details.
    • Session properties include session, source, and device details, alongside visitor and group information. Session pages offer replay and copy-ID actions.
    • Session event history loads additional results in the background and provides retry and event-limit notices when applicable.
    • Session replay includes playback speed and idle-time controls, keyboard shortcuts, event navigation, and an activity feed.
    • The replay timeline highlights page visits, activity levels, and rapid-click indicators. Selecting an event jumps to its point in the recording, and the replay frame adapts to phone or browser recordings.

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant