Skip to content

feat(portal): JSON viewer with syntax highlighting - #800

Merged
alexluong merged 2 commits into
mainfrom
feat/json-viewer
Apr 8, 2026
Merged

feat(portal): JSON viewer with syntax highlighting#800
alexluong merged 2 commits into
mainfrom
feat/json-viewer

Conversation

@alexluong

@alexluong alexluong commented Mar 30, 2026

Copy link
Copy Markdown
Collaborator

implements #322 #323

Summary

  • Add JSONViewer component with syntax-highlighted, collapsible JSON display and copy-to-clipboard
  • Replace raw <pre> blocks in attempt detail drawer (Data, Metadata, Response) and destination filter view
  • Fix include query param to use bracket syntax (include[]=event.data&include[]=response_data) matching the backend's ParseArrayQueryParam

Test plan

  • Open an attempt detail — verify Data, Metadata, Response sections render with colored syntax
  • Click { N items ↓ } to expand, { N items ↑ to collapse
  • Click copy button — verify JSON is copied to clipboard
  • Click "Expand all" / "Collapse all"
  • Check destination overview filter display
CleanShot.2026-03-31.at.04.12.36.mp4
CleanShot.2026-03-31.at.04.14.58.mp4

🤖 Generated with Claude Code

Replace raw `<pre>` + `JSON.stringify` blocks with a collapsible,
syntax-highlighted JSON viewer component. Also fix the `include` query
param format to use bracket syntax expected by the backend.

Closes #323
Closes #322

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel

vercel Bot commented Mar 30, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
outpost-docs Ready Ready Preview, Comment Mar 30, 2026 9:12pm
outpost-website Ready Ready Preview, Comment Mar 30, 2026 9:12pm

Request Review

@vercel
vercel Bot temporarily deployed to Preview – outpost-docs March 30, 2026 20:46 Inactive
@vercel
vercel Bot temporarily deployed to Preview – outpost-website March 30, 2026 20:46 Inactive
@vercel
vercel Bot temporarily deployed to Preview – outpost-docs March 30, 2026 20:55 Inactive
…and all

Move expand/collapse state from individual nodes to a centralized
Set<string> of expanded paths. Fixes button label not reflecting
actual node state after manual toggles.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
@vercel
vercel Bot temporarily deployed to Preview – outpost-docs March 30, 2026 21:12 Inactive
@vercel
vercel Bot temporarily deployed to Preview – outpost-website March 30, 2026 21:12 Inactive
@alexluong
alexluong requested a review from alexbouchardd March 30, 2026 21:15
@alexluong
alexluong merged commit eff6d0d into main Apr 8, 2026
5 checks passed
@alexluong
alexluong deleted the feat/json-viewer branch April 8, 2026 12:50
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