Commit 1d7041e6 by luoqi

style(web): 助手窗去掉消息头像 + 输入区改成无边框同底(对齐 Claude Code)

· 助手每条消息左边那个 28px 圆头像撤掉:助手窗只有 400px,头像 + 间距白白吃掉
  一成宽度,而"这段是助手说的"靠气泡形态(用户右对齐深底 / 助手左对齐无底)已经分得清。
  头像只留在 header 和空态引导页。
· 底部输入区改成与会话区**同底色、无边框、无分隔线**:去掉 border-t、外层白底、
  内层的圆角边框与 focus ring。️ 底色用 `bg-inherit` 而不是写死 bg-slate-50 ——
  写死的话根容器换底色时这一块会漂。
· 去掉「结果仅供参考 请核对后使用」那行免责声明。

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
parent 96b590a3
......@@ -381,17 +381,15 @@ function MessageView({
const showHint = streaming && (!last || last.kind !== 'text');
const hintLabel =
last && last.kind === 'tool' && last.step.status === 'running' ? toolMeta(last.step.tool).running : '生成中';
// ⛔ 助手消息**不带左侧头像**(2026-08-03 走查):助手窗只有 400px,
// 每条都挂一个 28px 的圆头像 + 间距 = 白白吃掉一成宽度,而"这段是助手说的"
// 靠气泡形态(用户消息右对齐深底、助手左对齐无底)已经分得清了。
return (
<div className="flex gap-2.5">
<span className="mt-0.5 inline-flex h-7 w-7 flex-none items-center justify-center rounded-full bg-brand-600 text-white">
<Bot className="h-4 w-4" />
</span>
<div className="min-w-0 flex-1 space-y-2.5 pt-0.5">
{message.blocks.map((b, i) => (
<BlockView key={i} block={b} onSheetConfirmed={onSheetConfirmed} />
))}
{showHint && <GeneratingHint label={hintLabel} />}
</div>
<div className="min-w-0 space-y-2.5">
{message.blocks.map((b, i) => (
<BlockView key={i} block={b} onSheetConfirmed={onSheetConfirmed} />
))}
{showHint && <GeneratingHint label={hintLabel} />}
</div>
);
}
......@@ -709,10 +707,12 @@ export function AssistantChat({
</div>
</div>
{/* Composer */}
<div className="flex-none border-t border-slate-100 bg-white">
<div className="mx-auto max-w-3xl px-4 py-3">
<div className="flex items-end gap-2 rounded-xl border border-slate-100 bg-white px-3 py-2 transition-all focus-within:border-brand-300 focus-within:ring-2 focus-within:ring-brand-200">
{/* Composer —— 与会话区**同底色、无边框、无分隔线**(2026-08-03 走查,对齐 Claude Code 那种)。
⚠️ 底色写死 `bg-slate-50` 就会跟根容器漂;这里直接 `bg-inherit`,
根容器换底色时它自动跟上。 */}
<div className="flex-none bg-inherit">
<div className="mx-auto max-w-3xl px-4 pb-3 pt-1">
<div className="flex items-end gap-2 px-1">
<textarea
ref={taRef}
rows={1}
......@@ -770,9 +770,6 @@ export function AssistantChat({
</button>
)}
</div>
<p className="mt-1.5 text-center text-[10.5px] text-slate-400">
结果仅供参考 请核对后使用
</p>
</div>
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment