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, Telegram, Email, WebChat, WhatsApp… đổ 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      │
│  (sidebar)   │    (hội thoại)           │ (Thông tin khách)│
│              │                          │                 │
│ 🔍 Tìm khách │  ┌──────────────────┐    │  Giai đoạn      │
│   [🔎 Nội    │  │ Khách: chào shop │    │  Mới → ... Mua  │
│    dung]     │  │ AI: chào bạn...  │    │                 │
│              │  │                  │    │  Tự động trả lời│
│ [Inbox]      │  │ Khách: giá sao?  │    │  (AI) [toggle]  │
│ [Của tôi]    │  │ AI: 199k bạn ạ   │    │                 │
│ [Chưa phân   │  └──────────────────┘    │  Nhãn: VIP      │
│  công] [•••] │  [ Nhập tin... ]          │                 │
│              │   😊 📎 ✨ ➤              │  Ghi chú: ...   │
│ ── Quick ──  │                          │                 │
│ Tất cả       │                          │  [Tạo vận đơn]  │
│ Messenger    │                          │                 │
│ Zalo         │                          │                 │
│ Chưa đọc     │                          │                 │
│ Ý định mua   │                          │                 │
│ Chưa SĐT     │                          │                 │
│ Lịch CSKH    │                          │                 │
│ ─ Danh sách  │                          │                 │
│ 👤 Khách A   │                          │                 │
│ 👤 Khách B   │                          │                 │
└──────────────┴──────────────────────────┴─────────────────┘

Cột	Tên	Vai trò
Trái	Sidebar hội thoại	Views + Quick Views + filter nâng cao + danh sách
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 — Sidebar

Ô tìm kiếm

Tìm khách hàng... — gõ tên / SĐT / email. Bên cạnh có nút Nội dung để bật/tắt tìm trong nội dung tin nhắn (title: “Bật tìm trong nội dung tin nhắn”).

3 view chính (Primary Views)

View	Ý nghĩa
Inbox	Tất cả hội thoại cần xử lý
Của tôi	Hội thoại đã phân công cho bạn
Chưa phân công	Hội thoại chưa ai phụ trách

3 view này luôn hiện dưới dạng tab ngang ở đầu sidebar.

Menu ••• (3 view phụ — Secondary Views)

Bấm nút ••• bên phải 3 tab chính để mở menu thêm:

View	Icon	Ý nghĩa
Chưa đọc	✉️	Hội thoại bạn chưa đọc
Đã đóng	✅	Hội thoại đã đóng
Lưu trữ	📦	Hội thoại đã lưu trữ

Khi chọn view phụ, nút ••• sẽ đổi thành tên view đó (vd “Đã đóng ▾”).

Empty state

Mỗi view có message khi trống:

• Inbox: “Không có hội thoại cần xử lý”
• Của tôi: “Bạn chưa được phân công hội thoại nào”
• Chưa phân công: “Tất cả hội thoại đã có người phụ trách”
• Chưa đọc: “Không có hội thoại chưa đọc”
• Đã đóng: “Chưa có hội thoại đã đóng”
• Lưu trữ: “Chưa có hội thoại được lưu trữ”

Quick Views (dải nút 1-Click)

Bên dưới tabs là dải Quick Views — các nút chip để chuyển bộ lọc nhanh 1 click:

Chip	Filter áp dụng
Tất cả	Xóa mọi filter
Messenger	platform = messenger
Zalo	platform = zalo
Chưa đọc	readStatus = unread
Ý định mua	aiFilter = high_intent
Chưa SĐT	aiFilter = missing_phone
Lịch CSKH	followupDue = true

Tạo Quick View riêng

Bấm + Tạo View (cuối dải) → đặt tên → lưu bộ lọc hiện tại thành nút 1-Click. Xóa Quick View custom bằng nút × trên chip.

Filter nâng cao (FilterPopover)

Bấm icon bộ lọc (cạnh ô tìm kiếm) → mở panel filter với 10 tiêu chí:

Filter	Options
Nền tảng	Tất cả nền tảng / Messenger / Instagram / Telegram / Web / Zalo OA·Bot / Zalo cá nhân / WhatsApp / Twilio / Lotus Bot / Email
Kênh / Trang	Tất cả trang/kênh / (danh sách kênh đã kết nối)
Trạng thái	Tất cả / Đang xử lý / Tạm dừng / Hoàn tất / Kỹ thuật / Spam
Nhãn	Tất cả nhãn / (nhãn tùy chỉnh)
Giai đoạn Lead	Tất cả giai đoạn / (giai đoạn tùy chỉnh)
Nhân viên	Tất cả / (thành viên team)
AI / Người	Tất cả / AI đang xử lý / Người xử lý
Đọc / Chưa đọc	Tất cả / Chưa đọc / Đã đọc
Lọc Thông minh AI	Tất cả / Ý định mua cao / Chưa có SĐT
Lịch hẹn CSKH đến hạn	Checkbox bật/tắt

Thêm Chọn nhanh thời gian: Hôm nay / Hôm qua / 7 ngày qua / 30 ngày qua, hoặc chọn Từ ngày / Đến ngày cụ thể.

Cuối popover:

• Đặt làm mặc định — lưu bộ lọc hiện tại làm mặc định khi mở Hộp thư.
• Đặt lại — xóa tất cả filter.
• Áp dụng — áp dụng filter đã chọn.

Active chips

Filter đang bật sẽ hiện dạng chip phía trên danh sách (vd Messenger × Chưa đọc ×). Bấm × để xóa riêng, hoặc Xóa tất cả để reset.

Danh sách hội thoại

Mỗi item hiện:

• Avatar + tên khách + badge online (chấm xanh khi có presence).
• 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.
• Hội thoại ghim sẽ hiện ở đầu danh sách (nhóm riêng, có thể thu gọn).

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

Chế độ chọn hàng loạt (Bulk Mode)

Bấm icon ✓ (check) → bật bulk mode. Hiện toolbar hàng loạt:

Nút nhanh:

Nút	Tác dụng
👤+ Phân công (admin)	Gán nhân viên / Bỏ phân công
✉️ Đánh dấu đã đọc	Đánh dấu đã đọc
✅ Đóng hội thoại	Đóng

Menu ••• (Thêm thao tác):

Hành động	Label
Ghim	Ghim
Bỏ ghim	Bỏ ghim
Đánh dấu chưa đọc	Đánh dấu chưa đọc
Mở lại	Mở lại
Lưu trữ	Lưu trữ
Khôi phục	Khôi phục

Thêm (chỉ admin):

Hành động	Label
Bật AI	Bật AI
Tắt AI	Tắt AI
Thêm nhãn	Thêm nhãn
Xóa nhãn	Xóa nhãn
Gán AI agent	Gán AI agent
Đặt đang xử lý	Đặt đang xử lý
Đặt tạm dừng	Đặt tạm dừng
Đặt hoàn tất	Đặt hoàn tất
Đặt spam	Đặt spam
Chuyển kỹ thuật	Chuyển kỹ thuật
Xóa khách hàng	Xóa khách hàng

Bấm ✕ (Hủy) để thoát bulk mode.

Checkbox chọn tất cả

Checkbox đầu toolbar cho phép chọn/bỏ chọn tất cả hội thoại đang tải.

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”).
• Compact / Comfortable — toggle mật độ hiển thị danh sách (ít thông tin / nhiều thông tin).
• Nút Phân công chat (icon người-phân-chia, chỉ owner/admin) → mở modal round-robin. Xem Phân công chat.
• 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).