Changes

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

src/routes/calendar.index.tsx

@@ -883,17 +883,25 @@ function MonthGrid({
               <div className="space-y-0.5">
                 {dayEvts.slice(0, 3).map((e) => {
                   const meta = typeMeta(e.event_type);
+                  const initials = ownerInitials(e.owner_name);
                   return (
                     <div
                       key={`${e.source}-${e.id}`}
                       className={cn(
-                        "text-[10px] leading-tight px-1.5 py-0.5 rounded truncate text-white",
+                        "text-[10px] leading-tight px-1.5 py-0.5 rounded truncate text-white flex items-center gap-1",
                         meta.bg,
                       )}
-                      title={e.title}
+                      title={`${e.title}${e.owner_name ? ` — ${e.owner_name}` : ""}`}
                     >
-                      {!e.all_day && formatInEST(e.start, "h:mma ")}
-                      {e.title}
+                      {initials && (
+                        <span className="shrink-0 text-[9px] font-semibold bg-white/25 rounded px-1 leading-tight">
+                          {initials}
+                        </span>
+                      )}
+                      <span className="truncate">
+                        {!e.all_day && formatInEST(e.start, "h:mma ")}
+                        {e.title}
+                      </span>
                     </div>
                   );
                 })}