> ## Documentation Index > Fetch the complete documentation index at: https://docs.profy.cn/llms.txt > Use this file to discover all available pages before exploring further. # 工作区面板 > 预览、网站、浏览器、文件、Widget、画布、视频七大面板 工作区面板位于聊天界面的右侧，是专家展示工作成果的「画板」。它由七个功能面板组成，每个面板对应专家一种类型的输出能力。面板会根据专家的操作自动激活——你无需手动管理面板的打开和切换。 ## 面板一览 展示专家在沙盒中运行程序的实时输出，包括命令行结果、程序界面等 实时预览专家正在构建的网站，支持热更新（HMR），修改代码后即时看到效果 展示专家执行浏览器自动化操作的实时画面，如网页爬取、表单填写等 浏览专家沙盒工作目录中的文件结构，查看和下载生成的代码与产出物 展示 MCP 工具生成的交互式组件，如数据表格、图表、表单等富交互内容 创意画布，展示专家生成的视觉创作内容 视频生成预览面板，展示分镜脚本、素材合成进度和最终视频输出 ## 预览面板 预览面板是最通用的输出窗口。当专家在沙盒中执行代码、运行脚本或启动程序时，输出结果会实时呈现在这里。 **典型用途**： * 查看 Python 脚本的运行结果 * 预览数据分析图表 * 观察程序调试输出 * 查看构建和编译结果 预览面板顶部有工具栏，你可以刷新预览、全屏展开或复制面板中的内容。 ## 网站面板 当专家在构建 Web 应用或网站时，网站面板会自动激活。它内嵌了一个实时的浏览器预览，支持 HMR（热模块替换）——专家修改代码后，你能立即看到页面变化，无需手动刷新。 **典型用途**： * 实时预览正在开发的网站 * 查看 CSS 样式调整的效果 * 测试页面交互功能 * 在发布前预览最终效果 网站面板的预览运行在专家的沙盒环境中。如果你需要将网站发布到公网，可以让专家执行部署操作。详见 [Sites 发布](/zh/documentation/sites) 相关文档。 ## 浏览器面板 浏览器面板展示专家执行浏览器自动化任务的实时画面。当专家需要操作网页（填写表单、截取页面、提取信息等）时，你可以在这里直观地看到整个过程。 **典型用途**： * 观察专家抓取网页数据的过程 * 查看专家自动填写表单的操作 * 验证专家在目标网站上的操作结果 ## 文件面板 文件面板是专家沙盒工作目录的文件管理器。以树形结构展示专家创建和修改的所有文件，支持点击查看文件内容、下载到本地。 **典型用途**： * 浏览专家生成的项目代码结构 * 查看特定文件的内容 * 下载专家产出的文件到本地 * 了解专家的工作进度和产出物 ## Widget 面板 Widget 面板用于展示交互式的 MCP 组件。某些专家的工具能够生成丰富的交互式 UI——比如可排序的数据表格、可交互的图表、可提交的表单等——这些内容会呈现在 Widget 面板中。 **典型用途**： * 查看工具产出的结构化数据表格 * 与交互式图表进行探索 * 填写工具提供的表单 Widget 面板中的内容不仅仅是展示——它们支持真正的双向交互。你在 Widget 中的操作（如点击按钮、提交表单）会反馈给专家，驱动对话的下一步。 ## 画布面板 画布面板是专家的创意输出空间，主要用于展示 AI 生成的视觉内容和创意产出物。 **典型用途**： * 查看 AI 生成的图片 * 浏览设计方案的视觉呈现 * 预览插画和美术创作 ## 视频面板 视频面板是袋袋视频生成能力的专属窗口。当你让专家创作视频时，面板会展示完整的制作流程。 **典型用途**： * 查看分镜脚本和故事板 * 跟踪每个镜头的生成进度 * 预览合成后的视频素材 * 播放最终生成的视频 ## 面板操作 ### 自动激活 面板不需要你手动打开。专家在执行特定操作时，对应的面板会自动激活并切换到前台。比如： * 专家运行 Python 脚本 → 预览面板自动打开 * 专家启动 dev server → 网站面板自动打开 * 专家调用 MCP 工具产出 Widget → Widget 面板自动打开 ### 手动切换 面板顶部有标签页，你可以点击不同标签在面板间切换。如果某个面板有新内容更新，标签上会出现提示标记。 ### 调整大小 你可以拖动面板与对话区之间的分隔线，调整面板的宽度。在移动端，面板切换为全屏模式显示。 ### 关闭与展开 点击面板切换按钮可以关闭或展开整个工作区面板，为对话区腾出更多空间。 工作区面板的内容依赖专家的沙盒环境。如果沙盒会话结束或超时，面板中的实时预览可能变为不可用，但文件面板中已保存的产出物不受影响。