Hero ở light mode là thẻ sáng ấm (.hero.hero-home: surface → primary-soft, viền --line), số liệu dùng tông đậm --spend / --edu / --save; dark mode giữ khối than. Gần đây: 4 khoản mới nhất, chỉ để xem (không bấm), khoản thu có dấu + và màu --save, khoản không phải hôm nay ghi kèm ngày; “Xem tất cả” mở màn Giao dịch. Chưa có khoản: “Ví đang yên ắng. Chạm micro và kể Xu nghe khoản đầu tiên nhé!”. Lỗi tải: thông báo “Xu chưa tải được số liệu. Kéo xuống để thử lại nha.” thay cho các thẻ số liệu; kéo xuống để làm mới.

Khi Xu vào phiên, ô giọng nói trong hero đổi vai: Nói để ghi → Đang gọi Xu (vòng xoay, tạm khoá) → Dừng Xu (biểu tượng ✕, quầng san hô xu-ring); icon và chữ đổi bằng hiệu ứng pop. Island hiện “Đang nghe / Đang nói” với câu mới nhất của Xu (“Đợi Xu một xíu…” khi đang kết nối); nút gõ phím mờ (“Gõ phím, sắp có”) cho tới khi có tính năng gõ, nút ✕ dừng phiên. Nội dung trang chừa chỗ để island không che dòng cuối; khi phiên kết thúc, Trang chủ tự làm mới số liệu.

Nút chuyển Chi tiêu | Thu nhập đổi cả trang: tổng, thanh tỷ trọng, lưới và nhãn sắp xếp. Mục đang chọn mang màu của loại (--spend / --save) kèm chấm màu, nên không chỉ dựa vào màu. Danh mục dùng cho cả hai loại có nhãn .tag-both và ở tab này chỉ tính khoản chi.

Số tiền thu có dấu + và màu --save; thanh tỷ trọng dùng thang xanh --ch-inc-1…3, phần dưới 8% không ghi nhãn (giá trị vẫn có trong aria-label). Sắp xếp đổi thành “Thu nhiều”.

Khi kỳ đang xem chưa có khoản thu, thẻ tổng được thay bằng lời mời nói với Xu; lưới vẫn hiện các danh mục thu để người dùng biết có sẵn những gì.

Mở từ nút Thêm ở màn 7. “Dùng cho” mặc định theo tab đang xem (Chi tiêu hoặc Thu nhập). Ô xem trước cập nhật ngay theo tên, màu và biểu tượng; lưới biểu tượng tô theo màu đang chọn. Chọn ảnh của bạn thì bỏ chọn biểu tượng có sẵn và ngược lại. Ảnh được thu về 256 px trước khi tải lên. Dòng gợi ý nói với Xu là phần mới, app chưa có. Tên trùng danh mục hệ thống hoặc danh mục của bạn (kể cả “Hóa đơn” / “Hoá đơn”) bị từ chối, xem 7f.

Mở từ ⋯ → Sửa danh mục ở màn 8 (chỉ danh mục của bạn). Form điền sẵn giá trị hiện tại, nút chính là Lưu và chỉ gửi trường đã đổi. Ảnh đang chọn có viền đậm; khi đang tải ảnh mới, ô Tải ảnh thành vòng xoay “Đang tải” và nút Lưu tạm khoá. Đổi phạm vi mà danh mục đã có khoản loại khác: “Danh mục đã có khoản không hợp với phạm vi mới”.

Lỗi hiện ngay trên nút chính và được đọc cho trình đọc màn hình. Các lỗi khác cùng vị trí: “Tên danh mục từ 1 đến 80 ký tự”, “Chỉ nhận ảnh PNG, JPG hoặc WebP”, “Ảnh lớn hơn 256 KB, chọn ảnh nhỏ hơn nhé”, “Chưa tải được ảnh, thử lại nhé”, “Máy chủ chưa bật tải ảnh”. Khi tạo bằng giọng nói, Xu kiểm tra trước: “Bạn có danh mục Ăn uống rồi nè”, và hỏi có muốn cập nhật danh mục đó không.

Danh mục chỉ dùng cho một loại không có nút chuyển; dòng phụ dưới tên cho biết loại bằng chữ và chấm màu. Danh mục thu (Lương, Thưởng) dùng cùng bố cục với nền --save-bg như màn 8b.

Danh mục Thu & chi có nút chuyển ngay dưới tiêu đề, mỗi bên hiện luôn tổng của kỳ để thấy cả hai mà không cần bấm. Tab Thu đổi hero sang --save-bg, cột tuần sang --ch-inc-1, số tiền có dấu +; danh sách chỉ gồm khoản thu.

POST /auth/login trả cặp token. Sai email hoặc mật khẩu (401 invalid_credentials) hiện một lời nhắn chung dưới ô mật khẩu, không nói ô nào sai.

Khi POST /auth/login trả 403 email_not_verified. Banner chỉ hiện ở lỗi này. Nút gọi /auth/resend-verification rồi mở A3 (mật khẩu vừa nhập được giữ trong bộ nhớ để dùng ở bước xác minh).

POST /auth/register. Backend chỉ yêu cầu mật khẩu 8–128 ký tự; thanh độ mạnh chỉ là gợi ý. App giữ mật khẩu trong bộ nhớ (không lưu xuống máy) để dùng ở A3.

POST /auth/register luôn trả 202 kèm challenge_id, kể cả khi email đã tồn tại (khi đó không gửi mã), nên lời nhắn không khẳng định mã đã đến. Không có ô mật khẩu: app gửi lại mật khẩu đã nhập ở A2 cùng mã tới /auth/verify-email. Hết hạn 600 giây (expires_in), gửi lại sau 60 giây (resend_after).

Backend trả cùng một lỗi invalid_code cho mã sai, mã hết hạn và mã đã sai quá 5 lần, nên lời nhắn gộp cả ba và luôn mời gửi mã mới. Không hiển thị số lần thử còn lại (API không trả). Khi bị chặn tạm (429 rate_limited), nút gửi lại đếm ngược theo retry_after.

Sau POST /auth/verify-email (204, không token), app tự gọi POST /auth/login bằng email và mật khẩu đã giữ từ A2 rồi vào Trang chủ. Nếu đăng nhập tự động lỗi, chuyển về A1 với email điền sẵn.

POST /auth/forgot-password luôn trả 202, không cho biết email có tồn tại hay không, nên luôn chuyển sang A5.

Mã và mật khẩu mới gửi cùng lúc tới POST /auth/reset-password. "Gửi lại mã" gọi lại /auth/forgot-password với email ở bước 1. Mã sai dùng cùng lời nhắn với A3b. Thành công thì sang A1c.

POST /auth/reset-password trả 204, không có token và thu hồi mọi phiên. Vì vậy quay về đăng nhập, điền sẵn email.