🧩 Components Catalog

ds:screen:components-001

Tất cả 18 thành phần — tương tác trực tiếp trên showcase.

Trạng thái:

Buttons

ds:comp:button-001

Badges & Status

ds:comp:badge-001
CyanTealAmberRose|OnlineAwayBusyOffline

Progress Bars

ds:comp:progressBar-001
75%
100%
45%
...

Avatar Stack

ds:comp:avatarStack-001
+3
QA
C2
C1
4 agents hoạt động

Accordion

ds:comp:accordion-001
FrankenSQLite 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-001

Hiển thị tổng quan dự án với 3 thông báo mới.

Data Table

ds:comp:dataTable-001
IDTaskAgentPriorityStatus
bd-a1b2MVCC LayerClaude-01P0Active
bd-c3d4Schema MigrationClaude-02P1Review
bd-e5f6CLI GatewayClaude-03P2Done

Tooltip

ds:comp:tooltip-001
Tooltip 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-001

Base 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-001
ArchitectureImplementationReview RequiredCritical Path

Status Dots

ds:comp:statusDot-001
OnlineAwayBusyOffline|Large OnlineLarge Busy

Skeleton

ds:comp:skeleton-001
Text 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.

Error Banner

ds:comp:errorBanner-001