AgentChat 智能体对话
带权限闸门、实时计划与改动面板的编码智能体会话
用法
编码智能体工作台
进入视口后自动演示,写文件前停在权限闸门等你确认。
示例加载中...
侧边 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 | 应用后的撤销提示 |