Skip to content

fix(dashboard): update responsive dashboard branding - #1597

Merged
dcramer merged 3 commits into
mainfrom
fix/dashboard-header-color-icon
Aug 16, 2026
Merged

fix(dashboard): update responsive dashboard branding#1597
dcramer merged 3 commits into
mainfrom
fix/dashboard-header-color-icon

Conversation

@sentry-junior

@sentry-junior sentry-junior Bot commented Aug 16, 2026

Copy link
Copy Markdown
Contributor

The dashboard header used the line-art avatar, while the installable PWA used the color icon.

This change uses the transparent color icon for the PWA and desktop header. On mobile, the shell header and navigation sheet show the configured bot name instead of an icon. Junior supplies that value from botConfig.userName.

Checks

  • pnpm --filter @sentry/junior-dashboard typecheck
  • pnpm --filter @sentry/junior-dashboard lint
  • dashboard client, CSS, and server builds
  • local conversations visual capture at 390×844 and 1440×900

Requested by David Cramer.

--

View Junior Session [Sentry]

Serve the same junior-avatar.png for the dashboard header avatar and install icon so the shell mark matches the PWA icon.

Co-Authored-By: David Cramer <david@sentry.io>
@vercel

vercel Bot commented Aug 16, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
junior-docs Ready Ready Preview Aug 16, 2026 3:39am

Request Review

@github-actions

github-actions Bot commented Aug 16, 2026

Copy link
Copy Markdown

Dashboard visual evidence

Mode: path-selected
Selected: conversations, conversation-detail, system, component-gallery

Triggered by:

  • packages/junior-dashboard/e2e/conversations.spec.ts
  • packages/junior-dashboard/src/app.ts
  • packages/junior-dashboard/src/assets/junior-avatar-line.png
  • packages/junior-dashboard/src/assets/junior-avatar.png
  • packages/junior-dashboard/src/client/components/layout/DashboardHeader.tsx
  • packages/junior-dashboard/src/client/conversations/ConversationComposer.tsx
  • packages/junior-dashboard/src/client/conversations/ConversationPage.tsx
  • packages/junior-dashboard/src/client/conversations/ConversationTranscript.tsx

Conversations · desktop

Conversations · desktop

Conversations · mobile

Conversations · mobile

Conversation detail · desktop

Conversation detail · desktop

Conversation detail · mobile

Conversation detail · mobile

System · desktop

System · desktop

Component gallery · desktop

Component gallery · desktop

Full-page screenshots from the mock dashboard. Not a pixel-diff gate.

Remove the white backdrop from junior-avatar.png so the header and PWA icon sit cleanly on dark chrome.

Co-Authored-By: David Cramer <david@sentry.io>
Co-Authored-By: David Cramer <david@sentry.io>
@sentry-junior sentry-junior Bot changed the title fix(dashboard): use color PWA icon in header fix(dashboard): update responsive dashboard branding Aug 16, 2026
@dcramer
dcramer marked this pull request as ready for review August 16, 2026 03:47
@github-actions github-actions Bot added the risk: medium PR risk score: medium label Aug 16, 2026
@dcramer
dcramer merged commit cf0201f into main Aug 16, 2026
38 checks passed
@dcramer
dcramer deleted the fix/dashboard-header-color-icon branch August 16, 2026 03:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

risk: medium PR risk score: medium

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant