任务与多 Agent
Task / Subagent
说明工作分给了谁，哪些已完成，以及返回了什么。
- 资料研究 Agent已完成
- 界面设计 Agent进行中
- 实现核验 Agent等待输入
app.mjs
import { mount } from '@sofish/ui/browser';
const view = mount(
document.querySelector('#example'),
'agents'
);
// view.update({ ...nextProps });
// view.destroy();什么时候用
一个任务存在真实委派或并行工作。
什么时候不用
没有实际委派时，不要用多个头像模拟多 Agent。
COMPONENT API
属性与事件
传入业务数据，通过事件连接你的应用。
| 属性 | 默认值 |
|---|---|
items | [{"label":"资料研究 Agent","state":"已完成"},{"label":"界面设计 Agent","state":"进行中"},{"label":"实现核验 Agent","state":"等待输入"}] |
事件
展示组件；通过 update(props) 更新内容。
INTERACTION NOTES
交互与可访问性
- Agent 名称、职责和状态都有文字。
- 分别标出子任务结果与总任务结论。
和相似组件的区别
Agent 是执行者；Task 是工作单元，一个执行者可以承担多个任务。
RESEARCH & ALTERNATIVES
官方实现映射
以下是上游生态对同类交互的实现。上方运行的是 UI 自己的组件。
关键状态
React / Next.js · 来源核验