AI 工作流界面组件

为对话和自动化任务组织输入、回答、过程与结果。在同一套 Vue 组件中呈现工具输出和待确认操作，让每一步都便于阅读与继续处理。

对话与输入

组合消息、输入区和会话滚动区域。让正在生成的内容保持可读，并在读者回看记录时保留当前阅读位置。

通过自适应高度文本框、附件与键盘操作编写并提交提示词。

使用内容、附件、来源与操作部件组合会话条目。

呈现紧凑会话气泡，并可组合头像、元数据与操作控件。

在新消息加入时跟随内容，同时允许读者离开并返回最新位置。

把逐步到达的回答、图片和来源放在合适的位置。用户可以先阅读结果，再查看与内容关联的资料和后续操作。

组合持续变化的助手回复，包括文字、附件、引用和操作。

展示图像创建状态，预览输出并提供结果操作。

将行内引用标记与可检查的来源条目和链接连接。

展示任务计划、等待状态和活动顺序。把当前正在处理的步骤与已经完成的工作区分开，便于持续查看进展。

通过进度、推理和微光显示传达助手工作仍在进行。

展示带展开详情和明确任务状态的工作条目序列。

将持续变化的助手活动组织为可展开步骤与完成摘要。

在紧凑的区域中展示工具结果、代码和文件差异。内容更新时保留必要的结构，方便阅读关键输出并检查变更。

在同一表面呈现工具调用状态、摘要与可展开结果。

呈现带高亮的代码，并支持行控件、文件标签与复制操作。

通过对齐行号与可展开上下文检查新增及删除内容。

把需要用户判断的操作呈现为清晰的选择。收集授权、审核意见和补充信息后，在流程中保留对应的处理结果。

为待执行工具操作展示说明，并请求明确决策。

在助手继续工作前，引导用户完成一个或多个决策步骤。