# S02: Debug Payload Viewer — Inline View, Copy, and Export in Admin UI

**Goal:** Admin can view full LLM debug payloads (system prompt, user prompt, response) inline in the pipeline event log, copy individual sections to clipboard, and export all debug fields as a JSON file.
**Demo:** After this: Admin clicks an LLM call event, sees full prompt and response in a readable viewer, copies to clipboard, or downloads as JSON

## Tasks
- [x] **T01: Added DebugPayloadViewer component with collapsible System Prompt / User Prompt / Response sections, per-section copy-to-clipboard, and JSON export — wired into LLM call event rows** — Add the 3 debug text fields to the PipelineEvent TypeScript interface, create a DebugPayloadViewer component with collapsible sections for system prompt / user prompt / response, copy-to-clipboard per section, and export-as-JSON download. Wire it into the EventLog event rows in AdminPipeline.tsx. Add CSS styles following the existing JsonViewer pattern. All colors must use var(--color-*) custom properties per D017.
  - Estimate: 45m
  - Files: frontend/src/api/public-client.ts, frontend/src/pages/AdminPipeline.tsx, frontend/src/App.css
  - Verify: ssh ub01 "cd /vmPool/r/repos/xpltdco/chrysopedia && git pull && docker compose build chrysopedia-web-8096 && docker compose up -d chrysopedia-web-8096" && sleep 5 && curl -s http://ub01:8096 | grep -q 'Chrysopedia'
