From a1c07de0ed7292dc87e1a0c159a29c945cd2c0d5 Mon Sep 17 00:00:00 2001
From: maria-rcks <254055478+maria-rcks@users.noreply.github.com>
Date: Sat, 10 Oct 2026 03:21:06 +0000
Subject: [PATCH] fix(web): composer banner titles truncate beside their icon
 instead of wrapping

---
 apps/web/src/components/chat/ComposerBanner.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/chat/ComposerBanner.tsx b/apps/web/src/components/chat/ComposerBanner.tsx
index 317c2136da87..0025f49cdf71 100644
--- a/apps/web/src/components/chat/ComposerBanner.tsx
+++ b/apps/web/src/components/chat/ComposerBanner.tsx
@@ -191,7 +191,9 @@ function Row({
       "not-has-[>[data-slot=composer-banner-actions]]:grid-cols-[var(--composer-banner-icon-column)_minmax(0,1fr)]",
       "[&:is(button)]:cursor-pointer [&:is(button)]:rounded-md [&:is(button)]:focus-visible:outline-2 [&:is(button)]:focus-visible:-outline-offset-2 [&:is(button)]:focus-visible:outline-ring",
       // Actions share the title row while the title fits and move below it otherwise.
-      layout === "wrap-actions" && "flex flex-wrap *:data-[slot=composer-banner-content]:grow",
+      // The content's max width keeps it beside the icon, so a long title truncates instead of wrapping.
+      layout === "wrap-actions" &&
+        "flex flex-wrap *:data-[slot=composer-banner-content]:max-w-[calc(100%-var(--composer-banner-icon-column)-var(--spacing))] *:data-[slot=composer-banner-content]:grow",
       layout === "approval" && "items-start gap-x-2 gap-y-3",
       className,
     ),