SmartGift R&D · Nội bộ

AgentHub

Một dashboard duy nhất cho Claude Code & Codex
Cấu hình · Điều khiển · Theo dõi - tất cả trên một màn hình
v1.6.11Chạy hoàn toàn trên máyGiao diện tiếng Việt
Tổng quan

AgentHub là gì

🔭 Theo dõi
AI làm gì thì hiện lên màn hình ngay lúc đó, khỏi phải bấm reload.
🎮 Điều khiển
Mở Claude Code và Codex thẳng trên trình duyệt, chạy nhiều dự án cùng lúc.
⚙️ Cấu hình
Skill, plugin, MCP, tài khoản, AI Proxy bật tắt bằng chuột, khỏi nhớ lệnh.
Màn hình Workspace
AgentHub không thay Claude Code. AI vẫn là Claude Code / Codex chạy y nguyên, AgentHub chỉ đứng bên cạnh ghi lại rồi bày ra cho mình xem.
Bản đồ

5 nhóm chức năng

1 · Lane - chỗ làm việc của từng dự án
Một repo hoặc một worktree được theo dõi liên tục, tiến độ tồn tại qua nhiều session. Bên trong mỗi lane có: pipeline · terminal thật trên trình duyệt · lịch sử chạy
2 · Thống kê & lịch sử
Từng bước, từng lệnh, cả cây subagent mà orchestrator sinh ra
3 · Chi phí
Tiền theo session, theo ngày, theo model, theo dự án
4 · Tài khoản & Proxy
Lưu nhiều tài khoản subscription, hết quota thì bấm đổi. Mỗi dự án gắn được một proxy riêng
5 · Quản trị AI
Skill, plugin, MCP, hook, memory cho cả Claude Code lẫn Codex
+ Pipeline (tạm ngưng)
Chưa có template đi kèm - cài template vào DASHBOARD_PIPELINES_DIR để bật lại
Chức năng 1 · Lane

Lane - chỗ làm việc của từng dự án

  • Một thư mục dự án mà AgentHub bám theo liên tục
  • Có thể là một repo, hoặc một worktree của dự án
  • Tắt máy mở lại vẫn đúng tiến độ đó, qua bao nhiêu session cũng vậy
  • Worktree cho mỗi lane một môi trường riêng, các lane không conflict nhau, hỏng thì reset
  • Một repo có thể chạy được cả Claude lẫn Codex (tạo 2 lane riêng)
Tạo lane
Tạo lane: Repo hay Worktree · Claude hay Codex · AI Proxy
Mọi thứ còn lại đều nằm bên trong một lane: pipeline, terminal, lịch sử chạy. → 3 slide tiếp theo.
Chức năng 1 · Lane

Pipeline - thấy tiến độ bằng màu

Hiện tại pipeline đang tạm ngưng: AgentHub không đi kèm pipeline template nào. Thả một file template vào DASHBOARD_PIPELINES_DIR thì stage và các màu dưới đây hoạt động lại. Phần này sẽ được phát triển tiếp.
Lấy thông tin→ Lên plan→ Viết code→ Test, QC→ Review→ Người dùng kiểm duyệt→ Tạo Commit/PR→ Xong
Xám - chưa tới
Xanh dương - đang làm
Xanh lá - xong, và có evidence
Vàng cam nét đứt - AgentHub tự động detect, hoặc xong mà không có evidence
Đỏ - chạy thất bại hoặc có lỗi gây đứng
Màu đến từ đâu? đúng 2 nguồn
🗣️ Session AI tự khai báo - nguồn chính
AI đang làm tự báo về dashboard từng stage:
Bắt đầu một stage → 🟦 xanh dương
Xong, có đưa evidence → 🟩 xanh lá
Xong, không đưa evidence → 🟧 vàng cam
Chặng đó hỏng, AI báo thất bại → 🟥 đỏ
agenthub stage tests --evidence "48 test pass"
👁️ AgentHub tự suy đoán - nguồn phụ
Nếu AI quên báo, AgentHub đọc các lệnh AI gõ rồi tự đoán đang ở stage nào:
npm test → stage Test
gh pr create → stage Commit/PR
skill writing-plans → stage Plan
Đoán được thì chỉ ra 🟧 vàng cam - không bao giờ xanh lá, cũng không chiếm ô xanh dương.
AgentHub thấy AI gọi lệnh test - không thấy kết quả của lệnh đó. Nên nó không dám tô xanh.
Kèm 3 luật: suy đoán không đè lên khai báo · node suy đoán không bao giờ thành xanh lá · suy đoán hết hạn sau 5 phút nên lane lùi lại được giữa hai buổi làm.
Chức năng 1 · Lane

Chạy AI ngay trên trình duyệt

  • Terminal thật, không phải khung chat mô phỏng
  • Đóng tab hay tắt luôn dashboard thì session vẫn chạy
  • Xem 1 / 2 / 4 terminal song song cho nhiều dự án
  • Mở ngược lại trên máy local - vẫn đúng session đó, hai bên đồng bộ
  • Nút resume session dùng được cho cả Claude lẫn Codex
Terminal trong trình duyệt
Phiên Claude chạy thật trong trình duyệt, ngay dưới pipeline của lane
Chức năng 1 · Lane

Dùng Claude Code, Codex, hay cả hai

Claude Code Codex AI Tools khác
Chạy trên web ✓ ✓ Có thể
cập nhật sau
Hiện tiến độ pipeline ✓ ✓ - đọc log của chính Codex mỗi 15 giây
Tuỳ chọn khi chạy Permission mode, model, effort Sandbox, approval, reasoning effort
Tiếp tục session cũ Chọn từ danh sách session Nút resume --last
Lịch sử & chi phí chi tiết ✓ chưa có
Codex đứng một stage quá 2 phút mà chưa có evidence → AgentHub gõ một dòng nhắc thẳng vào session đó. Nó chỉ nhắc, không tự khai thay.
Chức năng 2

