From 7e5e179b93e45804b18e5fa26eb9df1bb5c08905 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 17 Apr 2026 02:46:46 +0000
Subject: [PATCH] Changes

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

diff --git a/src/routes/cases.$caseId.tsx b/src/routes/cases.$caseId.tsx
index d5228c8..3e182dd 100644
--- a/src/routes/cases.$caseId.tsx
+++ b/src/routes/cases.$caseId.tsx
@@ -8,8 +8,9 @@ import { Badge } from "@/components/ui/badge";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import { supabase } from "@/integrations/supabase/client";
-import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale, Users, Contact } from "lucide-react";
+import { ArrowLeft, FileText, Clock, DollarSign, Activity, Receipt, Scale, Users, Contact, Phone } from "lucide-react";
 import { ContactsLinkTab } from "@/components/contacts/contacts-link-tab";
+import { CaseCallLogsTab } from "@/components/cases/call-logs-tab";
 import { formatCurrency, formatDate, statusBadgeClass } from "@/lib/format";
 import { CaseDocumentsTab } from "@/components/cases/documents-tab";
 import { CaseTimeTab } from "@/components/cases/time-tab";
@@ -162,6 +163,7 @@ function CaseTabs({ data, caseId, canManage, load }: { data: any; caseId: string
         <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="calls"><Phone className="h-3.5 w-3.5 mr-1.5" />Calls</TabsTrigger>
         {(data.client?.client_type === "hoa" || data.client?.client_type === "condo") && (
           <TabsTrigger value="collections"><Users className="h-3.5 w-3.5 mr-1.5" />Collections</TabsTrigger>
         )}
@@ -173,6 +175,7 @@ function CaseTabs({ data, caseId, canManage, load }: { data: any; caseId: string
       <TabsContent value="time"><CaseTimeTab caseRecord={data} onInvoice={() => setTab("invoices")} /></TabsContent>
       <TabsContent value="expenses"><CaseExpensesTab caseId={caseId} /></TabsContent>
       <TabsContent value="invoices"><CaseInvoicesTab caseRecord={data} /></TabsContent>
+      <TabsContent value="calls"><CaseCallLogsTab caseId={caseId} /></TabsContent>
       {(data.client?.client_type === "hoa" || data.client?.client_type === "condo") && (
         <TabsContent value="collections"><CaseCollectionsTab caseRecord={data} /></TabsContent>
       )}
diff --git a/src/routes/collections.$collectionId.tsx b/src/routes/collections.$collectionId.tsx
index ac99102..2132c0e 100644
--- a/src/routes/collections.$collectionId.tsx
+++ b/src/routes/collections.$collectionId.tsx
@@ -26,6 +26,7 @@ import {
   DialogTitle,
 } from "@/components/ui/dialog";
 import { CollectionDetail } from "@/components/cases/collections-tab";
+import { PaymentPlansPanel } from "@/components/collections/payment-plans-panel";
 import { formatDate } from "@/lib/format";
 import {
   ArrowLeft,
@@ -428,6 +429,9 @@ function CollectionDetailRoute() {
           </CardContent>
         </Card>
 
+        {/* Payment plans */}
+        <PaymentPlansPanel collectionId={collection.id} />
+
         {/* Ledger */}
         <CollectionDetail
           collection={collection}