样板间 · 单一事实源

标准输入框 LeoComposer + leo 助手

全家桶所有输入框的单一事实源。圆角卡片 + 自增高 textarea + 左下控制区 + 右下圆形发送键。与 AI 生成有关的输入框带「leo 建议」按钮,点开 leo 助手;普通输入框不带。改这个组件一处,所有站对齐。

① 有「AI 生成」功能的输入框(带 leo 建议)

写一句需求后点「leo 建议」:leo 捕捉本框内容,给出可点击补充项;点选项 / 在 leo 里发送都会整理回本框,选项随内容更新而刷新。

② 主站形态(左下角 对话 / Agent / 设计)

主站把「对话 / Agent / 设计」通过 leftSlot 放进同一个标准输入框, 其余完全一致。

③ 与 AI 生成无关的普通输入框(无 leo 建议)

普通文本输入(如备注、反馈)不传 leoSuggest,因此没有「leo 建议」按钮。

用法

import { LeoComposer, LeoAssistant } from "@oceanleo/ui/shell";

// layout.tsx 放一个 leo 助手浮窗(每站一次):
<LeoAssistant siteId="image" docType="image" />

// 任意「有 AI 生成功能」的输入框:
<LeoComposer value={p} onChange={setP} leoSuggest onSubmit={run} />