Integrated Core WebUI and PRD-04 showcase shell. Browser boundary: Go REST API only; no direct shell, FrankenSQLite, Zvec, local git, gh, or FastCode access.
Storyboard route is in default state. Ready: workspace routes render API-mapped data only.
Declared state anchors
Ready: workspace routes render API-mapped data only.
Showcase
StoryboardSTORY
/design-system/storyboard
contract ds:screen:storyboard-showcase-001 / PRD alias ds:screen:storyboard-001
Journey filter, horizontal use-case flow, guidance panel, and CTA shell.
PM Overview
🏷ds:storyboard:pmoverview-0012 usecases
📊PM Sprint Review
PM mở Design System Hub, xem tổng quan, chuyển sang Sprint Board để theo dõi tiến độ sprint, kiểm tra WIP limits và velocity.
Click vào card Kanban Board
Kiểm tra cột 'Đang Làm' — 2 cards, WIP 3
Review card bd-003 (FrankenSQLite driver)
✅PM Trace & Approve
PM trace hệ thống Beads ID từ PRD → Plan → Task → Commit, sau đó phê duyệt task thông qua Approval Gate.
Trace PRD-02 §1 → br-plan-01 → bd-a1b2
Review 3 approval panels
Click ✅ on CLI Gateway panel
Developer
🏷ds:storyboard:developer-0012 usecases
🔍Dev Code Search
Developer mở Agent Console, tìm kiếm 'FrankenSQLite' trong codebase, xem kết quả trong Explorer, đọc PRD-02 trong Doc Viewer.
Xem search results — 4 docs, 2 commits, 1 task
Đọc PRD-02: Storage Layer — section Beads IDs
Click Beads ID br-prd02 → xem đồ thị
📋Dev Pick Task
Developer chọn task từ Sprint Board, kéo sang Đang Làm, mở terminal để bắt đầu code.
Kéo bd-009 từ To Do → Đang Làm
Chạy `bd create "Setup MVCC layer"`
Bắt đầu coding — edit driver.go
QA/Review
🏷ds:storyboard:qareview-0012 usecases
🐛QA Bug Detection
QA xem Activity Feed, phát hiện lỗi regression từ event log, mở Debug Session trong terminal để investigate.
Kiểm tra File Lease indicators
Chạy `go test -v -run TestMVCC_ConcurrentWrite`
Review stack trace and identify root cause
📝QA Code Review
QA review Approval Panel (tests, diff, PRD link), kiểm tra RTM coverage và verify truy vết Beads.
Kiểm tra Ma trận Truy vết — 10 rows
Xem heatmap — 30 sections
Verify truy vết cho gap sections
Architect
🏷ds:storyboard:architect-0011 usecases
🏗️Architect Spike Discovery
Architect đọc Architecture.md, review Knowledge Graph ecosystem, tìm spike reports liên quan qua Explorer.