feat: add Sentry v2 UI — exceptions, traces, logs, service map#273
Merged
butschster merged 5 commits intomasterfrom Mar 31, 2026
Merged
feat: add Sentry v2 UI — exceptions, traces, logs, service map#273butschster merged 5 commits intomasterfrom
butschster merged 5 commits intomasterfrom
Conversation
Add sub-navigation with progressive tab visibility, exceptions page with timeline/grouped toggle, trace list with mini-waterfall cards, full trace detail with span waterfall, service map via Vue Flow, logs list with level filters, and contextual empty states with SDK setup snippets.
📸 Storybook ScreenshotsScreenshots for 72 changed components in this PR. Entities/Ray/RayLogDefault
Sf Dump
Zero
Integer
Empty String
Entities/Sentry/MiniWaterfallThree Spans
Five Spans
With Error
Entities/Sentry/PreviewCardSpiral
Laravel
Event
JS Event
Python
Python Log
With Occurrence Badge
Entities/Sentry/SentryEmptyStateExceptions
Traces
Logs
Entities/Sentry/SentryExceptionGroupCardUnhandled
Handled
Single Occurrence
Long Class Name
Entities/Sentry/SentryLogRowInfo
Warning
Error
Debug
Entities/Sentry/SentryLogsListDefault
Loading
Empty
Entities/Sentry/SentryPageBreadcrumbsLaravel
Spiral
Entities/Sentry/SentryPagePage Common
Page Event
Page Laravel
Page Spiral
Page JS
Page JS Message
Page Python
Page Python Log
Entities/Sentry/SentrySubNavDefault
Entities/Sentry/TraceContextBlockDefault
No Spans
Entities/Sentry/TracePreviewCardDefault
With Errors
Long Transaction
Entities/Sentry/TraceWaterfallDefault
With Errors
Empty
Screens/EventPage/EventPageDefault
Screens/NotFound/NotFoundPageDefault
Screens/Sentry/SentryExceptionsPageDefault
Screens/Sentry/SentryLogsPageDefault
Screens/Sentry/SentryTraceDetailPageDefault
Screens/Sentry/SentryTracesPageDefault
Shared/ValueDumpString
Boolean
Sf Dump
Widgets/EventCardMapperDefault
Monolog
Sentry
Smtp
Var Dump
Profiler
Inspector
Http Dump
Sms
Sms With Warnings
Events List
Events List Virtual
Widgets/LayoutSidebarCollapsed
Expanded
Widgets/PageEventHeaderDefault
Auto-generated from Storybook stories of changed |
Update screenshot logic to capture `#storybook-root` content specifically, falling back to full viewport if unavailable.
- Fix breadcrumbs on /sentry/event/:id (resolve type from loaded event) - Add breadcrumb header to Sentry layout (Home / Sentry) - Fix PageEventHeader back link for sentry event detail - Clear sentry structured tables when events are cleared (via WS and REST) - Add real-time WebSocket updates for Sentry sub-nav counts, grouped exceptions, traces list, and logs list (debounced 1s) - Fix ReferenceError from computed accessing ref before declaration Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Remove always-visible toolbar from sf-dump component
- Add right-click context menu with: expand/collapse all, depth
levels, search, copy, and stats
- Search bar appears only via Ctrl+F or context menu (sticky, Esc to close)
- Fix arrow (chevron) click toggle using closest('a') for deep SVG nesting
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Boolean values were showing raw "0"/"1" because the dumpBody conversion was only used in CodeSnippet path. Now booleans render with explicit true/false text and color-coded background (green for true, red for false). Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Full Sentry v2 frontend implementation: sub-navigation with Exceptions / Traces / Logs tabs, grouped exceptions view, trace waterfall visualization, service map, Sentry native logs, and real-time WebSocket updates.
Sentry Section UI
[Exceptions N] [Traces N] [Logs N]with progressive tab visibility and real-time badge countsRouting
/sentry→ redirects to/sentry/exceptions/sentry/exceptions,/sentry/traces,/sentry/logs— sub-section pages/sentry/traces/:traceId— trace detail/sentry/event/:id— dedicated event detail route (avoids conflict with sentry parent route)/sentry/:id→ redirects to/sentry/event/:id(backward compat)Bug Fixes
sentry_error_events.idinstead of canonicalevents.event_id— fixed SQL querytrace_exists=true(backend LEFT JOIN check)event-page.vuenow throws on null event (was silently showing empty page);router.replacefor 404 (fixes "Go back" loop)Home / Sentryheader to Sentry layout; fixed breadcrumb back link for/sentry/event/:idDELETE /api/sentry/allendpoint clears all structured tables; called on Clear Events (both WS and REST paths)fetchJSONchecksresponse.ok;getSinglereturns null on 404SF-Dump Improvements
Ctrl+For context menu (sticky, Esc to close)Design System Alignment
border-l-[3px]accent stripes,text-2xsbadges,bg-gray-50 dark:bg-gray-900containersgray-200 dark:gray-700), hover states, and dark mode tokensBackend Changes (in
server/repo)api_traces.go: Fixedrelated_errorsto returnevent_id(canonical UUID)api_logs.go: Addedtrace_existsfield via LEFT JOINhandler.go: Filter transactions from canonical event feed;isTransaction()detectionapi.go: AddedDELETE /api/sentry/allcleanup endpointcors.go: CORS middleware with configurable origins (default:["*"])config.go:server.cors_originsconfig +CORS_ORIGINSenv varTest plan
🤖 Generated with Claude Code