feat(replays): further reduce header size by jerryzhou196 · Pull Request #104246 · getsentry/sentry

jerryzhou196 · 2025-12-02T16:40:03Z

Related to REPLAY-814: Implement new UI for Replay Page

Depends on #104247

This updates the bottom bar to

Reuse the ReplaySessionColumn
Resizes placeholder spaces accordingly

Old:

New:

codecov · 2025-12-02T16:45:32Z

❌ 2 Tests Failed:

Tests completed	Failed	Passed	Skipped
12741	2	12739	10

View the top 2 failed test(s) by shortest run time

replayDetailsUserBadge should hide LIVE badge when last received segment is more than 5 minutes ago

Stack Traces | 0.054s run time

Error: expect(received).toBeVisible()

received value must be an HTMLElement or an SVGElement.
Received has value: null
    at __EXTERNAL_MATCHER_TRAP__ (.../sentry/node_modules/.pnpm/expect@30.0..../expect/build/index.js:2237:22)
    at Object.throwingMatcher [as toBeVisible] (.../sentry/node_modules/.pnpm/expect@30.0..../expect/build/index.js:2238:6)
    at Object.toBeVisible (.../detail/header/replayDetailsUserBadge.spec.tsx:305:48)

replayDetailsUserBadge should show LIVE badge when last received segment is within 5 minutes

Stack Traces | 0.07s run time

Error: expect(received).toBeVisible()

received value must be an HTMLElement or an SVGElement.
Received has value: null
    at __EXTERNAL_MATCHER_TRAP__ (.../sentry/node_modules/.pnpm/expect@30.0..../expect/build/index.js:2237:22)
    at Object.throwingMatcher [as toBeVisible] (.../sentry/node_modules/.pnpm/expect@30.0..../expect/build/index.js:2238:6)
    at Object.toBeVisible (.../detail/header/replayDetailsUserBadge.spec.tsx:238:48)

To view more test analytics, go to the Test Analytics Dashboard
_{📋 Got 3 mins? Take this short survey to help us improve Test Analytics.}

linear · 2025-12-02T16:49:38Z

REPLAY-814 Implement new UI for Replay Page

