Introducing the new Agent Workbench UI

Buda の新しい Agent Workbench UI は、Agent Chat を固定し、Side Panel、Bottom Panel、そして長期的な AI 作業を支える Project を追加します。

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

AI Agent のワークベンチに必要な仕事はひとつだけです。

エージェントの作業を、人間が判断できるだけ見える状態に保つこと。

これは簡単に聞こえます。しかし実際には、多くのエージェント UI はまだ普通のソフトウェアのように振る舞います。すべてのツールがページになり、ページを開くたびに前の画面が置き換わる。人間は chat、files、browser、terminal、history の間を何度も行き来することになります。

それは Agent 作業に合った形ではありません。

Agent 作業は、別々の画面を直線的に進むものではありません。依頼し、見て、確認し、修正し、続けるというライブなループです。レビューが必要な瞬間に UI がエージェントを隠してしまうなら、人間は指揮する位置から押し出されてしまいます。

新しい Buda Agent Workbench UI は、よりシンプルな原則で設計されています。エージェントは見え続け、作業面は近くにあり、長期的な仕事には Project という居場所がある。

Buda Agent Workbench layout diagram

以前の問題：tabs がすべての画面を競わせていた

以前の Buda workspace は tabs 中心のレイアウトでした。シンプルで馴染みやすい一方、すべての tab が同じメインキャンバスを取り合っていました。

Drive を開くと chat が離れる。browser を開くと session は別の tab の後ろに隠れる。terminal を開くと、会話は安定した中心ではなくなる。

小さなユーティリティならそれで足りるかもしれません。しかし Agent 作業には足りません。

有能なエージェントは、質問に答えるだけではありません。ファイルを読み、書き、browser を開き、コマンドを実行し、フィードバックを待ち、方向を変えます。人間の仕事は最終回答を眺めることではありません。実行が起きている最中に、その作業をレビューすることです。

確認したいツールが会話を置き換えてしまうなら、UI は人間の判断が最も必要な場所で摩擦を生んでいます。

新しいアンカー：Agent Chat は tab ではない

新しい Agent Workbench UI は、tabs 優先のモデルから、安定した作業構造へ移行します。

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

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

Side Panel は右側にあります。Drive、browser、Git、files など、高さがあるほうが扱いやすい補助画面に向いています。

Bottom Panel は下部に広がります。広い画面が必要な補助ビューや、会話を見ながら横幅のあるツールを確認したいときに向いています。

Chat はもうひとつの tab ではありません。作業のアンカーです。

Panel は実行を見える状態にする

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

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

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

Agent Chat を見たままファイルを確認できます。browser を会話の横に置けます。Bottom Panel で広いツール画面を開いても session は途切れません。すべての補助 tab を閉じて、きれいな chat 画面に戻ることもできます。

Buda が支えたいのは、次のような働き方です。

  1. エージェントに作業を依頼する。
  2. 実行を見る。
  3. files、browser、terminal、Git の状態を確認する。
  4. 方向を修正する。
  5. 同じ会話から続ける。

実行が見えることは装飾ではありません。人間が AI の仕事をコントロールするための前提です。

Toggle 状態は方向感を保つ

Agent Chat のツールバーには、Side Panel と Bottom Panel の toggle があります。

Panel が開いているとき、その toggle は active になります。Panel が隠れているときは、より静かな状態に戻ります。小さなことですが重要です。

Agent 作業では、会話、ファイルビュー、browser、terminal、Git など複数の面が同時に関わります。ユーザーは、どの面が今 workspace に参加しているのかを一目で理解できるべきです。

Toggle 状態は装飾ではありません。方向感です。

できるようになること

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

  • session を開いたまま Drive を見る。
  • chat の文脈を失わずに生成ファイルを比較する。
  • エージェントが文脈を保ったまま terminal や Git を確認する。
  • Bottom Panel で横に広い補助画面を使う。
  • 補助 tab をすべて閉じて、Agent Chat だけに戻る。
  • Project の中で新しい session を始め、関連する作業をまとめる。
  • 一時的な chat が長期作業になったら、既存 session を Project に移す。

Buda の理解もしやすくなります。左はナビゲーション。中央はエージェント。右と下は作業面。そして Project が長期的な作業を支えます。

Project は session を孤立した chat にしない

Panel は session の中の可視性を解決します。Project は session をまたいだ継続性を解決します。

実際の仕事は、ひとつの chat thread だけでは終わりません。開発タスクは bug report から始まり、ファイル確認、browser testing へ進み、後日 follow-up request として戻ってくることがあります。マーケティング workflow も、research、drafts、assets、review、revision を複数の会話にまたがって進めます。

Project レイヤーがなければ、それらの session は散らばった thread になります。

Buda は Projects を追加しました。これは sessions の上にある長期的なコンテナです。

Project は単なるラベルではありません。Drive の中に Project に対応する folder を作り、関連する sessions をまとめ、新しい session が現在の Project context を既定で引き継げるようにします。

新しいメンタルモデルはこうです。

Agent
└── Project
    ├── Session
    ├── Session
    └── Session

Session は履歴リストに消えていく孤立した会話ではなく、長期的な仕事の中の章になります。

sidebar では、Projects は展開できる folder row として表示されます。Project の中で直接新しい session を作る、既存 session を Project に移す、Project から外す、Project 名を変える、不要になったら削除することができます。

最初の version は意図的に軽量です。重たい project dashboard ではありません。目的は継続性と見つけやすさです。長期的な仕事に居場所を与えながら、新しい管理画面を増やしません。

なぜ人間のレビューに重要なのか

Buda は、人間にもっと UI を見張らせたいわけではありません。

人間を正しい位置に保ちたいのです。

エージェントが強くなるほど、code writing、file editing、web browsing、report preparation、artifact building など、より多くの実行を担当します。UI は人間を tab manager にしてはいけません。人間が品質を判断し、方向を承認し、早い段階で間違いに気づける距離にいることを助けるべきです。

そのために必要なのは 3 つです。

  • 安定した会話のアンカー — Agent Chat が見え続けること。
  • 近くにある実行面 — Side Panel と Bottom Panel が files、browser、terminal、Git を近くに置くこと。
  • 継続する作業文脈 — Projects が関連 sessions と files を長期的にまとめること。

この 3 つが揃うと、workbench はツールの山ではなく、AI 作業の command desk に近づきます。

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

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

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

新しい Agent Workbench UI はそのためにあります。

エージェントが実行する。

人間は判断する位置に残る。