braid-ui 1.0.62 → 1.0.64

package/dist/index.cjs

@@ -65,6 +65,14 @@ var ToastPrimitives__namespace = /*#__PURE__*/_interopNamespace(ToastPrimitives)
 function cn(...inputs) {
   return tailwindMerge.twMerge(clsx.clsx(inputs));
 }
+function formatCurrency(value, currency = "USD") {
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }).format(value);
+}
 var cardVariants = classVarianceAuthority.cva(
   "rounded-lg border bg-card text-card-foreground transition-all duration-200",
   {
@@ -310,7 +318,12 @@ var badgeVariants = classVarianceAuthority.cva(
         "alert-ofac": "border-red-200 bg-red-50 text-red-700 hover:bg-red-100 dark:border-red-800 dark:bg-red-950 dark:text-red-300 font-medium",
         "alert-dual": "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300 font-medium",
         "alert-monitoring": "border-amber-200 bg-amber-50 text-amber-700 hover:bg-amber-100 dark:border-amber-800 dark:bg-amber-950 dark:text-amber-300 font-medium",
-        "alert-error": "border-rose-200 bg-rose-50 text-rose-700 hover:bg-rose-100 dark:border-rose-800 dark:bg-rose-950 dark:text-rose-300 font-medium"
+        "alert-error": "border-rose-200 bg-rose-50 text-rose-700 hover:bg-rose-100 dark:border-rose-800 dark:bg-rose-950 dark:text-rose-300 font-medium",
+        // Account type variants
+        checking: "border-blue-200 bg-blue-50 text-blue-700 hover:bg-blue-100 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-300",
+        savings: "border-emerald-200 bg-emerald-50 text-emerald-700 hover:bg-emerald-100 dark:border-emerald-800 dark:bg-emerald-950 dark:text-emerald-300",
+        "zero-balance": "border-slate-200 bg-slate-50 text-slate-700 hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-300",
+        funding: "border-violet-200 bg-violet-50 text-violet-700 hover:bg-violet-100 dark:border-violet-800 dark:bg-violet-950 dark:text-violet-300"
       }
     },
     defaultVariants: {
@@ -8060,7 +8073,7 @@ var columns = [
     title: "Amount",
     sortable: true,
     align: "right",
-    render: (value) => `$${value.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })}`
+    render: (value) => formatCurrency(value)
   },
   {
     key: "count",
@@ -8257,7 +8270,7 @@ var StatementView = ({
   ] });
 };
 var ACHDetailsSection = ({ data }) => {
-  const formatCurrency4 = (value) => {
+  const formatCurrency5 = (value) => {
     return new Intl.NumberFormat("en-US", {
       style: "currency",
       currency: "USD",
@@ -8293,7 +8306,7 @@ var ACHDetailsSection = ({ data }) => {
           layout: "horizontal"
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Amount", value: formatCurrency4(data.amount), layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Amount", value: formatCurrency5(data.amount), layout: "horizontal" }),
       /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "SEC Code", value: data.secCode, layout: "horizontal" }),
       /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Company Entry Description", value: data.companyEntryDescription, layout: "horizontal" }),
       data.companyDiscretionaryData && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Company Discretionary Data", value: data.companyDiscretionaryData, layout: "horizontal" }),
@@ -8376,7 +8389,7 @@ var WireDetailsSection = ({ data }) => {
     ) })
   ] });
 };
