AI 面板界面
面板状态
AI 面板在使用过程中会显示不同的状态：
就绪状态: 等待您的输入。当尚无聊天记录时，系统会显示 4 条建议提示语，帮助您快速开始。点击任意建议提示语，内容将自动填入输入框，但不会自动提交。
处理状态：AI 正在分析您的请求。您会看到如“正在获取…”或“正在分析…”等状态提示。
编辑状态：AI 正在对您的原型进行修改。画布底部会显示“ProtoPie AI 正在接管操作”的提示横幅，并提供[停止] 按钮以便随时取消操作。
对话行为说明
- 已提交的提示会显示在聊天区域的顶部
- 聊天记录不会跨会话保存—关闭标签页或重置操作将清空历史记录
- 如需重新开始，请点击面板标题中的重置按钮
使用 @ 功能提及
在提示中输入 @ 符号可提及特定图层。与仅通过名称描述图层相比，此举能为 AI 提供更清晰的上下文，从而生成更精确的交互。
示例： "当点击 @按钮图层 时，将其变为灰色"
响应控制
AI 响应后，您有以下几种操作选项:
👍 / 👎 反馈: 对响应质量进行评分，以帮助改进 AI。
复制响应：将整个响应内容（包括代码块）复制到剪贴板。
重写：基于同一提示，重新生成不同的响应。
- 仅对最新响应可用。
- 若您发送了新提示或进行了手动编辑，此选项将消失。
AI 响应类型
Studio AI 会根据您的请求提供不同格式的响应：
文本响应
包含格式化支持的纯文本说明，支持标题、正文、链接、行内代码、引用块和表格。用于解释说明、文档解答及一般性回复。
Mermaid 图表当您要求绘制流程图、用户旅程图或其他图表时，AI 可使用 Mermaid.js 语法生成可视化图表。这些图表基于工作区中现有的对象与交互生成。生成的图表为交互式图像，提供以下选项：
- 复制代码：复制 Mermaid.js 源代码。
- 下载图片：将渲染后的图表保存为 .svg 文件。
公式代码块
专用于 ProtoPie 公式的代码块，显示时包含：
- 语法高亮
- 复制按钮
- 指向 ProtoPie 公式文档的"如何使用"链接
通用代码块
通用代码示例（JSON、JavaScript 等），包含语言标签、语法高亮及复制按钮。
资源卡片当 AI 引用文档时，会显示交互式资源卡片：
官方文章：ProtoPie 图标、文章标题与导航路径、"官方文章"标签。
YouTube 视频：视频缩略图、"Youtube 视频"标签。
外部链接：带 URL 的地球图标。
多个资源将以轮播形式展示，并支持分页。
计划区块
在创建交互时，AI 将展示其规划过程：
规划中： 显示"规划中…"状态，可展开内容以查看完整分析。
完成时： 折叠为带✓的"已规划"状态。内容包含：
- 目标： AI 计划创建的交互内容
- 结构： 将要使用的图层或组件
- 创建顺序： 分步骤执行计划
- 交互逻辑： 触发器与响应的映射关系
任务区块
展示交互创建任务的执行进度：
进行中： 显示"执行中…"，并配有旋转图标的"执行中…"
完成时： 显示"已完成 X 项任务"，并配有✓对勾标识
每项任务均标注操作类型（如添加、编辑、删除等）及对应的图层/组件元素。✓对勾标识表示任务已完成，旋转图标则表示任务正在处理中。