Mockup nháp GĐ2 — Một email nhiều tài khoản (DEV dựng 08/10/2026 để BA tham khảo)

Vibe Host (VAYS) · nguồn nghiệp vụ: PLAN-MOT-EMAIL-NHIEU-MA-HP-28-09-2026 §4–§7, BA-FINAL BR-42…BR-50 · giao diện tái hiện từ mã origin/dev-test. Đây là đề xuất của DEV; luồng, bố cục và câu chữ do BA quyết.

Câu nháp — BA duyệtChữ mới hoặc đổiviền đứt cam = câu mới/đổi, BA duyệt

Không đổigiữ nguyên so với giao diện hiện tại

THÀNH PHẦN MỚI — cần BA/DEV cân nhắcviền đứt tím = chỗ buộc phải thêm thứ chưa có

Đề xuất DEVhành vi do DEV đề xuất, BA quyết

Đọc trước: (1) Ghi chú cho BA nằm ở cột bên phải, ngoài khung giao diện. (2) Dữ liệu mẫu đều bịa (a@congty.vn, HP2026…). (3) Hai chỗ kế hoạch gốc nhắc nhưng giao diện hiện tại không có: “đầu trang panel hiện mã HP + gói” (panel không có thanh đầu trang chứa gói; ô hiện gói là khối chân thanh bên và thẻ Thông tin tài khoản) và “cột Mã HP” ở bảng khách (mã HP đang là dòng chữ ref:HP… dưới email). Chi tiết ở M2, M4.

M1 · Trang đăng nhập

Đổi: chỉ thêm 1 câu thông báo cho ca “email có nhiều tài khoản”. Không thêm màn, nút hay ô mới.

1 · Mặc định / trống Không đổi so với hiện tại

Đăng nhập

Chào mừng trở lại! Nhập thông tin để tiếp tục.

Email hoặc tên đăng nhập

Mật khẩu

Nhập mật khẩu

Quên mật khẩu?

Đăng nhập

hoặc

Đăng nhập bằng passkey

Chưa có tài khoản? Đăng ký ngay

2 · Email có 1 tài khoản, mật khẩu đúng Không đổi

Vào thẳng tài khoản duy nhất, như hôm nay. Không có màn mới.

Đăng nhập bằng tên đăng nhập (vd congtya1) cũng vào thẳng đúng tài khoản đó, không đổi.

3 · Email có nhiều tài khoản, mật khẩu khớp ≥ 2 tài khoản Đề xuất DEV

Câu nháp — BA duyệtEmail này đang dùng cho nhiều dịch vụ Vibe Host. Vui lòng đăng nhập bằng tên đăng nhập trong thư kích hoạt, hoặc bấm “Truy cập” tại trang dịch vụ Mắt Bão.

Đăng nhập

Chào mừng trở lại! Nhập thông tin để tiếp tục.

Email hoặc tên đăng nhập

a@congty.vn

Mật khẩu

••••••••••

Quên mật khẩu?

Đăng nhập

hoặc

Đăng nhập bằng passkey

Chưa có tài khoản? Đăng ký ngay

4 · Lỗi: sai thông tin (khớp 0 tài khoản) Không đổi

Email hoặc mật khẩu không đúng

Đăng nhập

Chào mừng trở lại! Nhập thông tin để tiếp tục.

Email hoặc tên đăng nhập

a@congty.vn

Mật khẩu

••••••••••

Quên mật khẩu?

Đăng nhập

hoặc

Đăng nhập bằng passkey

Chưa có tài khoản? Đăng ký ngay

Nguồn component

vays-panel/src/components/modules/auth/auth.tsx: cột phải form (dòng 449–720); nhãn ô auth.identifier tại dòng 502; nút Quên mật khẩu 609; nút passkey 654; lỗi hiện bằng toast.error dòng 298.
Cột trái (ảnh nền + 3 thẻ lợi ích, dòng 347) không đổi, không vẽ ở đây.
Ô nhập đã là “Email hoặc tên đăng nhập” (vi.ts dòng 5146) → giữ nguyên.

