> ## 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.

# 介面導覽

> 按區域認一遍客戶端視窗：首頁、拓展、會話、對話、檔案樹、Git、終端、搜尋和設定。

客戶端是完整桌面視窗，不是外掛側欄。先按區域認一遍，知道東西在哪。怎麼用見後面對應頁面。

## 首頁

啟動後先到首頁。你可以：

* 搜尋或選擇已有專案
* **新增新專案**
* 檢視分支 / worktree 資訊

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/home-workspace.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=5353bc1c92edd044ecd422fafe657f24" alt="首頁：選擇或新增專案" width="100%" data-path="images/desktop/home-workspace.png" />

選中專案後進入主介面。

## 拓展

左側欄點 **拓展**（和 **首頁** 同級）。中間換成頂欄：使用統計、AI框架、Skills、Mcps 等。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/extensions-view.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=d9b6f450a588f16d0fd1c3ddeeb9ad54" alt="左側拓展入口和頂欄" width="100%" data-path="images/desktop/extensions-view.png" />

預設開啟使用統計。Skills / Mcps 可繼續管理；其餘頂欄入口尚未交付。

詳見 [拓展](/zh-Hant/desktop/extensions)。

## 主介面

典型佈局從左到右：

| 區域      | 是什麼                    |
| ------- | ---------------------- |
| 側欄      | 會話列表、專案切換              |
| 中間      | 對話畫布和輸入框               |
| 右側 / 底部 | 檔案樹、Git、終端、搜尋、Plan 等面板 |
| 頂欄      | 搜尋、設定、視窗控制             |

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/app-overview.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=c65450255166dd956fc337300bfcda29" alt="主介面總覽" width="100%" data-path="images/desktop/app-overview.png" />

面板寬度和高度可以拖動。佈局會記住。

下面按區域單獨看一眼。

## 會話列表

左側側欄列出當前工作區的會話。可以搜尋、收藏、重新命名、刪除，或開新會話。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/history-sidebar.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=41ca91c9acd9217a3144801bae801ebc" alt="側欄會話列表" width="100%" data-path="images/desktop/history-sidebar.png" />

詳見 [會話與歷史](/zh-Hant/desktop/chat/sessions)。

## 對話畫布

中間是當前會話：訊息、思考過程、工具呼叫、Diff。底部是輸入框。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/chat-canvas.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=d5566551c686fd03fb3d9ea7c8101a23" alt="對話畫布" width="100%" data-path="images/desktop/chat-canvas.png" />

輸入框底部可以切換供應商、模型和模式。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/chat-input.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=5563407dfa5e16a8abb9bd4497d0e787" alt="輸入框和底部選擇器" width="100%" data-path="images/desktop/chat-input.png" />

詳見 [對話區域](/zh-Hant/desktop/chat/overview) 和 [輸入框](/zh-Hant/desktop/chat/input)。許可權模式見 [執行模式與許可權](/zh-Hant/desktop/chat/modes)。

## 檔案樹

瀏覽當前工作區檔案。可以預覽、重新命名，或把檔案拖進輸入框。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/file-tree.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=aa666dde29e4b829a2c418c80acf7775" alt="檔案樹" width="100%" data-path="images/desktop/file-tree.png" />

詳見 [工作區與面板](/zh-Hant/desktop/workspace/overview)。

## Git 面板

檢視變更、暫存、提交，以及分支和提交歷史。也可以用 AI 生成提交說明。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/git-panel.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=afec2ba58233ce07fd4955417039120b" alt="Git 面板" width="100%" data-path="images/desktop/git-panel.png" />

詳見 [Git 與 Commit](/zh-Hant/desktop/workspace/git)。

## 終端

在客戶端裡開終端，不用切到外部視窗。適合邊看 AI 輸出邊跑命令。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/terminal-panel.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=f3f730a03d4247d07b6e36c1e25f5b7b" alt="終端面板" width="100%" data-path="images/desktop/terminal-panel.png" />

詳見 [工作區與面板](/zh-Hant/desktop/workspace/overview)。

## 全域性搜尋

一個搜尋框覆蓋檔案、會話、歷史訊息、技能和命令。

<img src="https://mintcdn.com/mossx-docs/kz4nt5KFSKzkAZwe/images/desktop/search-palette.png?fit=max&auto=format&n=kz4nt5KFSKzkAZwe&q=85&s=aa502e14047bc2f7057925ef6b5d4d00" alt="全域性搜尋" width="100%" data-path="images/desktop/search-palette.png" />

詳見 [工作區與面板](/zh-Hant/desktop/workspace/overview)。

## 設定

開啟設定後，左側是入口，右側是對應表單。供應商和 CLI 在 **CLI配置管理**。

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

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

## 下一步

<Columns cols={2}>
  <Card title="對話區域" icon="message-square" href="/zh-Hant/desktop/chat/overview">
    訊息、思考過程、工具呼叫和狀態。
  </Card>

  <Card title="輸入框" icon="keyboard" href="/zh-Hant/desktop/chat/input">
    `@`、`/`、附件和底部選擇器。
  </Card>

  <Card title="工作區與面板" icon="folder" href="/zh-Hant/desktop/workspace/overview">
    檔案樹、終端、搜尋和 Plan。
  </Card>

  <Card title="Git 與 Commit" icon="git-branch" href="/zh-Hant/desktop/workspace/git">
    變更、提交和 AI 提交說明。
  </Card>

  <Card title="拓展" icon="blocks" href="/zh-Hant/desktop/extensions">
    使用統計、Skills 和 MCP。
  </Card>
</Columns>
