From 8d1f14fe91c9b0e63d64667458183cf7fcb11a4d Mon Sep 17 00:00:00 2001
From: Eli Mallon <eli@iame.li>
Date: Tue, 8 Sep 2026 14:41:25 -0700
Subject: [PATCH] chat: truncate the handle before the display name (feedback
 #4)

Claude-Session: https://claude.ai/code/session_014aPQ5yqG9QFxKnbwQfCYKa
(cherry picked from commit 63833e4be81be7e2c7fa83d62150f1d44a703369)
---
 js/components/src/components/chat/chat-message.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/js/components/src/components/chat/chat-message.tsx b/js/components/src/components/chat/chat-message.tsx
index be3bc994..eda675d7 100644
--- a/js/components/src/components/chat/chat-message.tsx
+++ b/js/components/src/components/chat/chat-message.tsx
@@ -331,9 +331,11 @@ const AvatarMessageBody = ({ item }: { item: ChatMessageViewHydrated }) => {
             </View>
           )}
           {displayName ? (
+            // The handle gives way first: it shrinks many times faster than
+            // the name, so the name only truncates once the handle is gone.
             <Text
               numberOfLines={1}
-              style={[flex.shrink[1], { ...meta, marginLeft: 8, minWidth: 0 }]}
+              style={{ ...meta, marginLeft: 8, minWidth: 0, flexShrink: 20 }}
             >
               {handle}
             </Text>
-- 
2.51.2