From a9c5520b8b4b7d49d1afe0e63b4facab3142db1b Mon Sep 17 00:00:00 2001
From: kaitranntt <kaitran.ntt@gmail.com>
Date: Tue, 27 Jan 2026 21:40:29 -0500
Subject: [PATCH] fix(ui): truncate long account emails in provider editor

- Add min-w-0 flex-1 for proper text overflow

- Add truncate class to prevent layout break
---
 ui/src/components/cliproxy/provider-editor/account-item.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/src/components/cliproxy/provider-editor/account-item.tsx b/ui/src/components/cliproxy/provider-editor/account-item.tsx
index ec71ce8a..0fa29685 100644
--- a/ui/src/components/cliproxy/provider-editor/account-item.tsx
+++ b/ui/src/components/cliproxy/provider-editor/account-item.tsx
@@ -187,9 +187,11 @@ export function AccountItem({
           >
             <User className="w-4 h-4" />
           </div>
-          <div>
+          <div className="min-w-0 flex-1">
             <div className="flex items-center gap-2">
-              <span className={cn('font-medium text-sm', privacyMode && PRIVACY_BLUR_CLASS)}>
+              <span
+                className={cn('font-medium text-sm truncate', privacyMode && PRIVACY_BLUR_CLASS)}
+              >
                 {account.email || account.id}
               </span>
               {account.isDefault && (