-var formatCurrency = (value) => {
+var formatCurrency2 = (value) => {
   const numValue = typeof value === "string" ? parseFloat(value) : value;
   if (isNaN(numValue)) return "";
   return new Intl.NumberFormat("en-US", {
@@ -8387,7 +8400,7 @@ var formatCurrency = (value) => {
 };
 var CurrencyInput = ({ value, onChange, ...props }) => {
   const [isFocused, setIsFocused] = React15__namespace.useState(false);
-  const displayValue = value ? isFocused ? value : formatCurrency(value) : "";
+  const displayValue = value ? isFocused ? value : formatCurrency2(value) : "";
   const handleChange = (e) => {
     const rawValue = e.target.value.replace(/[^0-9.]/g, "");
     const parts = rawValue.split(".");
@@ -8426,7 +8439,7 @@ var Checkbox = React15__namespace.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 Checkbox.displayName = CheckboxPrimitive__namespace.Root.displayName;
-var formatCurrency2 = (value) => {
+var formatCurrency3 = (value) => {
   const numValue = typeof value === "string" ? parseFloat(value) : value;
   if (isNaN(numValue)) return "-";
   return new Intl.NumberFormat("en-US", {
@@ -8538,7 +8551,7 @@ var NewTransactionView = ({
     ] : [],
     ...isTransfer ? [{ label: "Receiver Account", value: receiverAccountNumber || "-" }] : [],
     ...requiresCounterparty ? [{ label: "Counterparty", value: counterpartyName || "-" }] : [],
-    { label: "Amount", value: amount ? formatCurrency2(amount) : "-" },
+    { label: "Amount", value: amount ? formatCurrency3(amount) : "-" },
     { label: "Description", value: form.watch("description") || "N/A" }
   ];
   const reviewData = [
@@ -8904,7 +8917,7 @@ var NewTransactionView = ({
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Amount:" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: formatCurrency2(amount) })
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: formatCurrency3(amount) })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-sm", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Description:" }),
@@ -8935,12 +8948,129 @@ var NewTransactionView = ({
     ] }) })
   ] });
 };
+var EnhancedMultiSelect = ({
+  label,
+  value = [],
+  onValueChange,
+  options,
+  placeholder = "Select options",
+  className,
+  disabled = false
+}) => {
+  const [open, setOpen] = React15__namespace.useState(false);
+  const handleSelect = (optionValue) => {
+    if (value.includes(optionValue)) {
+      onValueChange(value.filter((v) => v !== optionValue));
+    } else {
+      onValueChange([...value, optionValue]);
+    }
+  };
+  const handleRemove = (optionValue, e) => {
+    e.stopPropagation();
+    onValueChange(value.filter((v) => v !== optionValue));
+  };
+  const selectedLabels = value.map((v) => options.find((opt) => opt.value === v)?.label).filter(Boolean);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          disabled,
+          className: "w-full justify-between font-normal h-auto min-h-10",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1 flex-1 text-left", children: selectedLabels.length > 0 ? selectedLabels.map((label2, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+              Badge,
+              {
+                variant: "secondary",
+                className: "text-xs",
+                children: [
+                  label2,
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.X,
+                    {
+                      className: "ml-1 h-3 w-3 cursor-pointer",
+                      onClick: (e) => handleRemove(value[index], e)
+                    }
+                  )
+                ]
+              },
+              value[index]
+            )) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: placeholder }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: "w-full min-w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-h-60 overflow-auto p-1", children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: cn(
+            "flex items-center gap-2 rounded-sm px-2 py-1.5 text-sm cursor-pointer hover:bg-accent hover:text-accent-foreground",
+            value.includes(option.value) && "bg-accent"
+          ),
+          onClick: () => handleSelect(option.value),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                className: cn(
+                  "flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
+                  value.includes(option.value) ? "bg-primary text-primary-foreground" : "opacity-50"
+                ),
+                children: value.includes(option.value) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3 w-3" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: option.label })
+          ]
+        },
+        option.value
+      )) }) })
+    ] })
+  ] });
+};
+var defaultFilters = {
+  originalFileName: "",
+  requesterIpAddress: "",
+  requesterUsername: "",
+  showAchNoc: false,
+  excludeWire: false,
+  excludeAch: false,
+  wireFileHandle: "",
+  direction: "",
+  counterpartyId: "",
+  customerId: "",
+  settlementFileName: "",
+  isInbound: false,
+  accountNumber: "",
+  processingStatus: [],
+  beginDate: void 0,
+  endDate: void 0,
+  postDateStart: void 0,
+  postDateEnd: void 0,
+  maxAmount: "",
+  minAmount: "",
+  productId: "",
+  paymentId: "",
+  transactionStatus: [],
+  transactionType: []
+};
 var TransactionHistoryFiltersSheet = ({
   filters,
+  filterOptions: filterOptions2 = {},
   onFilterChange,
   onResetFilters,
   onApplyFilters
 }) => {
+  const {
+    transactionTypes = [],
+    transactionStatuses = [],
+    processingStatuses = [],
+    directions = [],
+    products = []
+  } = filterOptions2;
   const [localFilters, setLocalFilters] = React15.useState(filters);
   const [open, setOpen] = React15.useState(false);
   React15.useEffect(() => {
@@ -8949,6 +9079,10 @@ var TransactionHistoryFiltersSheet = ({
   const handleLocalFilterChange = (field, value) => {
     setLocalFilters((prev) => ({ ...prev, [field]: value }));
   };
+  const handleDateChange = (field, date) => {
+    const isoString = date ? date.toISOString() : void 0;
+    handleLocalFilterChange(field, isoString);
+  };
   const handleApplyFilters = () => {
     Object.entries(localFilters).forEach(([key, value]) => {
       onFilterChange(key, value);
@@ -8957,32 +9091,15 @@ var TransactionHistoryFiltersSheet = ({
     setOpen(false);
   };
   const handleResetFilters = () => {
-    const resetFilters = {
-      accountNumber: "",
-      product: "",
-      customerId: "",
-      counterpartyId: "",
-      settlementFileName: "",
-      originalFileName: "",
-      requesterIpAddress: "",
-      requesterUsername: "",
-      wireFileHandle: "",
-      paymentId: "",
-      transactionType: "",
-      transactionStatus: "",
-      processingStatus: "",
-      direction: "",
-      minAmount: "",
-      maxAmount: "",
-      creationDateStart: void 0,
-      creationDateEnd: void 0,
-      postDateStart: void 0,
-      postDateEnd: void 0
-    };
-    setLocalFilters(resetFilters);
+    setLocalFilters(defaultFilters);
     onResetFilters();
     setOpen(false);
   };
+  const parseDate = (dateStr) => {
+    if (!dateStr) return void 0;
+    const date = new Date(dateStr);
+    return isNaN(date.getTime()) ? void 0 : date;
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
@@ -8991,12 +9108,61 @@ var TransactionHistoryFiltersSheet = ({
     /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Transaction Filters" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-sm font-medium text-muted-foreground", children: "Options" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "showAchNoc",
+                  checked: localFilters.showAchNoc || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("showAchNoc", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "showAchNoc", className: "text-sm font-normal", children: "Show ACH NOC" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "isInbound",
+                  checked: localFilters.isInbound || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("isInbound", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "isInbound", className: "text-sm font-normal", children: "Is Inbound" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "excludeWire",
+                  checked: localFilters.excludeWire || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("excludeWire", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "excludeWire", className: "text-sm font-normal", children: "Exclude Wire" })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Checkbox,
+                {
+                  id: "excludeAch",
+                  checked: localFilters.excludeAch || false,
+                  onCheckedChange: (checked) => handleLocalFilterChange("excludeAch", checked === true)
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(Label, { htmlFor: "excludeAch", className: "text-sm font-normal", children: "Exclude ACH" })
+            ] })
+          ] })
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             EnhancedInput,
             {
               label: "Account Number",
-              value: localFilters.accountNumber,
+              value: localFilters.accountNumber || "",
               onChange: (e) => handleLocalFilterChange("accountNumber", e.target.value),
               placeholder: "Enter account number"
             }
@@ -9004,15 +9170,11 @@ var TransactionHistoryFiltersSheet = ({
           /* @__PURE__ */ jsxRuntime.jsx(
             EnhancedSelect,
             {
-              label: "Product",
-              value: localFilters.product,
-              onValueChange: (value) => handleLocalFilterChange("product", value),
+              label: "Product ID",
+              value: localFilters.productId || "",
+              onValueChange: (value) => handleLocalFilterChange("productId", value),
               placeholder: "Select product",
-              options: [
-                { value: "wire", label: "Wire" },
-                { value: "ach", label: "ACH" },
-                { value: "check", label: "Check" }
-              ]
+              options: products
             }
           )
         ] }),
@@ -9021,7 +9183,7 @@ var TransactionHistoryFiltersSheet = ({
             EnhancedInput,
             {
               label: "Customer ID",
-              value: localFilters.customerId,
+              value: localFilters.customerId || "",
               onChange: (e) => handleLocalFilterChange("customerId", e.target.value),
               placeholder: "Enter customer ID"
             }
@@ -9030,7 +9192,7 @@ var TransactionHistoryFiltersSheet = ({
             EnhancedInput,
             {
               label: "Counterparty ID",
-              value: localFilters.counterpartyId,
+              value: localFilters.counterpartyId || "",
               onChange: (e) => handleLocalFilterChange("counterpartyId", e.target.value),
               placeholder: "Enter counterparty ID"
             }
@@ -9040,7 +9202,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Settlement File Name",
-            value: localFilters.settlementFileName,
+            value: localFilters.settlementFileName || "",
             onChange: (e) => handleLocalFilterChange("settlementFileName", e.target.value),
             placeholder: "Enter settlement file name"
           }
@@ -9049,7 +9211,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Original File Name",
-            value: localFilters.originalFileName,
+            value: localFilters.originalFileName || "",
             onChange: (e) => handleLocalFilterChange("originalFileName", e.target.value),
             placeholder: "Enter original file name"
           }
@@ -9058,7 +9220,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Requester IP Address",
-            value: localFilters.requesterIpAddress,
+            value: localFilters.requesterIpAddress || "",
             onChange: (e) => handleLocalFilterChange("requesterIpAddress", e.target.value),
             placeholder: "Enter IP address"
           }
@@ -9067,7 +9229,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Requester Username",
-            value: localFilters.requesterUsername,
+            value: localFilters.requesterUsername || "",
             onChange: (e) => handleLocalFilterChange("requesterUsername", e.target.value),
             placeholder: "Enter username"
           }
@@ -9076,7 +9238,7 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Wire File Handle",
-            value: localFilters.wireFileHandle,
+            value: localFilters.wireFileHandle || "",
             onChange: (e) => handleLocalFilterChange("wireFileHandle", e.target.value),
             placeholder: "Enter wire file handle"
           }
@@ -9085,66 +9247,49 @@ var TransactionHistoryFiltersSheet = ({
           EnhancedInput,
           {
             label: "Payment ID",
-            value: localFilters.paymentId,
+            value: localFilters.paymentId || "",
             onChange: (e) => handleLocalFilterChange("paymentId", e.target.value),
             placeholder: "Enter payment ID"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          EnhancedMultiSelect,
           {
             label: "Transaction Type",
-            value: localFilters.transactionType,
+            value: localFilters.transactionType || [],
             onValueChange: (value) => handleLocalFilterChange("transactionType", value),
-            placeholder: "Select transaction type",
-            options: [
-              { value: "ach_credit", label: "ACH Credit" },
-              { value: "ach_debit", label: "ACH Debit" },
-              { value: "wire_domestic", label: "Wire Domestic" },
-              { value: "wire_international", label: "Wire International" }
-            ]
+            placeholder: "Select transaction types",
+            options: transactionTypes
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          EnhancedMultiSelect,
           {
             label: "Transaction Status",
-            value: localFilters.transactionStatus,
+            value: localFilters.transactionStatus || [],
             onValueChange: (value) => handleLocalFilterChange("transactionStatus", value),
-            placeholder: "Select transaction status",
-            options: [
-              { value: "PENDING", label: "Pending" },
-              { value: "POSTED", label: "Posted" },
-              { value: "FAILED", label: "Failed" },
-              { value: "CANCELLED", label: "Cancelled" }
-            ]
+            placeholder: "Select transaction statuses",
+            options: transactionStatuses
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          EnhancedMultiSelect,
           {
             label: "Processing Status",
-            value: localFilters.processingStatus,
+            value: localFilters.processingStatus || [],
             onValueChange: (value) => handleLocalFilterChange("processingStatus", value),
-            placeholder: "Select processing status",
-            options: [
-              { value: "processing", label: "Processing" },
-              { value: "completed", label: "Completed" },
-              { value: "error", label: "Error" }
-            ]
+            placeholder: "Select processing statuses",
+            options: processingStatuses
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           EnhancedSelect,
           {
             label: "Direction",
-            value: localFilters.direction,
+            value: localFilters.direction || "",
             onValueChange: (value) => handleLocalFilterChange("direction", value),
             placeholder: "Select direction",
-            options: [
-              { value: "credit", label: "Credit" },
-              { value: "debit", label: "Debit" }
-            ]
+            options: directions
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
@@ -9152,7 +9297,7 @@ var TransactionHistoryFiltersSheet = ({
             CurrencyInput,
             {
               label: "Min Amount",
-              value: localFilters.minAmount,
+              value: localFilters.minAmount || "",
               onChange: (value) => handleLocalFilterChange("minAmount", value)
             }
           ),
@@ -9160,19 +9305,19 @@ var TransactionHistoryFiltersSheet = ({
             CurrencyInput,
             {
               label: "Max Amount",
-              value: localFilters.maxAmount,
+              value: localFilters.maxAmount || "",
               onChange: (value) => handleLocalFilterChange("maxAmount", value)
             }
           )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Creation Date Start" }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Begin Date" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.creationDateStart,
-                onDateChange: (date) => handleLocalFilterChange("creationDateStart", date),
+                date: parseDate(localFilters.beginDate),
+                onDateChange: (date) => handleDateChange("beginDate", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9180,12 +9325,12 @@ var TransactionHistoryFiltersSheet = ({
             )
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Creation Date End" }),
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "End Date" }),
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.creationDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("creationDateEnd", date),
+                date: parseDate(localFilters.endDate),
+                onDateChange: (date) => handleDateChange("endDate", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9199,8 +9344,8 @@ var TransactionHistoryFiltersSheet = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.postDateStart,
-                onDateChange: (date) => handleLocalFilterChange("postDateStart", date),
+                date: parseDate(localFilters.postDateStart),
+                onDateChange: (date) => handleDateChange("postDateStart", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9212,8 +9357,8 @@ var TransactionHistoryFiltersSheet = ({
             /* @__PURE__ */ jsxRuntime.jsx(
               DatePicker,
               {
-                date: localFilters.postDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("postDateEnd", date),
+                date: parseDate(localFilters.postDateEnd),
+                onDateChange: (date) => handleDateChange("postDateEnd", date),
                 placeholder: "MM/DD/YYYY",
                 buttonClassName: "w-full",
                 className: "bg-background z-50"
@@ -9232,10 +9377,38 @@ var TransactionHistoryFiltersSheet = ({
 var TransactionHistoryView = ({
   table,
   filters,
+  filterOptions: filterOptions2,
   onFilterChange,
   onResetFilters,
-  onApplyFilters
+  onApplyFilters,
+  isLoading,
+  error,
+  onRetry
 }) => {
+  const renderContent = () => {
+    if (isLoading) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading transactions..." })
+      ] }) });
+    }
+    if (error) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 max-w-md text-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-5 w-5 text-destructive flex-shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-left", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-destructive", children: "Failed to load transactions" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: error })
+          ] })
+        ] }),
+        onRetry && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", onClick: onRetry, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4 mr-2" }),
+          "Retry"
+        ] })
+      ] }) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 mt-4 pb-6 overflow-auto", children: table });
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-4 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Transaction History" }),
@@ -9243,13 +9416,14 @@ var TransactionHistoryView = ({
         TransactionHistoryFiltersSheet,
         {
           filters,
+          filterOptions: filterOptions2,
           onFilterChange,
           onResetFilters,
           onApplyFilters
         }
       )
     ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 mt-4 overflow-auto", children: table }) }) })
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: renderContent() }) })
   ] });
 };
 var TransactionTypeBadge = ({
@@ -9295,7 +9469,7 @@ var getProcessingStatusVariant = (status) => {
       return "outline";
   }
 };
-var formatCurrency3 = (value) => {
+var formatCurrency4 = (value) => {
   return new Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
@@ -9315,8 +9489,35 @@ var TransactionDetailView = ({
   onCustomerClick,
   onCounterpartyClick,
   onOFACClick,
-  onProductClick
+  onProductClick,
+  isLoading,
+  error,
+  onRetry
 }) => {
+  if (isLoading) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-8 w-8 animate-spin text-muted-foreground" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Loading transaction..." })
+    ] }) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 flex items-center justify-center min-h-[400px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center gap-4 max-w-md text-center", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 p-4 bg-destructive/10 border border-destructive/20 rounded-lg", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-5 w-5 text-destructive flex-shrink-0" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-left", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-destructive", children: "Failed to load transaction" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: error })
+        ] })
+      ] }),
+      onRetry && /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", onClick: onRetry, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4 mr-2" }),
+        "Retry"
+      ] })
+    ] }) });
+  }
+  if (!transaction) {
+    return null;
+  }
   return /* @__PURE__ */ jsxRuntime.jsx(
     PageLayout,
     {
@@ -9324,7 +9525,7 @@ var TransactionDetailView = ({
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
           "font-semibold",
           transaction.amount < 0 ? "text-destructive" : "text-success"
-        ), children: formatCurrency3(transaction.amount) }),
+        ), children: formatCurrency4(transaction.amount) }),
         /* @__PURE__ */ jsxRuntime.jsx(
           TransactionTypeBadge,
           {
@@ -9455,109 +9656,284 @@ var TransactionDetailView = ({
     }
   );
 };
-var typeIcons = {
-  checking: lucideReact.CreditCard,
-  savings: lucideReact.Building,
-  credit: lucideReact.CreditCard,
-  investment: lucideReact.Globe
-};
-var typeLabels = {
-  checking: "Checking",
-  savings: "Savings",
-  credit: "Credit",
-  investment: "Investment"
-};
-var AccountCard = React15__namespace.forwardRef(
-  ({ account, showBalance = true, className }, ref) => {
-    const TypeIcon = typeIcons[account.type];
-    const accountData = [
-      { label: "Account Number", value: account.number },
-      { label: "Type", value: typeLabels[account.type] },
-      ...account.routingNumber ? [{ label: "Routing Number", value: account.routingNumber }] : [],
-      ...account.institution ? [{ label: "Institution", value: account.institution }] : [],
-      ...account.country ? [{ label: "Country", value: account.country }] : []
-    ];
-    return /* @__PURE__ */ jsxRuntime.jsxs(Card, { ref, className: cn("", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "w-5 h-5 text-primary" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-lg", children: account.name }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 mt-1", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: account.status, children: account.status }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: typeLabels[account.type] })
-            ] })
-          ] })
-        ] }),
-        showBalance && account.balance && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-foreground", children: account.balance }),
-          account.currency && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: account.currency })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: accountData, columns: 2, gap: "sm" }) })
-    ] });
-  }
-);
-AccountCard.displayName = "AccountCard";
-var typeConfig3 = {
-  corporation: {
-    variant: "corporation",
-    label: "Corporation",
-    icon: lucideReact.Building
-  },
-  llc: {
-    variant: "llc",
-    label: "LLC",
-    icon: lucideReact.Briefcase
-  },
-  partnership: {
-    variant: "partnership",
-    label: "Partnership",
-    icon: lucideReact.Users
-  },
-  sole_proprietorship: {
-    variant: "sole_proprietorship",
-    label: "Sole Proprietorship",
-    icon: lucideReact.User
-  }
-};
-var BusinessTypeBadge = ({ type, className }) => {
-  const config = typeConfig3[type];
-  const Icon2 = config.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
-    config.label
-  ] });
-};
-var DetailPageLayout = ({
-  title,
-  description,
-  cards,
-  actions,
-  initialEditingState = {},
-  headerContent
+var cancelTransactionSchema = zod.z.object({
+  reason: zod.z.string().min(1, "Reason is required").max(500, "Reason must be less than 500 characters")
+});
+var returnTransactionSchema = zod.z.object({
+  reasonCode: zod.z.string().min(1, "Reason code is required")
+});
+var CancelTransactionDialog = ({
+  transactionId,
+  open,
+  onOpenChange,
+  onCancel
 }) => {
-  const [editingCards, setEditingCards] = React15.useState(
-    initialEditingState
-  );
-  const toggleEdit = (cardKey) => {
-    setEditingCards((prev) => ({
-      ...prev,
-      [cardKey]: !prev[cardKey]
-    }));
+  const { toast: toast6 } = useToast();
+  const {
+    register,
+    handleSubmit,
+    formState: { errors, isSubmitting },
+    reset
+  } = useFormWithEditState({
+    schema: cancelTransactionSchema,
+    defaultValues: {
+      reason: ""
+    }
+  });
+  const onSubmit = async (data) => {
+    try {
+      await onCancel(data);
+      toast6({
+        title: "Transaction Cancelled",
+        description: `Transaction ${transactionId} has been cancelled successfully.`
+      });
+      reset();
+      onOpenChange(false);
+    } catch (error) {
+      toast6({
+        title: "Error",
+        description: "Failed to cancel the transaction. Please try again.",
+        variant: "destructive"
+      });
+    }
   };
-  Object.values(editingCards).some(Boolean);
-  const isSingleCard = cards.length === 1;
-  const gridClasses2 = isSingleCard ? "space-y-4 mb-6 lg:space-y-6" : "grid gap-4 mb-6 grid-cols-1 lg:grid-cols-2 lg:gap-6";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
-    {
-      title,
-      description,
-      headerContent,
-      actions: actions?.map((action) => ({
-        label: action.label,
-        variant: action.variant || "default",
+  const handleClose = () => {
+    reset();
+    onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Cancel Transaction" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
+        "Please provide a reason for cancelling transaction ",
+        transactionId,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EnhancedTextarea,
+        {
+          label: "Cancellation Reason",
+          placeholder: "Enter the reason for cancellation...",
+          error: errors.reason?.message,
+          ...register("reason")
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: handleClose,
+            disabled: isSubmitting,
+            children: "Close"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "submit",
+            variant: "destructive",
+            disabled: isSubmitting,
+            children: isSubmitting ? "Cancelling..." : "Cancel Transaction"
+          }
+        )
+      ] })
+    ] })
+  ] }) });
+};
+function ReturnTransactionDialog({
+  transactionId,
+  open,
+  onOpenChange,
+  onReturn,
+  reasonCodes
+}) {
+  const {
+    watch,
+    setValue,
+    handleSave,
+    handleCancel,
+    isLoading,
+    formState: { errors }
+  } = useFormWithEditState({
+    schema: returnTransactionSchema,
+    initialEditing: true,
+    onSave: async (data) => {
+      try {
+        await onReturn(data);
+        toast({
+          title: "Transaction returned",
+          description: `Transaction #${transactionId} has been returned successfully.`
+        });
+        onOpenChange(false);
+      } catch (error) {
+        toast({
+          title: "Error",
+          description: "Failed to return transaction. Please try again.",
+          variant: "destructive"
+        });
+        throw error;
+      }
+    },
+    onCancel: () => {
+      onOpenChange(false);
+    }
+  });
+  const reasonCode = watch("reasonCode");
+  const selectOptions = reasonCodes.map((code) => ({
+    value: code.value,
+    label: code.label
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Return Transaction" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
+        "Select a reason code to return transaction #",
+        transactionId,
+        "."
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedSelect,
+      {
+        label: "Reason Code",
+        placeholder: "Select a reason code",
+        options: selectOptions,
+        value: reasonCode || "",
+        onValueChange: (value) => setValue("reasonCode", value),
+        error: errors.reasonCode?.message
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "outline",
+          onClick: handleCancel,
+          disabled: isLoading,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          type: "button",
+          variant: "destructive",
+          onClick: handleSave,
+          disabled: isLoading || !reasonCode,
+          children: isLoading ? "Returning..." : "Return Transaction"
+        }
+      )
+    ] })
+  ] }) });
+}
+var typeIcons = {
+  checking: lucideReact.CreditCard,
+  savings: lucideReact.Building,
+  credit: lucideReact.CreditCard,
+  investment: lucideReact.Globe
+};
+var typeLabels = {
+  checking: "Checking",
+  savings: "Savings",
+  credit: "Credit",
+  investment: "Investment"
+};
+var AccountCard = React15__namespace.forwardRef(
+  ({ account, showBalance = true, className }, ref) => {
+    const TypeIcon = typeIcons[account.type];
+    const accountData = [
+      { label: "Account Number", value: account.number },
+      { label: "Type", value: typeLabels[account.type] },
+      ...account.routingNumber ? [{ label: "Routing Number", value: account.routingNumber }] : [],
+      ...account.institution ? [{ label: "Institution", value: account.institution }] : [],
+      ...account.country ? [{ label: "Country", value: account.country }] : []
+    ];
+    return /* @__PURE__ */ jsxRuntime.jsxs(Card, { ref, className: cn("", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-10 h-10 rounded-lg bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(TypeIcon, { className: "w-5 h-5 text-primary" }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-lg", children: account.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center space-x-2 mt-1", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: account.status, children: account.status }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: typeLabels[account.type] })
+            ] })
+          ] })
+        ] }),
+        showBalance && account.balance && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-right", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-2xl font-bold text-foreground", children: account.balance }),
+          account.currency && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: account.currency })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: accountData, columns: 2, gap: "sm" }) })
+    ] });
+  }
+);
+AccountCard.displayName = "AccountCard";
+var typeConfig3 = {
+  corporation: {
+    variant: "corporation",
+    label: "Corporation",
+    icon: lucideReact.Building
+  },
+  llc: {
+    variant: "llc",
+    label: "LLC",
+    icon: lucideReact.Briefcase
+  },
+  partnership: {
+    variant: "partnership",
+    label: "Partnership",
+    icon: lucideReact.Users
+  },
+  sole_proprietorship: {
+    variant: "sole_proprietorship",
+    label: "Sole Proprietorship",
+    icon: lucideReact.User
+  }
+};
+var BusinessTypeBadge = ({ type, className }) => {
+  const config = typeConfig3[type];
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
+var DetailPageLayout = ({
+  title,
+  description,
+  cards,
+  actions,
+  initialEditingState = {},
+  headerContent
+}) => {
+  const [editingCards, setEditingCards] = React15.useState(
+    initialEditingState
+  );
+  const toggleEdit = (cardKey) => {
+    setEditingCards((prev) => ({
+      ...prev,
+      [cardKey]: !prev[cardKey]
+    }));
+  };
+  Object.values(editingCards).some(Boolean);
+  const isSingleCard = cards.length === 1;
+  const gridClasses2 = isSingleCard ? "space-y-4 mb-6 lg:space-y-6" : "grid gap-4 mb-6 grid-cols-1 lg:grid-cols-2 lg:gap-6";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title,
+      description,
+      headerContent,
+      actions: actions?.map((action) => ({
+        label: action.label,
+        variant: action.variant || "default",
         onClick: action.onClick || (() => {
         })
       })),
@@ -10724,6 +11100,36 @@ var useCounterpartyEntity = (counterparties) => {
   }, [counterparties]);
   return { counterparties: enrichedCounterparties, loading };
 };