Câu mới / đổi

1 câu (trạng thái 3): chép từ P28 §7, bỏ phần Google.

Hành vi đề xuất (DEV)

Đăng nhập bằng email khi email có nhiều tài khoản: hệ thống thử mật khẩu với từng tài khoản. Khớp đúng 1 ⇒ vào thẳng (không có màn chọn tài khoản). Khớp 0 ⇒ lỗi sai thông tin như cũ. Khớp ≥ 2 ⇒ câu hướng dẫn trên.
Vì chỉ báo sau khi mật khẩu đúng, câu này không lộ “email có nhiều dịch vụ” cho người chưa biết mật khẩu (khảo sát kỹ thuật F5).

Không vẽ

Lỗi Google nhiều tài khoản: Google chưa cấu hình trên production (0 khách/30 ngày) nên nút này không hiện ở màn thật.
Nút “ID Mắt Bão” đang tắt từ 24/09 (auth.mb_sso_enabled); nên không vẽ.
Ô mã xác thực (TOTP), thông báo tạm ngưng, popup dùng thử hết hạn: không đổi.

Câu hỏi cho BA

Câu lỗi hiện bằng thông báo nổi (sonner) góc phải, tự tắt sau vài giây. Câu này dài và có chỉ dẫn hành động; BA có muốn giữ dạng thông báo nổi (đúng nơi lỗi đăng nhập đang hiện) hay chuyển sang khối Note tĩnh sẵn có (đã dùng ở auth.tsx:687)? DEV chưa vẽ phương án 2 vì sẽ thêm một khối vào form.

Ghi “tên đăng nhập trong thư kích hoạt” có đúng không: E-5 yêu cầu cổng ghi tên đăng nhập vào thư, đang chờ DEV MBC.

M2 · Mã dịch vụ cạnh tên gói (thay cho “đầu trang panel”)

Đổi: thêm “Mã dịch vụ HP…” vào đúng hai ô đang hiện gói. Hệ thống tự điền, khách không thao tác gì.

A · Thanh bên, có mã HP Đề xuất DEV

Vibe Host

Không gian làm việc

Trang chủ

Quản lý dự án

Triển khai website

Triển khai từ mẫu

Tạo cơ sở dữ liệu

Gói Pro

Câu nháp — BA duyệt

Mã dịch vụHP20260901100000001

Dịch vụ2/5

CPU0.5/2 vCPU

RAM0.6/2 GB

B · Thanh bên, không có mã HP (vào bằng ID Mắt Bão) Không đổi: chỉ tên gói

Vibe Host

Không gian làm việc

Trang chủ

Quản lý dự án

Triển khai website

Triển khai từ mẫu

Tạo cơ sở dữ liệu

Gói Pro

Dịch vụ2/5

CPU0.5/2 vCPU

RAM0.6/2 GB

C · Trang Hồ sơ › thẻ “Thông tin tài khoản”, có mã HP

Thông tin tài khoản

Quyền hạn, gói dịch vụ và thâm niên của tài khoản này

Vai trò

Người dùng

Gói dịch vụ

Pro ↗

Câu nháp — BA duyệt

Mã dịch vụ

HP20260901100000001

Ngày tham gia

01/09/2026

D · Cùng thẻ, không có mã HP Không đổi

Thông tin tài khoản

Quyền hạn, gói dịch vụ và thâm niên của tài khoản này

Vai trò

Người dùng

Gói dịch vụ

Pro ↗

Ngày tham gia

01/09/2026

E · Tên hiển thị mã xác thực hai lớp (TOTP) và passkey Đề xuất DEV hiện trong ứng dụng của khách, ngoài giao diện Vibe Host

Ứng dụng xác thực (TOTP)

Vibe Host

Câu nháp — BA duyệta@congty.vn · HP20260901100000001

