From d5703323e0bae6012c35762f8c484ca7c92b3ad2 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 18 Apr 2026 04:24:21 +0000
Subject: [PATCH] Changes

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

diff --git a/src/routes/contacts.index.tsx b/src/routes/contacts.index.tsx
index aa26dd8..3fd9e7d 100644
--- a/src/routes/contacts.index.tsx
+++ b/src/routes/contacts.index.tsx
@@ -327,8 +327,13 @@ function ContactsIndex() {
                       const typeLabel = CONTACT_TYPES.find((t) => t.value === c.contact_type)?.label ?? c.contact_type;
                       const canEdit = isAdmin || c.created_by === user?.id;
                       return (
-                        <li key={c.id} className="px-4 py-3 hover:bg-muted/40 transition-colors">
+                        <li key={c.id} className={`px-4 py-3 hover:bg-muted/40 transition-colors ${selected.has(c.id) ? "bg-primary/5" : ""}`}>
                           <div className="flex items-center gap-3">
+                            <Checkbox
+                              checked={selected.has(c.id)}
+                              onCheckedChange={() => toggleOne(c.id)}
+                              aria-label={`Select ${c.name}`}
+                            />
                             <Link
                               to="/contacts/$contactId"
                               params={{ contactId: c.id }}