From a2f4d297a36cb59d86f3378be278c83bdd8cf8c7 Mon Sep 17 00:00:00 2001
From: Kyle Pope <kyle.a.pope@outlook.com>
Date: Fri, 6 Mar 2026 16:58:51 +0800
Subject: [PATCH] Single-line member rows + purple umbral name

- Flatten member row to strict single line: avatar | name | umbral name (violet) | pending badge | permission toggle | controls
- Umbral name shown in text-violet-400 for visual differentiation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../components/calendar/CalendarMemberRow.tsx  | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/calendar/CalendarMemberRow.tsx b/frontend/src/components/calendar/CalendarMemberRow.tsx
index 6cb7755..0ffc290 100644
--- a/frontend/src/components/calendar/CalendarMemberRow.tsx
+++ b/frontend/src/components/calendar/CalendarMemberRow.tsx
@@ -35,17 +35,15 @@ export default function CalendarMemberRow({
         <span className="text-sm text-violet-400 font-medium">{initial}</span>
       </div>
 
-      <div className="min-w-0 flex-1">
-        <div className="flex items-center gap-2">
-          <span className="text-sm font-medium truncate">{displayName}</span>
-          {member.status === 'pending' && (
-            <span className="text-[9px] px-1.5 py-0.5 rounded-full bg-orange-500/10 text-orange-400 font-medium">
-              Pending
-            </span>
-          )}
-        </div>
+      <div className="flex items-center gap-2 min-w-0 flex-1 truncate">
+        <span className="text-sm font-medium truncate">{displayName}</span>
         {member.preferred_name && (
-          <span className="text-xs text-muted-foreground">{member.umbral_name}</span>
+          <span className="text-xs text-violet-400 truncate shrink-0">{member.umbral_name}</span>
+        )}
+        {member.status === 'pending' && (
+          <span className="text-[9px] px-1.5 py-0.5 rounded-full bg-orange-500/10 text-orange-400 font-medium shrink-0">
+            Pending
+          </span>
         )}
       </div>