Hội thoại — tổng quan

Hội thoại (/app/chat) là nơi bạn dành đa số thời gian mỗi ngày — tất cả tin nhắn từ Facebook, Instagram, Zalo, Email, WebChat… đổ về đây, AI tự trả lời, bạn giám sát và xử lý khi cần.

Bố cục 3 cột

┌─────────────┬──────────────────────────┬─────────────────┐
│  Cột trái   │       Cột giữa            │  Cột phải       │
│ (danh sách) │   (hội thoại)             │ (Thông tin khách)│
│             │                          │                 │
│ 🔍 Tìm      │  ┌──────────────────┐    │  Giai đoạn      │
│             │  │ Khách: chào shop │    │  Mới → ... Mua  │
│ [Phân công] │  │ AI: chào bạn...  │    │                 │
│             │  │                  │    │  Tự động trả lời│
│ ─ Filter    │  │ Khách: giá sao?  │    │  (AI) [toggle]  │
│ Tất cả      │  │ AI: 199k bạn ạ   │    │                 │
│ Hoạt động   │  └──────────────────┘    │  Nhãn: VIP      │
│ Kỹ thuật    │  [ Nhập tin... ]          │                 │
│ Tạm dừng    │   😊 📎 ➤                 │  Ghi chú: ...   │
│ Spam        │                          │                 │
│ Xong        │                          │  [Tạo vận đơn]  │
│             │                          │                 │
│ Nền tảng ▾  │                          │                 │
│ Tag ▾       │                          │                 │
│ ─ Danh sách │                          │                 │
│ 👤 Khách A  │                          │                 │
│ 👤 Khách B  │                          │                 │
└─────────────┴──────────────────────────┴─────────────────┘

Cột	Tên	Vai trò
Trái	Danh sách hội thoại	Tìm khách, filter, chọn hội thoại
Giữa	Hội thoại	Xem + gửi tin nhắn
Phải	Thông tin khách	Hồ sơ + tag + giai đoạn + tạo đơn

Khi chưa chọn khách, cột giữa hiện: “Chọn một hội thoại” + nút Mở hội thoại đầu tiên.

Cột trái — filter & danh sách

Ô tìm kiếm

Tìm khách hàng... — gõ tên/SĐT/email.

Nút Phân công chat (chỉ owner/admin)

Icon người-phân-chia, title Phân công chat → mở modal round-robin. Xem Phân công chat.

Filter tabs (6 tab theo trạng thái)

Tab	Ý nghĩa
Tất cả	Mọi hội thoại
Hoạt động	Đang xử lý
Kỹ thuật	Cần xử lý kỹ thuật / khó
Tạm dừng	Đã tạm dừng
Spam	Đánh dấu spam
Xong	Đã xử lý xong

2 select filter thêm

• Nền tảng ▾ — Tất cả nền tảng / Messenger / Zalo / Zalo Personal / Telegram / Web.
• Tag ▾ — Tất cả tag hoặc chọn 1 nhãn.

Danh sách hội thoại

Mỗi item hiện:

• Avatar + tên khách.
• Preview tin cuối.
• Thời gian.
• Chip AI: AI đang xử lý / AI tạm dừng / Cần người xử lý.
• Chip ý định (nếu AI nhận diện): Hỏi giá / Cần tư vấn / Đặt lịch / Muốn mua / Khiếu nại / Vận chuyển.
• Chip giai đoạn: Mới nhắn / Đang tư vấn / Quan tâm giá / Chờ chốt / Đã mua / Không tiềm năng.

Bấm item → cột giữa tải hội thoại đó.

Tự cập nhật

TrolyPage polling liên tục — có tin mới thì item nhảy lên đầu, không cần reload trang.

Cột giữa — hội thoại

• Tin khách (trái) / tin shop (phải).
• Phân biệt ai gửi qua chip nguồn: AI: <tên agent> / Web: <tên bạn> / Page.
• Sticker, ảnh, file, reaction, voice đều hiển thị đúng.
• Reaction từ khách có chip “Khách đã thả cảm xúc”.
• Trạng thái tin đã gửi: Đã gửi / Đã nhận / Đã đọc / Gửi thất bại.

Ô nhập tin + toolbar ở đáy. Xem chi tiết ở Chat — hướng dẫn.

Cột phải — Thông tin khách

Xem trang riêng Thông tin khách. Tóm tắt: giai đoạn, toggle AI, nhãn, ghi chú, tạo vận đơn.

Mẹo dùng

Mẹo

• Resizer giữa các cột — kéo để đổi độ rộng (aria: “Thay đổi độ rộng danh sách hội thoại” / “bảng thông tin khách”).
• Chế độ chọn nhiều (icon check) — chọn nhiều khách rồi thực hiện hành động hàng loạt (Bật/Tắt AI, đặt trạng thái, gán tag/agent, xóa).
• Nhắc nhở (chỉ Zalo Personal, icon header) — lên lịch nhắc cho khách đó.

Bước tiếp theo

• Chat — hướng dẫn — gửi/nhận/sticker/reaction/translate.
• Thông tin khách — cột phải chi tiết.
• Phân công chat — round-robin (owner/admin).