推理摘要与执行轨迹
Reasoning / Thought Chain
展开可公开的推理摘要或执行步骤，解释任务正在如何推进。
执行摘要
- 确认问题与约束
- 核对来源和冲突
- 整理可验证的结论
展示摘要，不暴露隐藏推理。
app.mjs
import { mount } from '@sofish/ui/browser';
const view = mount(
document.querySelector('#example'),
'reasoning'
);
view.element.addEventListener('ui:change', event => {
console.log(event.detail.value);
});
// view.update({ ...nextProps });
// view.destroy();什么时候用
服务确实提供可展示的摘要或轨迹，且它能帮助用户理解等待。
什么时候不用
不要伪造模型思维，也不要把摘要当作答案正确性的证明。
COMPONENT API
属性与事件
传入业务数据，通过事件连接你的应用。
| 属性 | 默认值 |
|---|---|
label | "执行摘要" |
steps | ["确认问题与约束","核对来源和冲突","整理可验证的结论"] |
open | true |
note | "展示摘要，不暴露隐藏推理。" |
事件
ui:change
INTERACTION NOTES
交互与可访问性
- 展开控件暴露 aria-expanded。
- 不要逐词播报持续变化的摘要。
和相似组件的区别
Reasoning 是可展示的推理内容；Trace 也可包含实际工具事件，两者不是隐藏思维的完整还原。
RESEARCH & ALTERNATIVES
官方实现映射
以下是上游生态对同类交互的实现。上方运行的是 UI 自己的组件。
关键状态
React / Next.js、Vue / Nuxt、Svelte / SvelteKit · 来源核验