> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mossx.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# 介面導覽

> 認識 CC GUI 的側欄、編輯器標籤，以及對話、歷史、設定三檢視。

CC GUI 在 VS Code 裡有兩個宿主入口，面板內部再分成三個檢視。先認入口，再認三個檢視。

## 兩個宿主入口

| 入口  | 位置                    | 用途               |
| --- | --------------------- | ---------------- |
| 主檢視 | 左側 Activity Bar       | 日常主入口            |
| 次檢視 | 右側 Secondary Side Bar | 把對話釘在右邊，左邊繼續看程式碼 |

兩個入口共用同一套面板邏輯，可以同時開。點編輯器標題欄的 CC GUI 圖示，或執行 **CC GUI: Open CC GUI**，會聚焦左側主檢視。

執行 **CC GUI: Hide CC GUI Panel** 會收起側欄。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/vscode/sidebar-overview.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=48176df129a500e2002de47f6f30622c" alt="左側側欄總覽" width="100%" data-path="images/vscode/sidebar-overview.png" />

## 編輯器裡的對話標籤

點標題欄的 **+**，或執行 **CC GUI: New Chat Tab**，會在**當前編輯器組**再開一個對話標籤，而不是左右分屏。

每個標籤是一次獨立會話。可以：

* 並排開多個任務
* 執行 **CC GUI: Rename Active Chat Tab** 重新命名當前標籤
* 像普通編輯器標籤一樣關閉

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/vscode/editor-tab.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=ffa720c751cb75f56b3ab64ac2094dc9" alt="疊開的對話標籤" width="100%" data-path="images/vscode/editor-tab.png" />

## 三個內部檢視

面板頂部可以在三個檢視間切換。

### 對話

預設檢視。從上到下是：

1. 頂部欄：歷史、設定、新會話
2. 訊息列表，空會話時顯示歡迎屏
3. 輸入框和底部工具條：配置、供應商、模型、模式

詳見 [對話區域](/zh-Hant/vscode/chat/overview) 和 [輸入框](/zh-Hant/vscode/chat/input)。

### 歷史

列出當前工作區的歷史會話。可以搜尋、收藏、重新命名、匯出、刪除，或批次選擇。

點一條歷史會把它載入回對話檢視。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/vscode/history-view.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=b1532eb8bd6e3f224f0fa48bf67343e0" alt="歷史記錄" width="100%" data-path="images/vscode/history-view.png" />

詳見 [會話、標籤頁與歷史](/zh-Hant/vscode/chat/sessions)。

### 設定

左側是 13 個入口，右側是對應表單。側欄可以摺疊，只留圖示。

| 入口        | 做什麼                    |
| --------- | ---------------------- |
| 基礎配置      | 主題、語言、Node 路徑、傳送快捷鍵、通知 |
| 供應商管理     | Claude / Codex / CLI   |
| SDK 依賴    | 安裝和更新 SDK              |
| 使用統計      | Token 與費用              |
| MCP 伺服器   | 新增、市場、匯入、啟停            |
| 許可權配置     | Claude / Codex 許可權和沙箱  |
| 增強提示詞     | 傳送前改寫用的模型              |
| Commit AI | 生成提交說明                 |
| Agents    | 自訂智能體                  |
| 提示詞庫      | `!` 插入的模板              |
| Skills    | 技能包                    |
| 其他設定      | 歷史補全、自動標題              |
| 官方交流群     | 微信群、GitHub、版本記錄        |

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/vscode/settings-sidebar.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=fd99a0cb6d4fe67adb7461d3da77e7ec" alt="設定側欄" width="100%" data-path="images/vscode/settings-sidebar.png" />

完整對照見 [設定總覽](/zh-Hant/vscode/settings/overview)。

## 輸入框底部選擇器

對話檢視底部從左到右通常是：

* 配置 / 程序
* 供應商
* 模型
* 模式
* 附件、停止、傳送

這些選擇器決定「這次請求走誰、用什麼模型、要不要自動改檔案」。詳見 [執行模式與許可權](/zh-Hant/vscode/chat/modes)。

## 建議的日常擺法

* 一邊寫程式碼、一邊對話：把 CC GUI 留在左側，或釘到右側 Secondary Side Bar
* 多個並行任務：用編輯器標籤各開一個會話
* 回看舊對話：先去歷史檢視，再載入

下一步可以從 [對話區域](/zh-Hant/vscode/chat/overview) 或 [輸入框](/zh-Hant/vscode/chat/input) 往下看。