组件/AgentChat 智能体对话

AgentChat 智能体对话

带权限闸门、实时计划与改动面板的编码智能体会话

自 0.6.0BETA

当前组件文档正在开发中

该页面正在持续迁移,示例与 API 可能会继续调整。

用法

编码智能体工作台

进入视口后自动演示,写文件前停在权限闸门等你确认。

示例加载中...

侧边 Copilot

给已有页面(文档编辑器、CMS 正文、工单回复)配的停靠助手,只给出由你决定是否应用的建议。

自动演示一次润色并停在建议上,也可在文章里划词。回答均为预写。

示例加载中...

概述

编码智能体处理一条需求的完整会话:澄清问题由人回答,写文件由人放行。

  • 进入视口后自动演示,停在写权限闸门;减少动态效果时直接显示到闸门为止的状态。
  • 澄清问题闲置 3 秒后按推荐项作答;点任意选项则改为等你提交。
  • 写文件闸门从不自动放行:「允许」后写码、测试并总结;「拒绝」则跳过写入与测试,改为导出补丁。
  • 「停止」把进行中的工具卡片标为已停止;点改动文件时,会话滚到对应代码,整页不动。
  • 列内(640–959px)侧栏用「任务 / 变更 / 预览」切换,≥ 1200px 加智能体列表;窄屏(< 640px)收起侧栏。
  • 侧边 Copilot:只有点「应用」才改动页面,可撤销;「只读 · 仅解释」下浮条只剩「解释」。
  • 侧边 Copilot:划词浮条随选区滚动与重排;窄屏(< 640px)助手收进顶栏按钮,打开为底部面板。

自定义

  • 接真实智能体时,用事件流替换演示时间轴;会话项只存 id 和 kind,流式事件只更新状态。
  • 在 TxConversationStream 末尾保留固定的 tail 项,每条消息只挂载一次,卡片状态与入场动画不会重放。
  • 权限按风险分级:risk="read" 直接执行并留痕,write / execute 一律等人确认。
  • 澄清答案用受控的 v-model 与 v-model:index 持有;读者动过卡片后不再自动选推荐项。
  • 侧边 Copilot:selection.rects 写成从 Range 现量的 getter,布局变化后调用 updatePosition()。

相关组件

区域组件作用
顶栏TxThinkingOrb、TxWorkingIndicator、TxStatusBadge、TxContextIndicator阶段、耗时与上下文用量
会话TxConversationStream、TxChatMessage虚拟化会话流与需求气泡
规划TxAgentTrace计划逐行出现,完成后折叠
澄清TxApprovalCard两道澄清问题
工具调用TxToolCallCard输入、流式日志与结果
权限闸门TxToolConfirmation写文件前的允许 / 拒绝
改动TxCodeStream逐行写出的 diff
总结TxTypingIndicator、TxStreamMarkdown、TxToolChips、TxMessageActions流式总结、工具摘要与操作
侧栏TxFlatRadio、TxTaskRows、TxDiffChips、TxAgentScreen、TxSkeleton进度、改动文件与预览
智能体列表(≥ 1200px)TxAgentsList、TxSuggestionChips切换智能体与推荐提问
输入TxPromptBar引用、命令、模型与停止
宿主页面(侧边 Copilot)普通 DOM 段落可划词的 README 正文
划词浮条(侧边 Copilot)TxSelectionActions解释、润色、翻译与应用
助手面板(侧边 Copilot)TxModeChip、TxTag编辑模式与可见范围
建议卡(侧边 Copilot)TxButton、TxDiffChips删改对照、应用与放弃
改动提示(侧边 Copilot)TxToastPanel应用后的撤销提示