tasks/5.13-frontend-chat-component.md

# 5.13 — Frontend: wire chat page to /api/chat (GREEN)

Phase: 5 — Chat + Rate Limiter (Surface D)
Stage: GREEN

Depends on: [5.6](5.6-chat-e2e.md), [5.12](5.12-chat-sse-events.md)

- [ ] [app/cluster/chat/page.tsx](../app/cluster/chat/page.tsx) currently fakes the queue -> stream transition entirely client-side with `setTimeout`/`setInterval` against hardcoded `REPLY`/`REPLY_REASONING` strings — replace with an SSE read from `POST /api/chat` (mock), parsing `queue`/`reasoning`/`content`/`done` events into the existing `Turn` state shape
- [ ] Collapsible reasoning block, queue position, and streaming-token rendering already exist in the component — this task is the data-source swap, not new UI
(plan) convert original implement plan to mock api 2026-08-19 09:47:14 -07:00			`# 5.13 — Frontend: wire chat page to /api/chat (GREEN)`
(chore) add associate tasks 2026-08-18 20:41:34 -07:00
			`Phase: 5 — Chat + Rate Limiter (Surface D)`
			`Stage: GREEN`

			`Depends on: [5.6](5.6-chat-e2e.md), [5.12](5.12-chat-sse-events.md)`

(plan) convert original implement plan to mock api 2026-08-19 09:47:14 -07:00			- [ ] [app/cluster/chat/page.tsx](../app/cluster/chat/page.tsx) currently fakes the queue -> stream transition entirely client-side with `setTimeout`/`setInterval` against hardcoded `REPLY`/`REPLY_REASONING` strings — replace with an SSE read from `POST /api/chat` (mock), parsing `queue`/`reasoning`/`content`/`done` events into the existing `Turn` state shape
			`- [ ] Collapsible reasoning block, queue position, and streaming-token rendering already exist in the component — this task is the data-source swap, not new UI`