Chat Panel - Quản lý hội thoại và nhiệm vụ

Quản lý lịch sử hội thoại, tạo phiên làm việc mới, chia sẻ phiên chat và theo dõi tiến độ thực thi nhiệm vụ ngầm.

Quản lý hội thoại, nhiệm vụ và không gian làm việc

Thao tác UI

Mô tả chi tiết

HÌNH ẢNH MINH HỌA

Mở danh sách cuộc trò chuyện

Nhấp vào biểu tượng menu

(Danh sách cuộc trò chuyện) trên thanh tiêu đề Chat Panel (ở chế độ Toàn màn hình danh sách này hiển thị cố định ở cột bên trái).

Tạo cuộc trò chuyện mới

Nhấp vào nút

(Cuộc trò chuyện mới) trên thanh tiêu đề (hoặc nút

(Cuộc trò chuyện mới) ở cột trái Toàn màn hình) để mở luồng trao đổi mới với Agent đang chọn.

Tìm kiếm hội thoại

Nhập từ khóa vào ô có icon kính lúp

Tìm kiếm cuộc trò chuyện…; danh sách sẽ tự động lọc kết quả thời gian thực.

Đổi tên hội thoại

Rê chuột vào tiêu đề cuộc trò chuyện, nhấp vào biểu tượng chiếc bút

(Chỉnh sửa), sửa lại tên và bấm biểu tượng dấu tích

(hoặc nhấn Enter) để lưu.

Xóa cuộc trò chuyện

Rê chuột vào cuộc trò chuyện, bấm biểu tượng thùng rác màu đỏ

(Xóa); tại modal Xác nhận xóa bấm nút đỏ

(Xóa vĩnh viễn) để xác nhận (hoặc bấm nút

để hủy).

Quản lý nhiệm vụ nền

Nhấp vào nút

(Nhiệm vụ) trên thanh tiêu đề để mở ngăn kéo Nhiệm vụ (Quản lý các công việc của AI Agent).

Chuyển đổi Workspace & Base

Nhấp vào tên Workspace / Base ở góc trên bên trái thanh tiêu đề Chat Panel để mở ngăn kéo

DANH SÁCH WORKSPACE và chuyển đổi không gian làm việc tức thì.


Chi tiết tính năng

1. Quản lý danh sách cuộc trò chuyện (Thread Drawer)

Ngăn kéo danh sách hội thoại trượt ra từ bên trái Chat Panel khi bấm biểu tượng

:

Thành phần UI

Vị trí

Chức năng chi tiết

Tiêu đề ngăn kéo

Đầu ngăn kéo

Biểu tượng

kèm chữ Danh sách cuộc trò chuyện cùng nút đóng

ở góc phải.

Ô tìm kiếm

Dưới tiêu đề

Trường nhập kèm icon kính lúp

Tìm kiếm cuộc trò chuyện… giúp lọc nhanh danh sách theo từ khóa.

Danh sách cuộc trò chuyện

Thân ngăn kéo

Hiển thị danh sách tập trung toàn bộ các phiên hội thoại trong Base theo trình tự thời gian tương tác gần nhất lên đầu, trình bày phẳng liền mạch, không phân cấp phức tạp.

Thông tin từng dòng

Từng mục hội thoại

Biểu tượng hội thoại

, tiêu đề phiên chat, mốc thời gian cập nhật chi tiết có icon đồng hồ

(ví dụ: 13:17:34 17/10/2026).

Nút Đổi tên trực tiếp

Rê chuột vào mục

Biểu tượng chiếc bút

(Chỉnh sửa) chuyển tiêu đề thành ô nhập liệu ngay tại chỗ. Bấm dấu tích

để lưu hoặc bấm Esc để hủy.

Nút Xóa hội thoại

Rê chuột vào mục

Biểu tượng thùng rác màu đỏ

(Xóa). Khi nhấp vào sẽ mở cửa sổ popup xác nhận an toàn.

Quy trình hiển thị Popup Xác nhận xóa:

  • Tiêu đề popup: Xác nhận xóa kèm nút đóng

    ở góc trên bên phải.

  • Nội dung cảnh báo: Bạn có chắc chắn muốn xóa "[Tên cuộc trò chuyện]"? Hành động này không thể hoàn tác.

  • Hai nút lựa chọn ở góc dưới bên phải:

    • Nút Hủy bỏ: Nút

      để giữ lại cuộc trò chuyện và đóng popup.

    • Nút Xóa vĩnh viễn: Nút màu đỏ

      (Xóa vĩnh viễn) để xóa sạch luồng tin nhắn khỏi hệ thống.


2. Quản lý nhiệm vụ nền của AI Agent (Task Drawer)

Kích hoạt bằng nút

(Nhiệm vụ) trên thanh tiêu đề:

Thành phần UI

Vị trí / Thao tác

Mô tả chi tiết

Tiêu đề & Mô tả

Đầu ngăn kéo

Biểu tượng hộp thư nhiệm vụ

kèm chữ Nhiệm vụ - Quản lý các công việc của AI Agent.

Nút Làm mới & Đóng

Góc phải tiêu đề

Biểu tượng hai mũi tên xoay

(Làm mới) cập nhật lại danh sách tác vụ thời gian thực từ máy chủ, bên cạnh nút đóng

.

Ô tìm kiếm nhiệm vụ

Dưới tiêu đề

Trường nhập kèm kính lúp

Tìm kiếm nhiệm vụ… để tra cứu theo tên hoặc nội dung tác vụ đang được giao.

