Thư viện Đa phương tiện (Media Library)

Trang Thư viện Đa phương tiện (Media Library) (/app/media-library) là kho lưu trữ trung tâm của workspace, nơi quản lý toàn bộ hình ảnh, video, tệp âm thanh và tài liệu được tải lên từ Hộp thư chat, Media Studio, Social Posts hay Knowledge Base.

Giới hạn Dung lượng Tải lên

• Hình ảnh (Image): Hỗ trợ JPG, PNG, GIF, WebP — Dung lượng tối đa 20 MB/file.
• Video: Hỗ trợ MP4, MOV, WebM — Dung lượng tối đa 100 MB/file.
• Âm thanh (Audio): Hỗ trợ MP3, WAV, AAC — Dung lượng tối đa 50 MB/file.

---

Cấu trúc Cây Thư mục (Folder Tree)

Thanh sidebar cột trái hiển thị cấu trúc cây thư mục phân cấp:

• Tạo thư mục mới: Đặt tên và gán mã màu nhận diện (FOLDER_COLORS).
• Điều hướng Breadcrumb: Hiển thị đường dẫn vị trí thư mục hiện tại (vd: Thư viện gốc / Sản phẩm / Áo thun).
• Thư mục mặc định hệ thống:
  • Tất cả tệp (All media).
  • Ảnh sản phẩm (Products catalog).
  • Media Studio (Ảnh/Video AI sinh ra).
  • Thùng rác (Trash).

---

Các chế độ hiển thị & Thao tác

1. Chế độ xem (View Modes)

• Dạng Lưới (Grid View): Hiển thị thumbnail xem trước của ảnh/video.
• Dạng Bảng (List View): Hiển thị dạng bảng chi tiết gồm Tên file, Kích thước (formatSize), Loại file, Ngày tạo và Dung lượng.

2. Chế độ Phân trang (Pagination Modes)

• Cuộn vô tận (infinite): Tự động tải thêm media khi cuộn xuống đáy.
• Theo trang (pages): Phân trang dạng 1, 2, 3…

3. Xem trước media

• Lightbox: Click vào hình ảnh/video để xem tràn màn hình độ nét cao.
• Audio Player: Nghe thử trực tiếp file âm thanh trên thẻ media mà không cần tải về.

---

Quản lý Tải lên & Xử lý trùng tên (Upload Queue & Conflict)

• Hàng chờ Tải lên (UploadQueuePanel): Hiển thị tiến trình tải nhiều file cùng lúc ở góc dưới màn hình.
• Xử lý trùng tên file (ReplaceConflictDialog):
  • Ghi đè (Replace): Thay thế file cũ bằng file mới.
  • Giữ cả hai (Keep both): Đổi tên file mới bằng cách thêm hậu tố số (vd anh-san-pham (1).jpg).
  • Bỏ qua (Skip): Hủy tải lên file trùng.

---

Thùng rác & Sao chép liên kết

• Sao chép URL công khai: Nút 1-click Copy URL để dán link HTTPS ảnh vào bài viết MXH hoặc bọc trong marker [IMAGE:url] cho AI.
• Thùng rác (TrashView): Các file bị xóa sẽ chuyển vào Thùng rác. Bạn có thể bấm Khôi phục (Restore) hoặc Xóa vĩnh viễn (Permanent Delete).

Bước tiếp theo

• Media Studio — Sáng tạo ảnh & video AI.
• Voice Studio — Chuyển văn bản thành giọng nói.
• AI gửi ảnh trong chat — Cách AI lấy URL từ thư viện.