Skip to content

[web-shared] Traceviewer Sidepanel improvements/bugfixes#1162

Merged
karthikscale3 merged 38 commits intomainfrom
karthik/sidepanel-itg
Feb 23, 2026
Merged

[web-shared] Traceviewer Sidepanel improvements/bugfixes#1162
karthikscale3 merged 38 commits intomainfrom
karthik/sidepanel-itg

Conversation

@karthikscale3
Copy link
Copy Markdown
Contributor

@karthikscale3 karthikscale3 commented Feb 23, 2026

Summary of changes

Tested everything on local and vercel o11y - 90% UI changes, 10% bugfixes

  • Restyled the trace side panel to match logs-page UI more closely (header/action/details spacing, row typography, separators, close button treatment).
  • Added header navigation controls (Up/Down) to move between selected spans, with disabled boundary states.
  • Reworked attribute rows for logs-like layout (better font sizing, spacing, inset dividers, truncation behavior for long values).
  • Added moduleSpecifier UX: truncate in row, click to copy full value with toast.
  • Added shared copyable JSON inspector block (new common component) used by both attribute JSON and event JSON payloads.
  • Added loading skeletons for Input / Output / Event Data and event-loading states.
  • Fixed input wording/pluralization (Input (1 argument) vs arguments) and standardized label capitalization.
  • Enhanced input rendering to include closureVars and thisVal when defined.

Before

CleanShot 2026-02-22 at 21 27 06@2x

After

CleanShot 2026-02-22 at 21 27 43@2x

@karthikscale3 karthikscale3 changed the title [web-shared] Traceviewer Sidepanel improvements and bug fixes [web-shared] Traceviewer Sidepanel improvements/bugfixes Feb 23, 2026
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.

2 participants