工作区面板

工作区面板位于聊天界面的右侧，是专家展示工作成果的「画板」。它由七个功能面板组成，每个面板对应专家一种类型的输出能力。面板会根据专家的操作自动激活——你无需手动管理面板的打开和切换。

​

面板一览

​

预览面板

预览面板是最通用的输出窗口。当专家在沙盒中执行代码、运行脚本或启动程序时，输出结果会实时呈现在这里。 典型用途：

• 查看 Python 脚本的运行结果
• 预览数据分析图表
• 观察程序调试输出
• 查看构建和编译结果

​

网站面板

当专家在构建 Web 应用或网站时，网站面板会自动激活。它内嵌了一个实时的浏览器预览，支持 HMR（热模块替换）——专家修改代码后，你能立即看到页面变化，无需手动刷新。 典型用途：

• 实时预览正在开发的网站
• 查看 CSS 样式调整的效果
• 测试页面交互功能
• 在发布前预览最终效果

​

浏览器面板

浏览器面板展示专家执行浏览器自动化任务的实时画面。当专家需要操作网页（填写表单、截取页面、提取信息等）时，你可以在这里直观地看到整个过程。 典型用途：

• 观察专家抓取网页数据的过程
• 查看专家自动填写表单的操作
• 验证专家在目标网站上的操作结果

​

文件面板

文件面板是专家沙盒工作目录的文件管理器。以树形结构展示专家创建和修改的所有文件，支持点击查看文件内容、下载到本地。 典型用途：

• 浏览专家生成的项目代码结构
• 查看特定文件的内容
• 下载专家产出的文件到本地
• 了解专家的工作进度和产出物

​

Widget 面板

Widget 面板用于展示交互式的 MCP 组件。某些专家的工具能够生成丰富的交互式 UI——比如可排序的数据表格、可交互的图表、可提交的表单等——这些内容会呈现在 Widget 面板中。 典型用途：

• 查看工具产出的结构化数据表格
• 与交互式图表进行探索
• 填写工具提供的表单

​

画布面板

画布面板是专家的创意输出空间，主要用于展示 AI 生成的视觉内容和创意产出物。 典型用途：

• 查看 AI 生成的图片
• 浏览设计方案的视觉呈现
• 预览插画和美术创作

​

视频面板

视频面板是袋袋视频生成能力的专属窗口。当你让专家创作视频时，面板会展示完整的制作流程。 典型用途：

• 查看分镜脚本和故事板
• 跟踪每个镜头的生成进度
• 预览合成后的视频素材
• 播放最终生成的视频

​

面板操作

​

自动激活

面板不需要你手动打开。专家在执行特定操作时，对应的面板会自动激活并切换到前台。比如：

• 专家运行 Python 脚本 → 预览面板自动打开
• 专家启动 dev server → 网站面板自动打开
• 专家调用 MCP 工具产出 Widget → Widget 面板自动打开

​

手动切换

面板顶部有标签页，你可以点击不同标签在面板间切换。如果某个面板有新内容更新，标签上会出现提示标记。

​

调整大小

你可以拖动面板与对话区之间的分隔线，调整面板的宽度。在移动端，面板切换为全屏模式显示。

​

关闭与展开

点击面板切换按钮可以关闭或展开整个工作区面板，为对话区腾出更多空间。