Trình quản lý passkey của trình duyệt

Vibe Host

Câu nháp — BA duyệta@congty.vn · HP20260901100000001

Giao diện hiện tại không có “đầu trang”

Kế hoạch P28 §4.4 nói “đầu trang panel hiện mã HP và tên gói”. Panel không có thanh đầu trang nào chứa gói. Chỗ đang hiện gói là:

Khối chân thanh bên: nhãn tròn “Gói {tên gói}”, dưới là hàng Dịch vụ/CPU/RAM. app-sidebar.tsx dòng 566–568 (nhãn), 570–596 (các hàng). Hiện ở mọi trang của khách.
Thẻ “Thông tin tài khoản” ở Hồ sơ: hàng “Gói dịch vụ”. profile-account.tsx dòng 104–121.

DEV đề xuất gắn mã vào cả hai, không tạo thanh đầu trang mới.

Chỗ đã có sẵn

Hàng “Mã dịch vụ” đã tồn tại trong thẻ “Kết nối ID Mắt Bão” (profile-account.tsx:281, vi.ts:1249) nhưng thẻ đó đang ẩn khi công tắc auth.mb_sso_enabled tắt (dòng 141). Vì vậy khách hiện không thấy mã ở đâu.
Hàng thêm trong thanh bên theo khuôn các hàng Dịch vụ/CPU/RAM sẵn có (flex justify-between, 11px).

Câu mới / đổi

Không có chữ mới. Dùng nhãn “Mã dịch vụ” đang có (profile.mb_service_ref). Chỉ cần BA duyệt vị trí và hai chuỗi hiển thị E (định dạng email · mã, hiện chưa có).

Thành phần thêm

Hàng “Mã dịch vụ” trong thanh bên là hàng mới (khuôn có sẵn nhưng chưa có hàng này). Nếu BA muốn tuyệt đối không thêm hàng, phương án thay: bỏ hàng ở thanh bên, chỉ giữ ở thẻ Hồ sơ (C), nơi đã có hàng cùng loại.

Câu hỏi cho BA

Không có mã HP (D): hiện thẻ Kết nối ID Mắt Bão hiển thị “—”. Hàng ở thẻ Tài khoản nên ẩn hẳn (như vẽ) hay hiện “—” cho đồng nhất?

Hạn dịch vụ trong thanh bên đang bị ẩn (HIEN_HAN_CHO_KHACH = false, 10/09); mockup không vẽ hàng đó.

E: mã TOTP/passkey đã tạo từ trước không tự đổi tên; chỉ mã tạo mới mang mã HP. BA chấp nhận?

M3 · Quên mật khẩu

Giao diện không đổi. Việc đổi nằm ở máy chủ: mỗi tài khoản cùng email nhận một thư riêng (xem M6).

1 · Mặc định (email lấy từ ô đăng nhập) Không đổi

2 · Trống (nút Gửi bị mờ) Không đổi

3 · Đã gửi (luôn hiện dù email có hay không) Không đổi

Nếu email này có tài khoản, chúng tôi đã gửi liên kết đặt lại mật khẩu tới a@congty.vn.

4 · Lỗi: email sai định dạng Không đổi

Email không hợp lệ.

Nguồn component

auth.tsx: hộp thoại dòng 731 trở đi; xử lý handleForgot dòng 218–229; câu auth.forgot_sent (vi.ts ~5192).
Thư gửi đi: passwordResetService.ts (buildResetEmail, tiêu đề dòng 39).

Câu mới / đổi

Không có. Giữ nguyên câu forgot_sent.

Hành vi đề xuất (DEV)

Email có nhiều tài khoản: máy chủ gửi một thư cho mỗi tài khoản, tiêu đề có mã dịch vụ. Màn hình vẫn luôn báo “đã gửi nếu email có tài khoản”, không lộ số lượng.

Khác với kế hoạch gốc

