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

# 界面布局

> 了解 QoderWork 的界面布局，快速找到你需要的功能

第一次打开 QoderWork 时，你可能不熟悉各区域的作用。本页带你认识主界面的整体结构与关键控件。

## 整体布局

QoderWork 主界面由 **侧边栏** 与 **中央区域** 两部分组成。执行任务时，右侧会出现 **任务监控** 面板。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-task-result-zh.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=3352aa451f7e22db8fe26168624d0f36" alt="QoderWork 主窗口：四个区域同时可见——左侧侧边栏、中央对话区、底部输入框，以及右侧的任务监控面板" width="2000" height="1212" data-path="images/qoderwork-task-result-zh.png" />
</Frame>

<CardGroup cols={3}>
  <Card title="侧边栏" icon="sidebar">
    新任务、扩展入口、任务列表、账号与设置
  </Card>

  <Card title="中央区域" icon="message">
    空状态提示与任务对话消息流；底部输入框完成指令输入、工作台与模型切换、附件与发送
  </Card>

  <Card title="任务监控" icon="chart-line">
    任务执行时出现在右侧，跟踪运行情况
  </Card>
</CardGroup>

## 侧边栏

侧边栏位于窗口左侧，**可折叠收起**以扩大中央区域。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-sidebar-entry-zh.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=4150a184f2a0878eb9e6bbf727bf8869" alt="QoderWork 主窗口，完整展示左侧侧边栏从上到下的全部入口" width="2000" height="1212" data-path="images/qoderwork-sidebar-entry-zh.png" />
</Frame>

### 顶部

* **新任务** — 创建一个新的对话任务

### 扩展分组

点击 **扩展** 可展开 3 个子项：

* **专家套件**——把行业知识与工作流打包成「领域专家」（如法务合同审核、财富管理、产品 PRD 等），一键安装就能让 AI 具备对应角色的专业能力。详见 [专家套件](/zh/qoderwork/expert-kits)。
* **技能**——为反复出现的任务类型（写周报、整理文档、做信息图等）预先写好的「执行手册」，让 AI 每次都按你的规范交付。详见 [技能](/zh/qoderwork/skills)。
* **连接器**——让 AI 直接操作浏览器、macOS 原生应用（日历/提醒事项/备忘录/邮件/通讯录）、Microsoft 365（Outlook 邮件/日历/待办/联系人/OneNote/OneDrive），并通过集成市场接入钉钉、Notion、Linear、Slack、Figma、Google Calendar 等 SaaS。详见 [连接器](/zh/qoderwork/connectors)。

### 定时任务

侧边栏上与扩展并列的独立入口。按时间触发的任务，到点自动开一个新对话执行你预设的指令（拉数据、出日报、月末汇总等）。详见 [定时任务](/zh/qoderwork/scheduled-tasks)。

### IM 频道

侧边栏上与扩展并列的独立入口。把 QoderWork 接入钉钉、飞书、Lark、微信、企业微信等 IM 工具，在群里 @ 机器人就能跑任务，结果直接回到当前会话。详见 [IM 频道](/zh/qoderwork/im-channels)。

### 任务列表

侧边栏下半部分用于查看历史。**任务 / 频道** 切换决定显示任务列表还是频道列表；切换下方是搜索框（占位文本「搜索任务标题或会话内容...」），用于过滤当前列表；再下方是按 **最近** 排列的历史项，点击任意条目可继续之前的工作。

### 底部

点击账户头像，会展开如下快捷菜单：

* **套餐到期**——查看当前套餐的续费或到期时间。
* **设置**——配置模型、语言、主题等所有偏好。
* **偏好设置**——快速进入语言等界面偏好。
* **升级计划**——在浏览器中打开套餐管理页。
* **帮助文档** / **更新日志** / **关于我们**——帮助与产品信息。
* **退出登录**——切换账号时使用。

<Frame>
  <img src="https://mintcdn.com/qoder/qAItzt4405Ybl3sq/images/qoderwork-account-menu-zh.png?fit=max&auto=format&n=qAItzt4405Ybl3sq&q=85&s=864acedd92f4c1d5cb930912ea7bda60" alt="账户头像弹出菜单，包含套餐到期、设置、偏好设置、升级计划、帮助文档、更新日志、关于我们、退出登录" width="2000" height="1393" data-path="images/qoderwork-account-menu-zh.png" />
</Frame>