+var typeConfig4 = {
+  checking: {
+    variant: "checking",
+    label: "Checking",
+    icon: lucideReact.Wallet
+  },
+  savings: {
+    variant: "savings",
+    label: "Savings",
+    icon: lucideReact.PiggyBank
+  },
+  "zero-balance": {
+    variant: "zero-balance",
+    label: "Zero Balance",
+    icon: lucideReact.CircleDollarSign
+  },
+  funding: {
+    variant: "funding",
+    label: "Funding",
+    icon: lucideReact.Landmark
+  }
+};
+var AccountTypeBadge = ({ type, className }) => {
+  const config = typeConfig4[type] || typeConfig4.checking;
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
 
 // src/lib/mock-data/business-account-data.ts
 var mockBusinessAccounts = [
@@ -10733,8 +11139,12 @@ var mockBusinessAccounts = [
     number: "1234567890",
     type: "checking",
     status: "active",
-    balance: "$125,450.00",
-    availableBalance: "$123,450.00",
+    settledBalance: 127450,
+    pendingCredits: 0,
+    pendingDebits: 2e3,
+    fundsOnHold: 0,
+    accountBalance: 125450,
+    availableBalance: 123450,
     currency: "USD",
     institution: "Chase Bank",
     routingNumber: "021000021",
@@ -10751,8 +11161,12 @@ var mockBusinessAccounts = [
     number: "9876544567",
     type: "savings",
     status: "active",
-    balance: "$45,230.00",
-    availableBalance: "$45,230.00",
+    settledBalance: 45230,
+    pendingCredits: 0,
+    pendingDebits: 0,
+    fundsOnHold: 0,
+    accountBalance: 45230,
+    availableBalance: 45230,
     currency: "USD",
     institution: "Chase Bank",
     routingNumber: "021000021",
@@ -10769,8 +11183,12 @@ var mockBusinessAccounts = [
     number: "5555551234",
     type: "checking",
     status: "active",
-    balance: "$78,900.00",
-    availableBalance: "$75,900.00",
+    settledBalance: 8e4,
+    pendingCredits: 1900,
+    pendingDebits: 3e3,
+    fundsOnHold: 0,
+    accountBalance: 78900,
+    availableBalance: 75900,
     currency: "USD",
     institution: "Wells Fargo",
     routingNumber: "121000248",
@@ -10785,10 +11203,14 @@ var mockBusinessAccounts = [
     id: "acc-004",
     name: "Merchant Services Account",
     number: "4444445678",
-    type: "checking",
+    type: "funding",
     status: "active",
-    balance: "$234,567.89",
-    availableBalance: "$230,000.00",
+    settledBalance: 23e4,
+    pendingCredits: 4567.89,
+    pendingDebits: 0,
+    fundsOnHold: 4567.89,
+    accountBalance: 234567.89,
+    availableBalance: 23e4,
     currency: "USD",
     institution: "Bank of America",
     routingNumber: "026009593",
@@ -10805,8 +11227,12 @@ var mockBusinessAccounts = [
     number: "7777779012",
     type: "savings",
     status: "active",
-    balance: "$500,000.00",
-    availableBalance: "$500,000.00",
+    settledBalance: 5e5,
+    pendingCredits: 0,
+    pendingDebits: 0,
+    fundsOnHold: 0,
+    accountBalance: 5e5,
+    availableBalance: 5e5,
     currency: "USD",
     institution: "Citibank",
     routingNumber: "021000089",
@@ -10821,10 +11247,14 @@ var mockBusinessAccounts = [
     id: "acc-006",
     name: "Operating Account",
     number: "3333333456",
-    type: "checking",
+    type: "zero-balance",
     status: "inactive",
-    balance: "$0.00",
-    availableBalance: "$0.00",
+    settledBalance: 0,
+    pendingCredits: 0,
+    pendingDebits: 0,
+    fundsOnHold: 0,
+    accountBalance: 0,
+    availableBalance: 0,
     currency: "USD",
     institution: "Wells Fargo",
     routingNumber: "121000248",
@@ -10892,6 +11322,12 @@ var Accounts = () => {
       title: "Account Number",
       sortable: true
     },
+    {
+      key: "type",
+      title: "Type",
+      sortable: true,
+      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(AccountTypeBadge, { type: row.type })
+    },
     {
       key: "name",
       title: "Account Name",
@@ -10915,16 +11351,18 @@ var Accounts = () => {
       }
     },
     {
-      key: "balance",
+      key: "accountBalance",
       title: "Account Balance",
       sortable: true,
-      align: "right"
+      align: "right",
+      render: (value) => formatCurrency(value)
     },
     {
       key: "availableBalance",
       title: "Available Balance",
       sortable: true,
-      align: "right"
+      align: "right",
+      render: (value) => formatCurrency(value)
     },
     {
       key: "status",
@@ -10936,11 +11374,6 @@ var Accounts = () => {
       key: "created",
       title: "Create Date",
       sortable: true
-    },
-    {
-      key: "modified",
-      title: "Modify Date",
-      sortable: true
     }
   ];
   const startIndex = (currentPage - 1) * pageSize;
@@ -11100,7 +11533,8 @@ var AccountDetail = () => {
     PageLayout,
     {
       title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: account.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: account.number }),
+        /* @__PURE__ */ jsxRuntime.jsx(AccountTypeBadge, { type: account.type }),
         /* @__PURE__ */ jsxRuntime.jsx(
           EditableInfoField,
           {
@@ -11144,7 +11578,7 @@ var AccountDetail = () => {
           /* @__PURE__ */ jsxRuntime.jsx(
             EditableFormCard,
             {
-              title: "Account Information",
+              title: account.name,
               variant: "subtle",
               isEditing: form.isEditing,
               onToggleEdit: form.handleToggleEdit,
@@ -11152,20 +11586,42 @@ var AccountDetail = () => {
               onCancel: form.handleCancel,
               viewContent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4 text-primary" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8 mb-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.accountBalance) })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.availableBalance) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/50 mb-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Settled Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: formatCurrency(account.settledBalance) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Credits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-success", children: [
+                        "+",
+                        formatCurrency(account.pendingCredits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Debits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-destructive", children: [
+                        "-",
+                        formatCurrency(account.pendingDebits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Funds on Hold" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(
+                        "text-lg font-semibold",
+                        account.fundsOnHold > 0 && "text-warning"
+                      ), children: formatCurrency(account.fundsOnHold) })
                     ] })
                   ] })
                 ] }),
@@ -11237,20 +11693,42 @@ var AccountDetail = () => {
               ] }),
               editContent: /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4 text-primary" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
-                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
-                  ] }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8 mb-6", children: [
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.accountBalance) })
                     ] }),
                     /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
                       /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: formatCurrency(account.availableBalance) })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t border-border/50 mb-4" }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Settled Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-lg font-semibold", children: formatCurrency(account.settledBalance) })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Credits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-success", children: [
