From 317c2440924568c17d9a277d7fb40f4024f02040 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 1 May 2026 14:52:22 +0000
Subject: [PATCH] Changes

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

diff --git a/src/routes/cases.$caseId.tsx b/src/routes/cases.$caseId.tsx
index 7363721..4416f16 100644
--- a/src/routes/cases.$caseId.tsx
+++ b/src/routes/cases.$caseId.tsx
@@ -10,7 +10,7 @@ import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog";
 import { Input } from "@/components/ui/input";
 import { supabase } from "@/integrations/supabase/client";
-import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale, Users, Contact, Phone, Tag, Archive, ArchiveRestore, ArrowRightLeft, Search, GitFork, Wallet, CheckSquare, Mail, CalendarClock } from "lucide-react";
+import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale, Users, Contact, Phone, Tag, Archive, ArchiveRestore, ArrowRightLeft, Search, GitFork, Wallet, CheckSquare, Mail, CalendarClock, Gavel } from "lucide-react";
 import { TrustAccountPanel } from "@/components/trust/trust-account-panel";
 import { ConvertToCollectionsDialog } from "@/components/cases/convert-to-collections-dialog";
 import { ContactsLinkTab } from "@/components/contacts/contacts-link-tab";
@@ -27,6 +27,7 @@ import { CaseCustomFieldsTab } from "@/components/cases/custom-fields-tab";
 import { CaseTasksTab } from "@/components/cases/tasks-tab";
 import { CaseMessagesTab } from "@/components/cases/messages-tab";
 import { CasePaymentPlansTab } from "@/components/cases/payment-plans-tab";
+import { CaseHearingTimelineTab } from "@/components/cases/hearing-timeline-tab";
 import { setArchived } from "@/lib/archive";
 import { toast } from "sonner";
 import { useAuth } from "@/lib/auth";
@@ -313,6 +314,7 @@ function CaseTabs({ data, caseId, canManage, load, tab, onTabChange }: { data: a
     <Tabs value={tab} onValueChange={onTabChange}>
       <TabsList className="mb-4 flex-wrap h-auto">
         <TabsTrigger value="litigation"><Scale className="h-3.5 w-3.5 mr-1.5" />Litigation</TabsTrigger>
+        <TabsTrigger value="hearings"><Gavel className="h-3.5 w-3.5 mr-1.5" />Hearing Timeline</TabsTrigger>
         <TabsTrigger value="overview"><Activity className="h-3.5 w-3.5 mr-1.5" />Status log</TabsTrigger>
         <TabsTrigger value="documents"><FileText className="h-3.5 w-3.5 mr-1.5" />Documents</TabsTrigger>
         <TabsTrigger value="contacts"><Contact className="h-3.5 w-3.5 mr-1.5" />Contacts</TabsTrigger>
@@ -332,6 +334,7 @@ function CaseTabs({ data, caseId, canManage, load, tab, onTabChange }: { data: a
         )}
       </TabsList>
       <TabsContent value="litigation"><CaseLitigationTab caseRecord={data} canManage={canManage} onSaved={load} /></TabsContent>
+      <TabsContent value="hearings"><CaseHearingTimelineTab caseId={caseId} nextHearingDate={data.next_hearing_date} nextHearingNotes={data.next_hearing_notes} /></TabsContent>
       <TabsContent value="overview"><CaseStatusTab caseId={caseId} caseLabel={`${data.case_number} — ${data.title}`} /></TabsContent>
       <TabsContent value="documents"><CaseDocumentsTab caseId={caseId} /></TabsContent>
       <TabsContent value="contacts"><ContactsLinkTab parentId={caseId} parentTable="case_contacts" /></TabsContent>