Bubble 对话气泡
:::note
Bubble 支持：
- 外观：
placement（左右）、variant/shape（样式与圆角） - 结构：
avatar/header/footer/extra四个插槽（ReactNode 或函数） - 渲染：
contentRender（自定义渲染 content） - 状态：
loading/loadingRender - 交互：
typing/typingCursor+streaming+onTyping/onTypingComplete:::
基础气泡（slots）
支持 avatar/header/footer/extra 四个插槽。
User
你好，Haiku Design!
刚刚
左右对齐（placement）
placement=start/end 分别对应消息在左侧/右侧。
这是一条左侧消息
这是一条右侧消息
外观（variant + shape）
variant: filled/outlined/shadow/borderless；shape: default/round/corner。
variant: filled
Assistant
shape: default
Assistant
shape: round
Assistant
shape: corner
variant: outlined
Assistant
shape: default
Assistant
shape: round
Assistant
shape: corner
variant: shadow
Assistant
shape: default
Assistant
shape: round
Assistant
shape: corner
variant: borderless
Assistant
shape: default
Assistant
shape: round
Assistant
shape: corner
加载态（loading + loadingRender）
loading=true 时隐藏内容区，展示加载指示；loadingRender 可自定义。
Assistant
正在生成...
loading=true
插槽函数 + contentRender + info
avatar/header/footer 支持函数形态，可拿到 content 与 info；contentRender 可做自定义渲染。
Assistantkey=msg_1 / status=success
我会把文本里的 Haiku 高亮出来。
extraInfo.model=demo
keepPrefix 的视觉差异（A/B 切换）
先加载 A，再加载 B：keepPrefix=true 会直接保留共同前缀，false 会从头重新吐字。
onTyping: 0 / onTypingComplete: 0
Assistant
吐字 + 流式（typing + streaming）
streaming=true 表示 content 还在追加，typing 会持续追赶；streaming=false 时触发一次 onTypingComplete。
Assistant
idle