+                        "+",
+                        formatCurrency(account.pendingCredits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Pending Debits" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-lg font-semibold text-destructive", children: [
+                        "-",
+                        formatCurrency(account.pendingDebits)
+                      ] })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: "Funds on Hold" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: cn(
+                        "text-lg font-semibold",
+                        account.fundsOnHold > 0 && "text-warning"
+                      ), children: formatCurrency(account.fundsOnHold) })
                     ] })
                   ] })
                 ] }),
@@ -14418,6 +14896,266 @@ var mockTransactions = [
     processingStatus: "MANUAL_REVIEW",
     updated: "2025-09-30 16:10",
     isInbound: false
+  },
+  {
+    id: "9",
+    created: "2025-09-30 14:20",
+    accountNumber: "112233445566",
+    amount: 15e3,
+    customer: "Sunrise Ventures LLC",
+    counterparty: "Michael Chen",
+    description: "Investment Deposit",
+    transactionType: "ACH Credit",
+    status: "POSTED",
+    processingStatus: "CONFIRMED",
+    updated: "2025-09-30 14:45",
+    isInbound: true,
+    achDetails: {
+      secCode: "CCD",
+      traceNumber: "091000019876543",
+      companyName: "Sunrise Ventures LLC",
+      companyId: "1234567890",
+      effectiveDate: "2025-09-30"
+    }
+  },
+  {
+    id: "10",
+    created: "2025-09-30 12:30",
+    accountNumber: "998877665544",
+    amount: -8500,
+    customer: "Metro Services Inc",
+    counterparty: "Jennifer Lopez",
+    description: "Utility Payment",
+    transactionType: "ACH Debit",
+    status: "PENDING",
+    processingStatus: "SUBMITTED",
+    updated: "2025-09-30 12:45",
+    isInbound: false,
+    achDetails: {
+      secCode: "PPD",
+      traceNumber: "091000019876544",
+      companyName: "Metro Services Inc",
+      companyId: "9876543210",
+      effectiveDate: "2025-10-01"
+    }
+  },
+  {
+    id: "11",
+    created: "2025-09-30 11:00",
+    accountNumber: "445566778899",
+    amount: 25e4,
+    customer: "Global Partners AG",
+    counterparty: "Robert Fischer",
+    description: "International Transfer - EUR",
+    transactionType: "Wire International Credit",
+    status: "POSTED",
+    processingStatus: "CONFIRMED",
+    updated: "2025-09-30 11:30",
+    isInbound: true,
+    wireDetails: {
+      beneficiaryName: "Acme Holdings Ltd",
+      beneficiaryAccountNumber: "****7890",
+      beneficiaryBankName: "Deutsche Bank",
+      beneficiaryBankSwift: "DEUTDEFF",
+      originatorName: "Global Partners AG",
+      originatorAccountNumber: "****4321",
+      originatorBankName: "UBS Switzerland",
+      originatorBankSwift: "UBSWCHZH",
+      imad: "20250930MMQFMP030000987",
+      omad: "20250930MMQFMP030000988"
+    }
+  },
+  {
+    id: "12",
+    created: "2025-09-30 09:45",
+    accountNumber: "778899001122",
+    amount: -175e3,
+    customer: "Tokyo Industries Co",
+    counterparty: "Amanda White",
+    description: "Supplier Payment - JPY",
+    transactionType: "Wire International Debit",
+    status: "PENDING",
+    processingStatus: "MANUAL_REVIEW",
+    updated: "2025-09-30 10:00",
+    isInbound: false,
+    wireDetails: {
+      beneficiaryName: "Tokyo Industries Co Ltd",
+      beneficiaryAccountNumber: "****2468",
+      beneficiaryBankName: "MUFG Bank",
+      beneficiaryBankSwift: "BOABORJP",
+      originatorName: "US Tech Corp",
+      originatorAccountNumber: "****1357",
+      originatorBankName: "Chase Bank",
+      originatorBankSwift: "CHASUS33",
+      imad: "20250930MMQFMP030000989",
+      omad: "20250930MMQFMP030000990"
+    }
+  },
+  {
+    id: "13",
+    created: "2025-09-30 08:20",
+    accountNumber: "334455667788",
+    amount: -2500,
+    customer: "Quick Loans LLC",
+    counterparty: "David Brown",
+    description: "Returned Payment - Insufficient Funds",
+    transactionType: "ACH Return",
+    status: "FAILED",
+    processingStatus: "CONFIRMED",
+    updated: "2025-09-30 08:45",
+    isInbound: false,
+    achDetails: {
+      secCode: "PPD",
+      traceNumber: "091000019876545",
+      companyName: "Quick Loans LLC",
+      companyId: "5678901234",
+      effectiveDate: "2025-09-30",
+      returnCode: "R01",
+      returnReason: "Insufficient Funds"
+    }
+  },
+  {
+    id: "14",
+    created: "2025-09-29 16:30",
+    accountNumber: "112244668800",
+    amount: 5e4,
+    customer: "National Corp",
+    counterparty: "Lisa Martinez",
+    description: "Quarterly Dividend Payment",
+    transactionType: "Wire Domestic Credit",
+    status: "POSTED",
+    processingStatus: "CONFIRMED",
+    updated: "2025-09-29 17:00",
+    isInbound: true,
+    wireDetails: {
+      beneficiaryName: "Main Street Holdings",
+      beneficiaryAccountNumber: "****9876",
+      beneficiaryBankName: "Wells Fargo",
+      beneficiaryBankSwift: "WFBIUS6S",
+      originatorName: "National Corp",
+      originatorAccountNumber: "****5432",
+      originatorBankName: "Bank of America",
+      originatorBankSwift: "BOFAUS3N",
+      imad: "20250929MMQFMP030000991",
+      omad: "20250929MMQFMP030000992"
+    }
+  },
+  {
+    id: "15",
+    created: "2025-09-29 14:45",
+    accountNumber: "556677889911",
+    amount: -35e3,
+    customer: "Sunset Holdings",
+    counterparty: "James Wilson",
+    description: "Real Estate Deposit - Cancelled",
+    transactionType: "Wire Domestic Debit",
+    status: "CANCELLED",
+    processingStatus: "INITIATED",
+    updated: "2025-09-29 15:00",
+    isInbound: false
+  },
+  {
+    id: "16",
+    created: "2025-09-29 12:00",
+    accountNumber: "998877665533",
+    amount: 12750,
+    customer: "Payroll Services Inc",
+    counterparty: "Karen Davis",
+    description: "Payroll Batch - Week 39",
+    transactionType: "Ach Originator Credit",
+    status: "POSTED",
+    processingStatus: "CONFIRMED",
+    updated: "2025-09-29 12:30",
+    isInbound: true,
+    achDetails: {
+      secCode: "CCD",
+      traceNumber: "091000019876546",
+      companyName: "Payroll Services Inc",
+      companyId: "3456789012",
+      effectiveDate: "2025-09-29"
+    }
+  },
+  {
+    id: "17",
+    created: "2025-09-29 10:15",
+    accountNumber: "223344556688",
+    amount: -6800,
+    customer: "Utility Corp",
+    counterparty: "Thomas Anderson",
+    description: "Monthly Service Charge",
+    transactionType: "Ach Originator Debit",
+    status: "PENDING",
+    processingStatus: "CUSTOMER_REVIEW",
+    updated: "2025-09-29 10:30",
+    isInbound: false,
+    achDetails: {
+      secCode: "PPD",
+      traceNumber: "091000019876547",
+      companyName: "Utility Corp",
+      companyId: "7890123456",
+      effectiveDate: "2025-09-30"
+    }
+  },
+  {
+    id: "18",
+    created: "2025-09-29 08:30",
+    accountNumber: "445566778800",
+    amount: 5e5,
+    customer: "European Trade Ltd",
+    counterparty: "Christopher Lee",
+    description: "Large Wire Transfer - EU Import",
+    transactionType: "Wire International Credit",
+    status: "PENDING",
+    processingStatus: "SENT",
+    updated: "2025-09-29 09:00",
+    isInbound: true,
+    wireDetails: {
+      beneficiaryName: "American Import Co",
+      beneficiaryAccountNumber: "****3698",
+      beneficiaryBankName: "Citibank",
+      beneficiaryBankSwift: "CITIUS33",
+      originatorName: "European Trade Ltd",
+      originatorAccountNumber: "****7412",
+      originatorBankName: "Barclays UK",
+      originatorBankSwift: "BABORJPJ",
+      imad: "20250929MMQFMP030000993",
+      omad: "20250929MMQFMP030000994"
+    }
+  },
+  {
+    id: "19",
+    created: "2025-09-28 16:45",
+    accountNumber: "667788990011",
+    amount: 3200,
+    customer: "Small Business LLC",
+    counterparty: "Nancy Taylor",
+    description: "Online Payment Receipt",
+    transactionType: "ACH Credit",
+    status: "POSTED",
+    processingStatus: "CONFIRMED",
+    updated: "2025-09-28 17:00",
+    isInbound: true,
+    achDetails: {
+      secCode: "WEB",
+      traceNumber: "091000019876548",
+      companyName: "Small Business LLC",
+      companyId: "2345678901",
+      effectiveDate: "2025-09-28"
+    }
+  },
+  {
+    id: "20",
+    created: "2025-09-28 14:20",
+    accountNumber: "889900112233",
+    amount: -45,
+    customer: "Patricia Moore",
+    counterparty: "Bank Services",
+    description: "Wire Transfer Fee",
+    transactionType: "Fee Wire Transaction",
+    status: "POSTED",
+    processingStatus: "CONFIRMED",
+    updated: "2025-09-28 14:20",
+    isInbound: false
   }
 ];
 var mockTransactionTimeline = [
@@ -14460,32 +15198,93 @@ var mockTransactionTimeline = [
     timestamp: "2025-10-01 00:19:45"
   }
 ];
