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 Router bật tắt bằng chuột, khỏi nhớ lệnh.
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 & Router
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 router
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: Repo hay Worktree · Claude hay Codex · AI Router
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
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
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
-
Từng bước, từng lần gọi tool, từng file đã đọc và sửa, số token ·
cây subagent do orchestrator tạo ra - ai gọi ai
- Toàn bộ transcript đọc lại được · lọc theo ngày, loại, tool · tìm kiếm toàn văn
- Cả những thứ AI không tự báo: bị compact context, lỗi API, bị bấm Esc ngắt
Thống kê một session: event, lệnh gọi, token, chi phí
Hội thoại đầy đủ, đọc lại được
Chức năng 3
Chi phí - biết tiền đi đâu
- Chi phí từng session · từng ngày · từng model · từng dự án
- Biểu đồ 30 ngày, heatmap theo ngày, chia theo model · xuất dữ liệu ra file
- Tính cả phần cache và chế độ fast - khớp hoá đơn thật
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
Mỗi profile là một tài khoản Anthropic - bấm Switch là đổi
Chức năng 4b
AI Router - 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 router: 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.
Profile router: 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 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 ý