Introducing the new Agent Workbench UI

Buda の新しい Agent Workbench UI は、tabs レイアウトから固定 Agent Chat、Side Panel、Bottom Panel へ移行します。

Buda Team
ブログに戻る
Introducing the new Agent Workbench UI

エージェント製品のメイン画面に必要なのは、派手さではありません。

作業が見え続けることです。

以前の Buda workspace は tabs 中心のレイアウトでした。構造はシンプルでしたが、すべての tab が同じメイン領域を取り合っていました。Drive を開くとチャットが離れる。ブラウザを開くと、セッションは別の tab の後ろに隠れる。エージェント作業には、少し切り替えが多すぎました。

新しい Agent Workbench UI では、Agent Chat を固定し、補助的な作業を Side Panel と Bottom Panel に移します。

Buda Agent Workbench layout diagram

以前の問題

多くのエージェント UI は、ツールをそれぞれ別ページとして扱います。以前の Buda の tabs レイアウトにも、同じ圧力がありました。

Drive を開くとチャットが見えなくなる。ブラウザを開くと、セッションは戻るべき別 tab になる。ターミナルを開くと、会話は安定した中心ではなくなる。

普通のユーティリティなら、それで足りるかもしれません。エージェント作業では足りません。

エージェント作業は、別々の画面を順番に切り替えるものではありません。ひとつのライブなループです。

  1. 依頼する。
  2. 見る。
  3. 確認する。
  4. 修正する。
  5. 続ける。

確認するたびに Agent Chat が隠れるなら、UI は人間の判断が必要な瞬間に摩擦を作っています。

新しい構造

新しい Buda のメイン画面は、tabs を主レイアウトにするのではなく、4 つの静かな領域に分かれています。

Left Sidebar は安定したナビゲーションです。Single Agent Layout では session を中心に見せます。Company Layout では、より広い agent と space の移動を支えます。

Agent Chat は中央のメインキャンバスに固定されます。ここが作業の中心です。エージェントの推論、メッセージ、次の行動がここに残ります。

Side Panel は右側にあります。Drive、ブラウザ、Git など、高さがあるほうが見やすい補助画面に向いています。

Bottom Panel は下部に広がります。横幅が必要な作業や、会話と広いツール画面を同時に見たいときに向いています。

チャットは tab ではありません。作業のアンカーです。

ページではなく panel にする理由

Panel は、人間とエージェントの関係を変えます。

Drive がページなら、Drive を開くことは会話から離れることです。Drive が panel なら、Drive を開くことはエージェントの作業文脈を確認することです。

レイアウト上の差は小さい。行動上の差は大きい。

Agent Chat を見たままファイルを確認できます。ブラウザを会話の横に置けます。Bottom Panel で広い補助ビューを開けます。すべての補助 tab を閉じて、きれいなチャット画面に戻ることもできます。

Buda が支えたいのは、実行が見え、人間がレビューし、すぐに軌道修正できる働き方です。

Toggle の状態は重要

Agent Chat の右上には、Side Panel と Bottom Panel の toggle があります。

Panel が開いているとき、そのボタンは active になります。隠れているときは、静かな状態に戻ります。これは装飾ではありません。現在の作業空間を理解するための手がかりです。

ユーザーは、どの領域が今 workspace に参加しているのかを一目で知るべきです。

できるようになること

新しい workbench では、次の動きが自然になります。

  • セッションを開いたまま Drive を見る。
  • チャットの文脈を失わずに生成ファイルを比較する。
  • エージェントの文脈を保ったまま terminal や Git を確認する。
  • Bottom Panel で横に広い補助画面を使う。
  • 補助 tab をすべて閉じて、Agent Chat だけに戻る。

Buda の理解もしやすくなります。左はナビゲーション。中央はエージェント。右と下は作業面。

重い仕事には、静かな UI が必要

エージェントが強くなるほど、その周りの UI は静かであるべきです。

人間に必要なのは、存在するためだけの panel ではありません。実行が見え、文脈が整理され、レビューしやすい workspace です。

Agent Workbench はそのためにあります。

エージェントが実行する。人間は判断する位置に残る。