+var defaultFilters2 = {
+  originalFileName: "",
+  requesterIpAddress: "",
+  requesterUsername: "",
+  showAchNoc: false,
+  excludeWire: false,
+  excludeAch: false,
+  wireFileHandle: "",
+  direction: "",
+  counterpartyId: "",
+  customerId: "",
+  settlementFileName: "",
+  isInbound: false,
+  accountNumber: "",
+  processingStatus: [],
+  beginDate: void 0,
+  endDate: void 0,
+  postDateStart: void 0,
+  postDateEnd: void 0,
+  maxAmount: "",
+  minAmount: "",
+  productId: "",
+  paymentId: "",
+  transactionStatus: [],
+  transactionType: []
+};
+var filterOptions = {
+  transactionTypes: [
+    { value: "ACH Credit", label: "ACH Credit" },
+    { value: "ACH Debit", label: "ACH Debit" },
+    { value: "ACH Return", label: "ACH Return" },
+    { value: "Ach Originator Credit", label: "ACH Originator Credit" },
+    { value: "Ach Originator Debit", label: "ACH Originator Debit" },
+    { value: "Wire Domestic Credit", label: "Wire Domestic Credit" },
+    { value: "Wire Domestic Debit", label: "Wire Domestic Debit" },
+    { value: "Wire International Credit", label: "Wire International Credit" },
+    { value: "Wire International Debit", label: "Wire International Debit" },
+    { value: "Fee Ach Transaction", label: "ACH Fee" },
+    { value: "Fee Wire Transaction", label: "Wire Fee" }
+  ],
+  transactionStatuses: [
+    { value: "PENDING", label: "Pending" },
+    { value: "POSTED", label: "Posted" },
+    { value: "FAILED", label: "Failed" },
+    { value: "CANCELLED", label: "Cancelled" }
+  ],
+  processingStatuses: [
+    { value: "INITIATED", label: "Initiated" },
+    { value: "SUBMITTED", label: "Submitted" },
+    { value: "CUSTOMER_REVIEW", label: "Customer Review" },
+    { value: "MANUAL_REVIEW", label: "Manual Review" },
+    { value: "SENT", label: "Sent" },
+    { value: "CONFIRMED", label: "Confirmed" }
+  ],
+  directions: [
+    { value: "inbound", label: "Inbound" },
+    { value: "outbound", label: "Outbound" }
+  ],
+  products: [
+    { value: "ach", label: "ACH" },
+    { value: "wire", label: "Wire" }
+  ]
+};
 var TransactionHistory = () => {
   const navigate = reactRouterDom.useNavigate();
   const [sortBy, setSortBy] = React15.useState("created");
   const [sortDirection, setSortDirection] = React15.useState("desc");
-  const [filters, setFilters] = React15.useState({
-    accountNumber: "",
-    product: "",
-    customerId: "",
-    counterpartyId: "",
-    settlementFileName: "",
-    originalFileName: "",
-    requesterIpAddress: "",
-    requesterUsername: "",
-    wireFileHandle: "",
-    paymentId: "",
-    transactionType: "",
-    transactionStatus: "",
-    processingStatus: "",
-    direction: "",
-    minAmount: "",
-    maxAmount: "",
-    creationDateStart: void 0,
-    creationDateEnd: void 0,
-    postDateStart: void 0,
-    postDateEnd: void 0
-  });
+  const [filters, setFilters] = React15.useState(defaultFilters2);
+  const [isLoading, setIsLoading] = React15.useState(true);
+  const [error, setError] = React15.useState(null);
+  const loadTransactions = React15.useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 800));
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load transactions");
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  React15.useEffect(() => {
+    loadTransactions();
+  }, [loadTransactions]);
+  const handleRetry = React15.useCallback(() => {
+    loadTransactions();
+  }, [loadTransactions]);
   const filteredTransactions = React15.useMemo(() => {
     let filtered = [...mockTransactions];
     if (filters.accountNumber) {
@@ -14493,11 +15292,11 @@ var TransactionHistory = () => {
         (t) => t.accountNumber.toLowerCase().includes(filters.accountNumber.toLowerCase())
       );
     }
-    if (filters.transactionType) {
-      filtered = filtered.filter((t) => t.transactionType === filters.transactionType);
+    if (filters.transactionType && filters.transactionType.length > 0) {
+      filtered = filtered.filter((t) => filters.transactionType.includes(t.transactionType));
     }
-    if (filters.transactionStatus) {
-      filtered = filtered.filter((t) => t.status === filters.transactionStatus);
+    if (filters.transactionStatus && filters.transactionStatus.length > 0) {
+      filtered = filtered.filter((t) => filters.transactionStatus.includes(t.status));
     }
     if (filters.minAmount) {
       const minAmount = parseFloat(filters.minAmount.replace(/[^0-9.-]/g, ""));
@@ -14511,6 +15310,12 @@ var TransactionHistory = () => {
         filtered = filtered.filter((t) => t.amount <= maxAmount);
       }
     }
+    if (filters.excludeWire) {
+      filtered = filtered.filter((t) => !t.transactionType.toLowerCase().includes("wire"));
+    }
+    if (filters.excludeAch) {
+      filtered = filtered.filter((t) => !t.transactionType.toLowerCase().includes("ach"));
+    }
     return filtered;
   }, [filters]);
   const sortedTransactions = React15.useMemo(() => {
@@ -14527,28 +15332,7 @@ var TransactionHistory = () => {
     setFilters((prev) => ({ ...prev, [field]: value }));
   }, []);
   const handleResetFilters = React15.useCallback(() => {
-    setFilters({
-      accountNumber: "",
-      product: "",
-      customerId: "",
-      counterpartyId: "",
-      settlementFileName: "",
-      originalFileName: "",
-      requesterIpAddress: "",
-      requesterUsername: "",
-      wireFileHandle: "",
-      paymentId: "",
-      transactionType: "",
-      transactionStatus: "",
-      processingStatus: "",
-      direction: "",
-      minAmount: "",
-      maxAmount: "",
-      creationDateStart: void 0,
-      creationDateEnd: void 0,
-      postDateStart: void 0,
-      postDateEnd: void 0
-    });
+    setFilters(defaultFilters2);
   }, []);
   const handleApplyFilters = React15.useCallback(() => {
     console.log("Applying filters:", filters);
@@ -14564,13 +15348,6 @@ var TransactionHistory = () => {
   const handleRowClick = React15.useCallback((transaction) => {
     navigate(`/transactions/${transaction.id}`);
   }, [navigate]);
-  const formatCurrency4 = (value) => {
-    return new Intl.NumberFormat("en-US", {
-      style: "currency",
-      currency: "USD",
-      minimumFractionDigits: 2
-    }).format(value);
-  };
   const columns3 = React15.useMemo(() => [
     {
       key: "created",
@@ -14587,7 +15364,7 @@ var TransactionHistory = () => {
       title: "Amount",
       sortable: true,
       align: "right",
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: value < 0 ? "text-destructive" : "", children: formatCurrency4(value) })
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: value < 0 ? "text-destructive" : "", children: formatCurrency(value) })
     },
     {
       key: "customer",
@@ -14641,9 +15418,13 @@ var TransactionHistory = () => {
     {
       table,
       filters,
+      filterOptions,
       onFilterChange: handleFilterChange,
       onResetFilters: handleResetFilters,
-      onApplyFilters: handleApplyFilters
+      onApplyFilters: handleApplyFilters,
+      isLoading,
+      error,
+      onRetry: handleRetry
     }
   );
 };
@@ -15127,181 +15908,6 @@ function NewTransaction() {
     }
   );
 }
-var cancelTransactionSchema = zod.z.object({
-  reason: zod.z.string().min(1, "Reason is required").max(500, "Reason must be less than 500 characters")
-});
-var returnTransactionSchema = zod.z.object({
-  reasonCode: zod.z.string().min(1, "Reason code is required")
-});
-var CancelTransactionDialog = ({
-  transactionId,
-  open,
-  onOpenChange,
-  onCancel
-}) => {
-  const { toast: toast6 } = useToast();
-  const {
-    register,
-    handleSubmit,
-    formState: { errors, isSubmitting },
-    reset
-  } = useFormWithEditState({
-    schema: cancelTransactionSchema,
-    defaultValues: {
-      reason: ""
-    }
-  });
-  const onSubmit = async (data) => {
-    try {
-      await onCancel(data);
-      toast6({
-        title: "Transaction Cancelled",
-        description: `Transaction ${transactionId} has been cancelled successfully.`
-      });
-      reset();
-      onOpenChange(false);
-    } catch (error) {
-      toast6({
-        title: "Error",
-        description: "Failed to cancel the transaction. Please try again.",
-        variant: "destructive"
-      });
-    }
-  };
-  const handleClose = () => {
-    reset();
-    onOpenChange(false);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Cancel Transaction" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
-        "Please provide a reason for cancelling transaction ",
-        transactionId,
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: handleSubmit(onSubmit), className: "space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedTextarea,
-        {
-          label: "Cancellation Reason",
-          placeholder: "Enter the reason for cancellation...",
-          error: errors.reason?.message,
-          ...register("reason")
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { className: "gap-2 sm:gap-0", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "button",
-            variant: "outline",
-            onClick: handleClose,
-            disabled: isSubmitting,
-            children: "Close"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            type: "submit",
-            variant: "destructive",
-            disabled: isSubmitting,
-            children: isSubmitting ? "Cancelling..." : "Cancel Transaction"
-          }
-        )
-      ] })
-    ] })
-  ] }) });
-};
-function ReturnTransactionDialog({
-  transactionId,
-  open,
-  onOpenChange,
-  onReturn,
-  reasonCodes
-}) {
-  const {
-    watch,
-    setValue,
-    handleSave,
-    handleCancel,
-    isLoading,
-    formState: { errors }
-  } = useFormWithEditState({
-    schema: returnTransactionSchema,
-    initialEditing: true,
-    onSave: async (data) => {
-      try {
-        await onReturn(data);
-        toast({
-          title: "Transaction returned",
-          description: `Transaction #${transactionId} has been returned successfully.`
-        });
-        onOpenChange(false);
-      } catch (error) {
-        toast({
-          title: "Error",
-          description: "Failed to return transaction. Please try again.",
-          variant: "destructive"
-        });
-        throw error;
-      }
-    },
-    onCancel: () => {
-      onOpenChange(false);
-    }
-  });
-  const reasonCode = watch("reasonCode");
-  const selectOptions = reasonCodes.map((code) => ({
-    value: code.value,
-    label: code.label
-  }));
-  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Return Transaction" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(DialogDescription, { children: [
-        "Select a reason code to return transaction #",
-        transactionId,
-        "."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-      EnhancedSelect,
-      {
-        label: "Reason Code",
-        placeholder: "Select a reason code",
-        options: selectOptions,
-        value: reasonCode || "",
-        onValueChange: (value) => setValue("reasonCode", value),
-        error: errors.reasonCode?.message
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          variant: "outline",
-          onClick: handleCancel,
-          disabled: isLoading,
-          children: "Cancel"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Button,
-        {
-          type: "button",
-          variant: "destructive",
-          onClick: handleSave,
-          disabled: isLoading || !reasonCode,
-          children: isLoading ? "Returning..." : "Return Transaction"
-        }
-      )
-    ] })
-  ] }) });
-}
 var returnReasonCodes = [
   { value: "R01", label: "R01 - Insufficient Funds" },
   { value: "R02", label: "R02 - Account Closed" },
@@ -15319,10 +15925,28 @@ var TransactionDetail = () => {
   const navigate = reactRouterDom.useNavigate();
   const [isCancelDialogOpen, setIsCancelDialogOpen] = React15.useState(false);
   const [isReturnDialogOpen, setIsReturnDialogOpen] = React15.useState(false);
-  const transaction = React15.useMemo(
-    () => mockTransactions.find((t) => t.id === id),
-    [id]
-  );
+  const [isLoading, setIsLoading] = React15.useState(true);
+  const [error, setError] = React15.useState(null);
+  const [transaction, setTransaction] = React15.useState(null);
+  const loadTransaction = React15.useCallback(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      await new Promise((resolve) => setTimeout(resolve, 600));
+      const found = mockTransactions.find((t) => t.id === id);
+      setTransaction(found || null);
+    } catch (err) {
+      setError(err instanceof Error ? err.message : "Failed to load transaction");
+    } finally {
+      setIsLoading(false);
+    }
+  }, [id]);
+  React15.useEffect(() => {
+    loadTransaction();
+  }, [loadTransaction]);
+  const handleRetry = React15.useCallback(() => {
+    loadTransaction();
+  }, [loadTransaction]);
   const isWireTransfer = React15.useMemo(
     () => transaction?.transactionType.toLowerCase().includes("wire") ?? false,
     [transaction?.transactionType]
@@ -15372,7 +15996,7 @@ var TransactionDetail = () => {
   const handleProductClick = React15.useCallback((productId) => {
     console.log("Navigate to product:", productId);
   }, []);
-  if (!transaction) {
+  if (!isLoading && !error && !transaction) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold mb-2", children: "Transaction Not Found" }),
       /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-muted-foreground mb-4", children: [
@@ -15399,28 +16023,33 @@ var TransactionDetail = () => {
         onCustomerClick: handleCustomerClick,
         onCounterpartyClick: handleCounterpartyClick,
         onOFACClick: handleOFACClick,
-        onProductClick: handleProductClick
+        onProductClick: handleProductClick,
+        isLoading,
+        error,
+        onRetry: handleRetry
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      CancelTransactionDialog,
-      {
-        transactionId: transaction.id,
-        open: isCancelDialogOpen,
-        onOpenChange: setIsCancelDialogOpen,
-        onCancel: handleCancelTransaction
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      ReturnTransactionDialog,
-      {
-        transactionId: transaction.id,
-        open: isReturnDialogOpen,
-        onOpenChange: setIsReturnDialogOpen,
-        onReturn: handleReturnTransaction,
-        reasonCodes: returnReasonCodes
-      }
-    )
+    transaction && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CancelTransactionDialog,
+        {
+          transactionId: transaction.id,
+          open: isCancelDialogOpen,
+          onOpenChange: setIsCancelDialogOpen,
+          onCancel: handleCancelTransaction
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ReturnTransactionDialog,
+        {
+          transactionId: transaction.id,
+          open: isReturnDialogOpen,
+          onOpenChange: setIsReturnDialogOpen,
+          onReturn: handleReturnTransaction,
+          reasonCodes: returnReasonCodes
+        }
+      )
+    ] })
   ] });
 };
 var TransactionDetail_default = TransactionDetail;
