> ## 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** 会收起侧栏。 左侧侧栏总览 ## 编辑器里的对话标签 点标题栏的 **+**，或运行 **CC GUI: New Chat Tab**，会在**当前编辑器组**再开一个对话标签，而不是左右分屏。 每个标签是一次独立会话。可以： * 并排开多个任务 * 运行 **CC GUI: Rename Active Chat Tab** 重命名当前标签 * 像普通编辑器标签一样关闭 叠开的对话标签 ## 三个内部视图 面板顶部可以在三个视图间切换。 ### 对话 默认视图。从上到下是： 1. 顶部栏：历史、设置、新会话 2. 消息列表，空会话时显示欢迎屏 3. 输入框和底部工具条：配置、供应商、模型、模式 详见 [对话区域](/vscode/chat/overview) 和 [输入框](/vscode/chat/input)。 ### 历史 列出当前工作区的历史会话。可以搜索、收藏、重命名、导出、删除，或批量选择。 点一条历史会把它加载回对话视图。 历史记录 详见 [会话、标签页与历史](/vscode/chat/sessions)。 ### 设置 左侧是 13 个入口，右侧是对应表单。侧栏可以折叠，只留图标。 | 入口 | 做什么 | | --------- | ---------------------- | | 基础配置 | 主题、语言、Node 路径、发送快捷键、通知 | | 供应商管理 | Claude / Codex / CLI | | SDK 依赖 | 安装和更新 SDK | | 使用统计 | Token 与费用 | | MCP 服务器 | 添加、市场、导入、启停 | | 权限配置 | Claude / Codex 权限和沙箱 | | 增强提示词 | 发送前改写用的模型 | | Commit AI | 生成提交说明 | | Agents | 自定义智能体 | | 提示词库 | `!` 插入的模板 | | Skills | 技能包 | | 其他设置 | 历史补全、自动标题 | | 官方交流群 | 微信群、GitHub、版本记录 | 设置侧栏 完整对照见 [设置总览](/vscode/settings/overview)。 ## 输入框底部选择器 对话视图底部从左到右通常是： * 配置 / 进程 * 供应商 * 模型 * 模式 * 附件、停止、发送 这些选择器决定「这次请求走谁、用什么模型、要不要自动改文件」。详见 [运行模式与权限](/vscode/chat/modes)。 ## 建议的日常摆法 * 一边写代码、一边对话：把 CC GUI 留在左侧，或钉到右侧 Secondary Side Bar * 多个并行任务：用编辑器标签各开一个会话 * 回看旧对话：先去历史视图，再加载 下一步可以从 [对话区域](/vscode/chat/overview) 或 [输入框](/vscode/chat/input) 往下看。