kiteclass-pro v2

Wave UI Kits Round 2 · Agent A · Direction B (HIGHEST priority)

Static-HTML prototype kit cho P2 Center Owner — desktop-first dashboard với mật độ thông tin trung bình. Mở từng màn hình bên dưới để xem trạng thái, hoặc dùng → floating tabs trong mỗi screen để di chuyển.

📊 Trạng thái dashboard chính
🟢 Default
Owner buổi sáng — 6 stat cards với sparkline · chart 7 tuần · lịch + activity
112 / 128
⏳ Loading (skeleton)
3 stat skeletons + chart skeleton + table skeleton — shadcn-style shimmer
105 / 128
🆕 Empty (first login)
Onboarding 4-step checklist · sample-data peek · zero-state CTA
108 / 128
⚠ Error (503 backend)
Banner + offline mode · cached partial data · retry CTA + status link
102 / 128
🏆 Success milestone
500 HV + 100M đ · achievement timeline · team congrats · next steps
110 / 128
☀ Light parity
Light-mode mirror — same layout, AA contrast preserved across theme swap
110 / 128
⚡ Direction B feature must-haves
⌘K Command palette
20+ commands: Recent · Pinned · Search · Action · Navigation · Prefs · keyboard hints
115 / 128
🧩 Widget grid edit-mode
Drag-drop với handle · resize corner · drop-target ghost · hidden-widget palette
108 / 128
🌗 Sun→moon morph
4-frame timeline · 300ms ease-out keyframes · prefers-reduced-motion respect
105 / 128
🎉 Success + confetti toast
Milestone celebration · bottom-right toast với 4s auto-dismiss · multi-color burst
109 / 128
📋 Self-report
Avg score
108.4 / 128
Target: ≥105 ✅
Min score
102 / 128
Floor: 95 ✅ (error screen)
Verdict
SHIP
10/10 screens passing
100-item AC checklist (per dossier/10-acceptance-criteria.md) — see README.md §Quality self-report cho table chi tiết.