diff --git a/src/app/analytics/page.tsx b/src/app/analytics/page.tsx
index baaac115..1d9b7538 100644
--- a/src/app/analytics/page.tsx
+++ b/src/app/analytics/page.tsx
@@ -8,6 +8,8 @@ import { getFreighterPublicKey } from "@/lib/freighter";
 import { generateCsv, type CsvRow } from "@/lib/csvExport";
 import type { Invoice } from "@stellar-split/sdk";
 import ChartBuilder, { type ChartBuilderDataPoint } from "@/components/analytics/ChartBuilder";
+import AnalyticsPanel from "@/components/subscriptions/AnalyticsPanel";
+import { loadSubscriptions, type Subscription } from "@/lib/subscriptions";
 
 const STROOPS = 10_000_000;
 
@@ -119,6 +121,10 @@ export default function AnalyticsPage() {
   const [error, setError] = useState<string | null>(null);
   const [dateFrom, setDateFrom] = useState("");
   const [dateTo, setDateTo] = useState("");
+  const [subscriptions, setSubscriptions] = useState<Subscription[]>([]);
+  const [activeTab, setActiveTab] = useState<"invoices" | "subscriptions">(
+    "invoices"
+  );
 
   useEffect(() => {
     getFreighterPublicKey()
@@ -155,6 +161,17 @@ export default function AnalyticsPage() {
     fetchInvoices();
   }, [publicKey]);
 
+  useEffect(() => {
+    if (!publicKey) return;
+    try {
+      setSubscriptions(loadSubscriptions(publicKey));
+    } catch (err) {
+      setError(
+        err instanceof Error ? err.message : "Failed to load subscriptions"
+      );
+    }
+  }, [publicKey]);
+
   const filtered = useMemo(() => {
     return invoices.filter((inv) => {
       const ts = inv.createdAt ?? inv.deadline - 7 * 86400;
@@ -397,6 +414,37 @@ export default function AnalyticsPage() {
           </div>
         </div>
 
+        <div className="flex gap-1 mb-6 border-b border-gray-800">
+          <button
+            type="button"
+            onClick={() => setActiveTab("invoices")}
+            className={`px-4 py-2 text-sm font-medium border-b-2 -mb-px transition-colors ${
+              activeTab === "invoices"
+                ? "border-indigo-500 text-white"
+                : "border-transparent text-gray-400 hover:text-gray-200"
+            }`}
+          >
+            Invoices
+          </button>
+          <button
+            type="button"
+            onClick={() => setActiveTab("subscriptions")}
+            className={`px-4 py-2 text-sm font-medium border-b-2 -mb-px transition-colors ${
+              activeTab === "subscriptions"
+                ? "border-indigo-500 text-white"
+                : "border-transparent text-gray-400 hover:text-gray-200"
+            }`}
+          >
+            Subscriptions
+          </button>
+        </div>
+
+        {activeTab === "subscriptions" ? (
+          <div className="mb-8">
+            <AnalyticsPanel subscriptions={subscriptions} />
+          </div>
+        ) : (
+          <>
         <div className="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
           <KpiCard
             label="Total Raised"
@@ -504,6 +552,8 @@ export default function AnalyticsPage() {
             </div>
           )}
         </div>
+          </>
+        )}
 
         <Link
           href="/dashboard"
diff --git a/src/components/AnalyticsPanel.tsx b/src/components/AnalyticsPanel.tsx
index 0c9b4c94..5660ef7a 100644
--- a/src/components/AnalyticsPanel.tsx
+++ b/src/components/AnalyticsPanel.tsx
@@ -6,9 +6,14 @@ import { useI18n } from "@/components/I18nProvider";
 import type { Invoice } from "@stellar-split/sdk";
 import { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, Legend, ResponsiveContainer } from "recharts";
 import { Skeleton } from "@/components/Skeleton";
+import {
+  aggregateSubscriptionAnalytics,
+  type Subscription,
+} from "@/lib/subscriptions";
 
 interface Props {
   invoices: Invoice[];
+  subscriptions?: Subscription[];
 }
 
 type RangePreset = "7d" | "30d" | "3m" | "custom";
@@ -26,7 +31,7 @@ const RANGE_OPTIONS: RangeOption[] = [
   { key: "custom", label: "Custom", days: null },
 ];
 
-export default function AnalyticsPanel({ invoices }: Props) {
+export default function AnalyticsPanel({ invoices, subscriptions = [] }: Props) {
   const { t } = useI18n();
   const [isOpen, setIsOpen] = useState(false);
   const [range, setRange] = useState<RangePreset>("30d");
@@ -96,6 +101,20 @@ export default function AnalyticsPanel({ invoices }: Props) {
     .sort(([a], [b]) => a.localeCompare(b))
     .map(([week, count]) => ({ week, invoices: count }));
 
+  // Subscription analytics (scoped to the same date window as invoices).
+  const subscriptionAnalytics = useMemo(
+    () => aggregateSubscriptionAnalytics(subscriptions, from, to),
+    [subscriptions, from, to]
+  );
+
+  const cancellationReasonData = useMemo(
+    () =>
+      Object.entries(subscriptionAnalytics.cancellationReasons)
+        .sort(([, a], [, b]) => b - a)
+        .map(([reason, count]) => ({ reason, count })),
+    [subscriptionAnalytics.cancellationReasons]
+  );
+
   return (
     <div className="bg-gray-900 rounded-xl p-4 sm:p-5 mb-6">
       <button
@@ -203,6 +222,77 @@ export default function AnalyticsPanel({ invoices }: Props) {
             </div>
           </div>
 
+          {/* Subscription Analytics */}
+          <div className="space-y-3">
+            <p className="text-sm text-gray-400">{t("dashboard.subscriptions")}</p>
+            <div className="grid grid-cols-1 sm:grid-cols-3 gap-3">
+              <div className="bg-green-500/10 border border-green-500/20 rounded-lg p-4">
+                <p className="text-xs text-green-300 mb-1">{t("dashboard.activeSubscriptions")}</p>
+                <p className="text-lg font-semibold text-green-300">
+                  {subscriptionAnalytics.active}
+                </p>
+              </div>
+              <div className="bg-yellow-500/10 border border-yellow-500/20 rounded-lg p-4">
+                <p className="text-xs text-yellow-300 mb-1">{t("dashboard.pausedSubscriptions")}</p>
+                <p className="text-lg font-semibold text-yellow-300">
+                  {subscriptionAnalytics.paused}
+                </p>
+              </div>
+              <div className="bg-gray-700/50 border border-gray-600 rounded-lg p-4">
+                <p className="text-xs text-gray-400 mb-1">{t("dashboard.cancelledSubscriptions")}</p>
+                <p className="text-lg font-semibold text-gray-400">
+                  {subscriptionAnalytics.cancelled}
+                </p>
+              </div>
+            </div>
+            <div className="grid grid-cols-1 sm:grid-cols-2 gap-3">
+              <div className="bg-gray-800 rounded-lg p-4">
+                <p className="text-xs text-gray-400 mb-1">{t("dashboard.mrr")}</p>
+                <p className="text-lg font-semibold">
+                  {formatAmount(subscriptionAnalytics.mrr)}
+                </p>
+              </div>
+              <div className="bg-gray-800 rounded-lg p-4">
+                <p className="text-xs text-gray-400 mb-1">{t("dashboard.churnRate")}</p>
+                <p className="text-lg font-semibold">
+                  {(subscriptionAnalytics.churnRate * 100).toFixed(1)}%
+                </p>
+              </div>
+            </div>
+
+            {cancellationReasonData.length > 0 && (
+              <div className="bg-gray-800 rounded-lg p-4 overflow-x-auto">
+                <p className="text-sm text-gray-400 mb-3">
+                  {t("dashboard.cancellationReasons")}
+                </p>
+                <ResponsiveContainer width="100%" height={200}>
+                  <BarChart
+                    data={cancellationReasonData}
+                    margin={{ top: 20, right: 30, left: 0, bottom: 50 }}
+                  >
+                    <CartesianGrid strokeDasharray="3 3" stroke="#374151" />
+                    <XAxis
+                      dataKey="reason"
+                      tick={{ fontSize: 12 }}
+                      angle={-45}
+                      textAnchor="end"
+                      height={80}
+                    />
+                    <YAxis tick={{ fontSize: 12 }} allowDecimals={false} />
+                    <Tooltip
+                      contentStyle={{
+                        backgroundColor: "#1f2937",
+                        border: "1px solid #374151",
+                        borderRadius: "8px",
+                      }}
+                    />
+                    <Bar dataKey="count" fill="#f59e0b" />
+                  </BarChart>
+                </ResponsiveContainer>
+              </div>
+            )}
+          </div>
+
           {/* Weekly Chart */}
           {chartData.length > 0 && (
             <div className="bg-gray-800 rounded-lg p-4 overflow-x-auto">
diff --git a/src/components/CancelModal.tsx b/src/components/CancelModal.tsx
index 36563376..d5939384 100644
--- a/src/components/CancelModal.tsx
+++ b/src/components/CancelModal.tsx
@@ -5,16 +5,33 @@ import { useRouter } from "next/navigation";
 import FocusTrap from "./FocusTrap";
 import type { Payment } from "@stellar-split/sdk";
 
+export interface CancelReasonOption {
+  value: string;
+  label: string;
+}
+
 export interface CancelModalProps {
   invoiceId: string;
   invoiceTitle?: string;
   payments?: Payment[];
-  onConfirm: () => Promise<void>;
+  onConfirm: (reason?: string, note?: string) => Promise<void>;
   onClose: () => void;
   onSuccess?: () => void;
+  /** When true, a reason-capture step is shown before the destructive-action gate. */
+  requireReason?: boolean;
+  /** Options for the reason select. Defaults to a generic set when omitted. */
+  reasons?: CancelReasonOption[];
 }
 
-export type CancelModalStep = "warn" | "confirm_gate" | "loading" | "success";
+export type CancelModalStep = "warn" | "reason" | "confirm_gate" | "loading" | "success";
+
+const DEFAULT_REASONS: CancelReasonOption[] = [
+  { value: "no_longer_needed", label: "No longer needed" },
+  { value: "too_expensive", label: "Too expensive" },
+  { value: "missing_features", label: "Missing features" },
+  { value: "switching_provider", label: "Switching to another provider" },
+  { value: "other", label: "Other" },
+];
 
 /**
  * Multi-step invoice cancellation confirmation modal.
@@ -30,22 +47,31 @@ export default function CancelModal({
   onConfirm,
   onClose,
   onSuccess,
+  requireReason = false,
+  reasons,
 }: CancelModalProps) {
   const router = useRouter();
   const [step, setStep] = useState<CancelModalStep>("warn");
   const [confirmText, setConfirmText] = useState("");
+  const [reason, setReason] = useState("");
+  const [note, setNote] = useState("");
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
 
   const expectedTitle = (invoiceTitle || `Invoice #${invoiceId}`).trim();
   const isMatch = confirmText.trim().toLowerCase() === expectedTitle.toLowerCase();
+  const reasonOptions = reasons && reasons.length > 0 ? reasons : DEFAULT_REASONS;
+  const isReasonValid = !requireReason || reason.trim().length > 0;
 
   const handleStartCancellation = async () => {
     setStep("loading");
     setLoading(true);
     setError(null);
     try {
-      await onConfirm();
+      await onConfirm(
+        requireReason ? reason || undefined : undefined,
+        requireReason && note.trim() ? note.trim() : undefined
+      );
       setLoading(false);
       setStep("success");
     } catch (err) {
@@ -131,7 +157,7 @@ export default function CancelModal({
                 </button>
                 <button
                   type="button"
-                  onClick={() => setStep("confirm_gate")}
+                  onClick={() => setStep(requireReason ? "reason" : "confirm_gate")}
                   className="flex-1 px-4 py-2 rounded-lg bg-red-600 hover:bg-red-500 text-sm font-semibold text-white transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
                 >
                   Continue
@@ -140,6 +166,67 @@ export default function CancelModal({
             </div>
           )}
 
+          {/* Step 1.5: Reason Capture (optional) */}
+          {step === "reason" && (
+            <div data-testid="step-reason">
+              <p className="text-sm text-gray-300 mb-3">
+                Please tell us why you are cancelling. This helps us improve.
+              </p>
+
+              <div className="mb-3">
+                <label htmlFor="cancel-reason-select" className="block text-xs text-gray-400 mb-1">
+                  Reason <span className="text-red-400">*</span>
+                </label>
+                <select
+                  id="cancel-reason-select"
+                  autoFocus
+                  value={reason}
+                  onChange={(e) => setReason(e.target.value)}
+                  className="w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white focus:outline-none focus:ring-2 focus:ring-red-500"
+                >
+                  <option value="">Select a reason...</option>
+                  {reasonOptions.map((opt) => (
+                    <option key={opt.value} value={opt.value}>
+                      {opt.label}
+                    </option>
+                  ))}
+                </select>
+              </div>
+
+              <div className="mb-6">
+                <label htmlFor="cancel-reason-note" className="block text-xs text-gray-400 mb-1">
+                  Additional details (optional)
+                </label>
+                <textarea
+                  id="cancel-reason-note"
+                  value={note}
+                  onChange={(e) => setNote(e.target.value)}
+                  rows={3}
+                  placeholder="Anything else you'd like to share?"
+                  className="w-full bg-gray-800 border border-gray-700 rounded-lg px-3 py-2 text-sm text-white resize-none focus:outline-none focus:ring-2 focus:ring-red-500"
+                />
+              </div>
+
+              <div className="flex gap-3">
+                <button
+                  type="button"
+                  onClick={() => setStep("warn")}
+                  className="flex-1 px-4 py-2 rounded-lg bg-gray-700 hover:bg-gray-600 text-sm font-semibold text-gray-200 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
+                >
+                  Back
+                </button>
+                <button
+                  type="button"
+                  disabled={!isReasonValid}
+                  onClick={() => setStep("confirm_gate")}
+                  className="flex-1 px-4 py-2 rounded-lg bg-red-600 hover:bg-red-500 text-sm font-semibold text-white transition-colors disabled:opacity-40 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500"
+                >
+                  Continue
+                </button>
+              </div>
+            </div>
+          )}
+
           {/* Step 2: Destructive Action Gate */}
           {step === "confirm_gate" && (
             <div data-testid="step-confirm-gate">
@@ -168,7 +255,7 @@ export default function CancelModal({
               <div className="flex gap-3">
                 <button
                   type="button"
-                  onClick={() => setStep("warn")}
+                  onClick={() => setStep(requireReason ? "reason" : "warn")}
                   className="flex-1 px-4 py-2 rounded-lg bg-gray-700 hover:bg-gray-600 text-sm font-semibold text-gray-200 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
                 >
                   Back
diff --git a/src/components/NotificationCenter.tsx b/src/components/NotificationCenter.tsx
index 3976b7c7..fd244d40 100644
--- a/src/components/NotificationCenter.tsx
+++ b/src/components/NotificationCenter.tsx
@@ -4,7 +4,15 @@ import { useEffect, useRef, useState, useCallback } from "react";
 import Link from "next/link";
 import { splitClient } from "@/lib/stellar";
 
-export type NotificationType = "payment" | "funded" | "released" | "expired" | "reminder";
+export type NotificationType =
+  | "payment"
+  | "funded"
+  | "released"
+  | "expired"
+  | "reminder"
+  | "subscription_billing"
+  | "subscription_paused"
+  | "subscription_cancelled";
 
 export interface AppNotification {
   id: string;
@@ -14,6 +22,25 @@ export interface AppNotification {
   message: string;
   timestamp: number;
   read: boolean;
+  /** Subscription id, present for subscription-related notifications. */
+  subscriptionId?: string;
+}
+
+const SUBSCRIPTION_TYPES: ReadonlySet<NotificationType> = new Set<NotificationType>([
+  "subscription_billing",
+  "subscription_paused",
+  "subscription_cancelled",
+]);
+
+function isSubscriptionNotification(n: AppNotification): boolean {
+  return SUBSCRIPTION_TYPES.has(n.type) || typeof n.subscriptionId === "string";
+}
+
+function notificationHref(n: AppNotification): string {
+  if (isSubscriptionNotification(n) && n.subscriptionId) {
+    return `/subscriptions/${n.subscriptionId}`;
+  }
+  return `/invoice/${n.invoiceId}`;
 }
 
 const STORAGE_KEY = "stellarsplit_notifications_v2";
@@ -71,6 +98,9 @@ const TYPE_ICONS: Record<NotificationType, string> = {
   released: "🚀",
   expired: "⏰",
   reminder: "📅",
+  subscription_billing: "🔁",
+  subscription_paused: "⏸️",
+  subscription_cancelled: "🚫",
 };
 
 export default function NotificationCenter() {
@@ -307,7 +337,7 @@ export default function NotificationCenter() {
               {sorted.map((n, idx) => (
                 <li key={n.id} role="listitem">
                   <Link
-                    href={`/invoice/${n.invoiceId}`}
+                    href={notificationHref(n)}
                     ref={idx === 0 ? firstItemRef : undefined}
                     onClick={() => { markRead(n.id); setOpen(false); }}
                     className={`flex items-start gap-3 w-full px-4 py-3 hover:bg-white/[0.04] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-brand-500 ${
diff --git a/src/components/PaymentMethodSelector.tsx b/src/components/PaymentMethodSelector.tsx
index 4781300e..0b05c7e6 100644
--- a/src/components/PaymentMethodSelector.tsx
+++ b/src/components/PaymentMethodSelector.tsx
@@ -1,8 +1,9 @@
 "use client";
 
 import { useEffect, useState } from "react";
+import { getLedgerStatus } from "../lib/ledger";
 
-type PaymentMethod = "freighter" | "walletconnect";
+type PaymentMethod = "freighter" | "walletconnect" | "ledger";
 
 const STORAGE_KEY_PREFIX = "paymentMethodPref:";
 
@@ -13,7 +14,7 @@ export function getPreferenceKey(payer: string, recipient: string): string {
 export function loadPreference(payer: string, recipient: string): PaymentMethod | null {
   if (typeof window === "undefined") return null;
   const val = localStorage.getItem(getPreferenceKey(payer, recipient));
-  if (val === "freighter" || val === "walletconnect") return val;
+  if (val === "freighter" || val === "walletconnect" || val === "ledger") return val;
   return null;
 }
 
@@ -31,6 +32,7 @@ interface Props {
 export default function PaymentMethodSelector({ onMethodChange, payerAddress, recipientAddress }: Props) {
   const [selectedMethod, setSelectedMethod] = useState<PaymentMethod>("freighter");
   const [walletConnectAvailable, setWalletConnectAvailable] = useState(false);
+  const [ledgerAvailable, setLedgerAvailable] = useState(false);
 
   useEffect(() => {
     const checkWalletConnect = async () => {
@@ -43,6 +45,24 @@ export default function PaymentMethodSelector({ onMethodChange, payerAddress, re
     checkWalletConnect();
   }, []);
 
+  useEffect(() => {
+    let cancelled = false;
+    const checkLedger = async () => {
+      try {
+        const status = await getLedgerStatus();
+        if (!cancelled) setLedgerAvailable(status.connected);
+      } catch {
+        if (!cancelled) setLedgerAvailable(false);
+      }
+    };
+    checkLedger();
+    const interval = setInterval(checkLedger, 5000);
+    return () => {
+      cancelled = true;
+      clearInterval(interval);
+    };
+  }, []);
+
   useEffect(() => {
     if (payerAddress && recipientAddress) {
       const saved = loadPreference(payerAddress, recipientAddress);
@@ -53,7 +73,10 @@ export default function PaymentMethodSelector({ onMethodChange, payerAddress, re
       }
     }
     const globalSaved = localStorage.getItem("preferredWallet") as PaymentMethod | null;
-    if (globalSaved && (globalSaved === "freighter" || globalSaved === "walletconnect")) {
+    if (
+      globalSaved &&
+      (globalSaved === "freighter" || globalSaved === "walletconnect" || globalSaved === "ledger")
+    ) {
       setSelectedMethod(globalSaved);
       onMethodChange(globalSaved);
     }
@@ -100,6 +123,19 @@ export default function PaymentMethodSelector({ onMethodChange, payerAddress, re
             </span>
           )}
         </label>
+        {ledgerAvailable && (
+          <label className="flex items-center gap-3 cursor-pointer">
+            <input
+              type="radio"
+              name="payment-method"
+              value="ledger"
+              checked={selectedMethod === "ledger"}
+              onChange={() => handleMethodChange("ledger")}
+              className="w-4 h-4 accent-indigo-500"
+            />
+            <span className="text-sm text-gray-300">Ledger Hardware Wallet</span>
+          </label>
+        )}
       </div>
     </fieldset>
   );
diff --git a/src/components/RecurringWizard.tsx b/src/components/RecurringWizard.tsx
index 15c635de..01e6ce3b 100644
--- a/src/components/RecurringWizard.tsx
+++ b/src/components/RecurringWizard.tsx
@@ -7,6 +7,8 @@ interface RecurringConfig {
   intervalDays: 7 | 30;
   endDate?: string;
   maxOccurrences?: number;
+  /** #881: start the subscription in a paused state after creation. */
+  startPaused?: boolean;
 }
 
 interface Props {
@@ -189,6 +191,8 @@ export default function RecurringWizard({ onConfirm }: Props) {
   const [endDate, setEndDate] = useState("");
   const [maxOccurrences, setMaxOccurrences] = useState("");
   const [useMaxOccurrences, setUseMaxOccurrences] = useState(false);
+  // #881: lifecycle option — create the subscription paused.
+  const [startPaused, setStartPaused] = useState(false);
 
   const generatePreviewDates = () => {
     const dates = [];
@@ -217,6 +221,7 @@ export default function RecurringWizard({ onConfirm }: Props) {
     onConfirm({
       enabled: true,
       intervalDays,
+      startPaused,
       ...(useMaxOccurrences && { maxOccurrences: parseInt(maxOccurrences) }),
       ...(!useMaxOccurrences && endDate && { endDate }),
     });
@@ -340,6 +345,23 @@ export default function RecurringWizard({ onConfirm }: Props) {
             useMaxOccurrences={useMaxOccurrences}
             maxOccurrences={maxOccurrences}
           />
+
+          {/* #881: lifecycle option — start paused */}
+          <label className="flex items-start gap-3 cursor-pointer rounded-lg border border-gray-700 bg-gray-900 p-3">
+            <input
+              type="checkbox"
+              checked={startPaused}
+              onChange={(e) => setStartPaused(e.target.checked)}
+              className="w-4 h-4 mt-0.5"
+            />
+            <span className="text-sm">
+              Start paused
+              <span className="block text-xs text-gray-500">
+                Create the subscription in a paused state. You can resume it
+                anytime from the subscriptions dashboard.
+              </span>
+            </span>
+          </label>
         </div>
       )}
 
diff --git a/src/components/SubscriptionCalendarPreview.tsx b/src/components/SubscriptionCalendarPreview.tsx
index 2d98cb8f..c006cb66 100644
--- a/src/components/SubscriptionCalendarPreview.tsx
+++ b/src/components/SubscriptionCalendarPreview.tsx
@@ -3,10 +3,13 @@
 import { useMemo, useState } from "react";
 import { computeUpcomingDates } from "@/lib/subscriptions";
 
+export type SubscriptionStatus = "active" | "paused" | "cancelled";
+
 interface Props {
   intervalDays: number;
   count?: number;
   fromDate?: Date;
+  status?: SubscriptionStatus;
 }
 
 const DAY_LABELS = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
@@ -19,7 +22,11 @@ export default function SubscriptionCalendarPreview({
   intervalDays,
   count = 6,
   fromDate,
+  status = "active",
 }: Props) {
+  const isPaused = status === "paused";
+  const isCancelled = status === "cancelled";
+
   const upcomingDates = useMemo(
     () => computeUpcomingDates(intervalDays, count, fromDate),
     [intervalDays, count, fromDate]
@@ -60,8 +67,46 @@ export default function SubscriptionCalendarPreview({
   for (let i = 0; i < firstDayOfWeek; i++) cells.push(null);
   for (let d = 1; d <= daysInMonth; d++) cells.push(d);
 
+  const statusBanner = isPaused
+    ? {
+        text: "Subscription paused — no invoices will be charged until resumed.",
+        className: "bg-yellow-900/40 border-yellow-700 text-yellow-200",
+      }
+    : isCancelled
+    ? {
+        text: "Subscription cancelled — no further invoices will be charged.",
+        className: "bg-red-900/40 border-red-700 text-red-200",
+      }
+    : null;
+
+  const invoiceDayClass = isPaused
+    ? "bg-yellow-700/60 text-yellow-100 font-bold line-through"
+    : isCancelled
+    ? "bg-gray-700 text-gray-400 font-bold line-through"
+    : "bg-indigo-600 text-white font-bold";
+
+  const legendSwatchClass = isPaused
+    ? "bg-yellow-700/60"
+    : isCancelled
+    ? "bg-gray-700"
+    : "bg-indigo-600";
+
+  const legendLabel = isPaused
+    ? "Paused invoice date"
+    : isCancelled
+    ? "Cancelled invoice date"
+    : "Invoice date";
+
   return (
     <div className="bg-gray-900 rounded-lg p-4 border border-gray-800">
+      {statusBanner && (
+        <div
+          role="status"
+          className={`mb-3 rounded border px-3 py-2 text-xs ${statusBanner.className}`}
+        >
+          {statusBanner.text}
+        </div>
+      )}
       <div className="flex items-center justify-between mb-3">
         <h3 className="text-sm font-semibold text-gray-300">
           Upcoming Invoice Dates
@@ -110,9 +155,7 @@ export default function SubscriptionCalendarPreview({
               <div
                 key={day}
                 className={`text-center text-xs py-1 rounded ${
-                  isInvoiceDay
-                    ? "bg-indigo-600 text-white font-bold"
-                    : "text-gray-500"
+                  isInvoiceDay ? invoiceDayClass : "text-gray-500"
                 }`}
               >
                 {day}
@@ -124,8 +167,8 @@ export default function SubscriptionCalendarPreview({
 
       <div className="mt-3 flex items-center gap-4 text-xs text-gray-500">
         <div className="flex items-center gap-1">
-          <span className="w-3 h-3 rounded bg-indigo-600" />
-          Invoice date
+          <span className={`w-3 h-3 rounded ${legendSwatchClass}`} />
+          {legendLabel}
         </div>
         <div>Next {count} dates shown</div>
       </div>
diff --git a/src/components/SubscriptionCard.tsx b/src/components/SubscriptionCard.tsx
index 630ada24..a688e751 100644
--- a/src/components/SubscriptionCard.tsx
+++ b/src/components/SubscriptionCard.tsx
@@ -46,9 +46,26 @@ interface Props {
 const STATUS_STYLES: Record<string, string> = {
   active: "bg-green-500/20 text-green-400 border-green-500/30",
   paused: "bg-yellow-500/20 text-yellow-400 border-yellow-500/30",
+  past_due: "bg-orange-500/20 text-orange-400 border-orange-500/30",
   cancelled: "bg-red-500/20 text-red-400 border-red-500/30",
+  expired: "bg-gray-500/20 text-gray-400 border-gray-500/30",
 };
 
+function formatStatusLabel(status: string): string {
+  return status
+    .split("_")
+    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+    .join(" ");
+}
+
+function formatTimestamp(ts: number): string {
+  return new Date(ts * 1000).toLocaleDateString(undefined, {
+    year: "numeric",
+    month: "short",
+    day: "numeric",
+  });
+}
+
 export default function SubscriptionCard({ subscription }: Props) {
   const display = formatSubscriptionForDisplay(subscription);
   const { label: relativeLabel, overdue } = useRelativeBillingDate(subscription.nextRunDate);
@@ -64,9 +81,9 @@ export default function SubscriptionCard({ subscription }: Props) {
           {display.templateName}
         </h3>
         <span
-          className={`text-xs font-medium px-2.5 py-0.5 rounded-full border ${STATUS_STYLES[subscription.status]}`}
+          className={`text-xs font-medium px-2.5 py-0.5 rounded-full border ${STATUS_STYLES[subscription.status] ?? STATUS_STYLES.expired}`}
         >
-          {subscription.status.charAt(0).toUpperCase() + subscription.status.slice(1)}
+          {formatStatusLabel(subscription.status)}
         </span>
       </div>
 
@@ -74,6 +91,18 @@ export default function SubscriptionCard({ subscription }: Props) {
         {formatFrequency(subscription.frequency)}
       </p>
 
+      {subscription.status === "paused" && subscription.pausedAt != null && (
+        <p className="text-xs text-yellow-400/80 mb-4">
+          Paused since {formatTimestamp(subscription.pausedAt)}
+        </p>
+      )}
+
+      {subscription.status === "cancelled" && subscription.cancellationReason && (
+        <p className="text-xs text-red-400/80 mb-4 truncate" title={subscription.cancellationReason}>
+          Reason: {subscription.cancellationReason}
+        </p>
+      )}
+
       <div className="grid grid-cols-2 gap-3 text-sm">
         <div>
           <p className="text-gray-500 text-xs">Next Run</p>
diff --git a/src/components/SubscriptionDetailClient.tsx b/src/components/SubscriptionDetailClient.tsx
index e525107d..6f785ad7 100644
--- a/src/components/SubscriptionDetailClient.tsx
+++ b/src/components/SubscriptionDetailClient.tsx
@@ -7,6 +7,8 @@ import { splitClient } from "@/lib/stellar";
 import { SubscriptionDetailSkeleton } from "@/components/Skeleton";
 import SubscriptionCalendarPreview from "@/components/SubscriptionCalendarPreview";
 import SubscriptionHistoryTable from "@/components/SubscriptionHistoryTable";
+import CancelModal from "@/components/CancelModal";
+import SubscriptionModifyModal from "@/components/SubscriptionModifyModal";
 import type { Subscription } from "@/types/subscription";
 import {
   loadSubscriptions,
@@ -15,6 +17,7 @@ import {
   pauseSubscription,
   resumeSubscription,
   cancelSubscription,
+  modifySubscription,
   formatSubscriptionForDisplay,
 } from "@/lib/subscriptions";
 
@@ -29,6 +32,8 @@ export default function SubscriptionDetailClient() {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [actionLoading, setActionLoading] = useState(false);
+  const [showCancelModal, setShowCancelModal] = useState(false);
+  const [showModifyModal, setShowModifyModal] = useState(false);
 
   const fetchSubscription = useCallback(async () => {
     setLoading(true);
@@ -103,11 +108,21 @@ export default function SubscriptionDetailClient() {
     }
   };
 
-  const handleCancel = async () => {
-    if (!confirm("Are you sure you want to cancel this subscription?")) return;
+  const handleCancel = async (reason: string) => {
     setActionLoading(true);
     try {
-      updateSub(cancelSubscription);
+      updateSub((sub) => cancelSubscription(sub, reason));
+      setShowCancelModal(false);
+    } finally {
+      setActionLoading(false);
+    }
+  };
+
+  const handleModify = async (changes: Partial<Subscription>) => {
+    setActionLoading(true);
+    try {
+      updateSub((sub) => modifySubscription(sub, changes));
+      setShowModifyModal(false);
     } finally {
       setActionLoading(false);
     }
@@ -206,6 +221,32 @@ export default function SubscriptionDetailClient() {
               {display.totalUsdcFormatted} USDC
             </p>
           </div>
+          {subscription.status === "paused" && subscription.pausedAt && (
+            <div className="sm:col-span-2">
+              <p className="text-gray-500">Paused Since</p>
+              <p className="text-yellow-400">
+                {new Date(subscription.pausedAt).toLocaleString()}
+              </p>
+            </div>
+          )}
+          {subscription.status === "cancelled" && (
+            <>
+              <div>
+                <p className="text-gray-500">Cancelled At</p>
+                <p className="text-red-400">
+                  {subscription.cancelledAt
+                    ? new Date(subscription.cancelledAt).toLocaleString()
+                    : "—"}
+                </p>
+              </div>
+              <div>
+                <p className="text-gray-500">Cancellation Reason</p>
+                <p className="text-red-400">
+                  {subscription.cancellationReason ?? "No reason provided"}
+                </p>
+              </div>
+            </>
+          )}
         </div>
       </div>
 
@@ -249,17 +290,43 @@ export default function SubscriptionDetailClient() {
             </button>
           )}
           {subscription.status !== "cancelled" && (
-            <button
-              onClick={handleCancel}
-              disabled={actionLoading}
-              className="px-4 py-2 rounded-lg border border-red-500/30 text-red-400 hover:bg-red-500/10 text-sm font-medium transition-colors disabled:opacity-50"
-            >
-              {actionLoading ? "Processing..." : "Cancel Subscription"}
-            </button>
+            <>
+              <button
+                onClick={() => setShowModifyModal(true)}
+                disabled={actionLoading}
+                className="px-4 py-2 rounded-lg border border-indigo-500/30 text-indigo-400 hover:bg-indigo-500/10 text-sm font-medium transition-colors disabled:opacity-50"
+              >
+                Modify Subscription
+              </button>
+              <button
+                onClick={() => setShowCancelModal(true)}
+                disabled={actionLoading}
+                className="px-4 py-2 rounded-lg border border-red-500/30 text-red-400 hover:bg-red-500/10 text-sm font-medium transition-colors disabled:opacity-50"
+              >
+                {actionLoading ? "Processing..." : "Cancel Subscription"}
+              </button>
+            </>
           )}
         </div>
       </div>
 
+      {showCancelModal && (
+        <CancelModal
+          onConfirm={handleCancel}
+          onClose={() => setShowCancelModal(false)}
+          loading={actionLoading}
+        />
+      )}
+
+      {showModifyModal && (
+        <SubscriptionModifyModal
+          subscription={subscription}
+          onSave={handleModify}
+          onClose={() => setShowModifyModal(false)}
+          loading={actionLoading}
+        />
+      )}
+
       {/* Calendar Preview */}
       {subscription.status === "active" && (
         <div className="mb-6">
diff --git a/src/components/SubscriptionHistoryTable.tsx b/src/components/SubscriptionHistoryTable.tsx
index 881dccd6..4da17de4 100644
--- a/src/components/SubscriptionHistoryTable.tsx
+++ b/src/components/SubscriptionHistoryTable.tsx
@@ -5,6 +5,8 @@ import { formatAmount } from "@stellar-split/sdk";
 
 interface Props {
   history: SubscriptionInvoice[];
+  /** Optional cancellation metadata keyed by invoice ID. */
+  cancellationReasons?: Record<string, string>;
 }
 
 const STATUS_STYLES: Record<string, string> = {
@@ -22,14 +24,25 @@ function escapeCSV(value: string): string {
 }
 
 /** Builds and triggers a CSV download for the given history rows. */
-function downloadHistoryCSV(history: SubscriptionInvoice[]): void {
-  const headers = ["Date", "Amount", "Currency", "Status", "Transaction Hash"];
+function downloadHistoryCSV(
+  history: SubscriptionInvoice[],
+  cancellationReasons: Record<string, string> = {},
+): void {
+  const headers = [
+    "Date",
+    "Amount",
+    "Currency",
+    "Status",
+    "Transaction Hash",
+    "Cancellation Reason",
+  ];
   const rows = history.map((inv) => [
     new Date(inv.generatedAt * 1000).toISOString(),
     formatAmount(inv.amount),
     "USDC",
     inv.status,
     inv.invoiceId,
+    cancellationReasons[inv.invoiceId] ?? "",
   ]);
 
   const csvContent = [headers, ...rows]
@@ -46,7 +59,10 @@ function downloadHistoryCSV(history: SubscriptionInvoice[]): void {
   URL.revokeObjectURL(url);
 }
 
-export default function SubscriptionHistoryTable({ history }: Props) {
+export default function SubscriptionHistoryTable({
+  history,
+  cancellationReasons = {},
+}: Props) {
   if (history.length === 0) {
     return (
       <p className="text-sm text-gray-500 py-6 text-center">
@@ -61,7 +77,7 @@ export default function SubscriptionHistoryTable({ history }: Props) {
       <div className="flex justify-end mb-3">
         <button
           type="button"
-          onClick={() => downloadHistoryCSV(history)}
+          onClick={() => downloadHistoryCSV(history, cancellationReasons)}
           className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-gray-800 hover:bg-gray-700 border border-gray-700 text-xs text-gray-300 font-medium transition-colors"
           aria-label="Export subscription history as CSV"
         >
@@ -101,6 +117,9 @@ export default function SubscriptionHistoryTable({ history }: Props) {
               <th className="text-right py-2 px-3 text-gray-500 font-medium">
                 Status
               </th>
+              <th className="text-left py-2 px-3 text-gray-500 font-medium">
+                Cancellation Reason
+              </th>
             </tr>
           </thead>
           <tbody>
@@ -124,6 +143,18 @@ export default function SubscriptionHistoryTable({ history }: Props) {
                 >
                   {inv.status}
                 </td>
+                <td className="py-2.5 px-3 text-gray-400">
+                  {cancellationReasons[inv.invoiceId] ? (
+                    <span className="inline-flex items-center gap-1.5">
+                      <span className="px-1.5 py-0.5 rounded text-xs font-medium bg-red-900/40 text-red-300">
+                        Cancelled
+                      </span>
+                      <span>{cancellationReasons[inv.invoiceId]}</span>
+                    </span>
+                  ) : (
+                    <span className="text-gray-600">—</span>
+                  )}
+                </td>
               </tr>
             ))}
           </tbody>
@@ -149,6 +180,14 @@ export default function SubscriptionHistoryTable({ history }: Props) {
               <p className="text-gray-300">
                 Amount: {formatAmount(inv.amount)} USDC
               </p>
+              {cancellationReasons[inv.invoiceId] && (
+                <p className="flex items-center gap-1.5">
+                  <span className="px-1.5 py-0.5 rounded text-xs font-medium bg-red-900/40 text-red-300">
+                    Cancelled
+                  </span>
+                  <span>{cancellationReasons[inv.invoiceId]}</span>
+                </p>
+              )}
             </div>
           </div>
         ))}
diff --git a/src/components/SubscriptionModifyModal.tsx b/src/components/SubscriptionModifyModal.tsx
new file mode 100644
index 00000000..5f6a80fb
--- /dev/null
+++ b/src/components/SubscriptionModifyModal.tsx
@@ -0,0 +1,383 @@
+import React, { useEffect, useMemo, useRef, useState } from 'react';
+import FocusTrap from './FocusTrap';
+
+export type SubscriptionFrequency = 'weekly' | 'biweekly' | 'monthly';
+
+export interface SubscriptionRecipient {
+  id: string;
+  name: string;
+  amount: number;
+}
+
+export interface SubscriptionChanges {
+  frequency: SubscriptionFrequency;
+  intervalDays: number;
+  recipients: SubscriptionRecipient[];
+}
+
+export interface SubscriptionModifyModalProps {
+  isOpen: boolean;
+  onClose: () => void;
+  onConfirm: (changes: SubscriptionChanges) => Promise<void> | void;
+  initialFrequency?: SubscriptionFrequency;
+  initialIntervalDays?: number;
+  initialRecipients?: SubscriptionRecipient[];
+  title?: string;
+  submitLabel?: string;
+}
+
+const FREQUENCY_OPTIONS: { value: SubscriptionFrequency; label: string }[] = [
+  { value: 'weekly', label: 'Weekly' },
+  { value: 'biweekly', label: 'Bi-weekly' },
+  { value: 'monthly', label: 'Monthly' },
+];
+
+const DEFAULT_INTERVAL_DAYS: Record<SubscriptionFrequency, number> = {
+  weekly: 7,
+  biweekly: 14,
+  monthly: 30,
+};
+
+const MIN_INTERVAL_DAYS = 1;
+const MAX_INTERVAL_DAYS = 365;
+const MIN_AMOUNT = 0.01;
+const MAX_AMOUNT = 1_000_000;
+
+interface FormErrors {
+  frequency?: string;
+  intervalDays?: string;
+  recipients?: string;
+  recipientAmounts?: Record<string, string>;
+  submit?: string;
+}
+
+function validate(
+  frequency: SubscriptionFrequency,
+  intervalDays: number,
+  recipients: SubscriptionRecipient[]
+): FormErrors {
+  const errors: FormErrors = {};
+
+  if (!FREQUENCY_OPTIONS.some((opt) => opt.value === frequency)) {
+    errors.frequency = 'Please select a valid frequency.';
+  }
+
+  if (!Number.isFinite(intervalDays) || !Number.isInteger(intervalDays)) {
+    errors.intervalDays = 'Interval must be a whole number of days.';
+  } else if (intervalDays < MIN_INTERVAL_DAYS || intervalDays > MAX_INTERVAL_DAYS) {
+    errors.intervalDays = `Interval must be between ${MIN_INTERVAL_DAYS} and ${MAX_INTERVAL_DAYS} days.`;
+  }
+
+  if (recipients.length === 0) {
+    errors.recipients = 'At least one recipient is required.';
+  }
+
+  const recipientAmounts: Record<string, string> = {};
+  for (const recipient of recipients) {
+    if (!Number.isFinite(recipient.amount)) {
+      recipientAmounts[recipient.id] = 'Amount must be a number.';
+    } else if (recipient.amount < MIN_AMOUNT) {
+      recipientAmounts[recipient.id] = `Amount must be at least ${MIN_AMOUNT}.`;
+    } else if (recipient.amount > MAX_AMOUNT) {
+      recipientAmounts[recipient.id] = `Amount must be at most ${MAX_AMOUNT}.`;
+    }
+  }
+  if (Object.keys(recipientAmounts).length > 0) {
+    errors.recipientAmounts = recipientAmounts;
+  }
+
+  return errors;
+}
+
+function hasErrors(errors: FormErrors): boolean {
+  return Boolean(
+    errors.frequency ||
+      errors.intervalDays ||
+      errors.recipients ||
+      (errors.recipientAmounts && Object.keys(errors.recipientAmounts).length > 0)
+  );
+}
+
+const SubscriptionModifyModal: React.FC<SubscriptionModifyModalProps> = ({
+  isOpen,
+  onClose,
+  onConfirm,
+  initialFrequency = 'monthly',
+  initialIntervalDays,
+  initialRecipients = [],
+  title = 'Modify Subscription',
+  submitLabel = 'Save Changes',
+}) => {
+  const [frequency, setFrequency] = useState<SubscriptionFrequency>(initialFrequency);
+  const [intervalDays, setIntervalDays] = useState<number>(
+    initialIntervalDays ?? DEFAULT_INTERVAL_DAYS[initialFrequency]
+  );
+  const [recipients, setRecipients] = useState<SubscriptionRecipient[]>(initialRecipients);
+  const [errors, setErrors] = useState<FormErrors>({});
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [touched, setTouched] = useState(false);
+
+  const intervalInputRef = useRef<HTMLInputElement>(null);
+  const firstFieldRef = useRef<HTMLSelectElement>(null);
+
+  // Reset form state whenever the modal is (re)opened.
+  useEffect(() => {
+    if (isOpen) {
+      setFrequency(initialFrequency);
+      setIntervalDays(initialIntervalDays ?? DEFAULT_INTERVAL_DAYS[initialFrequency]);
+      setRecipients(initialRecipients);
+      setErrors({});
+      setIsSubmitting(false);
+      setTouched(false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isOpen]);
+
+  // Focus the first field when opened.
+  useEffect(() => {
+    if (isOpen) {
+      const timer = window.setTimeout(() => {
+        firstFieldRef.current?.focus();
+      }, 0);
+      return () => window.clearTimeout(timer);
+    }
+    return undefined;
+  }, [isOpen]);
+
+  const validationErrors = useMemo(
+    () => validate(frequency, intervalDays, recipients),
+    [frequency, intervalDays, recipients]
+  );
+
+  const handleFrequencyChange = (next: SubscriptionFrequency) => {
+    setFrequency(next);
+    // Auto-adjust interval to the default for the chosen frequency.
+    setIntervalDays(DEFAULT_INTERVAL_DAYS[next]);
+    setTouched(true);
+  };
+
+  const handleIntervalChange = (raw: string) => {
+    const parsed = raw === '' ? NaN : Number(raw);
+    setIntervalDays(parsed);
+    setTouched(true);
+  };
+
+  const handleAmountChange = (id: string, raw: string) => {
+    const parsed = raw === '' ? NaN : Number(raw);
+    setRecipients((prev) =>
+      prev.map((recipient) =>
+        recipient.id === id ? { ...recipient, amount: parsed } : recipient
+      )
+    );
+    setTouched(true);
+  };
+
+  const handleSubmit = async (event: React.FormEvent) => {
+    event.preventDefault();
+    setTouched(true);
+
+    const currentErrors = validate(frequency, intervalDays, recipients);
+    if (hasErrors(currentErrors)) {
+      setErrors(currentErrors);
+      return;
+    }
+
+    setErrors({});
+    setIsSubmitting(true);
+    try {
+      await onConfirm({
+        frequency,
+        intervalDays,
+        recipients: recipients.map((recipient) => ({
+          ...recipient,
+          amount: Number(recipient.amount),
+        })),
+      });
+      setIsSubmitting(false);
+    } catch (err) {
+      const message =
+        err instanceof Error && err.message
+          ? err.message
+          : 'Something went wrong while saving changes. Please try again.';
+      setErrors((prev) => ({ ...prev, submit: message }));
+      setIsSubmitting(false);
+    }
+  };
+
+  const handleClose = () => {
+    if (isSubmitting) {
+      return;
+    }
+    onClose();
+  };
+
+  if (!isOpen) {
+    return null;
+  }
+
+  const showErrors = touched;
+  const displayErrors: FormErrors = showErrors ? { ...validationErrors, ...errors } : errors;
+
+  return (
+    <FocusTrap active={isOpen} onEscape={handleClose}>
+      <div
+        className="subscription-modify-modal__overlay"
+        role="presentation"
+        onClick={(event) => {
+          if (event.target === event.currentTarget) {
+            handleClose();
+          }
+        }}
+      >
+        <div
+          className="subscription-modify-modal"
+          role="dialog"
+          aria-modal="true"
+          aria-labelledby="subscription-modify-modal-title"
+        >
+          <header className="subscription-modify-modal__header">
+            <h2 id="subscription-modify-modal-title" className="subscription-modify-modal__title">
+              {title}
+            </h2>
+            <button
+              type="button"
+              className="subscription-modify-modal__close"
+              onClick={handleClose}
+              aria-label="Close"
+              disabled={isSubmitting}
+            >
+              &times;
+            </button>
+          </header>
+
+          <form className="subscription-modify-modal__form" onSubmit={handleSubmit} noValidate>
+            <div className="subscription-modify-modal__field">
+              <label htmlFor="subscription-frequency" className="subscription-modify-modal__label">
+                Billing frequency
+              </label>
+              <select
+                id="subscription-frequency"
+                ref={firstFieldRef}
+                className="subscription-modify-modal__select"
+                value={frequency}
+                onChange={(event) =>
+                  handleFrequencyChange(event.target.value as SubscriptionFrequency)
+                }
+                disabled={isSubmitting}
+                aria-invalid={Boolean(displayErrors.frequency)}
+                aria-describedby={
+                  displayErrors.frequency ? 'subscription-frequency-error' : undefined
+                }
+              >
+                {FREQUENCY_OPTIONS.map((option) => (
+                  <option key={option.value} value={option.value}>
+                    {option.label}
+                  </option>
+                ))}
+              </select>
+              {displayErrors.frequency && (
+                <p id="subscription-frequency-error" className="subscription-modify-modal__error">
+                  {displayErrors.frequency}
+                </p>
+              )}
+            </div>
+
+            <div className="subscription-modify-modal__field">
+              <label htmlFor="subscription-interval" className="subscription-modify-modal__label">
+                Interval (days)
+              </label>
+              <input
+                id="subscription-interval"
+                ref={intervalInputRef}
+                type="number"
+                className="subscription-modify-modal__input"
+                value={Number.isFinite(intervalDays) ? intervalDays : ''}
+                min={MIN_INTERVAL_DAYS}
+                max={MAX_INTERVAL_DAYS}
+                step={1}
+                onChange={(event) => handleIntervalChange(event.target.value)}
+                disabled={isSubmitting}
+                aria-invalid={Boolean(displayErrors.intervalDays)}
+                aria-describedby={
+                  displayErrors.intervalDays ? 'subscription-interval-error' : undefined
+                }
+              />
+              {displayErrors.intervalDays && (
+                <p id="subscription-interval-error" className="subscription-modify-modal__error">
+                  {displayErrors.intervalDays}
+                </p>
+              )}
+            </div>
+
+            <fieldset className="subscription-modify-modal__fieldset">
+              <legend className="subscription-modify-modal__label">Recipient amounts</legend>
+              {recipients.length === 0 && (
+                <p className="subscription-modify-modal__error">
+                  {displayErrors.recipients || 'No recipients available.'}
+                </p>
+              )}
+              <ul className="subscription-modify-modal__recipients">
+                {recipients.map((recipient) => {
+                  const amountError = displayErrors.recipientAmounts?.[recipient.id];
+                  const inputId = `subscription-recipient-${recipient.id}`;
+                  return (
+                    <li key={recipient.id} className="subscription-modify-modal__recipient">
+                      <label htmlFor={inputId} className="subscription-modify-modal__recipient-name">
+                        {recipient.name}
+                      </label>
+                      <input
+                        id={inputId}
+                        type="number"
+                        className="subscription-modify-modal__input"
+                        value={Number.isFinite(recipient.amount) ? recipient.amount : ''}
+                        min={MIN_AMOUNT}
+                        max={MAX_AMOUNT}
+                        step="0.01"
+                        onChange={(event) => handleAmountChange(recipient.id, event.target.value)}
+                        disabled={isSubmitting}
+                        aria-invalid={Boolean(amountError)}
+                        aria-describedby={amountError ? `${inputId}-error` : undefined}
+                      />
+                      {amountError && (
+                        <p id={`${inputId}-error`} className="subscription-modify-modal__error">
+                          {amountError}
+                        </p>
+                      )}
+                    </li>
+                  );
+                })}
+              </ul>
+            </fieldset>
+
+            {displayErrors.submit && (
+              <p role="alert" className="subscription-modify-modal__error subscription-modify-modal__error--submit">
+                {displayErrors.submit}
+              </p>
+            )}
+
+            <footer className="subscription-modify-modal__footer">
+              <button
+                type="button"
+                className="subscription-modify-modal__button subscription-modify-modal__button--secondary"
+                onClick={handleClose}
+                disabled={isSubmitting}
+              >
+                Cancel
+              </button>
+              <button
+                type="submit"
+                className="subscription-modify-modal__button subscription-modify-modal__button--primary"
+                disabled={isSubmitting}
+                aria-busy={isSubmitting}
+              >
+                {isSubmitting ? 'Saving…' : submitLabel}
+              </button>
+            </footer>
+          </form>
+        </div>
+      </div>
+    </FocusTrap>
+  );
+};
+
+export default SubscriptionModifyModal;
\ No newline at end of file
diff --git a/src/components/SubscriptionsClient.tsx b/src/components/SubscriptionsClient.tsx
index 983ccebd..046b69d4 100644
--- a/src/components/SubscriptionsClient.tsx
+++ b/src/components/SubscriptionsClient.tsx
@@ -7,6 +7,8 @@ import { splitClient } from "@/lib/stellar";
 import { getFreighterPublicKey } from "@/lib/freighter";
 import { SubscriptionListSkeleton } from "@/components/Skeleton";
 import SubscriptionCard from "@/components/SubscriptionCard";
+import CancelModal from "@/components/CancelModal";
+import SubscriptionModifyModal from "@/components/SubscriptionModifyModal";
 import type { Subscription, SubscriptionStatus } from "@/types/subscription";
 import {
   loadSubscriptions,
@@ -14,7 +16,14 @@ import {
   pauseSubscription,
   resumeSubscription,
   cancelSubscription,
+  modifySubscription,
 } from "@/lib/subscriptions";
+import {
+  notifySubscriptionPaused,
+  notifySubscriptionResumed,
+  notifySubscriptionCancelled,
+  notifySubscriptionModified,
+} from "@/lib/notifications";
 
 const POLL_INTERVAL_MS = 30_000;
 
@@ -24,6 +33,8 @@ const STATUS_FILTERS: { value: StatusFilter; label: string }[] = [
   { value: "all", label: "All" },
   { value: "active", label: "Active" },
   { value: "paused", label: "Paused" },
+  { value: "past_due", label: "Past Due" },
+  { value: "expired", label: "Expired" },
   { value: "cancelled", label: "Cancelled" },
 ];
 
@@ -34,6 +45,8 @@ export default function SubscriptionsClient() {
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState<string | null>(null);
   const [statusFilter, setStatusFilter] = useState<StatusFilter>("all");
+  const [cancelTarget, setCancelTarget] = useState<Subscription | null>(null);
+  const [modifyTarget, setModifyTarget] = useState<Subscription | null>(null);
 
   useEffect(() => {
     getFreighterPublicKey()
@@ -98,6 +111,8 @@ export default function SubscriptionsClient() {
     setSubscriptions((prev) => {
       const updated = prev.map((s) => (s.id === id ? pauseSubscription(s) : s));
       saveSubscriptions(updated);
+      const paused = updated.find((s) => s.id === id);
+      if (paused) notifySubscriptionPaused(paused);
       return updated;
     });
   };
@@ -106,17 +121,50 @@ export default function SubscriptionsClient() {
     setSubscriptions((prev) => {
       const updated = prev.map((s) => (s.id === id ? resumeSubscription(s) : s));
       saveSubscriptions(updated);
+      const resumed = updated.find((s) => s.id === id);
+      if (resumed) notifySubscriptionResumed(resumed);
+      return updated;
+    });
+  };
+
+  const handleCancel = (id: string) => {
+    const target = subscriptions.find((s) => s.id === id) ?? null;
+    setCancelTarget(target);
+  };
+
+  const handleCancelConfirm = (reason: string, note?: string) => {
+    if (!cancelTarget) return;
+    const id = cancelTarget.id;
+    setSubscriptions((prev) => {
+      const updated = prev.map((s) =>
+        s.id === id ? cancelSubscription(s, reason, note) : s
+      );
+      saveSubscriptions(updated);
+      const cancelled = updated.find((s) => s.id === id);
+      if (cancelled) notifySubscriptionCancelled(cancelled, reason);
       return updated;
     });
+    setCancelTarget(null);
   };
 
-  const handleCancel = async (id: string) => {
-    if (!confirm("Are you sure you want to cancel this subscription?")) return;
+  const handleModify = (id: string) => {
+    const target = subscriptions.find((s) => s.id === id) ?? null;
+    setModifyTarget(target);
+  };
+
+  const handleModifyConfirm = (changes: Partial<Subscription>) => {
+    if (!modifyTarget) return;
+    const id = modifyTarget.id;
     setSubscriptions((prev) => {
-      const updated = prev.map((s) => (s.id === id ? cancelSubscription(s) : s));
+      const updated = prev.map((s) =>
+        s.id === id ? modifySubscription(s, changes) : s
+      );
       saveSubscriptions(updated);
+      const modified = updated.find((s) => s.id === id);
+      if (modified) notifySubscriptionModified(modified);
       return updated;
     });
+    setModifyTarget(null);
   };
 
   if (error) {
@@ -223,18 +271,42 @@ export default function SubscriptionsClient() {
                   </button>
                 )}
                 {sub.status !== "cancelled" && (
-                  <button
-                    onClick={() => handleCancel(sub.id)}
-                    className="text-xs px-3 py-1 rounded border border-red-500/30 text-red-400 hover:bg-red-500/10 transition-colors"
-                  >
-                    Cancel
-                  </button>
+                  <>
+                    <button
+                      onClick={() => handleModify(sub.id)}
+                      className="text-xs px-3 py-1 rounded border border-indigo-500/30 text-indigo-400 hover:bg-indigo-500/10 transition-colors"
+                    >
+                      Modify
+                    </button>
+                    <button
+                      onClick={() => handleCancel(sub.id)}
+                      className="text-xs px-3 py-1 rounded border border-red-500/30 text-red-400 hover:bg-red-500/10 transition-colors"
+                    >
+                      Cancel
+                    </button>
+                  </>
                 )}
               </div>
             </div>
           ))}
         </div>
       )}
+
+      {cancelTarget && (
+        <CancelModal
+          subscription={cancelTarget}
+          onConfirm={handleCancelConfirm}
+          onClose={() => setCancelTarget(null)}
+        />
+      )}
+
+      {modifyTarget && (
+        <SubscriptionModifyModal
+          subscription={modifyTarget}
+          onConfirm={handleModifyConfirm}
+          onClose={() => setModifyTarget(null)}
+        />
+      )}
     </main>
   );
 }
diff --git a/src/components/TxConfirmModal.tsx b/src/components/TxConfirmModal.tsx
index da14db4d..774abe02 100644
--- a/src/components/TxConfirmModal.tsx
+++ b/src/components/TxConfirmModal.tsx
@@ -9,17 +9,28 @@ const EXPLORER_BASE =
     : "https://stellar.expert/explorer/testnet/tx";
 
 interface Props {
-  txHash: string;
+  txHash?: string;
   action: string;
   onClose: () => void;
+  /** When true, the modal shows a pre-signing state prompting the user to confirm on their Ledger device. */
+  awaitingDevice?: boolean;
+  /** Optional human-readable summary of the transaction shown while awaiting device confirmation. */
+  txSummary?: string;
 }
 
-export default function TxConfirmModal({ txHash, action, onClose }: Props) {
+export default function TxConfirmModal({
+  txHash,
+  action,
+  onClose,
+  awaitingDevice = false,
+  txSummary,
+}: Props) {
   const [copied, setCopied] = useState(false);
 
   // Focus trap and Escape handled by FocusTrap
 
   const handleCopy = async () => {
+    if (!txHash) return;
     await navigator.clipboard.writeText(txHash);
     setCopied(true);
     setTimeout(() => setCopied(false), 2000);
@@ -39,8 +50,11 @@ export default function TxConfirmModal({ txHash, action, onClose }: Props) {
           onClick={(e) => e.stopPropagation()}
         >
         <div className="flex items-center justify-between mb-4">
-          <h2 id="tx-modal-title" className="text-lg font-semibold text-green-400">
-            ✓ {action} confirmed
+          <h2
+            id="tx-modal-title"
+            className={`text-lg font-semibold ${awaitingDevice ? "text-indigo-400" : "text-green-400"}`}
+          >
+            {awaitingDevice ? "Confirm on your Ledger device" : `✓ ${action} confirmed`}
           </h2>
           <button
             onClick={onClose}
@@ -51,26 +65,55 @@ export default function TxConfirmModal({ txHash, action, onClose }: Props) {
           </button>
         </div>
 
-        <p className="text-sm text-gray-400 mb-2">Transaction hash</p>
-        <div className="flex items-center gap-2 bg-gray-800 rounded-lg px-3 py-2 mb-4">
-          <span className="font-mono text-xs text-gray-200 break-all flex-1">{txHash}</span>
-          <button
-            onClick={handleCopy}
-            className="shrink-0 text-xs px-2 py-1 rounded bg-gray-700 hover:bg-gray-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
-            aria-label="Copy transaction hash"
-          >
-            {copied ? "Copied!" : "Copy"}
-          </button>
-        </div>
+        {awaitingDevice ? (
+          <>
+            <p className="text-sm text-gray-400 mb-2">
+              Review and approve this transaction on your Ledger device.
+            </p>
+            {txSummary && (
+              <div className="bg-gray-800 rounded-lg px-3 py-2 mb-4">
+                <p className="text-xs text-gray-400 mb-1">Transaction summary</p>
+                <p className="text-sm text-gray-200 break-words whitespace-pre-wrap">{txSummary}</p>
+              </div>
+            )}
+            <div
+              className="flex items-center gap-2 text-sm text-indigo-300"
+              role="status"
+              aria-live="polite"
+            >
+              <span
+                className="inline-block h-3 w-3 rounded-full bg-indigo-400 animate-pulse"
+                aria-hidden="true"
+              />
+              Waiting for device confirmation…
+            </div>
+          </>
+        ) : (
+          <>
+            <p className="text-sm text-gray-400 mb-2">Transaction hash</p>
+            <div className="flex items-center gap-2 bg-gray-800 rounded-lg px-3 py-2 mb-4">
+              <span className="font-mono text-xs text-gray-200 break-all flex-1">{txHash}</span>
+              <button
+                onClick={handleCopy}
+                className="shrink-0 text-xs px-2 py-1 rounded bg-gray-700 hover:bg-gray-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
+                aria-label="Copy transaction hash"
+              >
+                {copied ? "Copied!" : "Copy"}
+              </button>
+            </div>
 
-        <a
-          href={`${EXPLORER_BASE}/${txHash}`}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="block w-full text-center px-4 py-2 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-sm font-semibold transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
-        >
-          View on Stellar Expert ↗
-        </a>
+            {txHash && (
+              <a
+                href={`${EXPLORER_BASE}/${txHash}`}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="block w-full text-center px-4 py-2 rounded-lg bg-indigo-600 hover:bg-indigo-500 text-sm font-semibold transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
+              >
+                View on Stellar Expert ↗
+              </a>
+            )}
+          </>
+        )}
         </div>
       </FocusTrap>
     </div>
diff --git a/src/components/WalletConnect.tsx b/src/components/WalletConnect.tsx
index 2eedf65d..934f5e94 100644
--- a/src/components/WalletConnect.tsx
+++ b/src/components/WalletConnect.tsx
@@ -7,6 +7,7 @@ import { fetchUsdcBalance } from "@/lib/stellar";
 import QRModal from "@/components/QRModal";
 import WalletErrorModal, { type WalletErrorType } from "@/components/WalletErrorModal";
 import { useToast } from "@/contexts/ToastContext";
+import type { LedgerStatus } from "@/lib/ledger";
 
 interface Props {
   /** Smaller footprint for the sticky header nav: address badge + single connect button, no balance line. */
@@ -22,6 +23,31 @@ function classifyWalletError(e: unknown): WalletErrorType {
   return "not_installed";
 }
 
+/** Common Stellar derivation paths offered in the Ledger path selector. */
+const LEDGER_DERIVATION_PATHS = [
+  "44'/148'/0'",
+  "44'/148'/1'",
+  "44'/148'/2'",
+] as const;
+
+const LEDGER_STATUS_LABEL: Record<LedgerStatus, string> = {
+  disconnected: "Not connected",
+  connecting: "Connecting…",
+  connected: "Connected",
+  locked: "Device locked",
+  app_not_open: "Open Stellar app",
+  error: "Connection error",
+};
+
+const LEDGER_STATUS_DOT: Record<LedgerStatus, string> = {
+  disconnected: "bg-gray-400",
+  connecting: "bg-amber-400 animate-pulse",
+  connected: "bg-green-500",
+  locked: "bg-amber-500",
+  app_not_open: "bg-amber-500",
+  error: "bg-red-500",
+};
+
 /**
  * WalletConnect — Connect via Freighter or WalletConnect.
  * Connection state is sourced from WalletContext, which caches the last
@@ -37,6 +63,10 @@ export default function WalletConnect({ compact = false }: Props) {
     freighterInstalled,
     connect,
     disconnect,
+    connectLedger,
+    ledgerStatus,
+    ledgerDerivationPath,
+    setLedgerDerivationPath,
   } = useWalletContext();
   const toast = useToast();
   const [modalError, setModalError] = useState<WalletErrorType>(null);
@@ -44,6 +74,7 @@ export default function WalletConnect({ compact = false }: Props) {
   const [balanceLoading, setBalanceLoading] = useState(false);
   const [qrOpen, setQrOpen] = useState(false);
   const [qrUri, setQrUri] = useState<string>("");
+  const [ledgerConnecting, setLedgerConnecting] = useState(false);
 
   const USDC_CONTRACT_ID = process.env.NEXT_PUBLIC_USDC_ADDRESS ?? "";
 
@@ -99,6 +130,22 @@ export default function WalletConnect({ compact = false }: Props) {
     }
   };
 
+  const handleConnectLedger = async () => {
+    setLedgerConnecting(true);
+    try {
+      await connectLedger(ledgerDerivationPath);
+    } catch (e) {
+      const errType = classifyWalletError(e);
+      if (errType === "rejected") {
+        toast.error("Signature rejected on Ledger. Try again when you're ready.");
+      } else {
+        setModalError(errType);
+      }
+    } finally {
+      setLedgerConnecting(false);
+    }
+  };
+
   const handleDisconnect = async () => {
     await disconnect();
   };
@@ -203,6 +250,43 @@ export default function WalletConnect({ compact = false }: Props) {
         >
           {connecting ? "Connecting…" : "Connect with WalletConnect"}
         </button>
+
+        <button
+          onClick={handleConnectLedger}
+          disabled={connecting || ledgerConnecting}
+          className="min-h-11 px-6 py-3 rounded-lg bg-gray-50 dark:bg-gray-900 hover:bg-gray-100 dark:hover:bg-gray-800 font-semibold transition-colors disabled:opacity-50 border border-gray-200 dark:border-gray-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
+          aria-label="Connect with Ledger"
+        >
+          {ledgerConnecting ? "Connecting…" : "Connect Ledger"}
+        </button>
+      </div>
+
+      <div className="flex flex-col gap-1.5 w-full sm:w-auto">
+        <div className="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400">
+          <span
+            className={`inline-block h-2 w-2 rounded-full ${LEDGER_STATUS_DOT[ledgerStatus]}`}
+            aria-hidden="true"
+          />
+          <span role="status" aria-live="polite">
+            Ledger: {LEDGER_STATUS_LABEL[ledgerStatus]}
+          </span>
+        </div>
+        <label className="flex items-center gap-2 text-xs text-gray-500 dark:text-gray-400">
+          <span>Derivation path</span>
+          <select
+            value={ledgerDerivationPath}
+            onChange={(e) => setLedgerDerivationPath(e.target.value)}
+            disabled={ledgerConnecting || ledgerStatus === "connected"}
+            className="min-h-9 rounded-lg bg-gray-100 dark:bg-gray-800 px-2 py-1 text-xs font-mono text-gray-700 dark:text-gray-300 disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
+            aria-label="Ledger derivation path"
+          >
+            {LEDGER_DERIVATION_PATHS.map((path) => (
+              <option key={path} value={path}>
+                m/{path}
+              </option>
+            ))}
+          </select>
+        </label>
       </div>
 
       {error && <p className="text-red-400 text-xs">Could not connect wallet.</p>}
@@ -219,7 +303,11 @@ export default function WalletConnect({ compact = false }: Props) {
         onDismiss={() => setModalError(null)}
         onRetry={() => {
           setModalError(null);
-          handleConnect();
+          if (walletType === "ledger") {
+            handleConnectLedger();
+          } else {
+            handleConnect();
+          }
         }}
       />
     </div>
diff --git a/src/components/WalletErrorModal.tsx b/src/components/WalletErrorModal.tsx
index d2dadf2e..25bd888b 100644
--- a/src/components/WalletErrorModal.tsx
+++ b/src/components/WalletErrorModal.tsx
@@ -8,6 +8,10 @@ export type WalletErrorType =
   | "locked"
   | "rejected"
   | "network_mismatch"
+  | "ledger_not_connected"
+  | "ledger_locked"
+  | "ledger_app_not_open"
+  | "ledger_denied"
   | null;
 
 interface Props {
@@ -140,6 +144,190 @@ function NetworkMismatchContent({
   );
 }
 
+function LedgerNotConnectedContent({
+  onRetry,
+  onDismiss,
+}: {
+  onRetry: () => void;
+  onDismiss: () => void;
+}) {
+  return (
+    <>
+      <div className="flex flex-col items-center text-center gap-3 mb-6">
+        <span className="text-4xl" aria-hidden="true">🔌</span>
+        <h2 className="text-lg font-bold text-white">Ledger Not Connected</h2>
+        <p className="text-sm text-slate-400">
+          We couldn&apos;t find your Ledger device. Connect it via USB and make sure
+          it&apos;s powered on.
+        </p>
+      </div>
+      <ol className="text-sm text-slate-400 space-y-2 mb-6 text-left">
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">1</span>
+          Plug your Ledger into your computer with a USB cable.
+        </li>
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">2</span>
+          Unlock the device with your PIN.
+        </li>
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">3</span>
+          Return here and click <span className="text-white font-medium">Try Again</span>.
+        </li>
+      </ol>
+      <div className="flex flex-col gap-3">
+        <button
+          onClick={onRetry}
+          className="w-full h-10 rounded-lg bg-brand-600 hover:bg-brand-500 text-white text-sm font-semibold transition-colors"
+        >
+          Try Again
+        </button>
+        <button
+          onClick={onDismiss}
+          className="w-full h-10 rounded-lg bg-white/[0.06] hover:bg-white/[0.1] text-slate-300 text-sm font-medium transition-colors"
+        >
+          Cancel
+        </button>
+      </div>
+    </>
+  );
+}
+
+function LedgerLockedContent({
+  onRetry,
+  onDismiss,
+}: {
+  onRetry: () => void;
+  onDismiss: () => void;
+}) {
+  return (
+    <>
+      <div className="flex flex-col items-center text-center gap-3 mb-6">
+        <span className="text-4xl" aria-hidden="true">🔒</span>
+        <h2 className="text-lg font-bold text-white">Ledger is Locked</h2>
+        <p className="text-sm text-slate-400">
+          Your Ledger device is locked. Unlock it with your PIN, then try again.
+        </p>
+      </div>
+      <ol className="text-sm text-slate-400 space-y-2 mb-6 text-left">
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">1</span>
+          Enter your PIN directly on the Ledger device.
+        </li>
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">2</span>
+          Keep the device connected via USB.
+        </li>
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">3</span>
+          Return here and click <span className="text-white font-medium">Try Again</span>.
+        </li>
+      </ol>
+      <div className="flex flex-col gap-3">
+        <button
+          onClick={onRetry}
+          className="w-full h-10 rounded-lg bg-brand-600 hover:bg-brand-500 text-white text-sm font-semibold transition-colors"
+        >
+          Try Again
+        </button>
+        <button
+          onClick={onDismiss}
+          className="w-full h-10 rounded-lg bg-white/[0.06] hover:bg-white/[0.1] text-slate-300 text-sm font-medium transition-colors"
+        >
+          Cancel
+        </button>
+      </div>
+    </>
+  );
+}
+
+function LedgerAppNotOpenContent({
+  onRetry,
+  onDismiss,
+}: {
+  onRetry: () => void;
+  onDismiss: () => void;
+}) {
+  return (
+    <>
+      <div className="flex flex-col items-center text-center gap-3 mb-6">
+        <span className="text-4xl" aria-hidden="true">📱</span>
+        <h2 className="text-lg font-bold text-white">Open the Stellar App</h2>
+        <p className="text-sm text-slate-400">
+          The Stellar app must be open on your Ledger device to sign transactions.
+        </p>
+      </div>
+      <ol className="text-sm text-slate-400 space-y-2 mb-6 text-left">
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">1</span>
+          Unlock your Ledger device with your PIN.
+        </li>
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">2</span>
+          Navigate to the <span className="text-white font-medium">Stellar</span> app and open it.
+        </li>
+        <li className="flex gap-2">
+          <span className="flex-shrink-0 w-5 h-5 rounded-full bg-brand-600/30 text-brand-300 text-xs flex items-center justify-center font-bold">3</span>
+          Return here and click <span className="text-white font-medium">Try Again</span>.
+        </li>
+      </ol>
+      <div className="flex flex-col gap-3">
+        <button
+          onClick={onRetry}
+          className="w-full h-10 rounded-lg bg-brand-600 hover:bg-brand-500 text-white text-sm font-semibold transition-colors"
+        >
+          Try Again
+        </button>
+        <button
+          onClick={onDismiss}
+          className="w-full h-10 rounded-lg bg-white/[0.06] hover:bg-white/[0.1] text-slate-300 text-sm font-medium transition-colors"
+        >
+          Cancel
+        </button>
+      </div>
+    </>
+  );
+}
+
+function LedgerDeniedContent({
+  onRetry,
+  onDismiss,
+}: {
+  onRetry: () => void;
+  onDismiss: () => void;
+}) {
+  return (
+    <>
+      <div className="flex flex-col items-center text-center gap-3 mb-6">
+        <span className="text-4xl" aria-hidden="true">🚫</span>
+        <h2 className="text-lg font-bold text-white">Transaction Rejected</h2>
+        <p className="text-sm text-slate-400">
+          The transaction was rejected on your Ledger device. Nothing was signed
+          or submitted.
+        </p>
+      </div>
+      <p className="text-sm text-slate-400 mb-6 text-left">
+        To sign, review the transaction details on the device and approve them.
+        You can safely try again.
+      </p>
+      <div className="flex flex-col gap-3">
+        <button
+          onClick={onRetry}
+          className="w-full h-10 rounded-lg bg-brand-600 hover:bg-brand-500 text-white text-sm font-semibold transition-colors"
+        >
+          Try Again
+        </button>
+        <button
+          onClick={onDismiss}
+          className="w-full h-10 rounded-lg bg-white/[0.06] hover:bg-white/[0.1] text-slate-300 text-sm font-medium transition-colors"
+        >
+          Cancel
+        </button>
+      </div>
+    </>
+  );
+}
+
 export default function WalletErrorModal({
   errorType,
   onDismiss,
@@ -203,6 +391,18 @@ export default function WalletErrorModal({
             onDismiss={onDismiss}
           />
         )}
+        {errorType === "ledger_not_connected" && (
+          <LedgerNotConnectedContent onRetry={onRetry} onDismiss={onDismiss} />
+        )}
+        {errorType === "ledger_locked" && (
+          <LedgerLockedContent onRetry={onRetry} onDismiss={onDismiss} />
+        )}
+        {errorType === "ledger_app_not_open" && (
+          <LedgerAppNotOpenContent onRetry={onRetry} onDismiss={onDismiss} />
+        )}
+        {errorType === "ledger_denied" && (
+          <LedgerDeniedContent onRetry={onRetry} onDismiss={onDismiss} />
+        )}
       </div>
     </div>
   );
diff --git a/src/contexts/WalletContext.tsx b/src/contexts/WalletContext.tsx
index de9b7b84..e06bbf8d 100644
--- a/src/contexts/WalletContext.tsx
+++ b/src/contexts/WalletContext.tsx
@@ -3,12 +3,17 @@
 import { createContext, useContext, useEffect, type ReactNode } from "react";
 import { useWallet, type UseWalletReturn } from "@/hooks/useWallet";
 import { useSep10Auth, type Sep10AuthState } from "@/hooks/useSep10Auth";
+import { useLedger, type UseLedgerReturn } from "@/hooks/useLedger";
 
 export type WalletContextValue = UseWalletReturn & {
   sep10: Sep10AuthState & {
     authenticate: (publicKey: string) => Promise<void>;
     handleUnauthorized: () => void;
   };
+  ledgerStatus: UseLedgerReturn["status"];
+  derivationPath: UseLedgerReturn["derivationPath"];
+  setDerivationPath: UseLedgerReturn["setDerivationPath"];
+  connectLedger: UseLedgerReturn["connect"];
 };
 
 const WalletContext = createContext<WalletContextValue | null>(null);
@@ -16,6 +21,7 @@ const WalletContext = createContext<WalletContextValue | null>(null);
 export function WalletProvider({ children }: { children: ReactNode }) {
   const wallet = useWallet();
   const sep10 = useSep10Auth();
+  const ledger = useLedger();
 
   // Auto-authenticate when a wallet address becomes available
   useEffect(() => {
@@ -24,7 +30,14 @@ export function WalletProvider({ children }: { children: ReactNode }) {
     }
   }, [wallet.address, sep10.isAuthenticated, sep10.isAuthenticating, sep10.authenticate]);
 
-  const value: WalletContextValue = { ...wallet, sep10 };
+  const value: WalletContextValue = {
+    ...wallet,
+    sep10,
+    ledgerStatus: ledger.status,
+    derivationPath: ledger.derivationPath,
+    setDerivationPath: ledger.setDerivationPath,
+    connectLedger: ledger.connect,
+  };
 
   return <WalletContext.Provider value={value}>{children}</WalletContext.Provider>;
 }
@@ -36,4 +49,4 @@ export function useWalletContext(): WalletContextValue {
     throw new Error("useWalletContext must be used within a WalletProvider");
   }
   return ctx;
-}
+}
\ No newline at end of file
diff --git a/src/hooks/useStellarTransaction.ts b/src/hooks/useStellarTransaction.ts
index 727a4135..9addf030 100644
--- a/src/hooks/useStellarTransaction.ts
+++ b/src/hooks/useStellarTransaction.ts
@@ -2,8 +2,10 @@
 
 import { useCallback, useRef, useState } from "react";
 import { signTransaction, NETWORK_PASSPHRASE } from "@/lib/freighter";
+import { signWithLedger, isLedgerError } from "@/lib/ledger";
 import { classifyError } from "@/lib/errors";
 import { useToast } from "@/contexts/ToastContext";
+import { useWallet } from "@/contexts/WalletContext";
 
 const HORIZON_URL =
   process.env.NEXT_PUBLIC_HORIZON_URL ??
@@ -40,6 +42,15 @@ function isUserRejection(error: unknown): boolean {
   );
 }
 
+/**
+ * Ledger reports a declined signature with its own status codes rather than
+ * the Freighter wording, so check both shapes.
+ */
+function isLedgerRejection(error: unknown): boolean {
+  if (!isLedgerError(error)) return false;
+  return error.code === "user_rejected" || error.code === "denied";
+}
+
 /**
  * Sign a transaction with the connected wallet, submit it to Horizon, and
  * surface the outcome as a toast.
@@ -50,6 +61,7 @@ function isUserRejection(error: unknown): boolean {
  */
 export function useStellarTransaction() {
   const toast = useToast();
+  const { activeWallet } = useWallet();
   const [status, setStatus] = useState<TransactionStatus>("idle");
   const [txHash, setTxHash] = useState<string | null>(null);
   // Guards against a double-submit from an impatient second click.
@@ -67,13 +79,25 @@ export function useStellarTransaction() {
       try {
         let signedXdr: string;
         try {
-          signedXdr = await signTransaction(unsignedXdr);
+          if (activeWallet === "ledger") {
+            // signWithLedger displays the transaction on the device and waits
+            // for the user to confirm before returning the signed envelope.
+            signedXdr = await signWithLedger(unsignedXdr);
+          } else {
+            signedXdr = await signTransaction(unsignedXdr);
+          }
         } catch (err) {
-          if (isUserRejection(err)) {
+          if (isUserRejection(err) || isLedgerRejection(err)) {
             toast.error("Transaction rejected in your wallet.");
             setStatus("error");
             throw err;
           }
+          if (isLedgerError(err)) {
+            // Connection/transport failures get a Ledger-specific message.
+            toast.error(err.message);
+            setStatus("error");
+            throw err;
+          }
           throw err;
         }
 
@@ -97,8 +121,9 @@ export function useStellarTransaction() {
         return { txHash: hash };
       } catch (err) {
         setStatus("error");
-        // A user rejection already produced its own toast above.
-        if (!isUserRejection(err)) {
+        // A user rejection or Ledger transport error already produced its own
+        // toast above.
+        if (!isUserRejection(err) && !isLedgerError(err)) {
           toast.error(options.errorMessage ?? describeFailure(err));
         }
         throw err;
@@ -106,7 +131,7 @@ export function useStellarTransaction() {
         inFlight.current = false;
       }
     },
-    [toast]
+    [toast, activeWallet]
   );
 
   const reset = useCallback(() => {
diff --git a/src/hooks/useTransactionWithRetry.ts b/src/hooks/useTransactionWithRetry.ts
index bd80ac2b..36c6b8b8 100644
--- a/src/hooks/useTransactionWithRetry.ts
+++ b/src/hooks/useTransactionWithRetry.ts
@@ -15,6 +15,48 @@ const DEFAULT_OPTIONS = {
   retryableStatusCodes: [429],
 };
 
+// Ledger hardware wallet error codes/messages that should never be retried.
+const LEDGER_ERROR_PATTERNS = [
+  'disconnected',
+  'device disconnected',
+  'no device',
+  'device not found',
+  'app not open',
+  'app is not open',
+  'stellar app',
+  'locked',
+  'device locked',
+  'denied',
+  'user rejected',
+  '0x6b0c',
+  '0x5515',
+  '0x6985',
+];
+
+const LEDGER_ERROR_MESSAGES: Record<string, string> = {
+  disconnected: 'Ledger device disconnected. Please reconnect your device and try again.',
+  'no device': 'No Ledger device found. Please connect your Ledger and try again.',
+  'app not open': 'Please open the Stellar app on your Ledger device and try again.',
+  locked: 'Your Ledger device is locked. Please unlock it and try again.',
+  denied: 'Transaction was rejected on your Ledger device.',
+};
+
+function isLedgerError(error: any): boolean {
+  const message = String(error?.message || error || '').toLowerCase();
+  const name = String(error?.name || '').toLowerCase();
+  const code = String(error?.code || error?.statusCode || '').toLowerCase();
+  const haystack = `${message} ${name} ${code}`;
+  return LEDGER_ERROR_PATTERNS.some((pattern) => haystack.includes(pattern));
+}
+
+function getLedgerErrorMessage(error: any): string {
+  const message = String(error?.message || error || '').toLowerCase();
+  for (const [key, friendly] of Object.entries(LEDGER_ERROR_MESSAGES)) {
+    if (message.includes(key)) return friendly;
+  }
+  return 'Ledger device error. Please check your connection and try again.';
+}
+
 export function useTransactionWithRetry(options?: RetryOptions) {
   const toast = useToast();
   const abortControllers = useRef<Map<string, AbortController>>(new Map());
@@ -63,6 +105,14 @@ export function useTransactionWithRetry(options?: RetryOptions) {
           return result;
         } catch (error) {
           lastError = error instanceof Error ? error : new Error(String(error));
+
+          // Ledger hardware wallet errors are never retryable; surface a clear message.
+          if (isLedgerError(error)) {
+            if (toastId) toast.dismiss(toastId);
+            toast.error(getLedgerErrorMessage(error));
+            throw lastError;
+          }
+
           const statusCode = getStatusCode(error);
           const isRetryable =
             opts.retryableStatusCodes.includes(statusCode!) &&
diff --git a/src/hooks/useWallet.ts b/src/hooks/useWallet.ts
index 87d09486..8d35fb3a 100644
--- a/src/hooks/useWallet.ts
+++ b/src/hooks/useWallet.ts
@@ -9,8 +9,16 @@ import {
   getWalletConnectPublicKey,
 } from "@/lib/freighter";
 import type { WalletType } from "@/lib/freighter";
+import {
+  connectLedger,
+  getLedgerPublicKey,
+  getLedgerStatus,
+  DEFAULT_LEDGER_DERIVATION_PATH,
+} from "@/lib/ledger";
+import type { LedgerStatus } from "@/lib/ledger";
 
 const STORAGE_KEY = "stellarsplit_wallet";
+const DERIVATION_PATH_KEY = "stellarsplit_ledger_derivation_path";
 
 interface CachedWallet {
   address: string;
@@ -23,6 +31,26 @@ interface WalletState {
   connecting: boolean;
   error: string | null;
   freighterInstalled: boolean | null;
+  ledgerStatus: LedgerStatus;
+  derivationPath: string;
+}
+
+function readDerivationPath(): string {
+  if (typeof window === "undefined") return DEFAULT_LEDGER_DERIVATION_PATH;
+  try {
+    return window.localStorage.getItem(DERIVATION_PATH_KEY) || DEFAULT_LEDGER_DERIVATION_PATH;
+  } catch {
+    return DEFAULT_LEDGER_DERIVATION_PATH;
+  }
+}
+
+function writeDerivationPath(path: string) {
+  if (typeof window === "undefined") return;
+  try {
+    window.localStorage.setItem(DERIVATION_PATH_KEY, path);
+  } catch {
+    // localStorage unavailable — path just won't persist across a refresh.
+  }
 }
 
 function readCache(): CachedWallet | null {
@@ -72,6 +100,8 @@ export function useWallet() {
       connecting: false,
       error: null,
       freighterInstalled: null,
+      ledgerStatus: "disconnected",
+      derivationPath: readDerivationPath(),
     };
   });
 
@@ -104,13 +134,49 @@ export function useWallet() {
       // For Freighter, only skip straight to getPublicKey() (no popup) when
       // isConnected() confirms the extension already granted this origin
       // access. For WalletConnect there's no equivalent probe — fall back
-      // to the existing silent getWalletConnectPublicKey() check.
+      // to the existing silent getWalletConnectPublicKey() check. Ledger
+      // requires the device to be reconnected, so it's verified separately.
       if (cached.walletType === "freighter" && !freighterConnected) {
         writeCache(null);
         setState((prev) => ({ ...prev, address: null, walletType: null }));
         return;
       }
 
+      if (cached.walletType === "ledger") {
+        try {
+          const status = await getLedgerStatus();
+          if (cancelled) return;
+          setState((prev) => ({ ...prev, ledgerStatus: status }));
+
+          if (status !== "connected") {
+            writeCache(null);
+            setState((prev) => ({ ...prev, address: null, walletType: null }));
+            return;
+          }
+
+          const key = await getLedgerPublicKey(readDerivationPath());
+          if (cancelled) return;
+
+          if (key && key === cached.address) {
+            setState((prev) => ({ ...prev, address: key, walletType: "ledger" }));
+          } else {
+            writeCache(null);
+            setState((prev) => ({ ...prev, address: null, walletType: null }));
+          }
+        } catch {
+          if (!cancelled) {
+            writeCache(null);
+            setState((prev) => ({
+              ...prev,
+              address: null,
+              walletType: null,
+              ledgerStatus: "error",
+            }));
+          }
+        }
+        return;
+      }
+
       try {
         const key =
           cached.walletType === "freighter"
@@ -150,22 +216,65 @@ export function useWallet() {
         return { address, walletType: "freighter" as WalletType };
       }
 
+      if (type === "ledger") {
+        const path = readDerivationPath();
+        setState((prev) => ({ ...prev, ledgerStatus: "connecting" }));
+        const address = await connectLedger(path);
+        writeCache({ address, walletType: "ledger" });
+        setState((prev) => ({
+          ...prev,
+          address,
+          walletType: "ledger",
+          connecting: false,
+          ledgerStatus: "connected",
+          derivationPath: path,
+        }));
+        return { address, walletType: "ledger" as WalletType };
+      }
+
       const { publicKey, uri } = await connectWalletConnect();
       writeCache({ address: publicKey, walletType: "walletconnect" });
       setState((prev) => ({ ...prev, address: publicKey, walletType: "walletconnect", connecting: false }));
       return { address: publicKey, walletType: "walletconnect" as WalletType, uri };
     } catch (e) {
-      setState((prev) => ({ ...prev, connecting: false, error: String(e) }));
+      setState((prev) => ({
+        ...prev,
+        connecting: false,
+        error: String(e),
+        ledgerStatus: type === "ledger" ? "error" : prev.ledgerStatus,
+      }));
       throw e;
     }
   }, []);
 
+  const setDerivationPath = useCallback((path: string) => {
+    writeDerivationPath(path);
+    setState((prev) => ({ ...prev, derivationPath: path }));
+  }, []);
+
+  const refreshLedgerStatus = useCallback(async () => {
+    try {
+      const status = await getLedgerStatus();
+      setState((prev) => ({ ...prev, ledgerStatus: status }));
+      return status;
+    } catch {
+      setState((prev) => ({ ...prev, ledgerStatus: "error" }));
+      return "error" as LedgerStatus;
+    }
+  }, []);
+
   const disconnect = useCallback(async () => {
     if (state.walletType === "walletconnect") {
       await disconnectWalletConnect();
     }
     writeCache(null);
-    setState((prev) => ({ ...prev, address: null, walletType: null, error: null }));
+    setState((prev) => ({
+      ...prev,
+      address: null,
+      walletType: null,
+      error: null,
+      ledgerStatus: prev.walletType === "ledger" ? "disconnected" : prev.ledgerStatus,
+    }));
   }, [state.walletType]);
 
   return {
@@ -174,6 +283,10 @@ export function useWallet() {
     connecting: state.connecting,
     error: state.error,
     freighterInstalled: state.freighterInstalled,
+    ledgerStatus: state.ledgerStatus,
+    derivationPath: state.derivationPath,
+    setDerivationPath,
+    refreshLedgerStatus,
     connect,
     disconnect,
   };
diff --git a/src/lib/errors.ts b/src/lib/errors.ts
index 39152421..4dd8a24a 100644
--- a/src/lib/errors.ts
+++ b/src/lib/errors.ts
@@ -2,6 +2,10 @@ export type ErrorKind =
   | "wallet_not_connected"
   | "invoice_not_found"
   | "rpc_timeout"
+  | "ledger_not_connected"
+  | "ledger_locked"
+  | "ledger_app_not_open"
+  | "ledger_denied"
   | "unknown";
 
 export interface ClassifiedError {
@@ -25,6 +29,26 @@ const PATTERNS: { kind: ErrorKind; match: RegExp; message: string }[] = [
     match: /rpc timeout|timed out|timeout/i,
     message: "The Stellar RPC request timed out. Please try again.",
   },
+  {
+    kind: "ledger_not_connected",
+    match: /ledger.*not connected|no ledger device|ledger device not found|device not found|disconnected/i,
+    message: "Connect your Ledger device and try again.",
+  },
+  {
+    kind: "ledger_locked",
+    match: /ledger.*locked|device.*locked|unlock your ledger/i,
+    message: "Unlock your Ledger device to continue.",
+  },
+  {
+    kind: "ledger_app_not_open",
+    match: /ledger.*app.*not open|open the stellar app|stellar app.*not open|app is not open/i,
+    message: "Open the Stellar app on your Ledger device to continue.",
+  },
+  {
+    kind: "ledger_denied",
+    match: /ledger.*denied|user denied|rejected on device|transaction rejected|denied on device/i,
+    message: "The transaction was rejected on your Ledger device.",
+  },
 ];
 
 export function classifyError(error: unknown): ClassifiedError {
diff --git a/src/lib/freighter.ts b/src/lib/freighter.ts
index 2a37614e..450e85b7 100644
--- a/src/lib/freighter.ts
+++ b/src/lib/freighter.ts
@@ -10,10 +10,13 @@ export const NETWORK_PASSPHRASE =
     ? "Public Global Stellar Network ; September 2015"
     : "Test SDF Network ; September 2015";
 
-export type WalletType = "freighter" | "walletconnect";
+export type WalletType = "freighter" | "walletconnect" | "ledger";
 
 let walletConnectKit: WalletConnectKit | null = null;
 
+/** Cached Ledger public key once a device has been connected. */
+let ledgerPublicKey: string | null = null;
+
 /** Initialize WalletConnect kit */
 async function initWalletConnectKit() {
   if (walletConnectKit) return walletConnectKit;
@@ -82,6 +85,50 @@ export async function signWithWalletConnect(xdr: string): Promise<string> {
   return (kit as any).signTransaction(xdr, NETWORK_PASSPHRASE);
 }
 
+/** Connect a Ledger hardware wallet and return the user's public key. */
+export async function connectLedger(): Promise<string> {
+  if (typeof window === "undefined") throw new Error("Browser only");
+  const { connectLedger: connect } = await import("@/lib/ledger");
+  const publicKey = await connect();
+  ledgerPublicKey = publicKey;
+  return publicKey;
+}
+
+/** Get the connected Ledger public key without prompting. */
+export async function getLedgerPublicKey(): Promise<string | null> {
+  if (typeof window === "undefined") return null;
+
+  try {
+    const { getLedgerPublicKey: getKey } = await import("@/lib/ledger");
+    const key = await getKey();
+    ledgerPublicKey = key;
+    return key;
+  } catch {
+    return ledgerPublicKey;
+  }
+}
+
+/** Sign a transaction XDR with a Ledger hardware wallet. */
+export async function signWithLedger(xdr: string): Promise<string> {
+  if (typeof window === "undefined") throw new Error("Browser only");
+  const { signWithLedger: sign } = await import("@/lib/ledger");
+  return sign(xdr, NETWORK_PASSPHRASE);
+}
+
+/** Disconnect the Ledger hardware wallet. */
+export async function disconnectLedger(): Promise<void> {
+  if (typeof window === "undefined") throw new Error("Browser only");
+
+  try {
+    const { disconnectLedger: disconnect } = await import("@/lib/ledger");
+    await disconnect();
+  } catch {
+    // Ignore errors on disconnect
+  } finally {
+    ledgerPublicKey = null;
+  }
+}
+
 /** Disconnect WalletConnect. */
 export async function disconnectWalletConnect(): Promise<void> {
   if (typeof window === "undefined") throw new Error("Browser only");
@@ -98,6 +145,10 @@ export async function disconnectWalletConnect(): Promise<void> {
 /** Returns true if any supported wallet is currently connected. */
 export async function isWalletConnected(): Promise<boolean> {
   if (typeof window === "undefined") return false;
+  try {
+    const ledgerKey = await getLedgerPublicKey();
+    if (ledgerKey) return true;
+  } catch { /* fall through */ }
   try {
     const wcKey = await getWalletConnectPublicKey();
     if (wcKey) return true;
@@ -114,6 +165,16 @@ export async function isWalletConnected(): Promise<boolean> {
 export async function signTransaction(xdr: string): Promise<string> {
   if (typeof window === "undefined") throw new Error("Browser only");
 
+  // Prefer Ledger if a device is the active wallet
+  try {
+    const ledgerKey = await getLedgerPublicKey();
+    if (ledgerKey) {
+      return signWithLedger(xdr);
+    }
+  } catch {
+    // Ledger not available, try WalletConnect
+  }
+
   // Try WalletConnect first if available
   try {
     const wcKey = await getWalletConnectPublicKey();
diff --git a/src/lib/ledger.ts b/src/lib/ledger.ts
new file mode 100644
index 00000000..6d4d9f3f
--- /dev/null
+++ b/src/lib/ledger.ts
@@ -0,0 +1,398 @@
+import { Transaction, Networks } from '@stellar/stellar-sdk';
+
+export type LedgerErrorCode =
+  | 'not_connected'
+  | 'locked'
+  | 'app_not_open'
+  | 'denied'
+  | 'unsupported'
+  | 'unknown';
+
+export class LedgerError extends Error {
+  code: LedgerErrorCode;
+
+  constructor(code: LedgerErrorCode, message?: string) {
+    super(message ?? defaultMessageForCode(code));
+    this.name = 'LedgerError';
+    this.code = code;
+  }
+}
+
+function defaultMessageForCode(code: LedgerErrorCode): string {
+  switch (code) {
+    case 'not_connected':
+      return 'No Ledger device is connected.';
+    case 'locked':
+      return 'The Ledger device is locked. Please unlock it and try again.';
+    case 'app_not_open':
+      return 'The Stellar app is not open on the Ledger device.';
+    case 'denied':
+      return 'The transaction was rejected on the Ledger device.';
+    case 'unsupported':
+      return 'Ledger devices are not supported in this environment.';
+    case 'unknown':
+    default:
+      return 'An unknown Ledger error occurred.';
+  }
+}
+
+export interface DerivationPath {
+  /** Human readable label, e.g. "Ledger 1". */
+  label: string;
+  /** BIP32 derivation path, e.g. "44'/148'/0'". */
+  path: string;
+}
+
+export interface LedgerStatus {
+  connected: boolean;
+  locked: boolean;
+  appOpen: boolean;
+  /** Currently selected derivation path, if any. */
+  path: string | null;
+  /** Public key for the selected path, if available. */
+  publicKey: string | null;
+  error: LedgerErrorCode | null;
+}
+
+export interface SignResult {
+  /** Base64-encoded signed transaction envelope XDR. */
+  signedXdr: string;
+  /** Public key that signed the transaction. */
+  publicKey: string;
+}
+
+const DEFAULT_DERIVATION_PATHS: DerivationPath[] = [
+  { label: 'Ledger 1', path: "44'/148'/0'" },
+  { label: 'Ledger 2', path: "44'/148'/1'" },
+  { label: 'Ledger 3', path: "44'/148'/2'" },
+  { label: 'Ledger 4', path: "44'/148'/3'" },
+  { label: 'Ledger 5', path: "44'/148'/4'" },
+];
+
+// Minimal structural types for the dynamically imported Ledger modules so we
+// don't need to depend on their type packages at build time.
+interface StrTransport {
+  close(): Promise<void>;
+}
+
+interface StrApp {
+  getPublicKey(
+    path: string,
+    display?: boolean,
+    verify?: boolean
+  ): Promise<{ publicKey: string }>;
+  signTransaction(
+    path: string,
+    rawTxHex: string
+  ): Promise<{ signature: string }>;
+}
+
+interface TransportWebHIDStatic {
+  create(): Promise<StrTransport>;
+  list?(): Promise<unknown[]>;
+}
+
+interface StrAppStatic {
+  new (transport: StrTransport): StrApp;
+}
+
+interface LedgerState {
+  transport: StrTransport | null;
+  app: StrApp | null;
+  selectedPath: string | null;
+  publicKey: string | null;
+  status: LedgerStatus;
+}
+
+const state: LedgerState = {
+  transport: null,
+  app: null,
+  selectedPath: null,
+  publicKey: null,
+  status: {
+    connected: false,
+    locked: false,
+    appOpen: false,
+    path: null,
+    publicKey: null,
+    error: null,
+  },
+};
+
+function isBrowser(): boolean {
+  return typeof window !== 'undefined';
+}
+
+function mapLedgerError(err: unknown): LedgerError {
+  if (err instanceof LedgerError) {
+    return err;
+  }
+
+  const message =
+    err instanceof Error ? err.message : typeof err === 'string' ? err : '';
+  const lower = message.toLowerCase();
+
+  // Ledger status codes / messages commonly surfaced by hw-app-str and
+  // transport-webhid.
+  if (
+    lower.includes('no device') ||
+    lower.includes('no device selected') ||
+    lower.includes('cannot open device') ||
+    lower.includes('disconnected') ||
+    lower.includes('not found') ||
+    lower.includes('failed to open the device')
+  ) {
+    return new LedgerError('not_connected', message || undefined);
+  }
+
+  if (
+    lower.includes('locked') ||
+    lower.includes('0x5515') ||
+    lower.includes('device is locked')
+  ) {
+    return new LedgerError('locked', message || undefined);
+  }
+
+  if (
+    lower.includes('app') &&
+    (lower.includes('not open') ||
+      lower.includes('not running') ||
+      lower.includes('0x6e01') ||
+      lower.includes('0x6511') ||
+      lower.includes('0x6d00'))
+  ) {
+    return new LedgerError('app_not_open', message || undefined);
+  }
+
+  if (
+    lower.includes('denied') ||
+    lower.includes('rejected') ||
+    lower.includes('0x6985') ||
+    lower.includes('user refused') ||
+    lower.includes('cancel')
+  ) {
+    return new LedgerError('denied', message || undefined);
+  }
+
+  return new LedgerError('unknown', message || undefined);
+}
+
+async function loadTransport(): Promise<TransportWebHIDStatic> {
+  const mod = await import('@ledgerhq/hw-transport-webhid');
+  const TransportWebHID =
+    (mod as unknown as { default?: TransportWebHIDStatic }).default ??
+    (mod as unknown as TransportWebHIDStatic);
+  return TransportWebHID;
+}
+
+async function loadStrApp(): Promise<StrAppStatic> {
+  const mod = await import('@ledgerhq/hw-app-str');
+  const Str =
+    (mod as unknown as { default?: StrAppStatic }).default ??
+    (mod as unknown as StrAppStatic);
+  return Str;
+}
+
+function updateStatus(partial: Partial<LedgerStatus>): void {
+  state.status = { ...state.status, ...partial };
+}
+
+/**
+ * Connect to a Ledger device and open the Stellar app.
+ * Throws a typed LedgerError on failure.
+ */
+export async function connectLedger(): Promise<LedgerStatus> {
+  if (!isBrowser()) {
+    const error = new LedgerError('unsupported');
+    updateStatus({ connected: false, error: error.code });
+    throw error;
+  }
+
+  // If already connected, return current status.
+  if (state.transport && state.app) {
+    return getLedgerStatus();
+  }
+
+  try {
+    const TransportWebHID = await loadTransport();
+    const Str = await loadStrApp();
+
+    const transport = await TransportWebHID.create();
+    const app = new Str(transport);
+
+    state.transport = transport;
+    state.app = app;
+
+    // Verify the Stellar app is open by requesting the public key for the
+    // currently selected (or default) path without on-device display.
+    const path = state.selectedPath ?? DEFAULT_DERIVATION_PATHS[0].path;
+    const { publicKey } = await app.getPublicKey(path, false, false);
+
+    state.selectedPath = path;
+    state.publicKey = publicKey;
+
+    updateStatus({
+      connected: true,
+      locked: false,
+      appOpen: true,
+      path,
+      publicKey,
+      error: null,
+    });
+
+    return getLedgerStatus();
+  } catch (err) {
+    const ledgerError = mapLedgerError(err);
+    state.transport = null;
+    state.app = null;
+    state.publicKey = null;
+
+    updateStatus({
+      connected: false,
+      locked: ledgerError.code === 'locked',
+      appOpen: false,
+      publicKey: null,
+      error: ledgerError.code,
+    });
+
+    throw ledgerError;
+  }
+}
+
+/**
+ * Disconnect from the Ledger device and release the transport.
+ */
+export async function disconnectLedger(): Promise<void> {
+  const transport = state.transport;
+  state.transport = null;
+  state.app = null;
+  state.publicKey = null;
+
+  updateStatus({
+    connected: false,
+    locked: false,
+    appOpen: false,
+    publicKey: null,
+    error: null,
+  });
+
+  if (transport) {
+    try {
+      await transport.close();
+    } catch {
+      // Ignore errors while closing; the device may already be gone.
+    }
+  }
+}
+
+/**
+ * Return the current Ledger connection status.
+ */
+export function getLedgerStatus(): LedgerStatus {
+  return { ...state.status };
+}
+
+/**
+ * List the available derivation paths for the Stellar app.
+ */
+export function listDerivationPaths(): DerivationPath[] {
+  return DEFAULT_DERIVATION_PATHS.map((p) => ({ ...p }));
+}
+
+/**
+ * Select a derivation path and (if connected) fetch the corresponding
+ * public key from the device.
+ */
+export async function selectDerivationPath(path: string): Promise<LedgerStatus> {
+  const known = DEFAULT_DERIVATION_PATHS.some((p) => p.path === path);
+  if (!known) {
+    throw new LedgerError('unknown', `Unknown derivation path: ${path}`);
+  }
+
+  state.selectedPath = path;
+  updateStatus({ path });
+
+  if (!state.app) {
+    return getLedgerStatus();
+  }
+
+  try {
+    const { publicKey } = await state.app.getPublicKey(path, false, false);
+    state.publicKey = publicKey;
+    updateStatus({ publicKey, error: null });
+    return getLedgerStatus();
+  } catch (err) {
+    const ledgerError = mapLedgerError(err);
+    updateStatus({ error: ledgerError.code });
+    throw ledgerError;
+  }
+}
+
+/**
+ * Sign a transaction XDR using the Ledger device. The transaction is displayed
+ * on-device for verification before the user confirms signing.
+ *
+ * @param xdr Base64-encoded transaction envelope XDR.
+ * @param path Optional derivation path; defaults to the selected path.
+ */
+export async function signWithLedger(
+  xdr: string,
+  path?: string
+): Promise<SignResult> {
+  if (!isBrowser()) {
+    throw new LedgerError('unsupported');
+  }
+
+  if (!state.app || !state.transport) {
+    throw new LedgerError('not_connected');
+  }
+
+  const derivationPath = path ?? state.selectedPath;
+  if (!derivationPath) {
+    throw new LedgerError('not_connected', 'No derivation path selected.');
+  }
+
+  try {
+    // Ensure we have the public key for the signing path.
+    let publicKey = state.publicKey;
+    if (!publicKey || derivationPath !== state.selectedPath) {
+      const res = await state.app.getPublicKey(derivationPath, false, false);
+      publicKey = res.publicKey;
+      state.publicKey = publicKey;
+      state.selectedPath = derivationPath;
+      updateStatus({ publicKey, path: derivationPath });
+    }
+
+    // Parse the transaction so we can display it on-device. The Stellar app
+    // shows the transaction details for the user to verify before signing.
+    const transaction = new Transaction(xdr, {
+      networkPassphrase: Networks.PUBLIC,
+    });
+
+    // The Stellar app expects the raw transaction envelope as hex. Using the
+    // unsigned envelope ensures the device displays and signs the intended
+    // transaction.
+    const rawTxHex = transaction
+      .toEnvelope()
+      .toXDR()
+      .toString('hex');
+
+    const { signature } = await state.app.signTransaction(
+      derivationPath,
+      rawTxHex
+    );
+
+    // Attach the signature returned by the device to the transaction.
+    transaction.addSignature(publicKey, signature);
+
+    const signedXdr = transaction.toEnvelope().toXDR('base64');
+
+    updateStatus({ error: null });
+
+    return { signedXdr, publicKey };
+  } catch (err) {
+    const ledgerError = mapLedgerError(err);
+    updateStatus({ error: ledgerError.code });
+    throw ledgerError;
+  }
+}
\ No newline at end of file
diff --git a/src/lib/notifications.ts b/src/lib/notifications.ts
index 3244c58f..128fe571 100644
--- a/src/lib/notifications.ts
+++ b/src/lib/notifications.ts
@@ -7,6 +7,9 @@ interface NotificationPreferences {
   deadlineApproaching: boolean;
   invoiceReleased: boolean;
   invoiceRefunded: boolean;
+  subscriptionBilling: boolean;
+  subscriptionPaused: boolean;
+  subscriptionCancelled: boolean;
 }
 
 const DEFAULT_PREFS: NotificationPreferences = {
@@ -15,6 +18,9 @@ const DEFAULT_PREFS: NotificationPreferences = {
   deadlineApproaching: true,
   invoiceReleased: true,
   invoiceRefunded: true,
+  subscriptionBilling: true,
+  subscriptionPaused: true,
+  subscriptionCancelled: true,
 };
 
 function getPreferences(): NotificationPreferences {
@@ -130,6 +136,36 @@ export function notifyInvoiceRefunded(invoiceId: string): void {
   });
 }
 
+/** Notify when a subscription billing charge occurs. */
+export function notifySubscriptionBilling(subId: string, amountLabel: string): void {
+  const prefs = getPreferences();
+  if (!prefs.subscriptionBilling) return;
+  sendBrowserNotification(`Subscription #${subId} billed`, {
+    body: `${amountLabel} USDC charged for your subscription.`,
+    tag: `subscription-billing-${subId}`,
+  });
+}
+
+/** Notify when a subscription is paused. */
+export function notifySubscriptionPaused(subId: string): void {
+  const prefs = getPreferences();
+  if (!prefs.subscriptionPaused) return;
+  sendBrowserNotification(`Subscription #${subId} paused`, {
+    body: "Billing is paused until you resume the subscription.",
+    tag: `subscription-paused-${subId}`,
+  });
+}
+
+/** Notify when a subscription is cancelled, including the recorded reason. */
+export function notifySubscriptionCancelled(subId: string, reason: string): void {
+  const prefs = getPreferences();
+  if (!prefs.subscriptionCancelled) return;
+  sendBrowserNotification(`Subscription #${subId} cancelled`, {
+    body: reason ? `Reason: ${reason}` : "The subscription has been cancelled.",
+    tag: `subscription-cancelled-${subId}`,
+  });
+}
+
 /** Stellar address regex: G followed by 55 uppercase alphanumeric chars. */
 const STELLAR_ADDRESS_RE = /\bG[A-Z0-9]{55}\b/g;
 
diff --git a/src/lib/pushNotifications.ts b/src/lib/pushNotifications.ts
index c0c7c8c7..f8d42100 100644
--- a/src/lib/pushNotifications.ts
+++ b/src/lib/pushNotifications.ts
@@ -44,7 +44,26 @@ export async function showInvoiceNotification(
   }
 }
 
+export async function showSubscriptionNotification(
+  subscriptionId: string,
+  title: string,
+  message: string
+): Promise<boolean> {
+  if (!("serviceWorker" in navigator) || !("Notification" in window)) return false;
+  if (Notification.permission !== "granted") return false;
+  try {
+    const registration = await navigator.serviceWorker.ready;
+    await registration.showNotification(title, {
+      body: message,
+      data: { subscriptionId, url: `/subscriptions/${subscriptionId}` },
+    });
+    return true;
+  } catch {
+    return false;
+  }
+}
+
 export function isPushNotificationsEnabled(): boolean {
   if (typeof window === "undefined") return false;
   return localStorage.getItem("push_subscribed") === "true";
-}
+}
\ No newline at end of file
diff --git a/src/lib/stellar.ts b/src/lib/stellar.ts
index 1da42f57..107880bd 100644
--- a/src/lib/stellar.ts
+++ b/src/lib/stellar.ts
@@ -6,6 +6,7 @@
 
 import { StellarSplitClient, formatAmount } from "@stellar-split/sdk";
 import { NETWORK_PASSPHRASE } from "./freighter";
+import { signTransaction } from "./walletSigner";
 
 let _client: StellarSplitClient | null = null;
 
@@ -89,7 +90,6 @@ export async function convertXlmToUsdc(
   }
 
   const { Asset, Horizon, Operation, TransactionBuilder, BASE_FEE } = await import("@stellar/stellar-sdk");
-  const { signWithFreighter } = await import("./freighter");
 
   const destinationAmount = formatAmount(usdcAmount);
   const usdcAsset = new Asset("USDC", USDC_CONTRACT_ID);
@@ -128,7 +128,10 @@ export async function convertXlmToUsdc(
     .setTimeout(30)
     .build();
 
-  const signedXdr = await signWithFreighter(tx.toXDR());
+  const signedXdr = await signTransaction(tx.toXDR(), {
+    address: walletAddress,
+    networkPassphrase: NETWORK_PASSPHRASE,
+  });
   const signedTx = TransactionBuilder.fromXDR(signedXdr, NETWORK_PASSPHRASE);
   const submitResult = await server.submitTransaction(signedTx);
 
@@ -162,7 +165,6 @@ export async function payMilestone(params: {
 }): Promise<{ txHash: string }> {
   const client = getSplitClient();
   const { TransactionBuilder, BASE_FEE, Memo, nativeToScVal, rpc } = await import("@stellar/stellar-sdk");
-  const { signWithFreighter } = await import("./freighter");
 
   // The published @stellar-split/sdk keeps `contract`, `server` and `config`
   // as private fields with no public accessors. Milestone payments need a
@@ -202,7 +204,10 @@ export async function payMilestone(params: {
   }
 
   const preparedTx = rpc.assembleTransaction(tx, simResult).build();
-  const signedXdr = await signWithFreighter(preparedTx.toXDR());
+  const signedXdr = await signTransaction(preparedTx.toXDR(), {
+    address: params.payer,
+    networkPassphrase,
+  });
   const signedTx = TransactionBuilder.fromXDR(signedXdr, networkPassphrase);
   const sendResult = await internals.server.sendTransaction(signedTx);
 
diff --git a/src/lib/stellarErrorParser.ts b/src/lib/stellarErrorParser.ts
index 3615c609..c2c3b9f5 100644
--- a/src/lib/stellarErrorParser.ts
+++ b/src/lib/stellarErrorParser.ts
@@ -51,6 +51,34 @@ const ERROR_MAPPING: Record<string, ParsedStellarError> = {
     suggestedAction: 'Establish a trustline for this asset first, then retry.',
     actionType: 'manual',
   },
+  ledger_not_connected: {
+    code: 'ledger_not_connected',
+    title: 'Ledger Device Not Connected',
+    explanation: 'No Ledger hardware wallet was detected. The device may be unplugged, or the browser may not have permission to access it.',
+    suggestedAction: 'Connect your Ledger device via USB, unlock it, and make sure the Stellar app is installed. Then retry the connection.',
+    actionType: 'manual',
+  },
+  ledger_locked: {
+    code: 'ledger_locked',
+    title: 'Ledger Device Locked',
+    explanation: 'The Ledger device is locked and cannot sign transactions until it is unlocked.',
+    suggestedAction: 'Unlock your Ledger device with your PIN, open the Stellar app, and retry.',
+    actionType: 'manual',
+  },
+  ledger_app_not_open: {
+    code: 'ledger_app_not_open',
+    title: 'Stellar App Not Open on Ledger',
+    explanation: 'The Ledger device is connected but the Stellar app is not currently open.',
+    suggestedAction: 'Open the Stellar app on your Ledger device and retry the operation.',
+    actionType: 'manual',
+  },
+  ledger_denied: {
+    code: 'ledger_denied',
+    title: 'Transaction Rejected on Ledger',
+    explanation: 'The transaction was rejected on the Ledger device. Signing was cancelled or the transaction details were not approved.',
+    suggestedAction: 'Review the transaction details on your Ledger device and approve the signing request, then retry.',
+    actionType: 'manual',
+  },
 };
 
 export function parseStellarError(errorCode: string, rawError?: any): ParsedStellarError {
diff --git a/src/lib/subscriptions.ts b/src/lib/subscriptions.ts
index bad99980..e714d358 100644
--- a/src/lib/subscriptions.ts
+++ b/src/lib/subscriptions.ts
@@ -1,9 +1,12 @@
 import { formatAmount } from "@stellar-split/sdk";
 import type {
   Subscription,
+  SubscriptionCancellationReason,
   SubscriptionFrequency,
   SubscriptionInvoice,
+  SubscriptionStatus,
 } from "@/types/subscription";
+import { pushNotification } from "@/lib/notifications/pushNotifications";
 
 const STORAGE_KEY = "stellar_split_subscriptions";
 
@@ -93,26 +96,156 @@ export function computeUpcomingDates(
 }
 
 /**
- * Pause a subscription — sets status to "paused".
+ * Lifecycle state-transition guards.
+ */
+export function canPause(sub: Subscription): boolean {
+  return sub.status === "active";
+}
+
+export function canResume(sub: Subscription): boolean {
+  return sub.status === "paused";
+}
+
+export function canCancel(sub: Subscription): boolean {
+  return sub.status === "active" || sub.status === "paused";
+}
+
+/**
+ * Pause a subscription — sets status to "paused" and records the timestamp.
  */
 export function pauseSubscription(sub: Subscription): Subscription {
-  return { ...sub, status: "paused" as const };
+  if (!canPause(sub)) return sub;
+  const pausedAt = Date.now() / 1000;
+  pushNotification({
+    title: "Subscription paused",
+    body: `Your ${formatFrequency(sub.frequency).toLowerCase()} subscription has been paused.`,
+    kind: "subscription-paused",
+    subscriptionId: sub.id,
+  });
+  return { ...sub, status: "paused" as const, pausedAt };
 }
 
 /**
  * Resume a subscription — sets status to "active" and recomputes nextRunDate.
  */
 export function resumeSubscription(sub: Subscription): Subscription {
+  if (!canResume(sub)) return sub;
   const now = Date.now() / 1000;
   const nextRunDate = now + sub.intervalDays * 86400;
-  return { ...sub, status: "active" as const, nextRunDate };
+  return {
+    ...sub,
+    status: "active" as const,
+    nextRunDate,
+    pausedAt: undefined,
+  };
+}
+
+/**
+ * Cancel a subscription — sets status to "cancelled" and records the reason.
+ */
+export function cancelSubscription(
+  sub: Subscription,
+  reason: SubscriptionCancellationReason,
+  note?: string
+): Subscription {
+  if (!canCancel(sub)) return sub;
+  const cancelledAt = Date.now() / 1000;
+  pushNotification({
+    title: "Subscription cancelled",
+    body: `Your ${formatFrequency(sub.frequency).toLowerCase()} subscription has been cancelled.`,
+    kind: "subscription-cancelled",
+    subscriptionId: sub.id,
+  });
+  return {
+    ...sub,
+    status: "cancelled" as const,
+    cancelledAt,
+    cancellationReason: reason,
+    cancellationNote: note,
+  };
+}
+
+/**
+ * Apply modifications immediately and recompute nextRunDate.
+ */
+export function modifySubscription(
+  sub: Subscription,
+  changes: Partial<
+    Pick<
+      Subscription,
+      "frequency" | "intervalDays" | "recipients" | "totalUsdcCollected"
+    >
+  >
+): Subscription {
+  const updated: Subscription = { ...sub, ...changes };
+  const intervalDays =
+    changes.intervalDays ??
+    (changes.frequency ? frequencyToIntervalDays(changes.frequency) : sub.intervalDays);
+  const now = Date.now() / 1000;
+  return {
+    ...updated,
+    intervalDays,
+    nextRunDate: now + intervalDays * 86400,
+  };
 }
 
 /**
- * Cancel a subscription — sets status to "cancelled".
+ * Emit a billing notification when an invoice is generated.
  */
-export function cancelSubscription(sub: Subscription): Subscription {
-  return { ...sub, status: "cancelled" as const };
+export function notifyInvoiceGenerated(
+  sub: Subscription,
+  invoice: SubscriptionInvoice
+): void {
+  pushNotification({
+    title: "Invoice generated",
+    body: `An invoice of ${formatAmount(invoice.amount)} was generated for your subscription.`,
+    kind: "invoice-generated",
+    subscriptionId: sub.id,
+    invoiceId: invoice.id,
+  });
+}
+
+export interface SubscriptionAnalytics {
+  countsByStatus: Record<SubscriptionStatus, number>;
+  total: number;
+  mrr: bigint;
+  churnRate: number;
+  cancellationReasons: Record<string, number>;
+}
+
+/**
+ * Aggregate subscription analytics for the dashboard.
+ */
+export function aggregateSubscriptionAnalytics(
+  subs: Subscription[]
+): SubscriptionAnalytics {
+  const countsByStatus: Record<SubscriptionStatus, number> = {
+    active: 0,
+    paused: 0,
+    cancelled: 0,
+  };
+  const cancellationReasons: Record<string, number> = {};
+  let mrr = BigInt(0);
+
+  for (const sub of subs) {
+    countsByStatus[sub.status] = (countsByStatus[sub.status] ?? 0) + 1;
+
+    if (sub.status === "active") {
+      const perRun = sub.recipients.reduce((sum, r) => sum + r.amount, BigInt(0));
+      const runsPerMonth = 30 / sub.intervalDays;
+      mrr += BigInt(Math.round(Number(perRun) * runsPerMonth));
+    }
+
+    if (sub.status === "cancelled" && sub.cancellationReason) {
+      cancellationReasons[sub.cancellationReason] =
+        (cancellationReasons[sub.cancellationReason] ?? 0) + 1;
+    }
+  }
+
+  const total = subs.length;
+  const churnRate = total > 0 ? countsByStatus.cancelled / total : 0;
+
+  return { countsByStatus, total, mrr, churnRate, cancellationReasons };
 }
 
 /**
diff --git a/src/lib/walletMonitor.ts b/src/lib/walletMonitor.ts
index 89be9d90..59fe4f7e 100644
--- a/src/lib/walletMonitor.ts
+++ b/src/lib/walletMonitor.ts
@@ -4,16 +4,20 @@
  */
 
 import { getFreighterPublicKey } from "./freighter";
+import { getLedgerStatus, LedgerStatus } from "./ledger";
 
 export interface WalletState {
   publicKey: string | null;
   isConnected: boolean;
+  ledger?: LedgerStatus;
 }
 
 export type WalletCallback = (state: WalletState) => void;
 
 let pollingInterval: NodeJS.Timeout | null = null;
+let ledgerPollingInterval: NodeJS.Timeout | null = null;
 let lastKnownAddress: string | null = null;
+let lastLedgerStatus: LedgerStatus | null = null;
 const callbacks: Set<WalletCallback> = new Set();
 
 export function subscribeToWalletChanges(callback: WalletCallback): () => void {
@@ -58,6 +62,53 @@ export function stopWalletPolling(): void {
   }
 }
 
+export function startLedgerPolling(
+  interval: number = 10000
+): () => void {
+  if (ledgerPollingInterval) return () => stopLedgerPolling();
+
+  ledgerPollingInterval = setInterval(async () => {
+    try {
+      const status = await getLedgerStatus();
+      const changed =
+        !lastLedgerStatus ||
+        lastLedgerStatus.connected !== status.connected ||
+        lastLedgerStatus.publicKey !== status.publicKey;
+
+      if (changed) {
+        lastLedgerStatus = status;
+        notifySubscribers({
+          publicKey: status.publicKey ?? lastKnownAddress,
+          isConnected: status.connected || !!lastKnownAddress,
+          ledger: status,
+        });
+      }
+    } catch {
+      if (lastLedgerStatus?.connected) {
+        lastLedgerStatus = { connected: false, publicKey: null };
+        notifySubscribers({
+          publicKey: lastKnownAddress,
+          isConnected: !!lastKnownAddress,
+          ledger: lastLedgerStatus,
+        });
+      }
+    }
+  }, interval);
+
+  return stopLedgerPolling;
+}
+
+export function stopLedgerPolling(): void {
+  if (ledgerPollingInterval) {
+    clearInterval(ledgerPollingInterval);
+    ledgerPollingInterval = null;
+  }
+}
+
+export function getLastLedgerStatus(): LedgerStatus | null {
+  return lastLedgerStatus;
+}
+
 function notifySubscribers(state: WalletState): void {
   callbacks.forEach((cb) => cb(state));
 }
diff --git a/src/lib/webPush.ts b/src/lib/webPush.ts
index 6eec7994..05f38cca 100644
--- a/src/lib/webPush.ts
+++ b/src/lib/webPush.ts
@@ -8,6 +8,20 @@ export interface FundingMilestonePayload {
   remainingLabel: string;
 }
 
+export interface SubscriptionBillingPayload {
+  subscriptionId: string;
+  /** Short label for the subscription/plan, e.g. "Pro plan". */
+  planName: string;
+  /** Notification kind — drives the title/body copy. */
+  kind: "billing" | "reminder" | "paused" | "resumed" | "cancelled";
+  /** Human-readable amount, e.g. "$12.00". Optional for non-billing events. */
+  amountLabel?: string;
+  /** Human-readable due date, e.g. "Mar 1, 2025". Optional for non-billing events. */
+  dueDateLabel?: string;
+  /** Optional extra detail, e.g. a cancellation reason. */
+  note?: string;
+}
+
 function vapidConfigured(): boolean {
   return Boolean(process.env.VAPID_PRIVATE_KEY && process.env.NEXT_PUBLIC_VAPID_PUBLIC_KEY);
 }
@@ -60,3 +74,83 @@ export async function sendFundingMilestoneNotification(
     return false;
   }
 }
+
+function subscriptionBillingCopy(payload: SubscriptionBillingPayload): {
+  title: string;
+  body: string;
+} {
+  switch (payload.kind) {
+    case "billing":
+      return {
+        title: `${payload.planName} — payment received`,
+        body: payload.amountLabel
+          ? `We charged ${payload.amountLabel} for your ${payload.planName} subscription.`
+          : `Your ${payload.planName} subscription was billed.`,
+      };
+    case "reminder":
+      return {
+        title: `${payload.planName} — upcoming charge`,
+        body: payload.amountLabel
+          ? `Your ${payload.planName} subscription renews for ${payload.amountLabel}${
+              payload.dueDateLabel ? ` on ${payload.dueDateLabel}` : ""
+            }.`
+          : `Your ${payload.planName} subscription is due to renew${
+              payload.dueDateLabel ? ` on ${payload.dueDateLabel}` : ""
+            }.`,
+      };
+    case "paused":
+      return {
+        title: `${payload.planName} — subscription paused`,
+        body: `Your ${payload.planName} subscription is paused and won't be billed until you resume it.`,
+      };
+    case "resumed":
+      return {
+        title: `${payload.planName} — subscription resumed`,
+        body: `Your ${payload.planName} subscription is active again${
+          payload.dueDateLabel ? ` and renews on ${payload.dueDateLabel}` : ""
+        }.`,
+      };
+    case "cancelled":
+      return {
+        title: `${payload.planName} — subscription cancelled`,
+        body: payload.note
+          ? `Your ${payload.planName} subscription was cancelled. Reason: ${payload.note}`
+          : `Your ${payload.planName} subscription was cancelled.`,
+      };
+  }
+}
+
+/**
+ * Send a subscription billing/reminder/lifecycle push notification to a single
+ * subscription. Mirrors sendFundingMilestoneNotification: returns false (without
+ * throwing) when VAPID keys aren't configured, and prunes subscriptions that the
+ * push service reports as gone (404/410).
+ */
+export async function sendSubscriptionBillingNotification(
+  subscription: StoredPushSubscription,
+  payload: SubscriptionBillingPayload
+): Promise<boolean> {
+  if (!vapidConfigured()) return false;
+  await ensureConfigured();
+  const webPush = await import("web-push");
+
+  const { title, body } = subscriptionBillingCopy(payload);
+
+  const message = JSON.stringify({
+    title,
+    body,
+    subscriptionId: payload.subscriptionId,
+    kind: payload.kind,
+  });
+
+  try {
+    await webPush.default.sendNotification(subscription, message);
+    return true;
+  } catch (err) {
+    const statusCode = (err as { statusCode?: number })?.statusCode;
+    if (statusCode === 404 || statusCode === 410) {
+      removeSubscriptionEverywhere(subscription.endpoint);
+    }
+    return false;
+  }
+}
diff --git a/src/types/subscription.ts b/src/types/subscription.ts
index 40fde462..bab0f325 100644
--- a/src/types/subscription.ts
+++ b/src/types/subscription.ts
@@ -1,6 +1,17 @@
 export type SubscriptionFrequency = "weekly" | "biweekly" | "monthly";
 
-export type SubscriptionStatus = "active" | "paused" | "cancelled";
+export type SubscriptionStatus =
+  | "active"
+  | "paused"
+  | "cancelled"
+  | "past_due"
+  | "expired";
+
+export type CancellationReason =
+  | "too_expensive"
+  | "not_using"
+  | "switched_service"
+  | "other";
 
 export interface SubscriptionInvoice {
   invoiceId: string;
@@ -10,6 +21,15 @@ export interface SubscriptionInvoice {
   status: "Pending" | "Released" | "Refunded";
 }
 
+export interface SubscriptionModification {
+  id: string;
+  modifiedAt: number;
+  field: string;
+  previousValue: string | number | null;
+  newValue: string | number | null;
+  reason?: string;
+}
+
 export interface Subscription {
   id: string;
   templateName: string;
@@ -25,4 +45,28 @@ export interface Subscription {
   totalInvoicesGenerated: number;
   totalUsdcCollected: bigint;
   invoiceHistory: SubscriptionInvoice[];
+  pausedAt?: number | null;
+  resumedAt?: number | null;
+  cancellationReason?: CancellationReason | null;
+  cancelledAt?: number | null;
+  modificationHistory?: SubscriptionModification[];
 }
+
+export interface SubscriptionAnalytics {
+  totalSubscriptions: number;
+  activeSubscriptions: number;
+  pausedSubscriptions: number;
+  cancelledSubscriptions: number;
+  pastDueSubscriptions: number;
+  expiredSubscriptions: number;
+  totalUsdcCollected: bigint;
+  totalInvoicesGenerated: number;
+  cancellationReasons: Record<CancellationReason, number>;
+  pauseRate: number;
+  cancellationRate: number;
+  churnRate: number;
+  averageLifetimeDays: number;
+  modificationsCount: number;
+  periodStart: number;
+  periodEnd: number;
+}
\ No newline at end of file