P28 §5 liệt kê “gửi thư lỗi: câu thử lại”. Mã hiện nuốt lỗi và vẫn báo đã gửi (chống dò tài khoản), nên không có trạng thái lỗi gửi thư để vẽ.
P28 §7 nháp câu: “…đã gửi hướng dẫn đặt lại mật khẩu cho từng dịch vụ.” DEV đề xuất giữ câu hiện tại vì đã đủ chung cho cả 1 và nhiều tài khoản.

Câu hỏi cho BA

Giữ câu hiện tại, hay đổi sang câu P28 §7 (nói rõ “từng dịch vụ”)? Câu P28 hé lộ khả năng email có nhiều dịch vụ.

M4 · Quản trị › Khách hàng

Đổi: tìm theo email ra nhiều dòng; mỗi dòng có thêm một nhãn “Email này có N dịch vụ”. Mã HP đã nằm sẵn dưới dạng ref:HP….

1 · Mặc định: tìm “a@congty.vn” ra 2 dòng Đề xuất DEV

Quản lý khách hàng

Xem và quản lý tài khoản, gói, tài nguyên của tất cả khách hàng

Danh sách khách hàng

2 khách hàng

Khách hàng	Gói	Trạng thái	Dịch vụ	Tài nguyên	Ngày tham gia	Đăng nhập cuối	Hành động
TA Trần Minh A a@congty.vn @congtya1ref:HP20260901100000001 Câu nháp — BA duyệtEmail này có 2 dịch vụ	Pro	Hoạt động	2 / 5	CPURAM	01/09/2026	2 giờ trước
TA Trần Minh A a@congty.vn @congtya2ref:HP20261003142500002 Câu nháp — BA duyệtEmail này có 2 dịch vụ	Dùng thử	Hoạt động	0 / 5	CPURAM	03/10/2026	Chưa đăng nhập

2 · Email chỉ có 1 dịch vụ Không đổi: không hiện nhãn

Quản lý khách hàng

Xem và quản lý tài khoản, gói, tài nguyên của tất cả khách hàng

Danh sách khách hàng

1 khách hàng

Khách hàng	Gói	Trạng thái	Dịch vụ	Tài nguyên	Ngày tham gia	Đăng nhập cuối	Hành động
TA Trần Minh A a@congty.vn @congtya1ref:HP20260901100000001	Pro	Hoạt động	2 / 5	CPURAM	01/09/2026	2 giờ trước

3 · Trống / lỗi tải Không đổi

Quản lý khách hàng

Xem và quản lý tài khoản, gói, tài nguyên của tất cả khách hàng

Danh sách khách hàng

0 khách hàng

Khách hàng	Gói	Trạng thái	Dịch vụ	Tài nguyên	Ngày tham gia	Đăng nhập cuối	Hành động
Không tìm thấy khách hàng nào

Nguồn component

modules/admin-customers/admin-customers.tsx: tiêu đề trang PageShell dòng 450; thanh công cụ 478–533; bảng 540–680; ô khách + mã AutomationRefs dòng 71–101 (gọi ở 579); trống dòng 555.
Nhãn: dùng Badge DSVH, đã dùng trong cùng bảng (dòng 602). Tìm theo email đã lọc cả subscriptionRef và username (dòng 257–258).

Khác với kế hoạch gốc

Bảng không có cột “Mã HP”. Mã nằm trong ô “Khách hàng”, dạng chữ ref:HP… (AutomationRefs), cùng @tên đăng nhập và serviceID:. DEV không thêm cột vì cột sẽ rỗng ở gần mọi dòng (ghi chú trong mã dòng 50–56). Cột “Mã HP” (col_ref, vi.ts 3268) thuộc màn Đối soát, không phải màn này.
Trang không có trạng thái lỗi tải riêng: khi tải lỗi, danh sách rơi về rỗng nên hiện đúng câu “Không tìm thấy khách hàng nào” như trạng thái trống (useAdminUsers, dòng 111, mặc định []). Quản trị viên có thể tưởng “không có khách”.

