administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-07-15 00:11:15 +03:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

Render attachment chip in user chat bubbles

Browse Source
This commit is contained in:
Josh Hawkins 2026-04-08 17:00:35 -05:00
parent 2b538ae54b
commit cddbf6906a
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/chat/ChatMessage.tsx
View File

@ -15,6 +15,8 @@ import {
TooltipTrigger,
} from "@/components/ui/tooltip";
import { cn } from "@/lib/utils";
import { ChatAttachmentChip } from "@/components/chat/ChatAttachmentChip";
import { parseAttachedEvent } from "@/utils/chatUtil";
type MessageBubbleProps = {
role: "user" | "assistant";
@ -126,6 +128,10 @@ export function MessageBubble({
);
}
const { eventId: attachedEventId, body: displayContent } = isUser
? parseAttachedEvent(content)
: { eventId: null, body: content };
return (
<div
className={cn(
@ -140,7 +146,12 @@ export function MessageBubble({
)}
>
{isUser ? (
content
<div className="flex flex-col gap-2">
{attachedEventId && (
<ChatAttachmentChip eventId={attachedEventId} mode="bubble" />
)}
<div className="whitespace-pre-wrap">{displayContent}</div>
</div>
) : (
<>
<ReactMarkdown