66 lines
2.4 KiB
Markdown
66 lines
2.4 KiB
Markdown
# Story 4.3: Konferenzzimmer — Live-Execution-UI
|
||
|
||
<!-- 🏃 Prepared by BMAD SM Skill — Agent: Bob (Scrum Master) -->
|
||
<!-- Skill Command: /bmad-agent-bmm-sm → [CS] Context Story -->
|
||
|
||
Status: done
|
||
|
||
## Story
|
||
|
||
Als **Nutzer**,
|
||
möchte ich **im Konferenzzimmer-Tab den laufenden Council in Echtzeit sehen**,
|
||
so dass ich **transparent nachvollziehen kann, was die KI gerade tut**.
|
||
|
||
## Acceptance Criteria
|
||
|
||
1. Eingabebereich für Prompt-Text und Mode-Toggle (Auto-Pilot / God Mode)
|
||
2. „Starten"-Button startet Blueprint-Run via `POST /api/councils/{id}/run`
|
||
3. WS-Verbindung öffnet sich → aktiver Node pulsiert gelb im Live-Canvas
|
||
4. Nach Abschluss: finales Dokument erscheint im Output-Bereich
|
||
5. Bei Fehler: klare Fehlermeldung mit Fehlergrund
|
||
6. God-Mode-Overlay erscheint bei `status=paused`
|
||
|
||
## Tasks / Subtasks
|
||
|
||
- [x] Task 1: `konferenzzimmer/page.tsx` Hauptkomponente (AC: 1–6)
|
||
- [x] Subtask 1.1: Prompt-Eingabe + Blueprint-Auswahl-Dropdown
|
||
- [x] Subtask 1.2: Mode-Toggle (Auto-Pilot / God Mode)
|
||
- [x] Subtask 1.3: `useCouncilWebSocket` Hook-Integration
|
||
- [x] Subtask 1.4: Live-Canvas (read-only React Flow)
|
||
- [x] Subtask 1.5: Output-Bereich mit `whitespace-pre-wrap`
|
||
- [x] Task 2: God-Mode-Overlay-Komponente (AC: 6)
|
||
- [x] Subtask 2.1: Approve / Reject / Modify Buttons
|
||
- [x] Subtask 2.2: Modify-Modus: Textarea für Draft-Bearbeitung
|
||
- [x] Task 3: Blueprint-Run-Endpunkt `POST /api/councils/{id}/run` (AC: 2)
|
||
- [x] Task 4: `GET /api/councils/` für Blueprint-Liste im Dropdown
|
||
|
||
## Dev Notes
|
||
|
||
- Live-Canvas ist schreibgeschützt: `nodesDraggable={false}`, `nodesConnectable={false}`
|
||
- `markNodeActive(nodeName)` sucht Node per `data.label`-Übereinstimmung
|
||
- God-Mode-Overlay: `fixed inset-0` Backdrop mit zentriertem Modal
|
||
|
||
### Project Structure Notes
|
||
|
||
- `frontend/app/konferenzzimmer/page.tsx`
|
||
- Wiederverwendung: `ArchitectCanvas`, `useCouncilWebSocket`, `council-store`
|
||
|
||
### References
|
||
|
||
- [Source: _bmad-output/planning-artifacts/ux-design.md#User-Journey-God-Mode]
|
||
- [Source: _bmad-output/planning-artifacts/architecture.md#Sequenzdiagramm-Council-Run]
|
||
|
||
## Dev Agent Record
|
||
|
||
### Agent Model Used
|
||
|
||
Amelia (💻 BMAD Dev Agent)
|
||
|
||
### Completion Notes List
|
||
|
||
- Polling-Fallback für Blueprint-Liste: `councilApi.list()` beim Mount einmalig aufgerufen.
|
||
- God-Mode-Overlay nutzt `onPaused`-Callback aus `useCouncilWebSocket`.
|
||
|
||
### File List
|
||
|
||
- `frontend/app/konferenzzimmer/page.tsx`
|