Câu mới / đổi

1 câu: “Email này có N dịch vụ” (N ≥ 2). Dùng Badge neutral sẵn có, đặt dưới dòng mã. Chỉ hiện khi N ≥ 2.

Thành phần mới?

Không có thành phần mới; chỉ dùng thêm một Badge ở ô khách. Dòng tăng cao thêm 1 hàng nhãn.

Câu hỏi cho BA

N tính gồm cả tài khoản đang khoá (BR-44: đăng nhập = hoạt động + khoá). Tài khoản đã xoá có tính vào N không? (Mặc định bảng không hiện tài khoản đã xoá.)

Có cần lỗi tải riêng (vd thông báo “Không tải được dữ liệu”, common.load_error) cho trang này không? Đây là sửa nhỏ, nằm ngoài GĐ2.

Link từ Trung tâm hỗ trợ/phiếu ERP tới /admin/customers?q=<email> sẽ ra nhiều dòng; kỹ thuật đề xuất kèm mã HP vào link.

M5 · Quản trị › Thêm khách hàng

Đổi: khi email đã có tài khoản, hộp thoại báo (BR-46) nhưng vẫn cho tạo. Hiện nay hệ thống từ chối bằng lỗi “Email đã tồn tại”.

1 · Mặc định / trống Không đổi so với hiện tại

2 · Email đã có tài khoản Đề xuất DEV

3 · Lỗi: trùng tên đăng nhập Không đổi

Tên đăng nhập đã được sử dụng

Nguồn component

admin-customers.tsx: hộp thoại Modal dòng 696–888 (cỡ lg khi thêm); ô Email dòng 736; nhóm “Mã liên kết Mắt Bão” dòng 815–881; lỗi tạo hiện bằng toast.error (dòng 384).
Câu lỗi trùng tên đăng nhập: api_error.USERNAME_TAKEN, vi.ts dòng 5754. Câu cũ cho email trùng (sẽ không còn dùng cho khách): EMAIL_TAKEN “Email đã tồn tại”, dòng 5613.

Thành phần mới (có)

Form chưa có khối cảnh báo nào. Kế hoạch yêu cầu “khối cảnh báo SẴN CÓ trong form”, nhưng form Thêm khách hiện chỉ có nhãn, ô nhập và dòng gợi ý chữ nhỏ (text-caption text-ink-2). DEV mượn Note tone="warning" của DSVH (dsvh/ui/data/Note.tsx, đã dùng ở auth.tsx:687), đặt ngay dưới ô Email. Phương án không thêm khối: dùng dòng gợi ý chữ nhỏ cùng khuôn với “Tối đa 8 ký tự…” (không có icon, không có nền).

Câu mới / đổi

1 câu: “Email này đã có N tài khoản Vibe Host (mã dịch vụ …). Bạn vẫn có thể tạo thêm tài khoản mới.” (N=1 vẽ ở đây; N ≥ 2 thì chữ “N tài khoản”, liệt kê tối đa vài mã).

Hành vi đề xuất (DEV)

Hệ thống tự kiểm khi email hợp lệ; quản trị viên không bấm gì thêm. Nút Thêm vẫn bật.
Chốt chặn thật là tên đăng nhập và mã dịch vụ automation (duy nhất); xem khảo sát kỹ thuật §2.1 (adminService.ts:286).

Câu hỏi cho BA

Cảnh báo có cần nêu mã dịch vụ của các tài khoản đã có không? (Giúp quản trị tránh tạo trùng cho cùng một đơn.) Hay chỉ nêu số lượng?

Có cần thông báo nổi sau khi tạo (“Đã thêm khách hàng”, admin_users.added_toast)? Đang có sẵn, không đổi.

M6 · Mẫu thư

