From e5db24c728b0b0c900cacc3ca4448f0805307570 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:51:52 +0000
Subject: [PATCH] Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
---
 .../collections/payment-plans-panel.tsx         | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/collections/payment-plans-panel.tsx b/src/components/collections/payment-plans-panel.tsx
index fd9f86b..773d33c 100644
--- a/src/components/collections/payment-plans-panel.tsx
+++ b/src/components/collections/payment-plans-panel.tsx
@@ -245,8 +245,21 @@ export function PaymentPlansPanel({
                                 {overdue && " · overdue"}
                               </div>
                             </div>
-                            <div className="text-sm font-medium tabular-nums">
-                              {formatCurrency(i.amount)}
+                            <div className="flex items-center gap-2">
+                              {i.paid ? (
+                                <Input
+                                  type="number"
+                                  step="0.01"
+                                  value={i.paid_amount ?? i.amount}
+                                  onChange={(e) => updatePaidAmount(i.id, e.target.value)}
+                                  className="h-7 w-[100px] text-sm text-right tabular-nums"
+                                  title="Amount paid"
+                                />
+                              ) : (
+                                <div className="text-sm font-medium tabular-nums">
+                                  {formatCurrency(i.amount)}
+                                </div>
+                              )}
                             </div>
                           </div>
                         );