From 88fe9f984455ca1509f92a8b1d38342379acfd6c Mon Sep 17 00:00:00 2001
From: Luca <102960244+Luca-Timo@users.noreply.github.com>
Date: Tue, 7 Jul 2026 12:32:08 +0200
Subject: [PATCH] fix(messages): show only the mailbox local part in the
 sidebar (full address on hover)

---
 frontend/src/pages/admin/messages/MessagesPage.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/admin/messages/MessagesPage.tsx b/frontend/src/pages/admin/messages/MessagesPage.tsx
index ac11eaa6..fb9ff872 100644
--- a/frontend/src/pages/admin/messages/MessagesPage.tsx
+++ b/frontend/src/pages/admin/messages/MessagesPage.tsx
@@ -49,6 +49,10 @@ const friendlyType = (t: string) =>
 const fmt = (s?: string | null) =>
   s ? new Date(s).toLocaleString(undefined, { dateStyle: 'medium', timeStyle: 'short' }) : '';
 
+// Compact mailbox label — just the local part + '@' (the domain clutters the
+// narrow sidebar); full address stays in the hover title.
+const localPart = (addr?: string | null) => (addr ? `${addr.split('@')[0]}@` : '');
+
 const STATUS_STYLES: Record<string, string> = {
   sent: 'bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300',
   ingested: 'bg-green-100 text-green-800 dark:bg-green-900/40 dark:text-green-300',
@@ -206,7 +210,7 @@ export const MessagesPage: React.FC = () => {
               <div className="flex items-center gap-2 px-2 py-1.5 text-sm font-semibold text-neutral-800 dark:text-neutral-200">
                 <span className="w-2 h-2 rounded-full flex-none" style={{ background: a.color }} />
                 <span>{a.name}</span>
-                {a.addr && <span className="ml-auto text-[11px] font-medium font-mono text-neutral-400 dark:text-neutral-500">{a.addr}</span>}
+                {a.addr && <span title={a.addr} className="ml-auto text-[11px] font-medium font-mono text-neutral-400 dark:text-neutral-500 truncate max-w-[7rem]">{localPart(a.addr)}</span>}
               </div>
               <div className="flex flex-col gap-0.5">
                 {a.folders.map((f) => {