From bfc758f1f26673d51dd0b94abd1c419b1a0b30b1 Mon Sep 17 00:00:00 2001
From: renee-png <renee@avriacam.com>
Date: Wed, 17 Jun 2026 15:01:23 -0400
Subject: [PATCH] Messaging: fix New Message dialog overflow on long recipient
 names
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The recipient row's inner name+badge flex lacked min-w-0, so a long name
(e.g. a full association name) couldn't truncate — it widened the row,
pushed the badge out, and stretched the dialog (and its full-width search
field) past max-w-md. Add min-w-0 so the name truncates and the dialog
stays within bounds.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 src/components/messaging/ConversationList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/messaging/ConversationList.tsx b/src/components/messaging/ConversationList.tsx
index 9f30ea0..668464c 100644
--- a/src/components/messaging/ConversationList.tsx
+++ b/src/components/messaging/ConversationList.tsx
@@ -367,7 +367,7 @@ function NewConversationDialog({ onSelectPartner }: { onSelectPartner: (id: stri
                       </AvatarFallback>
                     </Avatar>
                     <div className="flex-1 min-w-0">
-                      <div className="flex items-center gap-2">
+                      <div className="flex items-center gap-2 min-w-0">
                         <span className="text-sm font-medium truncate">{u.full_name || "Unknown User"}</span>
                         <Badge variant="outline" className="text-[10px] capitalize shrink-0">
                           {u.category === "board" ? "Board" : u.category}