diff --git a/src/components/app-shell.tsx b/src/components/app-shell.tsx
index 2b5fe75..49495e4 100644
--- a/src/components/app-shell.tsx
+++ b/src/components/app-shell.tsx
@@ -24,6 +24,7 @@ import {
   CreditCard,
   Archive as ArchiveIcon,
   BarChart3,
+  CalendarClock,
 } from "lucide-react";
 import { cn } from "@/lib/utils";
 import type { ReactNode } from "react";
@@ -56,6 +57,7 @@ const NAV: NavItem[] = (() => {
     { to: "/invoices", label: "Invoices", icon: Receipt },
     { to: "/messages", label: "Messages", icon: MessageSquare },
     { to: "/payments", label: "Payments", icon: CreditCard },
+    { to: "/payment-plans", label: "Payment plans", icon: CalendarClock },
     { to: "/documents", label: "Pleadings", icon: FolderOpen },
     { to: "/reports", label: "Reports", icon: BarChart3 },
     { to: "/status", label: "Status Updates", icon: Activity },
diff --git a/src/routeTree.gen.ts b/src/routeTree.gen.ts
index 59ca129..bcbba1d 100644
--- a/src/routeTree.gen.ts
+++ b/src/routeTree.gen.ts
@@ -18,6 +18,7 @@ import { Route as StatusIndexRouteImport } from './routes/status.index'
 import { Route as SettingsIndexRouteImport } from './routes/settings.index'
 import { Route as ReportsIndexRouteImport } from './routes/reports.index'
 import { Route as PaymentsIndexRouteImport } from './routes/payments.index'
+import { Route as PaymentPlansIndexRouteImport } from './routes/payment-plans.index'
 import { Route as MessagesIndexRouteImport } from './routes/messages.index'
 import { Route as InvoicesIndexRouteImport } from './routes/invoices.index'
 import { Route as InboxIndexRouteImport } from './routes/inbox.index'
@@ -113,6 +114,11 @@ const PaymentsIndexRoute = PaymentsIndexRouteImport.update({
   path: '/payments/',
   getParentRoute: () => rootRouteImport,
 } as any)
+const PaymentPlansIndexRoute = PaymentPlansIndexRouteImport.update({
+  id: '/payment-plans/',
+  path: '/payment-plans/',
+  getParentRoute: () => rootRouteImport,
+} as any)
 const MessagesIndexRoute = MessagesIndexRouteImport.update({
   id: '/messages/',
   path: '/messages/',
@@ -407,6 +413,7 @@ export interface FileRoutesByFullPath {
   '/inbox/': typeof InboxIndexRoute
   '/invoices/': typeof InvoicesIndexRoute
   '/messages/': typeof MessagesIndexRoute
+  '/payment-plans/': typeof PaymentPlansIndexRoute
   '/payments/': typeof PaymentsIndexRoute
   '/reports/': typeof ReportsIndexRoute
   '/settings/': typeof SettingsIndexRoute
@@ -466,6 +473,7 @@ export interface FileRoutesByTo {
   '/inbox': typeof InboxIndexRoute
   '/invoices': typeof InvoicesIndexRoute
   '/messages': typeof MessagesIndexRoute
+  '/payment-plans': typeof PaymentPlansIndexRoute
   '/payments': typeof PaymentsIndexRoute
   '/reports': typeof ReportsIndexRoute
   '/settings': typeof SettingsIndexRoute
@@ -527,6 +535,7 @@ export interface FileRoutesById {
   '/inbox/': typeof InboxIndexRoute
   '/invoices/': typeof InvoicesIndexRoute
   '/messages/': typeof MessagesIndexRoute
+  '/payment-plans/': typeof PaymentPlansIndexRoute
   '/payments/': typeof PaymentsIndexRoute
   '/reports/': typeof ReportsIndexRoute
   '/settings/': typeof SettingsIndexRoute
@@ -589,6 +598,7 @@ export interface FileRouteTypes {
     | '/inbox/'
     | '/invoices/'
     | '/messages/'
+    | '/payment-plans/'
     | '/payments/'
     | '/reports/'
     | '/settings/'
@@ -648,6 +658,7 @@ export interface FileRouteTypes {
     | '/inbox'
     | '/invoices'
     | '/messages'
+    | '/payment-plans'
     | '/payments'
     | '/reports'
     | '/settings'
@@ -708,6 +719,7 @@ export interface FileRouteTypes {
     | '/inbox/'
     | '/invoices/'
     | '/messages/'
+    | '/payment-plans/'
     | '/payments/'
     | '/reports/'
     | '/settings/'
@@ -759,6 +771,7 @@ export interface RootRouteChildren {
   InboxIndexRoute: typeof InboxIndexRoute
   InvoicesIndexRoute: typeof InvoicesIndexRoute
   MessagesIndexRoute: typeof MessagesIndexRoute
+  PaymentPlansIndexRoute: typeof PaymentPlansIndexRoute
   PaymentsIndexRoute: typeof PaymentsIndexRoute
   ReportsIndexRoute: typeof ReportsIndexRoute
   StatusIndexRoute: typeof StatusIndexRoute
@@ -839,6 +852,13 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof PaymentsIndexRouteImport
       parentRoute: typeof rootRouteImport
     }
+    '/payment-plans/': {
+      id: '/payment-plans/'
+      path: '/payment-plans'
+      fullPath: '/payment-plans/'
+      preLoaderRoute: typeof PaymentPlansIndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
     '/messages/': {
       id: '/messages/'
       path: '/messages'
@@ -1276,6 +1296,7 @@ const rootRouteChildren: RootRouteChildren = {
   InboxIndexRoute: InboxIndexRoute,
   InvoicesIndexRoute: InvoicesIndexRoute,
   MessagesIndexRoute: MessagesIndexRoute,
+  PaymentPlansIndexRoute: PaymentPlansIndexRoute,
   PaymentsIndexRoute: PaymentsIndexRoute,
   ReportsIndexRoute: ReportsIndexRoute,
   StatusIndexRoute: StatusIndexRoute,