右パネルはチャットの右側にあるタブ式のドックです。差分ビュー、プレビュー、BRICKS Controller の Web インターフェース、デバイスの DevTools を、それぞれ独立したタブとしてホストするため、エージェントとの作業中にそのいずれかを表示し続けられます。Documentation Index
Fetch the complete documentation index at: https://docs.bricks.tools/llms.txt
Use this file to discover all available pages before exploring further.
パネルを開く
ウィンドウ右上隅の右パネルボタンをクリックします。パネルの開閉にかかわらず、このボタンは常に同じ隅に固定されています。 パネルを開くと、最初に利用可能なタブが表示されます。CTOR はパネルが開いていたかどうかを記憶し、次回アプリを起動したときにその状態で再び開きます。 パネルは表示する対象があるときにのみ利用できます——開いているプロジェクト、Git リポジトリ、選択中のアプリ、または開いている DevTools タブのいずれかです。いずれもない場合、トグルは無効になります。タブ
パネルには 3 つの組み込みタブに加えて、任意の数のデバイス DevTools タブがあります：| タブ | 表示内容 | 利用できる条件 |
|---|---|---|
| 差分 | git diff のコミットされていない変更 | プロジェクトが Git リポジトリ内にある |
| プレビュー | 組み込みウェブビュー内のコンパイル済みアプリ | プロジェクトが開いている |
| コントローラー | BRICKS Controller の Web インターフェース | アプリが選択されている、またはメインチャット |
| DevTools | デバイスの Chrome DevTools インスペクタ | ローカルデバイスパネルから開く |
差分
差分タブはプロジェクトのコミットされていない変更を表示し、現在の追加行数と削除行数のバッジ（+ / −）を備えています。表示モードとファイルごとの操作については差分ビューリファレンスを参照してください。
プレビュー
プレビュータブはコンパイル済みプロジェクトを組み込みウェブビューとして実行し、Chrome DevTools Protocol (CDP) エンドポイントを公開します。ツールバーには、プレビュー自身のインスペクタをドッキングする DevTools トグルがあります。ペインの操作全般についてはプレビューリファレンスを参照してください。コントローラー
コントローラータブは、アクティブなアプリとワークスペースにスコープした BRICKS Controller の Web インターフェースを埋め込みます。アプリの stage を追跡するため、beta アプリは beta Controller に、production アプリは production に接続します。
タブバーのブラウザでコントローラーを開くをクリックすると、同じ表示を既定のブラウザで開けます——全画面での作業や専用ウィンドウに便利です。これは従来の独立した Controller ウィンドウを置き換えます。
DevTools
ローカルデバイスパネルからデバイスの Chrome DevTools インスペクタを開きます——ローカルデバイスを参照してください。各デバイスはそれぞれの DevTools タブとして開き、デバイス名をタイトルとして、ウェブビュー内にdevtools:// インスペクタをホストします。
DevTools タブは組み込みタブとは異なる動作をします：
- デバイスごとに重複排除——デバイスを再び開くとそのタブが再利用され、接続が更新されます（たとえば新しいパスコードを入力した後）。
- 永続的——現在のプロジェクトではなく物理デバイスを追跡するため、プロジェクトやセッションを切り替えても開いたままになります。
- ポップアウト——タブバーのウィンドウで DevTools を開くをクリックすると、インスペクタを独立したウィンドウに移動できます。この操作はタブを閉じ、従来の独立ウィンドウの動作に戻します。
検査するデバイスが前面のプロジェクトの実行中のプレビューである場合、DevTools ボタンは別のタブを開く代わりに、インスペクタをプレビュータブ内にドッキングします。プレビューの DevTools をドッキングを参照してください。
タブの管理
- タブを追加——タブバーの +（新しいタブ）をクリックし、まだ開いていない組み込みタブを選びます。プレビュータブを開くとプロジェクトのコンパイルが始まり、差分を開くと現在の変更が読み込まれます。
- タブを閉じる——タブの × をクリックします。差分またはプレビューを閉じるとそのバックエンドも停止し、DevTools タブを閉じるとそのインスペクタが切断されます。
- タブを並べ替え——タブを左右にドラッグして位置を変更します。ドロップインジケーターが配置先を示します。
- キーボードでタブを切り替え——Cmd+1 から Cmd+9（Windows と Linux では Ctrl）を押すと、タブバーの順序に従って 1 番目から 9 番目の開いているタブに移動します。