Skip to content

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

Open
alexluong wants to merge 2 commits intomainfrom
feat/json-viewer
Open

feat(portal): JSON viewer with syntax highlighting#800
alexluong wants to merge 2 commits intomainfrom
feat/json-viewer

Conversation

@alexluong
Copy link
Copy Markdown
Collaborator

@alexluong alexluong commented Mar 30, 2026

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
Copy link
Copy Markdown

vercel bot commented Mar 30, 2026

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

…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>
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.

1 participant