Màn hình - Sổ từ vựng (Screen Flow)

Scope

• Quản lý List (list-centric) và học theo phiên auto; queue item dựa trên spaced repetition, hỗ trợ cả phiên có giới hạn thời gian (ví dụ 10/15/20 phút) và phiên không giới hạn (học theo nhóm item nhỏ).
• AI generate + moderation; Archived có nhưng không ưu tiên UI.
• Monetization: hiển thị số dư credit AI, quyền subscription (all-in-one), gợi ý mua thêm credit/gói.

Danh sách màn hình

• Home (Vocabulary Home)
  • Sections: Hero, Subnav, Action Hub, DOL Sets (mental models), My Lists, Community Highlights, Progress Overview (Progress Lite), Archived link
  • Note: Card “Mục tiêu tuần” hiển thị tổng (All); xem chi tiết theo môn trong popup “Chi tiết mục tiêu tuần”.
  • Card hiển thị theo subject: IELTS/SAT dùng Languages mode; Math/Physics/Chemistry dùng Sciences mode (Chem = Sciences). Mixed session hiển thị per‑item.
  • Sciences mode: không song ngữ bắt buộc; front/back là nội dung tự do (text + LaTeX/mhchem). Có thể có Note (textarea) ở back.
  • Monetization strip: badge All-in-one active hoặc Bạn còn X credit + CTA Mua thêm.
• Index (List Index)
  • Danh sách List (badge System/User, moderation status nếu là owner)
  • Mini-stats: total, Chưa học, Đang ôn, Thành thạo (gộp từ 6 mức)
  • Actions: Create List (Manual/AI), Create Group, View Archived
  • Upsell card hiển thị khi credit < threshold hoặc chưa có subscription
• Manual Composer
  • Tạo List thủ công: nhập tiêu đề/subject, thêm/sửa/xoá item, lưu
• List Detail
  • Items 1 môn (subject)
  • Stats chi tiết; Start Review (10 mục mặc định, có thể đổi)
  • system|practice_suggested: khoá sửa nội dung; cho phép rename list, quản lý group
  • Section AI tools chỉ hiển thị khi user có credit hoặc gói all-in-one; nếu hết credit → CTA Mua credit
• Review (Queue)
  • Phiên auto: hỗ trợ Skip; cập nhật SRS theo kết quả từng thẻ (đúng/sai).
  • Queue chia thành nhóm item nhỏ (ví dụ 5–10 item); hỗ trợ cả phiên có/không giới hạn thời gian như mô tả ở Home/Action Hub.
  • Prompt Explain with AI (nút) → trừ credit (hoặc miễn phí nếu gói active); hiển thị tooltip chi phí trước khi xác nhận
• AI Generate
  • Prompt/upload → Preview → chỉnh meta → Save → Moderation
  • Trước khi generate: hiển thị cost (ví dụ 20 credit) + balance; nếu không đủ credit → disable + CTA Mua credit/Xem gói all-in-one
• Archived
  • Liệt kê list đã archived; Restore (và Delete nếu có policy)
• Groups
  • Tạo/đổi tên/xoá; thêm/bớt List; DnD nếu khả thi, fallback action buttons
• Progress Overview (Progress Lite)
  • 4 counters: Mastered (lifetime) • Learned (tuần này) • Items added (30 ngày) • Active lists (14 ngày)
  • Thanh 3 bucket: Chưa học · Đang ôn · Thành thạo (lọc theo Subject pills: All | IELTS | SAT | Math | Physics | Chemistry; nhớ lựa chọn)
  • Achievement chips (tuỳ chọn); 1 link “Xem chi tiết” → My Lists theo Subject; không Freshness/biểu đồ phức tạp
  • Badge Premium perk: hiển thị quyền all-in-one (unlimited AI) hoặc upsell (gợi ý combo chương trình khác)
• Post-Test Suggestions
  • Từ kết quả test → danh sách gợi ý → Add vào sổ (List practice_suggested)
  • Nếu list yêu cầu AI processing → hiển thị credit cost trước khi add.

Luồng điều hướng chính

• Index → Manual Composer → Save → List Detail
• Index → List Detail → Review → quay lại List Detail/Index
• Index → AI Generate → Preview → Save → (Moderation) → List Detail
• Index → Archived → Restore → Index
• Index → Groups → quản lý → Index
• Test Result → Post-Test Suggestions → Add → Index/List Detail

Trạng thái & thông báo

• Moderation: hiển thị pending/approved/rejected cho owner
• Toasts: list created/restored, group updated
• Credit events: toast -20 credit cho AI explain; error nếu thiếu credit
• Subscription banner: show/hide theo trạng thái; warning khi sắp hết hạn gói (7 ngày)

Monetization triggers

• AI Explain không đủ credit → modal so sánh Mua credit vs All-in-one.
• AI Generate → hiển thị lượng credit tiêu hao, cho phép mua thêm trong modal.
• Home hero hiển thị combo discount nếu user có ≥1 chương trình all-in-one khác.
• Khi parent vào profile con → nhắc về bundle multi-program (link pricing).
• History of credit usage → link sang Account > Subscription/Payments.