梧桐设计语言- AI 消息正文
body14 / 22；表格、图表、操作预览直接嵌在消息里，用同一套组件。 - 操作预览套
info-soft底 + 「预览 · 未执行」pill，底部「确认并执行」主按钮 + 「改一下」幽灵按钮。 - 引用来源是内联小标签，点开侧滑面板。
- 消息底部
meta时间 + 复制 / 重试图标，hover 显示。 - 助理权限继承当前用户，看不到的数据在回答里也不出现。
消费者提供：角色、内容块（文本 / 表格 / 预览）、引用。
对话消息ChatMessage
AI 助理面板里的消息。用户消息右对齐、secondary 底、radius-md（右下角 radius-chip）；AI 消息左对齐、无底色直接在面板上，前面一个 28 的 bot 图标方块。宽度不超过 80%。
示例
import
import { Chat, UserMessage, AssistantMessage, ActionPreview } from "@wutong/ui";
写操作先预览
同一套组件套一层 info-soft 底 + 「预览 · 未执行」，人确认才执行
把 5 号机组这条改成结冰专项，派给王强
要改两处，确认后执行：
预览 · 未执行
| 类型 | 月度巡检 → 结冰专项 |
| 负责人 | 未指派 → 王强 |
API
| 属性 | 类型 | 默认 | 说明 |
|---|---|---|---|
| UserMessage / AssistantMessage | children | — | 右对齐灰底 / 左侧 bot 图标无底 |
| ActionPreview.onConfirm / onEdit | () => void | — | 确认并执行 / 改一下 |