Đổi: tiêu đề thư mang mã dịch vụ; trong thân thư thêm một dòng “Mã dịch vụ” vào khối thông tin (Facts) sẵn có. Không đổi bố cục thư.

1 · Bảng tiêu đề: hiện tại → đề xuất Đề xuất DEV

#	Thư · nguồn	Tiêu đề hiện tại (không đổi nếu BA không duyệt)	Tiêu đề đề xuất	Số ký tự
1	Quên mật khẩu (tài khoản có mật khẩu) passwordResetService.ts:39	Đặt lại mật khẩu Vibe Host	Câu nháp — BA duyệtĐặt lại mật khẩu Vibe Host · HP20260901100000001	26 → 48
2	Quên mật khẩu (tài khoản chưa có mật khẩu) passwordResetService.ts:39	Đặt mật khẩu cho tài khoản Vibe Host	Câu nháp — BA duyệtĐặt mật khẩu cho tài khoản Vibe Host · HP20260901100000001	36 → 58
3	Xác minh email notifyTemplates.ts:187	Xác minh địa chỉ thư của bạn	Câu nháp — BA duyệtXác minh địa chỉ thư của bạn · HP20260901100000001	28 → 50
4	Hạn: nhắc trước hạn (T−7 … T−1) notifyTemplates.ts:621–625 (`serviceExpiringMail`)	Dịch vụ của bạn hết hạn sau 7 ngày	Câu nháp — BA duyệtDịch vụ của bạn hết hạn sau 7 ngày · HP20260901100000001	34 → 56
5	Hạn: đúng ngày hết hạn notifyTemplates.ts:667	Dịch vụ của bạn hết hạn hôm nay	Câu nháp — BA duyệtDịch vụ của bạn hết hạn hôm nay · HP20260901100000001	31 → 53
6	Hạn: đã gia hạn notifyTemplates.ts:727	Đã gia hạn dịch vụ đến 15/11/2026	Câu nháp — BA duyệtĐã gia hạn dịch vụ đến 15/11/2026 · HP20260901100000001	33 → 55
7	Hạn: đã hết hạn, website tạm ngưng notifyTemplates.ts:809	Dịch vụ đã hết hạn — website đã tạm ngưng	Câu nháp — BA duyệtDịch vụ đã hết hạn — website đã tạm ngưng · HP20260901100000001	41 → 63
8	Hạn: sắp ngừng chạy notifyTemplates.ts:846	Website của bạn sẽ ngừng chạy sau 3 ngày	Câu nháp — BA duyệtWebsite của bạn sẽ ngừng chạy sau 3 ngày · HP20260901100000001	40 → 62
9	Hạn: dữ liệu sắp bị xoá notifyTemplates.ts:891–894	Dữ liệu của bạn sẽ bị xoá sau 30 ngày	Câu nháp — BA duyệtDữ liệu của bạn sẽ bị xoá sau 30 ngày · HP20260901100000001	37 → 59
10	Hạn: website đã tạm ngưng notifyTemplates.ts:942	Website của bạn đã tạm ngưng	Câu nháp — BA duyệtWebsite của bạn đã tạm ngưng · HP20260901100000001	28 → 50

2 · Thư mẫu: “Dịch vụ sắp hết hạn” (T−7) Đề xuất DEV

Tiêu đề: Câu nháp — BA duyệtDịch vụ của bạn hết hạn sau 7 ngày · HP20260901100000001

Vibe Host

Dịch vụ sắp hết hạn

Dịch vụ Vibe Host của bạn sẽ hết hạn sau 7 ngày nữa.

Ngày hết hạn15/10/2026

Còn lại7 ngày

Câu nháp — BA duyệt

Mã dịch vụHP20260901100000001

Website và cơ sở dữ liệu của bạn vẫn chạy bình thường cho tới lúc đó, và tiếp tục chạy cả sau khi hết hạn. Thứ dừng lại là các thao tác thay đổi: đưa bản mới lên, tạo cơ sở dữ liệu, thêm tên miền, tạo bản sao lưu mới.

