From 8e62742ed23900fae8baafd78ed75c876303ea4d Mon Sep 17 00:00:00 2001
From: Goon <duy@wearetopgroup.com>
Date: Wed, 14 Oct 2026 13:37:56 +0700
Subject: [PATCH] fix(content): update console screenshot titles and captions
 to the current app

---
 src/content/ccp-screens.ts | 66 +++++++++++++++++++-------------------
 1 file changed, 33 insertions(+), 33 deletions(-)

diff --git a/src/content/ccp-screens.ts b/src/content/ccp-screens.ts
index 19bbf39..3fe8b23 100644
--- a/src/content/ccp-screens.ts
+++ b/src/content/ccp-screens.ts
@@ -24,39 +24,39 @@ export const CCP_GROUPS: Record<CcpGroup, Bi> = {
 };
 
 export const CCP_SCREENS = [
-  { id: "sign-in", group: "auth", route: "/", title: { en: "Sign in", vi: "Đăng nhập" }, caption: { en: "Sign in with GitHub, Google or a magic link sent to your work email.", vi: "Đăng nhập bằng GitHub, Google hoặc magic link gửi về email công việc." } },
-  { id: "overview", group: "workspace", route: "/workspaces/:ws", title: { en: "Overview", vi: "Tổng quan" }, caption: { en: "The workspace at a glance: setup checklist, requests, spend, latency and errors.", vi: "Toàn cảnh workspace: checklist thiết lập, lượng request, chi phí, độ trễ và lỗi." } },
-  { id: "chat", group: "workspace", route: "/workspaces/:ws/chat", title: { en: "Chat", vi: "Chat" }, caption: { en: "Talk to any agent. Hand-offs between agents show up inline.", vi: "Trò chuyện với bất kỳ agent nào. Việc chuyển giao giữa các agent hiện ngay trong hội thoại." } },
-  { id: "sessions", group: "workspace", route: "/workspaces/:ws/sessions", title: { en: "Sessions", vi: "Phiên hội thoại" }, caption: { en: "Every conversation with its channel, message count, model and trace.", vi: "Mọi cuộc hội thoại kèm kênh, số tin nhắn, model và trace." } },
-  { id: "agents", group: "workspace", route: "/workspaces/:ws/agents", title: { en: "Agents", vi: "Agent" }, caption: { en: "Each agent has its own model, instructions, skills and tool grants.", vi: "Mỗi agent có model, hướng dẫn, skill và quyền dùng tool riêng." } },
-  { id: "teams", group: "workspace", route: "/workspaces/:ws/teams", title: { en: "Agent teams", vi: "Nhóm agent" }, caption: { en: "Group agents into teams with a shared task board.", vi: "Gom agent thành nhóm, dùng chung một bảng task." } },
-  { id: "providers", group: "capabilities", route: "/workspaces/:ws/providers", title: { en: "Providers & models", vi: "Provider & model" }, caption: { en: "Connect LLM providers and pick a default model for each.", vi: "Kết nối các LLM provider và chọn model mặc định cho từng provider." } },
-  { id: "skills", group: "capabilities", route: "/workspaces/:ws/skills", title: { en: "Skills", vi: "Skill" }, caption: { en: "A catalogue of skills with version, source and an on/off switch.", vi: "Danh mục skill kèm phiên bản, nguồn và công tắc bật/tắt." } },
-  { id: "skill-templates", group: "capabilities", route: "/workspaces/:ws/skills?tab=templates", title: { en: "Skill templates", vi: "Mẫu skill" }, caption: { en: "Start from a template that lists what it needs before you enable it.", vi: "Bắt đầu từ mẫu có sẵn, ghi rõ cần gì trước khi bật." } },
-  { id: "mcp-servers", group: "capabilities", route: "/workspaces/:ws/mcp", title: { en: "MCP servers", vi: "MCP server" }, caption: { en: "Attach MCP servers over stdio, HTTP or SSE and see their tools.", vi: "Gắn MCP server qua stdio, HTTP hoặc SSE và xem danh sách tool của chúng." } },
-  { id: "schedules", group: "capabilities", route: "/workspaces/:ws/crons", title: { en: "Schedules", vi: "Lịch chạy" }, caption: { en: "Recurring jobs with cron expressions, next run and who can edit them.", vi: "Công việc định kỳ với biểu thức cron, lần chạy kế tiếp và quyền chỉnh sửa." } },
-  { id: "workflows", group: "capabilities", route: "/workspaces/:ws/workflows", title: { en: "Workflows", vi: "Workflow" }, caption: { en: "Versioned workflow definitions with their latest run status.", vi: "Định nghĩa workflow có phiên bản, kèm trạng thái lần chạy gần nhất." } },
-  { id: "workflow-runs", group: "capabilities", route: "/workspaces/:ws/workflows/runs", title: { en: "Workflow runs", vi: "Lịch sử chạy workflow" }, caption: { en: "Every run with its trigger, duration and outcome.", vi: "Từng lần chạy với nguồn kích hoạt, thời lượng và kết quả." } },
-  { id: "tools", group: "capabilities", route: "/workspaces/:ws/tools", title: { en: "Built-in tools", vi: "Tool tích hợp" }, caption: { en: "Built-in tools by category, with the secrets each one needs.", vi: "Tool tích hợp theo nhóm, ghi rõ secret mà từng tool cần." } },
-  { id: "hooks", group: "capabilities", route: "/workspaces/:ws/hooks", title: { en: "Hooks", vi: "Hook" }, caption: { en: "Webhooks on agent events, with the last delivery status.", vi: "Webhook theo sự kiện của agent, kèm trạng thái gửi gần nhất." } },
-  { id: "channels", group: "connect", route: "/workspaces/:ws/channels", title: { en: "Channels", vi: "Kênh" }, caption: { en: "Telegram, Zalo OA, Slack, Discord and WhatsApp, each owned by an agent.", vi: "Telegram, Zalo OA, Slack, Discord và WhatsApp, mỗi kênh do một agent phụ trách." } },
-  { id: "connectivity", group: "connect", route: "/workspaces/:ws/connectivity", title: { en: "Pairing inbox", vi: "Hộp ghép nối" }, caption: { en: "Approve new senders before an agent answers them.", vi: "Phê duyệt người gửi mới trước khi agent trả lời họ." } },
-  { id: "contacts", group: "connect", route: "/workspaces/:ws/contacts", title: { en: "Contacts", vi: "Danh bạ" }, caption: { en: "Everyone your agents have talked to, across platforms.", vi: "Tất cả những người agent đã trò chuyện, trên mọi nền tảng." } },
-  { id: "pending-messages", group: "connect", route: "/workspaces/:ws/pending-messages", title: { en: "Pending messages", vi: "Tin nhắn chờ" }, caption: { en: "Messages waiting in the queue, grouped by channel and session.", vi: "Tin nhắn đang chờ xử lý, gom theo kênh và phiên." } },
-  { id: "memory", group: "data", route: "/workspaces/:ws/memory", title: { en: "Memory", vi: "Bộ nhớ" }, caption: { en: "What agents remember, shared or personal, with embedding status.", vi: "Những gì agent ghi nhớ, dùng chung hoặc cá nhân, kèm trạng thái embedding." } },
-  { id: "knowledge-base", group: "data", route: "/workspaces/:ws/vault", title: { en: "Knowledge base", vi: "Kho tri thức" }, caption: { en: "Documents, notes and context your agents can cite.", vi: "Tài liệu, ghi chú và ngữ cảnh mà agent có thể trích dẫn." } },
-  { id: "storage", group: "data", route: "/workspaces/:ws/storage", title: { en: "Storage", vi: "Lưu trữ" }, caption: { en: "A file browser for everything agents read and write.", vi: "Trình duyệt file cho mọi thứ agent đọc và ghi." } },
-  { id: "usage", group: "monitor", route: "/workspaces/:ws/usage", title: { en: "Usage", vi: "Mức sử dụng" }, caption: { en: "Requests, tokens and estimated cost over time.", vi: "Request, token và chi phí ước tính theo thời gian." } },
-  { id: "activity", group: "monitor", route: "/workspaces/:ws/activity", title: { en: "Activity", vi: "Nhật ký hoạt động" }, caption: { en: "An audit log written as sentences, linked to the traces behind them.", vi: "Nhật ký kiểm toán viết thành câu, liên kết tới trace tương ứng." } },
-  { id: "traces", group: "monitor", route: "/workspaces/:ws/traces", title: { en: "Traces", vi: "Trace" }, caption: { en: "Every agent run with its spans, tool calls, tokens and cost.", vi: "Mọi lượt chạy của agent với span, tool call, token và chi phí." } },
-  { id: "monitoring", group: "monitor", route: "/workspaces/:ws/monitoring", title: { en: "Runtime health", vi: "Tình trạng runtime" }, caption: { en: "Connection status, tenant binding and capacity of the runtime.", vi: "Trạng thái kết nối, liên kết tenant và công suất của runtime." } },
-  { id: "members", group: "admin", route: "/workspaces/:ws/members", title: { en: "Members", vi: "Thành viên" }, caption: { en: "Who is in the workspace and what role they hold.", vi: "Ai đang ở trong workspace và giữ vai trò gì." } },
-  { id: "roles", group: "admin", route: "/workspaces/:ws/roles", title: { en: "Roles", vi: "Vai trò" }, caption: { en: "Built-in and custom roles with a permission matrix.", vi: "Vai trò có sẵn và tuỳ chỉnh, kèm ma trận phân quyền." } },
-  { id: "api-keys", group: "admin", route: "/workspaces/:ws/api-keys", title: { en: "API keys", vi: "API key & tài liệu" }, caption: { en: "Scoped API keys, shown once, revocable any time.", vi: "API key theo phạm vi, chỉ hiện một lần, thu hồi bất cứ lúc nào." } },
-  { id: "settings", group: "admin", route: "/workspaces/:ws/settings", title: { en: "Settings", vi: "Cài đặt" }, caption: { en: "Workspace name, time zone and runtime configuration.", vi: "Tên workspace, múi giờ và cấu hình runtime." } },
-  { id: "backup", group: "admin", route: "/workspaces/:ws/backup", title: { en: "Backup & export", vi: "Sao lưu & xuất dữ liệu" }, caption: { en: "Export your data or request a restore.", vi: "Xuất dữ liệu hoặc yêu cầu khôi phục." } },
-  { id: "support", group: "admin", route: "/workspaces/:ws/support", title: { en: "Support", vi: "Hỗ trợ" }, caption: { en: "Reach the team, open a ticket or request a package.", vi: "Liên hệ đội ngũ, mở ticket hoặc yêu cầu thêm gói." } },
-  { id: "billing", group: "admin", route: "/workspaces/:ws/billing", title: { en: "Billing", vi: "Thanh toán" }, caption: { en: "Current plan, renewal date and invoices (AaaS workspaces).", vi: "Gói hiện tại, ngày gia hạn và hoá đơn (workspace AaaS)." } },
+  { id: "sign-in", group: "auth", route: "/", title: { en: "Sign in", vi: "Đăng nhập" }, caption: { en: "Sign in with GitHub, Google or a single-use magic link. A self-installed console also offers email and password.", vi: "Đăng nhập bằng GitHub, Google hoặc magic link dùng một lần. Console tự cài còn có email và mật khẩu." } },
+  { id: "overview", group: "workspace", route: "/workspaces/:ws", title: { en: "Overview", vi: "Tổng quan" }, caption: { en: "Setup first, then a dashboard of requests, tokens, cost, latency and errors with top agents and channels.", vi: "Thiết lập trước, sau đó là bảng điều khiển về request, token, chi phí, độ trễ và lỗi, kèm agent và kênh nổi bật." } },
+  { id: "chat", group: "workspace", route: "/workspaces/:ws/chat", title: { en: "Chat", vi: "Trò chuyện" }, caption: { en: "Talk to an active agent, watch the tools it calls, and approve or deny its requests inline.", vi: "Trò chuyện với agent đang hoạt động, xem các tool nó gọi và duyệt hoặc từ chối yêu cầu ngay trong hội thoại." } },
+  { id: "sessions", group: "workspace", route: "/workspaces/:ws/sessions", title: { en: "Sessions", vi: "Phiên" }, caption: { en: "Every conversation from the console and connected channels, with its agent, messages and traces.", vi: "Mọi cuộc hội thoại từ console và các kênh đã kết nối, kèm agent, tin nhắn và trace." } },
+  { id: "agents", group: "workspace", route: "/workspaces/:ws/agents", title: { en: "Agents", vi: "Agent" }, caption: { en: "Each agent has its own model, instructions, skills and tools. Pause, peek or open one in full.", vi: "Mỗi agent có model, chỉ dẫn, skill và tool riêng. Tạm dừng, xem nhanh hoặc mở trang đầy đủ." } },
+  { id: "teams", group: "workspace", route: "/workspaces/:ws/teams", title: { en: "Agent teams", vi: "Nhóm agent" }, caption: { en: "A lead agent, member agents and a shared task board, with delegation links between them.", vi: "Một agent trưởng nhóm, các agent thành viên và bảng công việc chung, kèm liên kết uỷ quyền giữa chúng." } },
+  { id: "providers", group: "capabilities", route: "/workspaces/:ws/providers", title: { en: "Providers & models", vi: "Nhà cung cấp & mô hình" }, caption: { en: "Connect LLM providers, verify their credentials and pick each one's default model.", vi: "Kết nối nhà cung cấp LLM, kiểm tra thông tin xác thực và chọn mô hình mặc định cho từng nhà cung cấp." } },
+  { id: "skills", group: "capabilities", route: "/workspaces/:ws/skills", title: { en: "Skills", vi: "Kỹ năng" }, caption: { en: "Installed skills with source, version, dependency status and an Enabled switch.", vi: "Các skill đã cài, kèm nguồn, phiên bản, trạng thái phụ thuộc và công tắc bật." } },
+  { id: "skill-templates", group: "capabilities", route: "/workspaces/:ws/skills?tab=templates", title: { en: "Skill templates", vi: "Mẫu kỹ năng" }, caption: { en: "The workspace's skills as starting points for new agents, filtered by category.", vi: "Các skill của workspace làm điểm khởi đầu cho agent mới, lọc theo danh mục." } },
+  { id: "mcp-servers", group: "capabilities", route: "/workspaces/:ws/mcp", title: { en: "MCP servers", vi: "Máy chủ MCP" }, caption: { en: "Add MCP servers over stdio, Streamable HTTP or SSE. Agents can use one only after it is granted.", vi: "Thêm MCP server qua stdio, Streamable HTTP hoặc SSE. Agent chỉ dùng được sau khi được cấp quyền." } },
+  { id: "schedules", group: "capabilities", route: "/workspaces/:ws/crons", title: { en: "Schedules", vi: "Lịch" }, caption: { en: "Send a message to an agent on a timetable, with status, owner, next run and last run.", vi: "Gửi tin nhắn cho agent theo lịch, kèm trạng thái, người tạo, lần chạy kế tiếp và lần chạy gần nhất." } },
+  { id: "workflows", group: "capabilities", route: "/workspaces/:ws/workflows", title: { en: "Workflows", vi: "Workflow" }, caption: { en: "Versioned graphs of agent, knowledge and delivery steps that you test before you publish.", vi: "Workflow có phiên bản gồm các bước agent, tri thức và gửi tin, chạy thử được trước khi xuất bản." } },
+  { id: "workflow-runs", group: "capabilities", route: "/workspaces/:ws/workflows/runs", title: { en: "Workflow runs", vi: "Lượt chạy workflow" }, caption: { en: "Every run with its trigger, duration and outcome.", vi: "Từng lượt chạy với nguồn kích hoạt, thời lượng và kết quả." } },
+  { id: "tools", group: "capabilities", route: "/workspaces/:ws/tools", title: { en: "Built-in tools", vi: "Công cụ có sẵn" }, caption: { en: "Runtime tools by category with their risk level. Agents can only call the ones enabled here.", vi: "Công cụ của runtime theo danh mục, kèm mức rủi ro. Agent chỉ gọi được công cụ đã bật ở đây." } },
+  { id: "hooks", group: "capabilities", route: "/workspaces/:ws/hooks", title: { en: "Hooks", vi: "Hook" }, caption: { en: "Run your own handler on agent events to allow, block or add context to what comes next.", vi: "Chạy handler của bạn khi agent có sự kiện, để cho phép, chặn hoặc thêm ngữ cảnh cho bước tiếp theo." } },
+  { id: "channels", group: "connect", route: "/workspaces/:ws/channels", title: { en: "Channels", vi: "Kênh" }, caption: { en: "Telegram, Zalo, Slack, Discord, WhatsApp and more, each owned by an agent.", vi: "Telegram, Zalo, Slack, Discord, WhatsApp và nhiều nền tảng khác, mỗi kênh do một agent phụ trách." } },
+  { id: "connectivity", group: "connect", route: "/workspaces/:ws/connectivity", title: { en: "Pairing inbox", vi: "Hộp ghép nối" }, caption: { en: "Approve, deny or revoke new senders before an agent answers them.", vi: "Duyệt, từ chối hoặc thu hồi người gửi mới trước khi agent trả lời họ." } },
+  { id: "contacts", group: "connect", route: "/workspaces/:ws/contacts", title: { en: "Contacts", vi: "Danh bạ" }, caption: { en: "Everyone who has written to your agents, with identities you can merge across platforms.", vi: "Tất cả những người đã nhắn cho agent, có thể gộp danh tính trên nhiều nền tảng." } },
+  { id: "pending-messages", group: "connect", route: "/workspaces/:ws/pending-messages", title: { en: "Pending messages", vi: "Tin nhắn đang chờ" }, caption: { en: "Messages waiting in the queue, grouped by channel and session, ready to compact or delete.", vi: "Tin nhắn đang chờ trong hàng đợi, gom theo kênh và phiên, có thể thu gọn hoặc xoá." } },
+  { id: "memory", group: "data", route: "/workspaces/:ws/memory", title: { en: "Memory", vi: "Bộ nhớ" }, caption: { en: "What each agent keeps across sessions: documents, facts and conversation summaries.", vi: "Những gì từng agent ghi nhớ qua các phiên: tài liệu, dữ kiện và tóm tắt hội thoại." } },
+  { id: "knowledge-base", group: "data", route: "/workspaces/:ws/vault", title: { en: "Knowledge base", vi: "Kho tri thức" }, caption: { en: "Documents your agents can search, and a graph of the entities and relations found in them.", vi: "Tài liệu agent có thể tìm kiếm, và đồ thị các thực thể cùng quan hệ rút ra từ chúng." } },
+  { id: "storage", group: "data", route: "/workspaces/:ws/storage", title: { en: "Storage", vi: "Lưu trữ" }, caption: { en: "A file browser for the files shared across the workspace.", vi: "Trình duyệt file cho các file dùng chung trong workspace." } },
+  { id: "usage", group: "monitor", route: "/workspaces/:ws/usage", title: { en: "Usage", vi: "Mức sử dụng" }, caption: { en: "Requests, tokens, estimated cost and error rate over a date range, with CSV export.", vi: "Request, token, chi phí ước tính và tỉ lệ lỗi theo khoảng thời gian, xuất được CSV." } },
+  { id: "activity", group: "monitor", route: "/workspaces/:ws/activity", title: { en: "Activity", vi: "Hoạt động" }, caption: { en: "What people and agents changed in the workspace, newest first.", vi: "Những gì người và agent đã thay đổi trong workspace, mới nhất trước." } },
+  { id: "traces", group: "monitor", route: "/workspaces/:ws/traces", title: { en: "Traces", vi: "Trace" }, caption: { en: "Every agent run with its tool calls, tokens, cost and hook executions.", vi: "Mọi lượt chạy của agent với tool call, token, chi phí và các lần hook chạy." } },
+  { id: "monitoring", group: "monitor", route: "/workspaces/:ws/monitoring", title: { en: "Runtime health", vi: "Tình trạng runtime" }, caption: { en: "Whether the runtime is reachable, its recent error rate and last heartbeat.", vi: "Runtime có kết nối được không, tỉ lệ lỗi gần đây và nhịp tim gần nhất." } },
+  { id: "members", group: "admin", route: "/workspaces/:ws/members", title: { en: "Members", vi: "Thành viên" }, caption: { en: "Who is in the workspace, their roles and pending invites.", vi: "Ai đang ở trong workspace, vai trò của họ và lời mời đang chờ." } },
+  { id: "roles", group: "admin", route: "/workspaces/:ws/roles", title: { en: "Roles", vi: "Vai trò" }, caption: { en: "Built-in and custom roles, built from a matrix of permissions.", vi: "Vai trò có sẵn và tuỳ chỉnh, tạo từ ma trận quyền." } },
+  { id: "api-keys", group: "admin", route: "/workspaces/:ws/api-keys", title: { en: "API keys & docs", vi: "API key & tài liệu" }, caption: { en: "Keys with an access level, shown once and revocable any time, plus API docs, an audit log and MCP client setup.", vi: "Key theo mức truy cập, chỉ hiện một lần và thu hồi bất cứ lúc nào, kèm tài liệu API, nhật ký và kết nối MCP client." } },
+  { id: "settings", group: "admin", route: "/workspaces/:ws/settings", title: { en: "Settings", vi: "Cài đặt" }, caption: { en: "Workspace name, default time zone and the runtime settings you may change, saved together.", vi: "Tên workspace, múi giờ mặc định và các cài đặt runtime được phép đổi, lưu cùng một lần." } },
+  { id: "backup", group: "admin", route: "/workspaces/:ws/backup", title: { en: "Backup", vi: "Sao lưu" }, caption: { en: "How your data is protected, and how to ask for an export or a restore.", vi: "Dữ liệu được bảo vệ thế nào, và cách yêu cầu xuất dữ liệu hoặc khôi phục." } },
+  { id: "support", group: "admin", route: "/workspaces/:ws/support", title: { en: "Support", vi: "Hỗ trợ" }, caption: { en: "Find guidance, open a ticket or request a runtime package.", vi: "Tìm hướng dẫn, mở phiếu hỗ trợ hoặc yêu cầu gói runtime." } },
+  { id: "billing", group: "admin", route: "/workspaces/:ws/billing", title: { en: "Billing", vi: "Thanh toán" }, caption: { en: "Plan, payment method, invoices and refunds for AaaS workspaces.", vi: "Gói, phương thức thanh toán, hoá đơn và hoàn tiền cho workspace AaaS." } },
 ] as const satisfies readonly CcpScreen[];
 
 export function ccpScreen(id: CcpScreenId): CcpScreen {