From a78c9bb5353c82df001f576465432b0dc241b867 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 17:53:23 +0000
Subject: [PATCH 1/2] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routeTree.gen.ts | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index 7539be3..8921027 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -952,12 +952,3 @@ const rootRouteChildren: RootRouteChildren = {
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)
   ._addFileTypes<FileRouteTypes>()
-
-import type { getRouter } from './router.tsx'
-import type { createStart } from '@tanstack/react-start'
-declare module '@tanstack/react-start' {
-  interface Register {
-    ssr: true
-    router: Awaited<ReturnType<typeof getRouter>>
-  }
-}

From 3eff1db4c1d366312f013d0017e6ad916101bca8 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 17:53:51 +0000
Subject: [PATCH 2/2] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 src/routes/cases.index.tsx   | 18 ++++++++++++++----
 src/routes/clients.index.tsx | 12 +++++++++---
 2 files changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/routes/cases.index.tsx b/src/routes/cases.index.tsx
index d9f3e6b..8d93c6b 100644
--- a/src/routes/cases.index.tsx
+++ b/src/routes/cases.index.tsx
@@ -1,4 +1,4 @@
-import { createFileRoute, Link } from "@tanstack/react-router";
+import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
 import { useEffect, useMemo, useState } from "react";
 import { ProtectedLayout } from "@/components/protected-layout";
 import { PageContainer, PageHeader } from "@/components/app-shell";
@@ -26,6 +26,7 @@ export const Route = createFileRoute("/cases/")({
 });
 
 function CasesList() {
+  const navigate = useNavigate();
   const [cases, setCases] = useState<any[]>([]);
   const [q, setQ] = useState("");
   const [statusFilter, setStatusFilter] = useState<string>("all");
@@ -167,9 +168,18 @@ function CasesList() {
                 </td></tr>
               )}
               {sorted.map((c) => (
-                <tr key={c.id} className="border-t hover:bg-muted/30">
+                <tr
+                  key={c.id}
+                  className="border-t hover:bg-muted/30 cursor-pointer transition-colors"
+                  onClick={() => navigate({ to: "/cases/$caseId", params: { caseId: c.id } })}
+                >
                   <td className="px-4 py-3">
-                    <Link to="/cases/$caseId" params={{ caseId: c.id }} className="font-medium hover:text-primary">
+                    <Link
+                      to="/cases/$caseId"
+                      params={{ caseId: c.id }}
+                      className="font-medium hover:text-primary"
+                      onClick={(e) => e.stopPropagation()}
+                    >
                       {c.title}
                     </Link>
                     <div className="text-xs text-muted-foreground">{c.case_number}</div>
@@ -180,7 +190,7 @@ function CasesList() {
                   </td>
                   <td className="px-4 py-3 text-muted-foreground">{c.assignee?.full_name || c.assignee?.email || "—"}</td>
                   <td className="px-4 py-3 text-muted-foreground">{formatDate(c.opened_at)}</td>
-                  <td className="px-4 py-3 text-right">
+                  <td className="px-4 py-3 text-right" onClick={(e) => e.stopPropagation()}>
                     <Button
                       size="icon"
                       variant="ghost"
diff --git a/src/routes/clients.index.tsx b/src/routes/clients.index.tsx
index a851a78..eab25b6 100644
--- a/src/routes/clients.index.tsx
+++ b/src/routes/clients.index.tsx
@@ -1,4 +1,4 @@
-import { createFileRoute, Link } from "@tanstack/react-router";
+import { createFileRoute, Link, useNavigate } from "@tanstack/react-router";
 import { useEffect, useState } from "react";
 import { ProtectedLayout } from "@/components/protected-layout";
 import { PageContainer, PageHeader } from "@/components/app-shell";
@@ -22,6 +22,7 @@ export const Route = createFileRoute("/clients/")({
 });
 
 function ClientsList() {
+  const navigate = useNavigate();
   const [clients, setClients] = useState<any[]>([]);
   const [q, setQ] = useState("");
   const [open, setOpen] = useState(false);
@@ -119,12 +120,17 @@ function ClientsList() {
               {filtered.map((c) => {
                 const Icon = typeIcon(c.client_type);
                 return (
-                  <tr key={c.id} className="border-t hover:bg-muted/30 transition-colors">
+                  <tr
+                    key={c.id}
+                    className="border-t hover:bg-muted/30 cursor-pointer transition-colors"
+                    onClick={() => navigate({ to: "/clients/$clientId", params: { clientId: c.id } })}
+                  >
                     <td className="px-4 py-3">
                       <Link
                         to="/clients/$clientId"
                         params={{ clientId: c.id }}
                         className="flex items-center gap-2 font-medium text-foreground hover:text-primary"
+                        onClick={(e) => e.stopPropagation()}
                       >
                         <Icon className="h-4 w-4 text-muted-foreground" />
                         {c.name}
@@ -144,7 +150,7 @@ function ClientsList() {
                     </td>
                     <td className="px-4 py-3 text-muted-foreground">{c.num_units ?? "—"}</td>
                     <td className="px-4 py-3 text-muted-foreground">{formatDate(c.created_at)}</td>
-                    <td className="px-4 py-3 text-right">
+                    <td className="px-4 py-3 text-right" onClick={(e) => e.stopPropagation()}>
                       <Button
                         size="icon"
                         variant="ghost"