diff options
| -rw-r--r-- | packages/ui/src/components/message-part.tsx | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/packages/ui/src/components/message-part.tsx b/packages/ui/src/components/message-part.tsx index add10fea8..24b1ee393 100644 --- a/packages/ui/src/components/message-part.tsx +++ b/packages/ui/src/components/message-part.tsx @@ -363,7 +363,7 @@ export function UserMessageDisplay(props: { message: UserMessage; parts: PartTyp } return ( - <div data-component="user-message" data-expanded={expanded()} data-can-expand={canExpand()} onClick={toggleExpanded}> + <div data-component="user-message" data-expanded={expanded()} data-can-expand={canExpand()}> <Show when={attachments().length > 0}> <div data-slot="user-message-attachments"> <For each={attachments()}> @@ -371,8 +371,7 @@ export function UserMessageDisplay(props: { message: UserMessage; parts: PartTyp <div data-slot="user-message-attachment" data-type={file.mime.startsWith("image/") ? "image" : "file"} - onClick={(event) => { - event.stopPropagation() + onClick={() => { if (file.mime.startsWith("image/") && file.url) { openImagePreview(file.url, file.filename) } @@ -394,7 +393,7 @@ export function UserMessageDisplay(props: { message: UserMessage; parts: PartTyp </div> </Show> <Show when={text()}> - <div data-slot="user-message-text" ref={(el) => (textRef = el)}> + <div data-slot="user-message-text" ref={(el) => (textRef = el)} onClick={toggleExpanded}> <HighlightedText text={text()} references={inlineFiles()} agents={agents()} /> <button data-slot="user-message-expand" |