Response viewer
Renders the HTTP response with a status chip, duration, and size header. Tabs flip between raw JSON, collapsible tree, and headers. Pre-parses JSON safely — falls back to raw view when the body is non-JSON.
Production answer
Response viewer is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Primary CTAReview Response viewer states
Generative search brief
Response viewer: Renders the HTTP response with a status chip, duration, and size header. Tabs flip between raw JSON, collapsible tree, and headers. Pre-parses JSON safely — falls back to raw view when the body is non-JSON.
JSONresponse.json
{ "data": [ { "sku": "MFM-OE-7821", "title": "OE-spec rear muffler — Falcon XR6", "stock_on_hand": 12, "price_aud": 318.5, "fitment": { "make": "Falcon", "model": "XR6", "year_range": "2002-2008" } }, { "sku": "MFM-PERF-9120", "title": "Performance cat-back kit — VE Commodore", "stock_on_hand": 4, "price_aud": 1240, "fitment": { "make": "Commodore", "model": "VE", "year_range": "2006-2013" } } ], "meta": { "cursor_next": "MFM-OE-7820", "count": 2 }}JSONresponse.json
{ "error": { "code": "validation_failed", "message": "service code 'mufler_swap' is not a known service", "field": "service", "suggested": "muffler_swap" }}