优化用户消息的图片展示

This commit is contained in:
xintaofei
2026-03-08 17:59:17 +08:00
parent 593e03e2b9
commit c7f2190674
2 changed files with 9 additions and 9 deletions

View File

@@ -856,15 +856,15 @@ export function WelcomeInputPanel({
{history.map((msg) => ( {history.map((msg) => (
<div key={msg.id}> <div key={msg.id}>
<Message from={msg.role === "tool" ? "assistant" : msg.role}> <Message from={msg.role === "tool" ? "assistant" : msg.role}>
<MessageContent>
<ContentPartsRenderer parts={msg.content} role={msg.role} />
</MessageContent>
{msg.role === "user" && msg.userImages?.length ? ( {msg.role === "user" && msg.userImages?.length ? (
<UserImageAttachments <UserImageAttachments
images={msg.userImages} images={msg.userImages}
className="self-end" className="self-end"
/> />
) : null} ) : null}
<MessageContent>
<ContentPartsRenderer parts={msg.content} role={msg.role} />
</MessageContent>
{msg.role === "user" && msg.userResources?.length ? ( {msg.role === "user" && msg.userResources?.length ? (
<UserResourceLinks <UserResourceLinks
resources={msg.userResources} resources={msg.userResources}

View File

@@ -132,12 +132,12 @@ const HistoricalMessageGroup = memo(function HistoricalMessageGroup({
}} }}
> >
<Message from={group.role}> <Message from={group.role}>
<MessageContent>
<ContentPartsRenderer parts={group.parts} role={group.role} />
</MessageContent>
{group.role === "user" && group.images.length > 0 ? ( {group.role === "user" && group.images.length > 0 ? (
<UserImageAttachments images={group.images} className="self-end" /> <UserImageAttachments images={group.images} className="self-end" />
) : null} ) : null}
<MessageContent>
<ContentPartsRenderer parts={group.parts} role={group.role} />
</MessageContent>
{group.role === "user" && group.resources.length > 0 ? ( {group.role === "user" && group.resources.length > 0 ? (
<UserResourceLinks resources={group.resources} className="self-end" /> <UserResourceLinks resources={group.resources} className="self-end" />
) : null} ) : null}
@@ -162,12 +162,12 @@ const PendingMessageGroup = memo(function PendingMessageGroup({
return ( return (
<div className="opacity-70"> <div className="opacity-70">
<Message from={group.role}> <Message from={group.role}>
<MessageContent>
<ContentPartsRenderer parts={group.parts} role={group.role} />
</MessageContent>
{group.role === "user" && group.images.length > 0 ? ( {group.role === "user" && group.images.length > 0 ? (
<UserImageAttachments images={group.images} className="self-end" /> <UserImageAttachments images={group.images} className="self-end" />
) : null} ) : null}
<MessageContent>
<ContentPartsRenderer parts={group.parts} role={group.role} />
</MessageContent>
{group.role === "user" && group.resources.length > 0 ? ( {group.role === "user" && group.resources.length > 0 ? (
<UserResourceLinks resources={group.resources} className="self-end" /> <UserResourceLinks resources={group.resources} className="self-end" />
) : null} ) : null}