Showcase
ComponentsCOMP
/design-system/components
contract ds:screen:components-showcase-001 / PRD alias ds:screen:components-001
Catalog visibly enumerates Buttons, Badges/Status, Progress, Avatar Stack, Modal, Dropdown, Accordion, Tab Panel, Data Table, Tooltip, Code Block, Cards, Prompt Card, Section Labels, Status Dots, Skeleton, Empty State, and Error Banner.
Badges & Status
ds:comp:badge-001CyanTealAmberRose|OnlineAwayBusyOffline
Progress Bars
ds:comp:progressBar-001Avatar Stack
ds:comp:avatarStack-001+3
QA
C2
C1
Modal
ds:comp:modal-001Xác nhận Phê duyệt
Bạn có chắc muốn phê duyệt task bd-a1b2? Hành động này không thể hoàn tác.
Dropdown
ds:comp:dropdown-001Accordion
ds:comp:accordion-001FrankenSQLite là SQLite build tùy chỉnh cho Gmind, hỗ trợ MVCC, vector embeddings, và Git-lineage tracking. Nó là SSOT cho toàn bộ PM data.
Mỗi entity (task, plan, commit, PRD section) có một Beads ID duy nhất (format: bd-xxxx). ID này được track qua Git commit trailers và SQL columns.
Agent Village là mô hình orchestration cho multi-agent: mỗi agent giữ file lease 15 phút, activity được log vào event stream, và Orchestrator phân phối tasks.
Tab Panel
ds:comp:tabPanel-001Hiển thị tổng quan dự án với 3 thông báo mới.
Thông số kỹ thuật và cấu hình hệ thống.
Data Table
ds:comp:dataTable-001| ID | Task | Agent | Priority | Status |
|---|---|---|---|---|
| bd-a1b2 | MVCC Layer | Claude-01 | P0 | Active |
| bd-c3d4 | Schema Migration | Claude-02 | P1 | Review |
| bd-e5f6 | CLI Gateway | Claude-03 | P2 | Done |
Tooltip
ds:comp:tooltip-001Tooltip phía trênTooltip phía dướibd-a1b2 — MVCC Layer
Code Block
ds:comp:codeBlock-001$ bd create "Implement MVCC" --type=task → Created bd-a1b2 (task) → Linked to plan bd-p001 $ bd status bd-a1b2 Type: task Status: in-progress Agent: Claude-01
Cards
ds:comp:card-001Base Card
Default card with hover effect
Hero Card
Elevated with glow border
Pillar Cyan
Left accent border
Pillar Rose
Critical accent
Prompt Card
ds:comp:promptCard-001🔍 Code Search
Tìm implementation của MVCC trong FrankenSQLite
📋 Sprint Summary
Tổng hợp các task hoàn thành trong sprint hiện tại
🔒 Admin Only
Cần quyền admin để sử dụng
Section Labels
ds:comp:sectionLabel-001ArchitectureImplementationReview RequiredCritical Path
Status Dots
ds:comp:statusDot-001OnlineAwayBusyOffline|Large OnlineLarge Busy
Skeleton
ds:comp:skeleton-001Text skeleton:
Bar skeleton:
Card skeleton:
Empty State
ds:comp:emptyState-001📭
Không có dữ liệu
Chưa có items nào trong danh sách. Thêm item đầu tiên để bắt đầu.