工具调用与结果
Tool Call / Tool Result
说明 Agent 调用了什么，以及实际返回了什么。
search_documents已完成查看执行记录
输入：组件交互规范
结果：找到 3 条示例记录
app.mjs
import { mount } from '@sofish/ui/browser';
const view = mount(
document.querySelector('#example'),
'tool'
);
// view.update({ ...nextProps });
// view.destroy();什么时候用
搜索、读文件或调用外部能力需要被理解和核查。
什么时候不用
不要把底层日志全部堆成用户需要阅读的内容。
COMPONENT API
属性与事件
传入业务数据，通过事件连接你的应用。
| 属性 | 默认值 |
|---|---|
name | "search_documents" |
state | "已完成" |
input | "组件交互规范" |
output | "找到 3 条示例记录" |
summary | "查看执行记录" |
事件
展示组件；通过 update(props) 更新内容。
INTERACTION NOTES
交互与可访问性
- 展开按钮说明对应的工具。
- 错误与成功使用文字，不只用颜色。
和相似组件的区别
执行中是一段过程；结果和错误应保留。待审批是独立的人类决策。
RESEARCH & ALTERNATIVES
官方实现映射
以下是上游生态对同类交互的实现。上方运行的是 UI 自己的组件。
关键状态
React / Next.js、Vue / Nuxt · 来源核验