点击菜单中的 **设置** 即可打开完整的设置页面，在一个页面内集中管理模型、语言、主题、语音输入、快捷键、工作台等全部偏好项。

<Frame>
  <img src="https://mintcdn.com/qoder/hjCzjGvcnHE5UJIx/images/qoderwork-explore-settings-menu-zh.png?fit=max&auto=format&n=hjCzjGvcnHE5UJIx&q=85&s=2c58b3bbd38b0ea0ea3b7e39de693cef" alt="QoderWork 偏好设置页：左侧导航分为通用、扩展与集成、高级设置三组；右侧展示「偏好设置」面板下的语言、主题亮暗、界面风格、对话字体/字号/宽度、预览方式、提示词建议、默认展开工具调用、在 IM 频道中展示工具调用执行过程等选项" width="2000" height="1634" data-path="images/qoderwork-explore-settings-menu-zh.png" />
</Frame>

<Info>
  设置面板的详细项目请参考 [设置](/zh/qoderwork/settings)。
</Info>

## 输入框

输入框位于中央区域底部，是发送指令的核心入口。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-sidebar-entry-zh.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=4150a184f2a0878eb9e6bbf727bf8869" alt="QoderWork 主窗口，中央区域底部的输入框完整可见，+、工作台选择器、模型选择器、语音输入和发送按钮一目了然" width="2000" height="1212" data-path="images/qoderwork-sidebar-entry-zh.png" />
</Frame>

| 控件                       | 位置    | 作用                   |
| :----------------------- | :---- | :------------------- |
| **+** 按钮                 | 左下角   | 添加附件或上下文             |
| **工作台** 选择器              | 左下角   | 切换任务运行的工作台，默认 **通用** |
| **模型** 选择器               | 右下角   | 切换驱动任务的模型            |
| 语音输入按钮                   | 右下角   | 通过语音输入指令             |
| 发送按钮                     | 最右    | 发送消息                 |
| 选择工作目录                   | 输入框下方 | 指定任务的工作目录            |
| <Icon icon="gauge" /> 按钮 | 界面右上角 | 查看当前账户的 Credits 消耗情况 |

<Info>
  输入框的详细使用方法、工作台与模型选择策略，请参考 [任务对话](/zh/qoderwork/chat-basics)。
</Info>

## 任务对话区

中央区域是与 QoderWork 对话的核心。

### 空状态

未开始对话时，中央展示：

* 主标题：**不止聊天，搞定一切**
* 副标题：本地运行、自主规划、安全可控的 AI 工作搭子

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-sidebar-entry-zh.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=4150a184f2a0878eb9e6bbf727bf8869" alt="QoderWork 空状态主界面：主标题与副标题居中展示，等待你在下方输入框发出第一条指令" width="2000" height="1212" data-path="images/qoderwork-sidebar-entry-zh.png" />
</Frame>

### 对话消息流

发送任务后，消息以会话流形式呈现你的输入与 QoderWork 的回复。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-task-monitor-zh.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=459758fbaf7db2a3d75e50d03083d59c" alt="任务运行中：中央区域以消息流呈现实时对话，右侧停靠任务监控面板" width="2000" height="1212" data-path="images/qoderwork-task-monitor-zh.png" />
</Frame>

### 任务监控

任务执行时，右侧会出现 **任务监控** 面板，用于追踪任务的运行情况。

<Frame>
  <img src="https://mintcdn.com/qoder/s6dTwci-_mbx57qw/images/qoderwork-task-result-zh.png?fit=max&auto=format&n=s6dTwci-_mbx57qw&q=85&s=3352aa451f7e22db8fe26168624d0f36" alt="任务完成后的对话区，包含对比小结、AI-Desktop-Assistants-Comparison.xlsx 产物卡片和来源链接，右侧仍保留任务监控面板" width="2000" height="1212" data-path="images/qoderwork-task-result-zh.png" />
</Frame>

## 下一步

<CardGroup cols={3}>
  <Card title="任务对话" icon="comments" href="/zh/qoderwork/chat-basics">
    了解如何与 QoderWork 高效对话
  </Card>

  <Card title="任务管理" icon="list-check" href="/zh/qoderwork/task-management">
    管理多个任务、查看历史与进度跟踪
  </Card>

  <Card title="新任务" icon="plus" href="/zh/qoderwork/new-task">
    创建新任务时如何选模型、工作台与扩展
  </Card>
</CardGroup>