消息里也可以有清晰的结构。
- 正文解释结论
- 引用支持判断
消息与富文本
Message / Rich Response
呈现用户输入，以及包含正文和动作的 Assistant 回答。
app.mjs
import { mount } from '@sofish/ui/browser';
const view = mount(
document.querySelector('#example'),
'message'
);
// view.update({ ...nextProps });
// view.destroy();什么时候用
回答包含段落、链接、代码或消息级操作。
什么时候不用
长期编辑的文档应放进独立产物视图。
COMPONENT API
属性与事件
传入业务数据，通过事件连接你的应用。
| 属性 | 默认值 |
|---|---|
title | "先让信息有层级" |
content | "消息里也可以有清晰的结构。" |
bullets | ["正文解释结论","引用支持判断"] |
事件
展示组件；通过 update(props) 更新内容。
INTERACTION NOTES
交互与可访问性
- 保留标题、列表和链接语义。
- 复制、重试等图标按钮必须有可读名称。
和相似组件的区别
消息负责一次回合；会话负责排序、滚动与上下文。
RESEARCH & ALTERNATIVES
官方实现映射
以下是上游生态对同类交互的实现。上方运行的是 UI 自己的组件。
关键状态
React / Next.js、Vue / Nuxt、Svelte / SvelteKit、Web Components · 来源核验