Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/routes/invoices.$invoiceId.tsx

@@ -445,7 +445,11 @@ function InvoiceDetail() {
                               ) : (
                                 <div className="min-w-0">
                                   <div className={`whitespace-pre-wrap break-words ${!sub.billable ? "italic" : ""}`}>{it.description}</div>
-                                  {it.user?.full_name && <div className="text-[11px] text-muted-foreground italic">{it.user.full_name}</div>}
+                                  {(() => {
+                                    const nm: string = it.user?.full_name || it.user?.email || "";
+                                    const init = nm.trim().split(/\s+/).map((p: string) => p[0]).filter(Boolean).slice(0, 3).join("").toUpperCase();
+                                    return init ? <div className="text-[11px] text-muted-foreground italic">{init}</div> : null;
+                                  })()}
                                 </div>
                               )}
                             </td>