…ation (#104247) > Related to [REPLAY-814: Implement new UI for Replay Page](https://linear.app/getsentry/issue/REPLAY-814/implement-new-ui-for-replay-page) Change columns to support generic link objects. This is used in #104246 to maintain the user email search feature.

static/app/views/replays/detail/header/replayDetailsUserBadge.tsx

michellewzhang

with the new styling, it's less obvious that the header is a link (to the search) -- does this matter?

static/app/components/replays/table/replayTableColumns.tsx

jerryzhou196 · 2025-12-16T21:46:14Z

with the new styling, it's less obvious that the header is a link (to the search) -- does this matter?

@billyvg, thoughts?

billyvg · 2025-12-17T15:29:18Z

with the new styling, it's less obvious that the header is a link (to the search) -- does this matter?

@billyvg, thoughts?

Yeah I think that's fine, we will take what the standard components gives us (design wise)

static/app/components/replays/table/replayTableColumns.tsx

jerryzhou196 · 2025-12-17T17:08:00Z

@billyvg okay, instead of removing referrer_table, i added some logic to check if we're on the details page, and set it to 'details' instead of 'main':

code:

sentry/static/app/components/replays/table/replayTableColumns.tsx

Line 530 in aab9459

    
           referrer_table: referrer === '/explore/replays/:replaySlug/' ? 'details' : 'main',

static/app/components/replays/table/replayTableColumns.tsx

This reverts commit bf2f055.

static/app/views/replays/detail/header/replayDetailsUserBadge.spec.tsx

The new design changes werent that major so we are removing this flag. (usage was removed in #104246, flag removed in getsentry/sentry-options-automator#6052)

github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Dec 2, 2025

jerryzhou196 mentioned this pull request Dec 2, 2025

refactor(replay): update replay components to use linkQuery for navigation #104247

Merged

vercel bot deployed to Preview December 2, 2025 17:00 View deployment

vercel bot deployed to Preview December 2, 2025 21:25 View deployment

jerryzhou196 marked this pull request as ready for review December 11, 2025 01:45

jerryzhou196 requested a review from a team as a code owner December 11, 2025 01:45

vercel bot deployed to Preview December 11, 2025 01:47 View deployment

cursor bot reviewed Dec 11, 2025

View reviewed changes

static/app/views/replays/detail/header/replayDetailsUserBadge.tsx Outdated Show resolved Hide resolved

vercel bot deployed to Preview December 11, 2025 02:19 View deployment

michellewzhang reviewed Dec 11, 2025

View reviewed changes

static/app/components/replays/table/replayTableColumns.tsx Show resolved Hide resolved

vercel bot deployed to Preview December 17, 2025 16:41 View deployment

cursor bot reviewed Dec 17, 2025

View reviewed changes

static/app/components/replays/table/replayTableColumns.tsx Show resolved Hide resolved

vercel bot deployed to Preview December 17, 2025 17:07 View deployment

cursor bot reviewed Dec 17, 2025

View reviewed changes

static/app/components/replays/table/replayTableColumns.tsx Outdated Show resolved Hide resolved

billyvg requested review from a team as code owners December 19, 2025 16:44

vercel bot deployed to Preview December 19, 2025 16:47 View deployment

billyvg requested a review from ryan953 December 19, 2025 16:51

vercel bot deployed to Preview December 22, 2025 18:01 View deployment

billyvg added the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Dec 22, 2025

github-actions bot removed the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 5, 2026

vercel bot deployed to Preview January 5, 2026 14:37 View deployment

billyvg added the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 5, 2026

billyvg force-pushed the new-replay-ui-3-shrink-bottom-header-4 branch from 606d039 to 9915491 Compare January 5, 2026 19:32

billyvg added 10 commits January 6, 2026 09:32

wip

47be968

Revert "add referrer as prop"

aa5810d

This reverts commit bf2f055.

revert change to referrer_table

d54dfa1

move refresh button

3fc83da

revert change to referrer_table

f1d3a71

clean up css + live

ef7332c

update comment

b85a036

remove fixed height, cleanups, remove ui feature flag, not needed

661227f

remove exports

0ea717e

fix tests

a1af845

billyvg force-pushed the new-replay-ui-3-shrink-bottom-header-4 branch from ca162d0 to a1af845 Compare January 6, 2026 14:40

github-actions bot removed the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 6, 2026

vercel bot deployed to Preview January 6, 2026 14:42 View deployment

design changes after chat w/ jesse

6791b01

billyvg added the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 6, 2026

vercel bot deployed to Preview January 6, 2026 15:52 View deployment

cursor bot reviewed Jan 6, 2026

View reviewed changes

static/app/views/replays/detail/header/replayDetailsUserBadge.spec.tsx Outdated Show resolved Hide resolved

accent + font size

3075c5e

github-actions bot removed the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 6, 2026

billyvg added the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 6, 2026

vercel bot deployed to Preview January 6, 2026 16:14 View deployment

update tests

6aac250

github-actions bot removed the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 6, 2026

vercel bot deployed to Preview January 6, 2026 18:09 View deployment

billyvg added the Trigger: getsentry tests Once code is reviewed: apply label to PR to trigger getsentry tests label Jan 6, 2026

billyvg merged commit 5758781 into master Jan 6, 2026
53 of 54 checks passed

billyvg deleted the new-replay-ui-3-shrink-bottom-header-4 branch January 6, 2026 19:01

billyvg added a commit that referenced this pull request Jan 7, 2026

feat(replay): Remove flag replay-details-new-ui (#105694)

0dfadd3

The new design changes werent that major so we are removing this flag. (usage was removed in #104246, flag removed in getsentry/sentry-options-automator#6052)

github-actions bot mentioned this pull request Jan 10, 2026

ci(release): Switch from action-prepare-release to Craft #106005

Merged

github-actions bot locked and limited conversation to collaborators Jan 22, 2026

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

feat(replays): further reduce header size#104246

feat(replays): further reduce header size#104246
billyvg merged 22 commits intomasterfrom
new-replay-ui-3-shrink-bottom-header-4

jerryzhou196 commented Dec 2, 2025 •

edited by billyvg

Loading

Uh oh!

codecov bot commented Dec 2, 2025 •

edited

Loading

Uh oh!

linear bot commented Dec 2, 2025

Uh oh!

Uh oh!

michellewzhang left a comment •

edited

Loading

Uh oh!

Uh oh!

jerryzhou196 commented Dec 16, 2025

Uh oh!

billyvg commented Dec 17, 2025

Uh oh!

Uh oh!

jerryzhou196 commented Dec 17, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

Uh oh!

Conversation

jerryzhou196 commented Dec 2, 2025 • edited by billyvg Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

codecov bot commented Dec 2, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

❌ 2 Tests Failed:

Uh oh!

linear bot commented Dec 2, 2025

Uh oh!

Uh oh!

michellewzhang left a comment • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

jerryzhou196 commented Dec 16, 2025

Uh oh!

billyvg commented Dec 17, 2025

Uh oh!

Uh oh!

jerryzhou196 commented Dec 17, 2025

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

4 participants

jerryzhou196 commented Dec 2, 2025 •

edited by billyvg

Loading

codecov bot commented Dec 2, 2025 •

edited

Loading

michellewzhang left a comment •

edited

Loading