From 0606c5ddcbc8cfd4e2eaa902dd3871d633852b5b Mon Sep 17 00:00:00 2001
From: Alex <a@tushynski.me>
Date: Fri, 26 Jun 2026 08:10:24 +0100
Subject: [PATCH] Wrap multiple artifact chips instead of overflowing
 horizontally

An assistant message with several produced artifacts rendered one chip each in a
non-wrapping flex row, so 3+ chips overflowed and the bubble showed a horizontal
scrollbar. Add flex-wrap + gap-y-2 (the existing per-chip mr-2 keeps the
horizontal spacing) so the chips wrap to the next line, matching the other
artifact-chip render branch.
---
 frontend/src/conversation/ConversationBubble.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index 2a5ccd66..48e8e0df 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -691,7 +691,7 @@ const ConversationBubble = forwardRef<
           </div>
         )}
         {message && (
-          <div className="my-2 ml-2 flex justify-start">
+          <div className="my-2 ml-2 flex flex-wrap justify-start gap-y-2">
             {type === 'ERROR' ? (
               <div className="relative mr-2 block items-center justify-center">
                 <div>{retryBtn}</div>