From e92c677976fab612013505147bcdc54fd4fdaf27 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 19 Apr 2026 20:10:01 +0000
Subject: [PATCH 1/2] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/lib/invoice-pdf.ts | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/invoice-pdf.ts b/src/lib/invoice-pdf.ts
index 210be87..8e8d4d7 100644
--- a/src/lib/invoice-pdf.ts
+++ b/src/lib/invoice-pdf.ts
@@ -403,15 +403,14 @@ export async function downloadInvoicePdf(input: InvoicePdfInput, filename: strin
     const descMaxW = colQtyR - colDescX - 14;
     const descLines = wrap(pdf, item.description || (item.kind === "expense" ? "Expense" : ""), descMaxW);
     const lineHeight = 12;
-    const blockH = Math.max(lineHeight * descLines.length + 14, item.user_name ? 32 : 26);
+    const blockH = Math.max(lineHeight * descLines.length + 14, item.user_initials ? 32 : 26);
     ensure(blockH + 4);
 
     setFont(pdf, { size: 9, color: TEXT });
     pdf.text(fmtDateShort(item.work_date), colDateX, y + 12);
-    if (item.user_name) {
+    if (item.user_initials) {
       setFont(pdf, { size: 7.5, color: MUTED });
-      const nameLines = wrap(pdf, item.user_name, colKindX - colDateX - 4);
-      pdf.text(nameLines[0], colDateX, y + 23);
+      pdf.text(item.user_initials, colDateX, y + 23);
     }
 
     setFont(pdf, { size: 9, color: MUTED });

From 503bd4818869803393dfb8fdc80c3a45d3abc303 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 19 Apr 2026 20:10:12 +0000
Subject: [PATCH 2/2] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/invoices.$invoiceId.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/invoices.$invoiceId.tsx b/src/routes/invoices.$invoiceId.tsx
index 2048dcc..9007577 100644
--- a/src/routes/invoices.$invoiceId.tsx
+++ b/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>