右側面板是聊天右側的分頁式面板。它將差異檢視、預覽、BRICKS Controller 網頁介面，以及裝置 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 分頁。若以上皆無，切換按鈕會停用。分頁
面板有三個內建分頁，外加任意數量的裝置 DevTools 分頁：| 分頁 | 顯示內容 | 可用時機 |
|---|---|---|
| 差異 | 來自 git diff 的未提交變更 | 專案位於 Git 儲存庫中 |
| 預覽 | 內嵌網頁檢視中已編譯的應用程式 | 已開啟專案 |
| Controller | BRICKS Controller 網頁介面 | 已選取應用程式，或位於主聊天 |
| DevTools | 裝置的 Chrome DevTools 檢查器 | 從本機裝置面板開啟 |
差異
差異分頁顯示專案的未提交變更，並帶有目前新增與刪除行數的徽章（+ / −）。檢視模式與個別檔案控制請參閱差異檢視參考。
預覽
預覽分頁以內嵌網頁檢視執行已編譯的專案，並提供 Chrome DevTools Protocol (CDP) 端點。其工具列包含 DevTools 切換，可停靠預覽自身的檢查器。完整的面板控制請參閱預覽參考。Controller
Controller 分頁內嵌 BRICKS Controller 網頁介面，範圍鎖定目前的應用程式與工作區。它會追蹤應用程式的 stage，因此beta 應用程式會對應 beta Controller，production 應用程式則對應 production。
點選分頁列中的在瀏覽器中開啟 Controller，即可在預設瀏覽器中開啟相同檢視——適合全螢幕作業或使用獨立視窗。此功能取代了舊有的獨立 Controller 視窗。
DevTools
從本機裝置面板開啟裝置的 Chrome DevTools 檢查器——請參閱本機裝置。每部裝置會以各自的 DevTools 分頁開啟，以裝置名稱為標題，並在網頁檢視中載入devtools:// 檢查器。
DevTools 分頁的行為與內建分頁不同：
- 依裝置去除重複——重新開啟某部裝置會重複使用其分頁，並重新整理連線（例如在輸入新通行碼之後）。
- 持續保留——切換專案與工作階段時仍維持開啟，因為它們追蹤的是實體裝置，而非目前的專案。
- 彈出——點選分頁列中的在視窗中開啟 DevTools，可將檢查器移至獨立視窗。此操作會關閉分頁，並還原為傳統的獨立視窗行為。
當您檢查的裝置是前景專案執行中的預覽時，DevTools 按鈕會將檢查器停靠在預覽分頁內，而非開啟獨立分頁。請參閱停靠預覽的 DevTools。
管理分頁
- 新增分頁——點選分頁列中的 +（新增分頁），並選擇尚未開啟的內建分頁。開啟預覽分頁會開始編譯專案；開啟差異則載入目前的變更。
- 關閉分頁——點選分頁上的 ×。關閉差異或預覽也會停止其後端；關閉 DevTools 分頁則會中斷該檢查器的連線。
- 重新排序分頁——將分頁向左或向右拖曳以變更位置。放置指示器會顯示落點。
- 以鍵盤切換分頁——按 Cmd+1 至 Cmd+9（Windows 與 Linux 為 Ctrl），即可跳至第 1 到第 9 個開啟的分頁，順序與分頁列一致。