From 8bebd95472f861998c0b3773cb053373897a8ba6 Mon Sep 17 00:00:00 2001
From: Linus Rath <139418639+rathlinus@users.noreply.github.com>
Date: Tue, 3 Nov 2026 09:33:10 +0100
Subject: [PATCH] fix: wrap a long address in a plugin's info bar instead of
 cutting it at the pane's edge

---
 lib/plugin-sandbox/ui-kit/components.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/plugin-sandbox/ui-kit/components.tsx b/lib/plugin-sandbox/ui-kit/components.tsx
index a669a2e38..9eea05bc0 100644
--- a/lib/plugin-sandbox/ui-kit/components.tsx
+++ b/lib/plugin-sandbox/ui-kit/components.tsx
@@ -1188,7 +1188,7 @@ export function InfoBar({ tone = 'neutral', icon, eyebrow, title, children, comp
       <div className="bk flex flex-wrap items-center gap-x-3 gap-y-1.5 px-6 py-1.5 border-b border-border bg-muted/30 text-sm">
         {icon && <span className={cn('w-6 h-6 rounded-full flex items-center justify-center flex-shrink-0', INFO_TONE[tone])}><Icon name={icon} size="sm" /></span>}
         {eyebrow && <span className="text-[0.6875rem] font-semibold text-muted-foreground">{eyebrow}</span>}
-        {title && <span className="min-w-0 flex-1 text-foreground break-words">{title}</span>}
+        {title && <span className="min-w-0 flex-1 text-foreground [overflow-wrap:anywhere]">{title}</span>}
         {children}
       </div>
     );
@@ -1206,7 +1206,7 @@ export function InfoBar({ tone = 'neutral', icon, eyebrow, title, children, comp
             {(eyebrow || title) && (
               <div>
                 {eyebrow && <div className="text-[0.6875rem] font-semibold text-muted-foreground">{eyebrow}</div>}
-                {title && <div className="text-sm font-medium text-foreground break-words">{title}</div>}
+                {title && <div className="text-sm font-medium text-foreground [overflow-wrap:anywhere]">{title}</div>}
               </div>
             )}
             {children}