Thông tin khách (cột phải)

Cột bên phải của trang Hội thoại (/app/chat) là Bảng thông tin khách hàng (CustomerPanel) — nơi lưu trữ bộ nhớ và hồ sơ chi tiết của khách. Cột này có thể điều chỉnh độ rộng hoặc đóng/mở qua nút toggle ở header.

Đỉnh panel — Hồ sơ khách hàng

Avatar + Tên khách hàng: Hiển thị avatar từ nền tảng (Facebook, Zalo, Instagram…).
Badge Nền tảng: Icon và tên kênh kết nối (vd Messenger: Fanpage A, Zalo: Shop B, Instagram).
Đặc thù Zalo Group (zpg_):
- Nhận diện hội thoại nhóm Zalo.
- Hiển thị danh sách thành viên trong nhóm (groupMembers).
- Nút bấm trực tiếp để mở cuộc hội thoại chat 1-1 với từng thành viên trong group.

Giai đoạn khách hàng (Lead Stages)

Giúp phân loại khách hàng theo phễu bán hàng:

Mã Stage	Nhãn mặc định	Ý nghĩa
`new`	Mới nhắn	Khách mới bắt đầu hội thoại
`consulting`	Đang tư vấn	Đang trao đổi nhu cầu, thông tin sản phẩm
`pricing`	Quan tâm giá	Đã hỏi giá / báo giá
`closing`	Chờ chốt	Đã gửi thông tin chuyển khoản / chờ chốt đơn
`won`	Đã mua	Đã chốt đơn thành công
`lost`	Không tiềm năng	Khách không mua / hủy / sai đối tượng

Đổi giai đoạn: Nhấp chọn trực tiếp từng ô giai đoạn.
Nút Quản lý giai đoạn: Mở modal tạo giai đoạn mới, chọn màu sắc tùy chỉnh (newStageColor), đổi tên hoặc sắp xếp lại phễu.

Trạng thái xử lý & Trợ lý AI

Công tắc Tự động trả lời (AI) (ai_enabled):
- Bật: AI Agent tự động phản hồi khách khi có tin nhắn mới.
- Tắt: AI ngừng hoạt động, nhường quyền phản hồi hoàn toàn cho nhân viên.
Trạng thái hội thoại:
- Active: Đang xử lý.
- Pause: Tạm dừng.
- Done: Đã hoàn tất.
- Kỹ thuật: Chuyển bộ phận kỹ thuật.
- Spam: Khách rác / quảng cáo.
Dropdown Trợ lý AI:
- Chọn Agent cụ thể phụ trách riêng cho khách này.
- Checkbox Ghim Trợ lý (Lock Agent) (agent_pinned): Cố định Agent đã chọn, không cho phép hệ thống tự động đổi Agent khác.

Thông tin liên lạc & Liên kết đa kênh

Số điện thoại & Email: Nhấp vào icon chỉnh sửa để nhập hoặc cập nhật SĐT/Email khách.
Liên kết tài khoản nền tảng (Cross-platform Linking):
- Cho phép ghép nối subscriber từ nhiều nền tảng (ví dụ: Khách nhắn từ Messenger và Zalo có cùng SĐT).
- Nút Liên kết tài khoản: Mở modal tìm kiếm khách hàng khác và gộp chung vào 1 hồ sơ thống nhất.
- Hiển thị danh sách các tài khoản đã liên kết kèm nút Hủy liên kết nếu ghép sai.

Nút thao tác nhanh (Quick Actions)

🚚 Tạo vận đơn: Mở modal ShipOrderModal để tạo đơn hàng và vận đơn trực tiếp cho khách (tự động điền tên, SĐT, địa chỉ từ cuộc hội thoại).
⏰ Tạo Follow-up: Mở FollowUpModal lên lịch hẹn hỏi lại / chăm sóc khách im lặng sau khoảng thời gian tùy chọn.
🚫 Chặn / Bỏ chặn: Dành cho kênh Zalo Personal để chặn người dùng rác.

Phía dưới panel phân chia thành các tab quản lý chuyên sâu:

1. Tab Nhãn (Tags)

Hiển thị danh sách nhãn đã gắn cho khách.
Thêm nhãn mới từ dropdown danh sách tag workspace.
Nút Quản lý nhãn: Mở modal tạo tag mới kèm mã màu.
Xóa nhãn: Bấm icon ✕ trên từng chip tag.

2. Tab Ghi chú (Notes)

Lưu các ghi chú nội bộ mà khách hàng không nhìn thấy.
Nhập văn bản → Bấm Thêm ghi chú.
Hiển thị lịch sử các ghi chú kèm tên người tạo và thời gian.

3. Tab Nhắc nhở (Reminders)

Tích hợp ReminderListPanel quản lý các lịch hẹn/nhắc nhở cá nhân liên quan đến khách hàng này.
Hiển thị trạng thái nhắc nhở đến hạn.

4. Tab Biểu đồ hoạt động (Heatmap)

Tích hợp CustomerActivityHeatmap: Hiển thị biểu đồ nhiệt về khung giờ và các ngày trong tuần mà khách hàng thường xuyên nhắn tin nhất.
Giúp nhân viên và AI chọn khung giờ follow-up tối ưu nhất.

5. Tab Thư viện Media (MediaGallery)

Tích hợp MediaGallery: Tổng hợp toàn bộ hình ảnh, video, tệp tin và liên kết đã được gửi qua lại giữa shop và khách hàng trong suốt lịch sử hội thoại.

Thống kê Hành trình khách hàng (Customer Journey)

Cuối panel hiển thị tóm tắt mốc thời gian:

Ngày đầu tiên tương tác.
Tổng số lượt hội thoại.
Tổng số đơn hàng thành công.
Thời điểm tương tác gần nhất.

Bước tiếp theo

Tổng quan Hộp thư — Bố cục 3 cột và bộ lọc.
Chat — Hướng dẫn thao tác — Gửi tin nhắn, sticker, voice note.
Vận chuyển & Đơn hàng — Quy trình duyệt đơn hàng.