@@ -16305,7 +16934,7 @@ var VelocityLimitDetailsCard = ({
         InfoField,
         {
           label: "Max Amount",
-          value: `$${parseFloat(limit.maxAmount).toLocaleString()}`,
+          value: formatCurrency(parseFloat(limit.maxAmount)),
           layout: "horizontal"
         }
       ),
@@ -16342,7 +16971,7 @@ var VelocityLimitDetailsCard = ({
       InfoField,
       {
         label: "Amount Threshold",
-        value: `$${parseFloat(limit.amountThreshold).toLocaleString()}`,
+        value: formatCurrency(parseFloat(limit.amountThreshold)),
         layout: "horizontal"
       }
     ),
@@ -17341,6 +17970,7 @@ exports.Businesses = Businesses_default;
 exports.Button = Button;
 exports.CIPStatusBadge = CIPStatusBadge;
 exports.Calendar = Calendar;
+exports.CancelTransactionDialog = CancelTransactionDialog;
 exports.Card = Card;
 exports.CardContent = CardContent;
 exports.CardDescription = CardDescription;
@@ -17428,6 +18058,7 @@ exports.ReconExceptions = ReconExceptions;
 exports.ReconUpload = ReconUpload;
 exports.ResolveAlertDialog = ResolveAlertDialog;
 exports.ResponsiveGrid = ResponsiveGrid;
+exports.ReturnTransactionDialog = ReturnTransactionDialog;
 exports.ScrollArea = ScrollArea;
 exports.ScrollBar = ScrollBar;
 exports.Separator = Separator;