Xem thông tin gói dịch vụ

Để gia hạn, liên hệ bộ phận kinh doanh Mắt Bão — mọi thứ giữ nguyên sau khi ghi nhận.

Thư này được gửi tự động từ hệ thống Vibe Host. Vui lòng không trả lời.

Nguồn component

Bố cục thư: server/email/layout.ts (khối Facts, Callout, Cta, Note), màu/cỡ chữ server/email/theme.ts (khung 600px, dải màu đầu thẻ theo tone, chân thư).
Nội dung các thư: server/services/notifyTemplates.ts; thư đặt lại mật khẩu: passwordResetService.ts; thư xác minh: emailVerifyService.ts gọi verifyEmailMail.
Logo trong khung mẫu chỉ là ô giữ chỗ (ảnh thật là tệp logo của thư).

Câu mới / đổi

10 tiêu đề trong bảng (cùng quy tắc: thêm “ · {mã dịch vụ}” ở cuối) và 1 hàng “Mã dịch vụ” trong khối thông tin (dùng nhãn “Mã dịch vụ” đã có cho khách).

Điểm cần biết

Kế hoạch ghi “6 thư vòng đời hạn”; trong mã có 7 hàm thư (bảng hàng 4–10; hàng 4 và 9 mỗi hàm có hai dạng tiêu đề). BA xác nhận thư nào thuộc nhóm.
Thư kích hoạt (P28 §4.4, E-5) do cổng Mắt Bão gửi, không nằm trong mã Vibe Host nên không vẽ. Thư “Chào mừng bạn đến với Vibe Host” (notifyTemplates.ts:130) chưa đưa vào đề xuất; BA quyết có cần mã không.
Thư đặt lại mật khẩu và xác minh hiện không có khối thông tin (Facts); nên mã chỉ có ở tiêu đề. Muốn có mã trong thân thư thì phải thêm một khối Facts vào hai thư này (khối vẫn là loại sẵn có của thư). Nháp: chưa vẽ.
Cột “Số ký tự”: điện thoại thường cắt tiêu đề quanh 57 ký tự (mã nguồn đã rút ngắn tiêu đề vì lý do này, notifyTemplates.ts:612–614). Mã dịch vụ dài 19 ký tự nên đề xuất đặt ở cuối: phần nghĩa của thư đọc được trước.

Câu hỏi cho BA

Dấu ngăn “ · ” hay “ — ”? Các thư nội bộ đang dùng “[Vibe Host] … — {mã}”, thư khách chưa có mẫu nào.

Khách mua 1 dịch vụ (đa số hôm nay) cũng thấy mã trong tiêu đề: chấp nhận không, hay chỉ thêm mã khi email có từ 2 tài khoản? (Thêm điều kiện thì hai khách cùng loại nhận thư khác dạng.)

Tái hiện từ mã nguồn origin/dev-test ngày 08/10/2026 (đọc theo ref, không sửa repo). Màu lấy từ dsvh-tokens.css, thang chữ DSVH 10/11/12/14/16/24/28/34px, font Inter. Mockup chỉ để tham khảo, chưa phải thiết kế chốt.

M1 · Trang đăng nhập

Đăng nhập

Đăng nhập

Đăng nhập

M2 · Mã dịch vụ cạnh tên gói (thay cho “đầu trang panel”)

Thông tin tài khoản

Thông tin tài khoản

M3 · Quên mật khẩu

Đặt lại mật khẩu

Đặt lại mật khẩu

Đặt lại mật khẩu

Đặt lại mật khẩu

M4 · Quản trị › Khách hàng

Quản lý khách hàng

Quản lý khách hàng

Quản lý khách hàng

M5 · Quản trị › Thêm khách hàng

Thêm khách hàng

Thêm khách hàng

Thêm khách hàng

M6 · Mẫu thư

Dịch vụ sắp hết hạn