Xem lại mọi thứ AI đã làm

Chi tiết session
Thống kê một session: event, lệnh gọi, token, chi phí
Hội thoại
Hội thoại đầy đủ, đọc lại được
Chức năng 3

Chi phí - biết tiền đi đâu

Chi phí theo model
Model nào ăn tiền nhất
Chi phí theo ngày
Chi phí từng ngày, ngày cao nhất, tổng 30 ngày
Chức năng 4a

Đổi & chia sẻ quota giữa các tài khoản

  • Lưu nhiều tài khoản thành profile, đặt tên dễ nhớ
  • Hết quota tài khoản 1 → bấm Switch → làm tiếp bằng tài khoản 2
  • Nút Check quota xem quota còn lại của từng profile
  • Đổi tài khoản không ảnh hưởng skill, plugin, memory hay cấu hình đã có trên máy
  • Token không bao giờ hiện ra trình duyệt
  • Không cho xoá bản lưu cuối cùng của tài khoản đang dùng
Đổi tài khoản Claude
Mỗi profile là một tài khoản Anthropic - bấm Switch là đổi
Chức năng 4b

AI Proxy - chọn provider cho từng dự án

  • Dùng model ngoài ngay trên Claude Code: OpenRouter, 9Router…
  • Tạo nhiều profile proxy: endpoint + API key + model
  • Nút Test thử endpoint trước khi lưu
  • Gán riêng cho từng dự án: lane A dùng model native, lane B dùng Minimax - đổi được cả khi lane đang chạy
  • Đặt model theo từng tầng: việc nặng dùng model mạnh, việc phụ dùng model rẻ
  • Đổi key một lần → tự đẩy cho mọi lane đang dùng
🔒 API key không bao giờ rời khỏi server. Giao diện chỉ hiện "Đã lưu / Chưa có" - cố tình không có đường nào đọc key ra.
Thêm profile proxy
Profile proxy: endpoint · API key · model chính · 5 khe model theo tầng · nút Test
Chức năng 5

Quản trị AI ngay trên dashboard

🧩 Plugin & Marketplace
Cài, gỡ, bật, tắt, cập nhật - kèm danh sách plugin sẵn có chưa cài
📚 Skill · Subagent · Slash command
Xem, tạo, sửa, xoá ngay trên giao diện
🔌 MCP server
Thêm và xoá, cả dạng lệnh lẫn dạng URL
🪝 Hook & settings
Sửa trực tiếp theo từng scope, có bảng giá trị đang có hiệu lực
🧠 CLAUDE.md / AGENTS.md / README
Sửa memory và tài liệu của dự án, tạo cho project khác
🔄 Update all
Cập nhật mọi plugin và cả AgentHub bằng một nút
Làm được cho cả Claude Code (12 mục) lẫn Codex (8 mục), cùng một giao diện.
🛡️ Mọi lần ghi đều tự sao lưu kèm dấu thời gian trước. API key luôn bị che.
Ngoài ra

Và một loạt thứ nhỏ mà tiện

📥 Nhập lịch sử cũ
Quét lại toàn bộ session đã làm từ trước, không đếm trùng
⌨️ CLI đầy đủ
Lệnh agenthub làm được mọi thứ, cho ai thích gõ lệnh
📊 Xuất dữ liệu
Xuất JSON để làm báo cáo, có endpoint health check chuẩn
🧭 Mức dùng skill & plugin
Các session thực sự dùng skill nào - cái nào cài rồi mà không ai đụng tới
💓 Tình trạng hệ thống
Dung lượng dữ liệu, bộ nhớ server, session theo từng trạng thái
🐻 Sagi - mascot trên màn hình
Bao nhiêu session đang chạy, đang chờ, đang lỗi · hỏi được trạng thái · lối tắt nhanh
Sagi
Sagi trên màn hình: bao nhiêu session đang chạy, đang chờ, đang lỗi
Bắt đầu

Cách cài đặt và cập nhật

Cài đặt 2 dòng, gõ trong Claude Code
 Claude Code
/plugin marketplace add https://git.smartgift.io.vn/Smartgift-AI/AgentHub.git
/plugin install agenthub@agenthub
  • 📦 Không cần tải mã nguồn, không cài thủ công gì cả
  • ⚙️ Lần đầu tự lo hết, chạy nền, không bắt phải chờ
  • 🔄 Tự bật lại sau khi khởi động máy, không cần mở Claude Code trước
Cập nhật một nút, đúng thứ tự
🔔 Tự báo bản mới
Dashboard tự kiểm tra release mới và hiện thông báo - không phải tự đi tìm
⬆️ Nút Update all
Cập nhật mọi marketplace → mọi plugin → AgentHub sau cùng → nạp lại session đang mở
  • Không cần update plugin → reload plugin → rebuild như trước
  • Chạy nền, hiện log từng bước ngay trên màn hình - kể cả lúc server đang tự khởi động lại
  • Hoặc gõ /agenthub-update trong Claude Code
⚠️ Nhớ cài tmux trước - đó là thứ chạy phần terminal trên web. Windows thì chạy trong WSL2.
Cảm ơn mọi người đã theo dõi!
Rất mong nhận được câu hỏi và góp ý từ anh chị em
để AgentHub ngày càng hoàn thiện hơn.
Thảo luận & Góp ý
1 / 16