From cb5e465f1f6035245ce9e0692c0901d449a723f1 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 26 Apr 2026 08:09:44 +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 53b70b5..7363721 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 } from "lucide-react";
+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 { TrustAccountPanel } from "@/components/trust/trust-account-panel";
 import { ConvertToCollectionsDialog } from "@/components/cases/convert-to-collections-dialog";
 import { ContactsLinkTab } from "@/components/contacts/contacts-link-tab";
@@ -26,6 +26,7 @@ import { CaseCollectionsTab } from "@/components/cases/collections-tab";
 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 { setArchived } from "@/lib/archive";
 import { toast } from "sonner";
 import { useAuth } from "@/lib/auth";
@@ -318,6 +319,7 @@ function CaseTabs({ data, caseId, canManage, load, tab, onTabChange }: { data: a
         <TabsTrigger value="time"><Clock className="h-3.5 w-3.5 mr-1.5" />Time</TabsTrigger>
         <TabsTrigger value="expenses"><DollarSign className="h-3.5 w-3.5 mr-1.5" />Expenses</TabsTrigger>
         <TabsTrigger value="invoices"><Receipt className="h-3.5 w-3.5 mr-1.5" />Invoices</TabsTrigger>
+        <TabsTrigger value="plans"><CalendarClock className="h-3.5 w-3.5 mr-1.5" />Payment plans</TabsTrigger>
         {data.client_id && (
           <TabsTrigger value="trust"><Wallet className="h-3.5 w-3.5 mr-1.5" />Trust</TabsTrigger>
         )}
@@ -336,6 +338,7 @@ function CaseTabs({ data, caseId, canManage, load, tab, onTabChange }: { data: a
       <TabsContent value="time"><CaseTimeTab caseRecord={data} onInvoice={() => onTabChange("invoices")} /></TabsContent>
       <TabsContent value="expenses"><CaseExpensesTab caseId={caseId} /></TabsContent>
       <TabsContent value="invoices"><CaseInvoicesTab caseRecord={data} /></TabsContent>
+      <TabsContent value="plans"><CasePaymentPlansTab caseRecord={data} /></TabsContent>
       {data.client_id && (
         <TabsContent value="trust"><TrustAccountPanel clientId={data.client_id} caseId={caseId} /></TabsContent>
       )}