v3.3.5 5 February 2026

Admin Bug Reports — Stripe-Grade Redesign

Three-Zone Detail Panel

The bug report detail pane was a single scrolling column where the admin notes composer could scroll out of view. Redesigned as three fixed zones so context and actions are always visible.

Layout

  • Command bar (pinned top) — title, severity badge, clickable status pill, copy/delete/close actions
  • Scrollable content (flex-1) — tab bar + tab content, only this zone scrolls
  • Composer dock (pinned bottom) — always-visible input with inline submit button

Tab Bar Replaces Accordions

Browser context and API call logs were collapsible accordions buried in the scroll area. Replaced with a proper tab bar between the command bar and content area.

Tabs

  • Summary — description, meta grid (reporter, org, page, submitted), activity history
  • Browser — browser context JSON (only shown if data exists)
  • API — API call list with status codes, methods, paths, and timing (only shown if data exists)

Tabs are conditionally rendered — Browser and API tabs only appear when the report contains that data.

Event-Style Admin Notes

Admin notes were a mutable textarea with “Saved”/“Unsaved changes” state — felt like editing a database field. Redesigned as an event-style update system.

Changes

  • Existing notes display as a read-only activity block in the Summary tab
  • Composer dock has an empty textarea that clears after each submission
  • Each update is timestamped and appended to the notes history
  • Button says “Add” not “Save Notes” — positioned inline inside the textarea
  • No “Saved”/“Unsaved” state text — just the button appearing when you type

Search Bar Removed

Removed the duplicate search input from the bug reports header. The sidebar OmniSearch (⌘K) already handles global search across all admin pages.

Visual Polish

  • Reduced border noise — list dividers use border-edge-subtle, single border between list and detail panes
  • Action icon hit targets — hover:bg-surface-hover rounded-md instead of colour-only hover
  • Status pill accessibility — aria-expanded, aria-haspopup, focus:ring-2
  • Composer dock depth — subtle top shadow to visually lift from content
  • Meta grid spacing — wider horizontal gaps for scannability
  • Description width — capped at 65ch with relaxed line-height

Tags: improvement

Components: Application