Dropdown lọc trạng thái

Cạnh ô tìm kiếm

Menu thả xuống

với giá trị mặc định là Tất cả, hỗ trợ lọc theo 6 trạng thái nghiệp vụ.

Trạng thái chưa có việc

Thân ngăn kéo

Hiển thị biểu tượng hộp thư nhiệm vụ

kèm thông báo: Chưa có công việc nào - Nhiệm vụ đã kích hoạt sẽ xuất hiện ở đây khi agent tạo nhiệm vụ.

Các trạng thái lọc nhiệm vụ trên hệ thống:

Trạng thái

Mã màu nhận diện

Ý nghĩa nghiệp vụ

Tất cả

Trung tính

Hiển thị toàn bộ các nhiệm vụ thuộc Base hiện tại.

Đang chạy

Màu hổ phách

Tác vụ đang được AI Agent hoặc máy chủ xử lý ngầm (kèm thanh tiến độ %).

Lỗi

Màu đỏ hồng

Tác vụ gặp sự cố trong quá trình thực thi, hiển thị nguyên nhân lỗi để xử lý.

Hoàn tất

Màu xanh lá

Tác vụ đã được AI xử lý kết thúc thành công.

Đã dừng

Màu xám đậm

Tác vụ đã được người dùng chủ động bấm dừng hoặc hủy bỏ giữa chừng.

Đang chờ

Màu xanh dương

Tác vụ đang nằm trong hàng đợi chờ tài nguyên hoặc chờ điều kiện kích hoạt.


3. Ngăn kéo chuyển đổi Workspace & Base (Workspace Drawer)

Mở ra khi người dùng nhấp vào khu vực thông tin không gian làm việc (Agent RedAI / Team Dev) ở góc trên bên trái Chat Panel:

Vùng hiển thị

Cấu trúc cây dữ liệu

Thao tác tương tác

Tiêu đề ngăn kéo

Biểu tượng

DANH SÁCH WORKSPACE

Tổ chức và quản lý không gian làm việc, góc phải có nút đóng

.

Workspace hệ thống

Nhãn mặc định của tài khoản kèm huy hiệu đỏ Hệ thống

Bấm vào để mở rộng các Base được ghim hoặc tạo mặc định.

Workspace của bạn

Danh sách các Workspace do người dùng tạo hoặc được cấp quyền tham gia

Mỗi Workspace hiển thị ký tự đại diện (ví dụ R, A), tên và icon mũi tên mở rộng/thu gọn

.

Danh sách Base trực thuộc

Các Base nằm dưới từng Workspace

Biểu tượng cơ sở dữ liệu

kèm tên Base. Nhấp trực tiếp vào tên Base để chuyển phiên làm việc của Chat Panel sang Base mới ngay lập tức mà không cần tải lại trình duyệt.


4. So sánh 3 công cụ theo dõi tiến trình trong Chat Panel

Để quản lý công việc hiệu quả, người dùng cần phân biệt rõ 3 khu vực theo dõi tiến trình trên giao diện:

Tiêu chí

Bảng Todo (Todo Dock)

Giám sát Subagents

Ngăn kéo Nhiệm vụ (Task Drawer)

Vị trí hiển thị

Cột bên phải trong chế độ Toàn màn hình.

Cột bên phải hoặc popup chi tiết khi gọi nhiều Agent con.

Ngăn kéo trượt ra khi bấm nút

(Nhiệm vụ) trên header.

Phạm vi tác vụ

Các bước hành động chia nhỏ thuộc về câu hỏi hiện tại.

Các nhiệm vụ chạy song song phân công cho các Agent phụ.

Toàn bộ tiến trình chạy ngầm dài hạn của toàn bộ Base.

Thời gian tồn tại

Gắn liền với phiên trao đổi câu hỏi hiện thời.

Tồn tại theo chu kỳ sống của tác vụ con được giao.

Lưu trữ lâu dài trong Base, không mất đi khi đóng chat.


Bảng kiểm tra kết quả giao diện

Thao tác kiểm tra

Cách thực hiện

Kết quả hiển thị đạt chuẩn

1. Mở danh sách chat

Bấm nút

(Danh sách cuộc trò chuyện) trên header

Ngăn kéo danh sách mở ra từ bên trái, hiển thị danh sách hội thoại phẳng liền mạch theo thứ tự thời gian tương tác.

2. Đổi tên hội thoại

Rê chuột vào phiên chat, bấm biểu tượng chiếc bút

(Chỉnh sửa)

Tiêu đề đổi thành ô nhập văn bản; sau khi sửa và bấm dấu tích

, tên mới cập nhật tức thì.

3. Xóa hội thoại an toàn

Bấm biểu tượng thùng rác đỏ

(Xóa)

Popup Xác nhận xóa xuất hiện cảnh báo không thể hoàn tác; bấm nút đỏ

(Xóa vĩnh viễn) sẽ xóa hội thoại khỏi danh sách.

4. Lọc trạng thái nhiệm vụ

Mở ngăn kéo nhiệm vụ qua nút

(Nhiệm vụ) và đổi dropdown

Danh sách chỉ lọc các nhiệm vụ tương ứng với trạng thái đã chọn (Đang chạy, Lỗi, Hoàn tất…).

5. Đổi nhanh Base làm việc

Nhấp vào khu vực tên Workspace/Base ở góc trên bên trái

Ngăn kéo

DANH SÁCH WORKSPACE xuất hiện; bấm vào một Base con sẽ chuyển ngữ cảnh làm việc ngay lập tức.