Tiếp quản và giao lại
Mẫu chuẩnMột lần bấm để tiếp quản. Thanh người phụ trách đổi sang tông brand êm, đề xuất của Linh bị huỷ rõ ràng. Giao lại bằng một popover nhỏ, có ghi chú.
Sơ đồ luồng
Tôi tiếp quản
Nút vào trạng thái pending trong thanh đầu cuộc trò chuyện.
Server ghi
Chỉ sau khi ghi, thanh mới đổi sang "Bạn đang phụ trách".
Đề xuất bị rút
Thẻ mờ còn 50% kèm "Đã huỷ vì bạn tiếp quản", rồi gỡ.
Giao lại cho Linh
Popover nhỏ: ghi chú tuỳ chọn, Linh đọc lại toàn bộ.
Linh nhận lại
Thông báo "Linh đã nhận lại cuộc trò chuyện"; đề xuất cũ không quay lại.
Màn hình
Bạn đang phụ trách cuộc trò chuyện này
Linh chỉ xem, không soạn thay bạn
Hôm nay
Áo sơ mi lụa này còn size M không shop? Giá bao nhiêu vậy?
Nguyễn Văn A · 10:24
Linh đề xuất trả lời
Đã huỷ vì bạn tiếp quảnDạ chào anh, áo sơ mi lụa trơn size M bên em còn hàng ạ, giá 450.000 ₫. Đổi trả trong 7 ngày nếu chưa giặt. Anh muốn em giữ một chiếc cho anh không ạ?
Gửi tới: Nguyễn Văn A · Messenger
Cần duyệt vì Linh đang ở chế độ soạn nháp.
Giao lại cho Linh
Bạn đang phụ trách cuộc trò chuyện này
Linh chỉ xem, không soạn thay bạn
Hôm nay
Áo sơ mi lụa này còn size M không shop? Giá bao nhiêu vậy?
Nguyễn Văn A · 10:24
Linh đề xuất trả lời
Đã huỷ vì bạn tiếp quảnDạ chào anh, áo sơ mi lụa trơn size M bên em còn hàng ạ, giá 450.000 ₫. Đổi trả trong 7 ngày nếu chưa giặt. Anh muốn em giữ một chiếc cho anh không ạ?
Gửi tới: Nguyễn Văn A · Messenger
Cần duyệt vì Linh đang ở chế độ soạn nháp.
Demo tương tác
Bấm Tôi tiếp quản: nút khoá độ rộng và quay, thanh chỉ đổi sau khi giả lập server ghi. Đề xuất mờ rồi gỡ. Bấm Giao lại cho Linh để mở popover. Bật công tắc xung đột để xem thông báo "Chị Mai vừa tiếp quản" thay cho lỗi im lặng.
Linh đang phụ trách
Soạn nháp, bạn duyệt
Hôm nay
Áo sơ mi lụa này còn size M không shop? Giá bao nhiêu vậy?
Nguyễn Văn A · 10:24
Linh đề xuất trả lời
Soạn nhápDạ chào anh, áo sơ mi lụa trơn size M bên em còn hàng ạ, giá 450.000 ₫. Đổi trả trong 7 ngày nếu chưa giặt. Anh muốn em giữ một chiếc cho anh không ạ?
Gửi tới: Nguyễn Văn A · Messenger
Cần duyệt vì Linh đang ở chế độ soạn nháp.
Đặc tả luồng
Tiếp quản
- "Tôi tiếp quản" nằm trong HolderBar, luôn với tới được. Sau khi commit, thanh nói "Bạn đang phụ trách cuộc trò chuyện này" và nút thành "Giao lại cho Linh".
- Đề xuất đang chờ của Linh mờ còn 50% với "Đã huỷ vì bạn tiếp quản" rồi được gỡ.
- Màu thanh chuyển từ trung tính sang tông brand subtle trong duration-standard: một tín hiệu bền, êm, "bạn đang phụ trách".
Giao lại
- Popover nhỏ (không phải modal): ghi chú cho Linh (không bắt buộc), hộp "Linh đọc lại toàn bộ trao đổi của bạn" (đã chọn, khoá, giải thích việc làm mới ngữ cảnh), nút chính "Giao lại".
- Sau commit: thông báo "Linh đã nhận lại cuộc trò chuyện". Đề xuất cũ không bao giờ quay lại.
Xung đột
- Nếu người khác tiếp quản cùng lúc: thông báo "Chị Mai vừa tiếp quản cuộc trò chuyện này" và làm mới thanh; không bao giờ thất bại im lặng.
Trợ năng
- Tiêu đề thanh nằm trong vùng aria-live polite, nên đổi người phụ trách được đọc lên. Đường bàn phím đủ: Tab tới nút, Enter, rồi popover có bẫy focus của Radix.
Nghiệm thu
Tiếp quản rút đề xuất; giao lại có ghi chú; xung đột hiện thông báo; ở 1440 và 375, bàn phím, sáng và tối.
Nguồn: docs/09_delivery/responsible-sale/ux-flows.md. Giao diện này là mẫu thiết kế dựng từ primitive thật; không phải tuyên bố về năng lực đã giao.