From 7291c93df117b5ac50e7b96273199322a272f7b3 Mon Sep 17 00:00:00 2001
From: Cameron Taylor <cameron@lastrev.com>
Date: Tue, 5 May 2026 22:17:39 -0400
Subject: [PATCH] fix: truncate long chat titles in sidebar with ellipsis

---
 packages-answers/ui/src/ChatDrawer.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages-answers/ui/src/ChatDrawer.tsx b/packages-answers/ui/src/ChatDrawer.tsx
index 8f2ffea7ae6..3bd6954d3f5 100644
--- a/packages-answers/ui/src/ChatDrawer.tsx
+++ b/packages-answers/ui/src/ChatDrawer.tsx
@@ -154,7 +154,16 @@ export default function ChatDrawer({ journeys: _journeys, chats: _chats, default
                                 <ListItemButton selected={pathname === `/chat/${chat.id}`} href={`/chat/${chat.id}`} component={NextLink}>
                                     <ListItemText
                                         secondary={chat.title}
-                                        sx={pathname === `/chat/${chat.id}` ? { '.MuiListItemText-secondary': { color: 'white' } } : {}}
+                                        sx={{
+                                            overflow: 'hidden',
+                                            '.MuiListItemText-secondary': {
+                                                overflow: 'hidden',
+                                                textOverflow: 'ellipsis',
+                                                whiteSpace: 'nowrap',
+                                                display: 'block',
+                                                ...(pathname === `/chat/${chat.id}` ? { color: 'white' } : {})
+                                            }
+                                        }}
                                     />
                                 </ListItemButton>
                             </ListItem>