Hermes TUI vs Web UI 比較¶

Hermes Agent 生態系統提供了兩種用戶界面來監控和管理 Agent 的狀態：終端用戶界面（TUI，即 hermes-hud）和 Web 用戶界面（Web UI，即 hermes-hudui）。這兩者雖然設計目的相同，均旨在讓用戶能夠直觀地查看存儲於 ~/.hermes/ 目錄中的 Agent 內部數據，但在交互方式、功能豐富度和部署架構上存在顯著差異^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]。

核心相似性¶

兩種界面共享相同的數據源。它們都讀取 Hermes Agent 的數據目錄（通常位於 ~/.hermes/），獲取包括記憶、技能、會話歷史、定時任務和 token 成本在內的所有狀態信息^[001-TODO__Hermes_HUD_Web_UI_-Agent_意识监控仪表盘.md]。這意味著它們展示的是同一個 Agent「意識」的不同側面，且理論上可以同時運行而不會產生衝突^[001-TODO__Hermes_HUD_Web_UI-_Agent_意识监控仪表盘.md]。

功能差異¶

儘管 TUI 和 Web UI 均提供監控功能，但 Web UI 在功能的廣度和深度上進行了擴展。

Web UI 獨有功能¶

Web UI（hermes-hudui）不僅包含了 TUI 的所有基礎監控能力，還增加了以下高級特性^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]：

專屬面板：提供了 TUI 中可能未詳細展開的專屬記憶、技能和會話標籤頁^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]。
成本追蹤：具備按模型追蹤 token 消耗成本的功能^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]。
交互增強：集成了命令面板和實時聊天功能^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]。
視覺定制：支持多套主題切換（如 Neural Awakening, Blade Runner 等）以及 CRT 掃描線效果^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]。

TUI 的特點¶

TUI（hermes-hud）作為終端原生應用，主要優勢在於輕量級和無需瀏覽器依賴，適合習慣命令行工作流的用戶。它可以作為可選組件與 Web UI 一起安裝^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]。

技術架構¶

兩者採用了完全不同的技術棧來實現數據的可視化^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]。

Web UI 架構¶

Web UI 採用前後端分離架構，具備實時通信能力^[001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md]：

後端：基於 FastAPI 和 Uvicorn（運行在 3001 端口）。
數據同步：利用 watchfiles 監聽文件系統變更，並通過 WebSocket 即時推送到前端。
前端：基於 React 19 和 Vite 8，使用 Tailwind CSS 4 進行樣式設計，並利用 SWR 處理數據獲取與緩存。

TUI 架構¶

TUI 通常基於 Python 的終端 UI 庫構建（具體庫未在來源中詳述，但已知其讀取相同的本地數據源）。

Sources¶

001-TODO__Hermes_HUD_Web_UI_-_Agent_意识监控仪表盘.md