Introducing the new Agent Workbench UI

了解 Buda 全新的 Agent Workbench UI:從 tabs 布局升級為固定 Agent Chat、Side Panel 和 Bottom Panel 的智能體工作台。

Buda 團隊
返回部落格
Introducing the new Agent Workbench UI

智能體產品的主介面,最重要的不是熱鬧。

是讓工作始終可見。

過去的 Buda workspace 是 tabs 優先的布局。它很簡單,但所有 tab 都在爭搶同一塊主區域。打開 Drive,聊天就被擠走。打開瀏覽器,會話又藏到另一個 tab 後面。對智能體工作來說,這種上下文切換太多了。

新的 Agent Workbench UI 改了結構:Agent Chat 固定在中間,輔助工作進入 Side Panel 和 Bottom Panel。

Buda Agent Workbench 主介面布局示意圖

舊問題

很多智能體介面會把每個工具都做成一個獨立頁面。Buda 早期的 tabs 布局也有類似的問題。

打開 Drive,聊天被擠走。打開瀏覽器,會話變成另一個需要切回來的 tab。打開終端機,對話不再是穩定的中心。

這對普通工具也許夠用。對智能體工作不夠。

智能體工作不是一串互相替代的頁面,而是一個即時循環:

  1. 提問。
  2. 觀察。
  3. 檢查。
  4. 修正。
  5. 繼續。

如果你一檢查檔案、一看瀏覽器,Agent Chat 就消失,介面就在最需要人類判斷的地方製造阻力。

新結構

新的 Buda 主介面,從 tabs 作為主布局,變成四個安靜的區域。

左側 Sidebar 負責穩定導覽。在單 Agent 布局裡,它優先展示 Session。在公司空間布局裡,它仍然支援更完整的 Agent 和 Space 導覽。

Agent Chat 固定在中間主畫布。這是工作的中心。智能體的推理、訊息、下一步動作都留在這裡。

Side Panel 在右側。它適合放需要縱向空間的輔助介面,例如 Drive、瀏覽器、Git 和其他工具 tabs。

Bottom Panel 在底部,橫向展開。它適合更寬的輔助視圖,尤其是你想同時保留 Agent Chat 和一個寬工具介面的時候。

聊天不是一個 tab。它是錨點。

為什麼是 panel,不是頁面

Panel 改變了人與智能體協作的關係。

Drive 是頁面時,打開 Drive 等於離開對話。Drive 是 panel 時,打開 Drive 是檢查智能體的工作上下文。

布局上差別很小。行為上差別很大。

你可以一邊看 Agent Chat,一邊檢查檔案。可以把瀏覽器放在對話旁邊。可以用 Bottom Panel 打開更寬的工具視圖。也可以把所有輔助 tabs 關掉,回到乾淨的聊天介面。

Buda 想支援的是這種工作方式:執行過程可見,人來審閱,方向隨時調整。

Toggle 狀態要明確

Agent Chat 右上角有兩個 toggle:Side Panel 和 Bottom Panel。

Panel 打開時,對應按鈕會點亮。Panel 隱藏時,按鈕回到安靜狀態。這不是裝飾,是方向感。

使用者應該一眼知道,當前哪些工作區域正在參與這個 workspace。

它帶來的變化

新的 workbench 讓幾件事變得自然:

  • 保持會話打開,同時查看 Drive。
  • 對比生成檔案,而不丟失聊天上下文。
  • 在智能體仍保留上下文的同時,查看終端機或 Git。
  • 用 Bottom Panel 承載更寬的輔助介面。
  • 關閉所有輔助 tabs,回到純 Agent Chat。

它也讓 Buda 更容易理解:左邊是導覽,中間是智能體,右邊和底部是工作表面。

更重的工作,需要更安靜的介面

智能體越強,包圍它的介面越應該安靜。

人不需要更多為了存在而存在的 panel。人需要一個工作空間:執行可見,上下文有序,審閱容易。

這就是 Agent Workbench 的目標。

智能體負責執行。人保持判斷的位置。