Primitive 06 / Inspector

Request / response inspector

A two-pane debug view — method chip, URL, full headers table and JSON body on the left for the request, status chip, duration, headers, and body on the right for the response. Stacks on smaller viewports.

Production answer

Request / response inspector is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Request / response inspector states
Generative search brief

Request / response inspector: A two-pane debug view — method chip, URL, full headers table and JSON body on the left for the request, status chip, duration, headers, and body on the right for the response. Stacks on smaller viewports.

Request
POSThttps://api.muffler.men/v1/quotes
NameValue
AuthorizationBearer mufflermen_live_sk_…7af2
Content-Typeapplication/json
X-Mufflermen-Trace-Idtrc_2026_0528_0841_a812
Acceptapplication/json
JSON
{  "registration": "OAK-194",  "service": "muffler_swap",  "vehicle": {    "make": "Falcon",    "model": "XR6",    "year": 2008  },  "notes": "Customer reports rattle on cold start. Workshop bay 3 confirmed."}
Response
201Created218ms
NameValue
Content-Typeapplication/json
X-Mufflermen-Quote-Idqte_2026_0512
Cache-Controlno-store
JSON
{  "id": "qte_2026_0512",  "status": "draft",  "total_aud": 642,  "created_at": "2026-05-28T08:41:08Z",  "url": "https://workshop.muffler.men/quotes/qte_2026_0512"}