braid-ui 1.0.41 → 1.0.43

package/dist/index.cjs

@@ -556,8 +556,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast5) => {
-          addToRemoveQueue(toast5.id);
+        state.toasts.forEach((toast6) => {
+          addToRemoveQueue(toast6.id);
         });
       }
       return {
@@ -4015,6 +4015,21 @@ var statusConfig = {
     variant: "secondary",
     label: "Cancelled",
     icon: lucideReact.XCircle
+  },
+  DELETED: {
+    variant: "inactive",
+    label: "Deleted",
+    icon: lucideReact.XCircle
+  },
+  NEEDS_OFAC: {
+    variant: "pending",
+    label: "Needs OFAC",
+    icon: lucideReact.AlertTriangle
+  },
+  PENDING_UNBLOCK: {
+    variant: "pending",
+    label: "Pending Unblock",
+    icon: lucideReact.Clock
   }
 };
 var StatusBadge = ({ status, className }) => {
@@ -4459,7 +4474,7 @@ function DatePicker({
     ) })
   ] });
   if (label) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-4", wrapperClassName), children: [
       /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
       picker
     ] });
@@ -6221,9 +6236,10 @@ var CounterpartyDetailView = ({
             value: currentStatus,
             options: [
               { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "PENDING", label: "Pending" },
-              { value: "SUSPENDED", label: "Suspended" }
+              { value: "BLOCKED", label: "Blocked" },
+              { value: "DELETED", label: "Deleted" },
+              { value: "NEEDS_OFAC", label: "Needs OFAC" },
+              { value: "PENDING_UNBLOCK", label: "Pending Unblock" }
             ],
             onChange: onStatusChange,
             renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value }),
@@ -6971,20 +6987,18 @@ var Label = React15__namespace.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 Label.displayName = LabelPrimitive__namespace.Root.displayName;
-var CounterpartyBasicInfo = ({ onDataChange }) => {
-  const [formData, setFormData] = React15.useState({
-    name: "",
-    type: "business",
-    email: "",
-    phone: "",
-    dateOfBirth: "",
-    idNumber: "",
-    idType: "product_id",
-    idValue: ""
-  });
-  const handleInputChange = (field, value) => {
-    const updatedData = { ...formData, [field]: value };
-    setFormData(updatedData);
+var CounterpartyBasicInfo = ({ value = {
+  name: "",
+  type: "business",
+  email: "",
+  phone: "",
+  dateOfBirth: "",
+  idNumber: "",
+  idType: "product_id",
+  idValue: ""
+}, onDataChange }) => {
+  const handleInputChange = (field, newValue) => {
+    const updatedData = { ...value, [field]: newValue };
     onDataChange?.(updatedData);
   };
   const handleTypeChange = (type) => {
@@ -6996,7 +7010,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "Counterparty Name",
-          value: formData.name,
+          value: value.name,
           onChange: (e) => handleInputChange("name", e.target.value),
           placeholder: "Enter counterparty name",
           required: true
@@ -7012,7 +7026,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
                 type: "radio",
                 name: "counterpartyType",
                 value: "business",
-                checked: formData.type === "business",
+                checked: value.type === "business",
                 onChange: () => handleTypeChange("business"),
                 className: "w-4 h-4 text-primary border-border focus:ring-primary focus:ring-2"
               }
@@ -7026,7 +7040,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
                 type: "radio",
                 name: "counterpartyType",
                 value: "individual",
-                checked: formData.type === "individual",
+                checked: value.type === "individual",
                 onChange: () => handleTypeChange("individual"),
                 className: "w-4 h-4 text-primary border-border focus:ring-primary focus:ring-2"
               }
@@ -7039,8 +7053,8 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedSelect,
         {
           label: "Associated with",
-          value: formData.idType,
-          onValueChange: (value) => handleInputChange("idType", value),
+          value: value.idType,
+          onValueChange: (val) => handleInputChange("idType", val),
           options: [
             { value: "product_id", label: "Product ID" },
             { value: "business_id", label: "Business ID" },
@@ -7052,10 +7066,10 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
       /* @__PURE__ */ jsxRuntime.jsx(
         EnhancedInput,
         {
-          label: formData.idType === "product_id" ? "Product ID" : formData.idType === "business_id" ? "Business ID" : formData.idType === "individual_id" ? "Individual ID" : "Account Number",
-          value: formData.idValue,
+          label: value.idType === "product_id" ? "Product ID" : value.idType === "business_id" ? "Business ID" : value.idType === "individual_id" ? "Individual ID" : "Account Number",
+          value: value.idValue,
           onChange: (e) => handleInputChange("idValue", e.target.value),
-          placeholder: `Enter ${formData.idType === "product_id" ? "product ID" : formData.idType === "business_id" ? "business ID" : formData.idType === "individual_id" ? "individual ID" : "account number"}`,
+          placeholder: `Enter ${value.idType === "product_id" ? "product ID" : value.idType === "business_id" ? "business ID" : value.idType === "individual_id" ? "individual ID" : "account number"}`,
           required: true
         }
       )
@@ -7066,7 +7080,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Email",
           type: "email",
-          value: formData.email,
+          value: value.email,
           onChange: (e) => handleInputChange("email", e.target.value),
           placeholder: "Enter email address"
         }
@@ -7076,7 +7090,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Phone Number",
           type: "tel",
-          value: formData.phone,
+          value: value.phone,
           onChange: (e) => handleInputChange("phone", e.target.value),
           placeholder: "Enter phone number"
         }
@@ -7086,7 +7100,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Date of Birth",
           type: "date",
-          value: formData.dateOfBirth,
+          value: value.dateOfBirth,
           onChange: (e) => handleInputChange("dateOfBirth", e.target.value),
           placeholder: "Select date of birth"
         }
@@ -7095,7 +7109,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "ID Number",
-          value: formData.idNumber,
+          value: value.idNumber,
           onChange: (e) => handleInputChange("idNumber", e.target.value),
           placeholder: "Enter ID number"
         }
@@ -8403,7 +8417,8 @@ var DetailPageLayout = ({
   description,
   cards,
   actions,
-  initialEditingState = {}
+  initialEditingState = {},
+  headerContent
 }) => {
   const [editingCards, setEditingCards] = React15.useState(
     initialEditingState
@@ -8422,6 +8437,7 @@ var DetailPageLayout = ({
     {
       title,
       description,
+      headerContent,
       actions: actions?.map((action) => ({
         label: action.label,
         variant: action.variant || "default",
@@ -11620,9 +11636,66 @@ var CounterpartyDetail = () => {
   );
 };
 var CounterpartyDetail_default = CounterpartyDetail;
+var CreateCounterpartyView = ({
+  counterpartyData,
+  paymentMethods,
+  onPaymentMethodsChange,
+  onBasicInfoChange,
+  onCancel,
+  onSubmit
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title: "Create Counterparty",
+      description: "Create a new counterparty with all required information",
+      actions: [
+        { label: "Cancel", variant: "outline", onClick: onCancel },
+        { label: "Create Counterparty", variant: "default", onClick: onSubmit }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Basic Information" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyBasicInfo, { value: counterpartyData, onDataChange: onBasicInfoChange }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { children: [
+            "Address",
+            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { children: [
+            paymentMethods.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Optional for ACH payments, required for wire transfers" }),
+            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Required because you have wire payment methods" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              AddressForm,
+              {
+                title: "",
+                description: "",
+                showApartment: true
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Payment Configuration" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentInformationSection, { onPaymentMethodsChange }) })
+        ] })
+      ] })
+    }
+  );
+};
 var CreateCounterparty = () => {
   const navigate = reactRouterDom.useNavigate();
-  const [counterpartyData, setCounterpartyData] = React15.useState(null);
+  const [counterpartyData, setCounterpartyData] = React15.useState({
+    name: "",
+    type: "business",
+    email: "",
+    phone: "",
+    dateOfBirth: "",
+    idNumber: "",
+    idType: "product_id",
+    idValue: ""
+  });
   const [paymentMethods, setPaymentMethods] = React15.useState([]);
   const handlePaymentMethodsChange = (methods) => {
     setPaymentMethods(methods);
@@ -11630,11 +11703,11 @@ var CreateCounterparty = () => {
   const handleBasicInfoChange = (data) => {
     setCounterpartyData(data);
   };
-  const counterpartyType = counterpartyData?.type || "";
   const handleCancel = () => {
     navigate("/counterparty");
   };
   const handleSubmit = () => {
+    const counterpartyType = counterpartyData?.type || "";
     if (!counterpartyType) {
       toast({
         title: "Error",
@@ -11667,42 +11740,14 @@ var CreateCounterparty = () => {
     }, 1e3);
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
+    CreateCounterpartyView,
     {
-      title: "Create Counterparty",
-      description: "Create a new counterparty with all required information",
-      actions: [
-        { label: "Cancel", variant: "outline", onClick: handleCancel },
-        { label: "Create Counterparty", variant: "default", onClick: handleSubmit }
-      ],
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Basic Information" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyBasicInfo, { onDataChange: handleBasicInfoChange }) })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { children: [
-            "Address",
-            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
-          ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { children: [
-            paymentMethods.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Optional for ACH payments, required for wire transfers" }),
-            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Required because you have wire payment methods" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              AddressForm,
-              {
-                title: "",
-                description: "",
-                showApartment: true
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Payment Configuration" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentInformationSection, { onPaymentMethodsChange: handlePaymentMethodsChange }) })
-        ] })
-      ] })
+      counterpartyData,
+      paymentMethods,
+      onPaymentMethodsChange: handlePaymentMethodsChange,
+      onBasicInfoChange: handleBasicInfoChange,
+      onCancel: handleCancel,
+      onSubmit: handleSubmit
     }
   );
 };
@@ -14253,7 +14298,7 @@ var TransactionDetail = () => {
       /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => navigate("/transactions/history"), children: "Back to Transaction History" })
     ] }) });
   }
-  const getStatusVariant2 = (status) => {
+  const getStatusVariant3 = (status) => {
     switch (status) {
       case "POSTED":
         return "success";
@@ -14309,7 +14354,7 @@ var TransactionDetail = () => {
             isInbound: transaction.isInbound
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant2(transaction.status), children: transaction.status }),
+        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant3(transaction.status), children: transaction.status }),
         /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getProcessingStatusVariant(transaction.processingStatus), children: transaction.processingStatus })
       ] }),
       maxWidth: "full",
@@ -14408,22 +14453,22 @@ function UIKit() {
     ] })
   ] }) }) });
 }
-function OFACFiltersSheet({
+function VelocityLimitFiltersSheet({
   filters,
   onFilterChange,
   onResetFilters
 }) {
-  const hasActiveFilters = filters.status !== "" || filters.entityType !== "" || filters.startDate !== void 0 || filters.endDate !== void 0;
+  const hasActiveFilters = filters.accountNumber !== "" || filters.counterpartyId !== "" || filters.productId !== "" || filters.programId !== "" || filters.limitName !== "" || filters.limitType !== "" || filters.status !== "" || filters.aggregationLevel !== "" || filters.action !== "" || filters.transactionType !== "" || filters.transactionGroup !== "";
   return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", children: [
       /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "mr-2 h-4 w-4" }),
       "Filters",
-      hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground", children: [filters.status, filters.entityType, filters.startDate, filters.endDate].filter(Boolean).length })
+      hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground", children: Object.values(filters).filter((v) => v !== "").length })
     ] }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "w-full sm:max-w-md overflow-y-auto", children: [
       /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Filter OFAC Checks" }),
+          /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Filter Velocity Limits" }),
           hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsxs(
             Button,
             {
@@ -14438,20 +14483,78 @@ function OFACFiltersSheet({
             }
           )
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { children: "Filter OFAC screening results by status, entity type, and date range" })
+        /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { children: "Filter velocity limits by account, limit details, and transaction settings" })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 mt-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Account Number",
+            placeholder: "Enter account number",
+            value: filters.accountNumber,
+            onChange: (e) => onFilterChange("accountNumber", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Counterparty ID",
+            placeholder: "Enter counterparty ID",
+            value: filters.counterpartyId,
+            onChange: (e) => onFilterChange("counterpartyId", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Product ID",
+            placeholder: "Enter product ID",
+            value: filters.productId,
+            onChange: (e) => onFilterChange("productId", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Program ID",
+            placeholder: "Enter program ID",
+            value: filters.programId,
+            onChange: (e) => onFilterChange("programId", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Limit Name",
+            placeholder: "Enter limit name",
+            value: filters.limitName,
+            onChange: (e) => onFilterChange("limitName", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Limit Type",
+            placeholder: "Select limit type",
+            options: [
+              { value: "all", label: "All types" },
+              { value: "AMOUNT", label: "Amount" },
+              { value: "COUNT", label: "Count" }
+            ],
+            value: filters.limitType || "all",
+            onValueChange: (value) => onFilterChange("limitType", value === "all" ? "" : value)
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsx(
           EnhancedSelect,
           {
             label: "Status",
-            placeholder: "All statuses",
+            placeholder: "Select status",
             options: [
               { value: "all", label: "All statuses" },
-              { value: "NO MATCH", label: "No Match" },
-              { value: "REVIEW", label: "Review" },
-              { value: "CLEARED", label: "Cleared" },
-              { value: "CONFIRMED", label: "Confirmed" }
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "DELETED", label: "Deleted" }
             ],
             value: filters.status || "all",
             onValueChange: (value) => onFilterChange("status", value === "all" ? "" : value)
@@ -14460,180 +14563,246 @@ function OFACFiltersSheet({
         /* @__PURE__ */ jsxRuntime.jsx(
           EnhancedSelect,
           {
-            label: "Entity Type",
-            placeholder: "All entity types",
+            label: "Aggregation Level",
+            placeholder: "Select aggregation level",
             options: [
-              { value: "all", label: "All entity types" },
-              { value: "Business", label: "Business" },
-              { value: "Individual", label: "Individual" },
-              { value: "Counterparty", label: "Counterparty" }
+              { value: "all", label: "All levels" },
+              { value: "ACCOUNT", label: "Account" },
+              { value: "PROGRAM", label: "Program" },
+              { value: "PRODUCT", label: "Product" }
             ],
-            value: filters.entityType || "all",
-            onValueChange: (value) => onFilterChange("entityType", value === "all" ? "" : value)
+            value: filters.aggregationLevel || "all",
+            onValueChange: (value) => onFilterChange("aggregationLevel", value === "all" ? "" : value)
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          DatePicker,
+          EnhancedSelect,
           {
-            date: filters.startDate,
-            onDateChange: (date) => onFilterChange("startDate", date),
-            label: "Start Date",
-            placeholder: "MM/DD/YYYY"
+            label: "Action",
+            placeholder: "Select action",
+            options: [
+              { value: "all", label: "All actions" },
+              { value: "DECLINE", label: "Decline" },
+              { value: "FLAG", label: "Flag" }
+            ],
+            value: filters.action || "all",
+            onValueChange: (value) => onFilterChange("action", value === "all" ? "" : value)
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          DatePicker,
+          EnhancedSelect,
           {
-            date: filters.endDate,
-            onDateChange: (date) => onFilterChange("endDate", date),
-            label: "End Date",
-            placeholder: "MM/DD/YYYY",
-            disabledDates: (date) => filters.startDate ? date < filters.startDate : false
+            label: "Transaction Type",
+            placeholder: "Select transaction type",
+            options: [
+              { value: "all", label: "All types" },
+              { value: "WIRE", label: "Wire" },
+              { value: "ACH", label: "ACH" },
+              { value: "CARD", label: "Card" }
+            ],
+            value: filters.transactionType || "all",
+            onValueChange: (value) => onFilterChange("transactionType", value === "all" ? "" : value)
           }
-        )
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Transaction Group",
+            placeholder: "Select transaction group",
+            options: [
+              { value: "all", label: "All groups" },
+              { value: "INBOUND", label: "Inbound" },
+              { value: "OUTBOUND", label: "Outbound" }
+            ],
+            value: filters.transactionGroup || "all",
+            onValueChange: (value) => onFilterChange("transactionGroup", value === "all" ? "" : value)
+          }
+        ) })
       ] })
     ] })
   ] });
 }
 
-// src/lib/mock-data/ofac-data.ts
-var mockOFACChecks = [
-  {
-    id: "ofac-001",
-    created: "2024-01-15T10:30:00Z",
-    entityId: "8112488",
-    entityName: "Acme Corporation",
-    entityType: "Business",
-    alertId: "ALT-001",
-    status: "CLEARED"
-  },
-  {
-    id: "ofac-002",
-    created: "2024-01-14T14:22:00Z",
-    entityId: "8111609",
-    entityName: "Global Tech Industries",
-    entityType: "Business",
-    alertId: "ALT-002",
-    status: "REVIEW"
-  },
-  {
-    id: "ofac-003",
-    created: "2024-01-14T09:15:00Z",
-    entityId: "IND-001",
-    entityName: "John Smith",
-    entityType: "Individual",
-    alertId: null,
-    status: "NO MATCH"
-  },
-  {
-    id: "ofac-004",
-    created: "2024-01-13T16:45:00Z",
-    entityId: "8111026",
-    entityName: "Innovation Partners LLC",
-    entityType: "Business",
-    alertId: "ALT-003",
-    status: "CONFIRMED"
-  },
-  {
-    id: "ofac-005",
-    created: "2024-01-13T11:20:00Z",
-    entityId: "IND-002",
-    entityName: "Jane Doe",
-    entityType: "Individual",
-    alertId: null,
-    status: "NO MATCH"
-  },
-  {
-    id: "ofac-006",
-    created: "2024-01-12T13:30:00Z",
-    entityId: "CP-001",
-    entityName: "International Suppliers Inc",
-    entityType: "Counterparty",
-    alertId: "ALT-004",
-    status: "REVIEW"
-  },
-  {
-    id: "ofac-007",
-    created: "2024-01-12T08:00:00Z",
-    entityId: "8110892",
-    entityName: "NextGen Solutions",
-    entityType: "Business",
-    alertId: null,
-    status: "NO MATCH"
-  },
-  {
-    id: "ofac-008",
-    created: "2024-01-11T15:10:00Z",
-    entityId: "IND-003",
-    entityName: "Robert Johnson",
-    entityType: "Individual",
-    alertId: "ALT-005",
-    status: "CLEARED"
-  },
-  {
-    id: "ofac-009",
-    created: "2024-01-11T10:45:00Z",
-    entityId: "CP-002",
-    entityName: "Overseas Trading Company",
-    entityType: "Counterparty",
-    alertId: "ALT-006",
-    status: "REVIEW"
-  },
-  {
-    id: "ofac-010",
-    created: "2024-01-10T14:25:00Z",
-    entityId: "8110654",
-    entityName: "Digital Ventures Group",
-    entityType: "Business",
-    alertId: null,
-    status: "NO MATCH"
+// src/lib/mock-data/velocity-limit-data.ts
+var mockVelocityLimits = [
+  {
+    id: "1",
+    created: "2025-11-13T10:00:00Z",
+    limitName: "QA - Decline inbound wire",
+    limitType: "transaction",
+    action: "DECLINE",
+    status: "ACTIVE",
+    associatedEntity: "Account",
+    associatedEntityId: "9539334834",
+    transactionGroup: ["inbound"],
+    transactionType: ["wire"],
+    aggregationLevel: "account",
+    timePeriod: "daily",
+    maxAmount: "50000",
+    maxCount: "10"
+  },
+  {
+    id: "2",
+    created: "2025-11-13T10:00:00Z",
+    limitName: "QA - Decline inbound wire",
+    limitType: "transaction",
+    action: "DECLINE",
+    status: "ACTIVE",
+    associatedEntity: "Account",
+    associatedEntityId: "8895578481",
+    transactionType: ["wire"],
+    aggregationLevel: "account",
+    timePeriod: "daily",
+    maxAmount: "100000",
+    maxCount: "20"
+  },
+  {
+    id: "3",
+    created: "2025-11-13T10:00:00Z",
+    limitName: "QA - Decline inbound wire",
+    limitType: "transaction",
+    action: "DECLINE",
+    status: "ACTIVE",
+    associatedEntity: "Account",
+    associatedEntityId: "86046257",
+    transactionType: ["wire"],
+    aggregationLevel: "transaction",
+    maxAmount: "25000"
+  },
+  {
+    id: "4",
+    created: "2025-11-13T10:00:00Z",
+    limitName: "QA - Decline inbound wire",
+    limitType: "transaction",
+    action: "DECLINE",
+    status: "ACTIVE",
+    associatedEntity: "Account",
+    associatedEntityId: "86046257",
+    transactionType: ["ACH_RECEIVER_CREDIT", "ACH_ORIGINATOR_CREDIT", "WIRE_INBOUND", "WIRE_OUTBOUND", "CARD_TRANSACTION"],
+    aggregationLevel: "account",
+    timePeriod: "monthly",
+    maxAmount: "500000",
+    maxCount: "50"
+  },
+  {
+    id: "5",
+    created: "2025-10-23T10:00:00Z",
+    limitName: "prohibited country list v2",
+    limitType: "prohibited_entity",
+    action: "DECLINE",
+    status: "DELETED",
+    associatedEntity: "Global",
+    entityListName: "OFAC Sanctioned Countries",
+    entityType: "country",
+    prohibitedEntities: "Iran, North Korea, Syria, Cuba"
+  },
+  {
+    id: "6",
+    created: "2025-10-16T10:00:00Z",
+    limitName: "global wire debit limit",
+    limitType: "transaction",
+    action: "DECLINE",
+    status: "INACTIVE",
+    associatedEntity: "Global",
+    transactionType: ["wire"],
+    aggregationLevel: "program",
+    timePeriod: "daily",
+    maxAmount: "1000000",
+    maxCount: "100"
+  },
+  {
+    id: "7",
+    created: "2025-10-16T10:00:00Z",
+    limitName: "global wire debit limit",
+    limitType: "transaction",
+    action: "DECLINE",
+    status: "ACTIVE",
+    associatedEntity: "Global",
+    transactionType: ["wire"],
+    aggregationLevel: "program",
+    timePeriod: "daily",
+    maxAmount: "1000000",
+    maxCount: "100"
+  },
+  {
+    id: "8",
+    created: "2025-09-04T10:00:00Z",
+    limitName: "wire_ach_rounded_amt",
+    limitType: "round_number",
+    action: "FLAG",
+    status: "ACTIVE",
+    associatedEntity: "Program",
+    associatedEntityId: "167989",
+    amountThreshold: "10000",
+    roundPattern: "1000, 5000, 10000, 50000"
+  },
+  {
+    id: "9",
+    created: "2025-08-20T10:00:00Z",
+    limitName: "receiver name validation",
+    limitType: "receiver_name_mismatch",
+    action: "FLAG",
+    status: "ACTIVE",
+    associatedEntity: "Global",
+    mismatchThreshold: "80",
+    comparisonMethod: "fuzzy"
   }
 ];
 var getStatusVariant = (status) => {
   switch (status) {
-    case "NO MATCH":
+    case "ACTIVE":
       return "success";
-    case "REVIEW":
+    case "INACTIVE":
       return "warning";
-    case "CLEARED":
-      return "active";
-    case "CONFIRMED":
+    case "DELETED":
       return "destructive";
     default:
       return "secondary";
   }
 };
-var getEntityUrl = (entityType, entityId) => {
-  switch (entityType) {
-    case "Business":
-      return `/business/${entityId}`;
-    case "Individual":
-      return `/individual/${entityId}`;
-    case "Counterparty":
-      return `/counterparty/${entityId}`;
+var getActionVariant = (action) => {
+  switch (action) {
+    case "DECLINE":
+      return "destructive";
+    case "FLAG":
+      return "warning";
     default:
-      return "#";
+      return "secondary";
   }
 };
-function OFAC() {
+function VelocityLimits() {
   const navigate = reactRouterDom.useNavigate();
   const [sortField, setSortField] = React15.useState("created");
   const [sortDirection, setSortDirection] = React15.useState("desc");
   const [filters, setFilters] = React15.useState({
+    accountNumber: "",
+    counterpartyId: "",
+    productId: "",
+    programId: "",
+    limitName: "",
+    limitType: "",
     status: "",
-    entityType: "",
-    startDate: void 0,
-    endDate: void 0
+    aggregationLevel: "",
+    action: "",
+    transactionType: "",
+    transactionGroup: ""
   });
   const handleFilterChange = (field, value) => {
     setFilters((prev) => ({ ...prev, [field]: value }));
   };
   const handleResetFilters = () => {
     setFilters({
+      accountNumber: "",
+      counterpartyId: "",
+      productId: "",
+      programId: "",
+      limitName: "",
+      limitType: "",
       status: "",
-      entityType: "",
-      startDate: void 0,
-      endDate: void 0
+      aggregationLevel: "",
+      action: "",
+      transactionType: "",
+      transactionGroup: ""
     });
   };
   const handleSort = (field) => {
@@ -14644,27 +14813,24 @@ function OFAC() {
       setSortDirection("desc");
     }
   };
-  const filteredChecks = React15.useMemo(() => {
-    return mockOFACChecks.filter((check) => {
-      if (filters.status && check.status !== filters.status) {
+  const filteredLimits = React15.useMemo(() => {
+    return mockVelocityLimits.filter((limit) => {
+      if (filters.accountNumber && limit.associatedEntityId && !limit.associatedEntityId.includes(filters.accountNumber)) {
         return false;
       }
-      if (filters.entityType && check.entityType !== filters.entityType) {
+      if (filters.limitName && !limit.limitName.toLowerCase().includes(filters.limitName.toLowerCase())) {
         return false;
       }
-      if (filters.startDate || filters.endDate) {
-        const checkDate = dateFns.parseISO(check.created);
-        if (filters.startDate && dateFns.isBefore(checkDate, dateFns.startOfDay(filters.startDate))) {
-          return false;
-        }
-        if (filters.endDate && dateFns.isAfter(checkDate, dateFns.endOfDay(filters.endDate))) {
-          return false;
-        }
+      if (filters.action && limit.action !== filters.action) {
+        return false;
+      }
+      if (filters.status && limit.status !== filters.status) {
+        return false;
       }
       return true;
     });
   }, [filters]);
-  const sortedChecks = [...filteredChecks].sort((a, b) => {
+  const sortedLimits = [...filteredLimits].sort((a, b) => {
     const aValue = a[sortField];
     const bValue = b[sortField];
     if (aValue == null) return 1;
@@ -14680,69 +14846,1471 @@ function OFAC() {
       key: "created",
       title: "Created",
       sortable: true,
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: dateFns.format(dateFns.parseISO(value), "MMM d, yyyy h:mm a") })
-    },
-    {
-      key: "entityName",
-      title: "Entity",
-      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => navigate(getEntityUrl(row.entityType, row.entityId)),
-          className: "text-sm text-primary hover:underline font-medium",
-          children: value
-        }
-      )
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: dateFns.format(dateFns.parseISO(value), "yyyy-MM-dd") })
     },
     {
-      key: "entityType",
-      title: "Entity Type",
+      key: "limitName",
+      title: "Limit Name",
       sortable: true,
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value })
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: value })
     },
     {
-      key: "alertId",
-      title: "Alert ID",
-      render: (value) => value ? /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => navigate(`/alerts/${value}`),
-          className: "text-sm text-primary hover:underline font-medium",
-          children: value
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" })
+      key: "action",
+      title: "Action",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getActionVariant(value), children: value })
     },
     {
       key: "status",
       title: "Status",
       sortable: true,
       render: (value) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant(value), children: value })
+    },
+    {
+      key: "associatedEntity",
+      title: "Associated Entity",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value })
+    },
+    {
+      key: "associatedEntityId",
+      title: "Associated Entity ID",
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value || "\u2014" })
     }
   ];
   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-6 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "OFAC Checks" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        OFACFiltersSheet,
-        {
-          filters,
-          onFilterChange: handleFilterChange,
-          onResetFilters: handleResetFilters
-        }
-      )
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Velocity Limits" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          VelocityLimitFiltersSheet,
+          {
+            filters,
+            onFilterChange: handleFilterChange,
+            onResetFilters: handleResetFilters
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: () => navigate("/compliance/velocity/create"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-2 h-4 w-4" }),
+          "Create Limit"
+        ] })
+      ] })
     ] }) }) }),
     /* @__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: /* @__PURE__ */ jsxRuntime.jsx(
       DataTable,
       {
         columns: columns3,
-        data: sortedChecks,
+        data: sortedLimits,
         sortBy: sortField,
         sortDirection,
-        onSort: handleSort
+        onSort: handleSort,
+        onRowClick: (limit) => navigate(`/compliance/velocity/${limit.id}`),
+        pagination: {
+          pageSize: 10,
+          currentPage: 1,
+          totalItems: sortedLimits.length,
+          onPageChange: () => {
+          }
+        }
       }
     ) }) }) })
   ] });
 }
+function CreateVelocityLimit() {
+  const navigate = reactRouterDom.useNavigate();
+  const [limitType, setLimitType] = React15.useState("");
+  const [formData, setFormData] = React15.useState({
+    limitName: "",
+    action: "",
+    associatedEntityType: "",
+    associatedEntityId: "",
+    transactionFilterType: "",
+    // "type" or "group"
+    transactionType: "",
+    transactionGroup: "",
+    aggregationLevel: ""
+    // Type-specific fields will be added based on limitType
+  });
+  const handleFieldChange = (field, value) => {
+    setFormData((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    console.log("Creating velocity limit:", { limitType, ...formData });
+    navigate("/compliance/velocity");
+  };
+  const renderTypeSpecificFields = () => {
+    switch (limitType) {
+      case "receiver_name_mismatch":
+        return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EnhancedInput,
+            {
+              label: "Mismatch Threshold (%)",
+              placeholder: "Enter threshold percentage",
+              onChange: (e) => handleFieldChange("mismatchThreshold", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EnhancedSelect,
+            {
+              label: "Comparison Method",
+              placeholder: "Select method",
+              options: [
+                { value: "exact", label: "Exact Match" },
+                { value: "fuzzy", label: "Fuzzy Match" },
+                { value: "partial", label: "Partial Match" }
+              ],
+              onValueChange: (value) => handleFieldChange("comparisonMethod", value)
+            }
+          )
+        ] }) });
+      case "round_number":
+        return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EnhancedInput,
+            {
+              label: "Amount Threshold",
+              placeholder: "Enter amount",
+              onChange: (e) => handleFieldChange("amountThreshold", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EnhancedInput,
+            {
+              label: "Round Number Pattern",
+              placeholder: "e.g., 1000, 5000, 10000",
+              onChange: (e) => handleFieldChange("roundPattern", e.target.value)
+            }
+          )
+        ] }) });
+      case "transaction":
+        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-foreground mb-3 block", children: "Filter By" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "transactionFilterType",
+                      value: "type",
+                      checked: formData.transactionFilterType === "type",
+                      onChange: (e) => {
+                        handleFieldChange("transactionFilterType", e.target.value);
+                        handleFieldChange("transactionGroup", "");
+                      },
+                      className: "w-4 h-4 text-primary border-border focus:ring-2 focus:ring-primary"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: "Transaction Type" })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "input",
+                    {
+                      type: "radio",
+                      name: "transactionFilterType",
+                      value: "group",
+                      checked: formData.transactionFilterType === "group",
+                      onChange: (e) => {
+                        handleFieldChange("transactionFilterType", e.target.value);
+                        handleFieldChange("transactionType", "");
+                      },
+                      className: "w-4 h-4 text-primary border-border focus:ring-2 focus:ring-primary"
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-foreground", children: "Transaction Group" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+                formData.transactionFilterType === "type" && /* @__PURE__ */ jsxRuntime.jsx(
+                  EnhancedSelect,
+                  {
+                    label: "",
+                    placeholder: "Select type",
+                    options: [
+                      { value: "wire", label: "Wire" },
+                      { value: "ach", label: "ACH" },
+                      { value: "card", label: "Card" }
+                    ],
+                    value: formData.transactionType,
+                    onValueChange: (value) => handleFieldChange("transactionType", value)
+                  }
+                ),
+                formData.transactionFilterType === "group" && /* @__PURE__ */ jsxRuntime.jsx(
+                  EnhancedSelect,
+                  {
+                    label: "",
+                    placeholder: "Select group",
+                    options: [
+                      { value: "inbound", label: "Inbound" },
+                      { value: "outbound", label: "Outbound" }
+                    ],
+                    value: formData.transactionGroup,
+                    onValueChange: (value) => handleFieldChange("transactionGroup", value)
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedSelect,
+              {
+                label: "Aggregation Level",
+                placeholder: "Select level",
+                options: [
+                  { value: "transaction", label: "Transaction" },
+                  { value: "account", label: "Account" },
+                  { value: "program", label: "Program" },
+                  { value: "product", label: "Product" }
+                ],
+                onValueChange: (value) => handleFieldChange("aggregationLevel", value)
+              }
+            ),
+            formData.aggregationLevel !== "transaction" && /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedSelect,
+              {
+                label: "Time Period",
+                placeholder: "Select period",
+                options: [
+                  { value: "daily", label: "Daily" },
+                  { value: "weekly", label: "Weekly" },
+                  { value: "monthly", label: "Monthly" }
+                ],
+                onValueChange: (value) => handleFieldChange("timePeriod", value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Max Transaction Amount",
+                placeholder: "Enter amount",
+                onChange: (e) => handleFieldChange("maxAmount", e.target.value)
+              }
+            ),
+            formData.aggregationLevel !== "transaction" && /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Max Transaction Count",
+                placeholder: "Enter count",
+                onChange: (e) => handleFieldChange("maxCount", e.target.value)
+              }
+            )
+          ] })
+        ] });
+      case "prohibited_entity":
+        return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EnhancedInput,
+            {
+              label: "Entity List Name",
+              placeholder: "Enter list name",
+              onChange: (e) => handleFieldChange("entityListName", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EnhancedSelect,
+            {
+              label: "Entity Type",
+              placeholder: "Select type",
+              options: [
+                { value: "country", label: "Country" },
+                { value: "individual", label: "Individual" },
+                { value: "business", label: "Business" }
+              ],
+              onValueChange: (value) => handleFieldChange("entityType", value)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+            EnhancedInput,
+            {
+              label: "Prohibited Entities (comma-separated)",
+              placeholder: "Enter entities",
+              onChange: (e) => handleFieldChange("prohibitedEntities", e.target.value)
+            }
+          ) })
+        ] }) });
+      default:
+        return null;
+    }
+  };
+  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-6 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => navigate("/compliance/velocity"),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "mr-2 h-4 w-4" }),
+            "Back"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Create Velocity Limit" }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-6 max-w-4xl", children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsxRuntime.jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold mb-4", children: "Select Limit Type" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Limit Type",
+            placeholder: "Select a limit type",
+            options: [
+              { value: "receiver_name_mismatch", label: "Receiver Name Mismatch" },
+              { value: "round_number", label: "Round Number" },
+              { value: "transaction", label: "Transaction" },
+              { value: "prohibited_entity", label: "Prohibited Entity" }
+            ],
+            value: limitType,
+            onValueChange: (value) => setLimitType(value)
+          }
+        )
+      ] }),
+      limitType && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t pt-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold mb-4", children: "Basic Information" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Limit Name",
+                placeholder: "Enter limit name",
+                value: formData.limitName,
+                onChange: (e) => handleFieldChange("limitName", e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedSelect,
+              {
+                label: "Action",
+                placeholder: "Select action",
+                options: [
+                  { value: "decline", label: "Decline" },
+                  { value: "flag", label: "Flag" }
+                ],
+                onValueChange: (value) => handleFieldChange("action", value)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedSelect,
+              {
+                label: "Associated Entity Type",
+                placeholder: "Select entity type",
+                options: [
+                  { value: "global", label: "Global" },
+                  { value: "program", label: "Program" },
+                  { value: "product", label: "Product" },
+                  { value: "account", label: "Account" }
+                ],
+                value: formData.associatedEntityType,
+                onValueChange: (value) => {
+                  handleFieldChange("associatedEntityType", value);
+                  handleFieldChange("associatedEntityId", "");
+                }
+              }
+            ),
+            formData.associatedEntityType && formData.associatedEntityType !== "global" && /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: `${formData.associatedEntityType.charAt(0).toUpperCase() + formData.associatedEntityType.slice(1)} ID`,
+                placeholder: `Enter ${formData.associatedEntityType} ID`,
+                value: formData.associatedEntityId,
+                onChange: (e) => handleFieldChange("associatedEntityId", e.target.value)
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t pt-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold mb-4", children: "Limit Configuration" }),
+          renderTypeSpecificFields()
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 border-t pt-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => navigate("/compliance/velocity"),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", children: "Create Limit" })
+        ] })
+      ] })
+    ] }) }) }) }) })
+  ] });
+}
+var getStatusVariant2 = (status) => {
+  switch (status) {
+    case "ACTIVE":
+      return "success";
+    case "INACTIVE":
+      return "warning";
+    case "DELETED":
+      return "destructive";
+    default:
+      return "secondary";
+  }
+};
+var getActionVariant2 = (action) => {
+  switch (action) {
+    case "DECLINE":
+      return "destructive";
+    case "FLAG":
+      return "warning";
+    default:
+      return "secondary";
+  }
+};
+var VelocityLimitDetailsCard = ({
+  isEditing,
+  onToggleEdit,
+  limit
+}) => {
+  const renderTransactionFields = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    limit.transactionType && limit.transactionType.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-muted-foreground mb-1", children: "Transaction Type" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: limit.transactionType.map((type, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-foreground", children: type }, index)) })
+      ] }),
+      limit.transactionGroup && limit.transactionGroup.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-muted-foreground mb-1", children: "Transaction Group" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: limit.transactionGroup.map((group, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-foreground", children: group.toUpperCase() }, index)) })
+      ] })
+    ] }),
+    !limit.transactionType && limit.transactionGroup && limit.transactionGroup.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-muted-foreground mb-1", children: "Transaction Group" }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: limit.transactionGroup.map((group, index) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-foreground", children: group.toUpperCase() }, index)) })
+    ] }) }),
+    (limit.aggregationLevel || limit.timePeriod) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      limit.aggregationLevel && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Aggregation Level",
+          value: limit.aggregationLevel.charAt(0).toUpperCase() + limit.aggregationLevel.slice(1),
+          layout: "horizontal"
+        }
+      ),
+      limit.timePeriod && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Time Period",
+          value: limit.timePeriod.charAt(0).toUpperCase() + limit.timePeriod.slice(1),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    (limit.maxAmount || limit.maxCount) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      limit.maxAmount && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Max Amount",
+          value: `$${parseFloat(limit.maxAmount).toLocaleString()}`,
+          layout: "horizontal"
+        }
+      ),
+      limit.maxCount && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Max Count",
+          value: limit.maxCount,
+          layout: "horizontal"
+        }
+      )
+    ] })
+  ] });
+  const renderReceiverNameMismatchFields = () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: limit.mismatchThreshold && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InfoField,
+      {
+        label: "Mismatch Threshold",
+        value: `${limit.mismatchThreshold}%`,
+        layout: "horizontal"
+      }
+    ),
+    limit.comparisonMethod && /* @__PURE__ */ jsxRuntime.jsx(
+      InfoField,
+      {
+        label: "Comparison Method",
+        value: limit.comparisonMethod.charAt(0).toUpperCase() + limit.comparisonMethod.slice(1),
+        layout: "horizontal"
+      }
+    )
+  ] }) });
+  const renderRoundNumberFields = () => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: limit.amountThreshold && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InfoField,
+      {
+        label: "Amount Threshold",
+        value: `$${parseFloat(limit.amountThreshold).toLocaleString()}`,
+        layout: "horizontal"
+      }
+    ),
+    limit.roundPattern && /* @__PURE__ */ jsxRuntime.jsx(
+      InfoField,
+      {
+        label: "Round Patterns",
+        value: limit.roundPattern,
+        layout: "horizontal"
+      }
+    )
+  ] }) });
+  const renderProhibitedEntityFields = () => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    limit.entityListName && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Entity List Name",
+          value: limit.entityListName,
+          layout: "horizontal"
+        }
+      ),
+      limit.entityType && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Entity Type",
+          value: limit.entityType.charAt(0).toUpperCase() + limit.entityType.slice(1),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    limit.prohibitedEntities && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+      InfoField,
+      {
+        label: "Prohibited Entities",
+        value: limit.prohibitedEntities,
+        layout: "horizontal"
+      }
+    ) })
+  ] });
+  const viewContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Limit Name",
+          value: limit.limitName,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Limit Type",
+          value: limit.limitType.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Action",
+          value: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getActionVariant2(limit.action), children: limit.action }),
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Created",
+          value: dateFns.format(dateFns.parseISO(limit.created), "MMM dd, yyyy 'at' h:mm a"),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Associated Entity",
+          value: limit.associatedEntity,
+          layout: "horizontal"
+        }
+      ),
+      limit.associatedEntityId && /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Associated Entity ID",
+          value: limit.associatedEntityId,
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      limit.limitType === "transaction" && renderTransactionFields(),
+      limit.limitType === "receiver_name_mismatch" && renderReceiverNameMismatchFields(),
+      limit.limitType === "round_number" && renderRoundNumberFields(),
+      limit.limitType === "prohibited_entity" && renderProhibitedEntityFields()
+    ] })
+  ] });
+  const editContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-muted-foreground", children: "Edit mode coming soon..." });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EditableFormCard,
+    {
+      title: "Velocity Limit Details",
+      viewContent,
+      editContent,
+      isEditing,
+      onToggleEdit,
+      variant: "subtle"
+    }
+  );
+};
+function VelocityLimitDetail() {
+  const { id } = reactRouterDom.useParams();
+  const navigate = reactRouterDom.useNavigate();
+  const limit = mockVelocityLimits.find((l) => l.id === id);
+  if (!limit) {
+    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: "Velocity Limit Not Found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: "The velocity limit could not be found." }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: () => navigate("/compliance/velocity"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "mr-2 h-4 w-4" }),
+        "Back to Velocity Limits"
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DetailPageLayout,
+    {
+      title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: limit.limitName }),
+        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant2(limit.status), children: limit.status })
+      ] }),
+      cards: [
+        {
+          key: "details",
+          component: (props) => /* @__PURE__ */ jsxRuntime.jsx(VelocityLimitDetailsCard, { ...props, limit })
+        }
+      ],
+      actions: [
+        {
+          label: "Deactivate",
+          variant: "destructive",
+          onClick: () => console.log("Deactivate limit")
+        }
+      ]
+    }
+  );
+}
+function UploadReconDialog({ open, onOpenChange }) {
+  const [fileType, setFileType] = React15.useState(null);
+  const [selectedFile, setSelectedFile] = React15.useState(null);
+  const [isUploading, setIsUploading] = React15.useState(false);
+  const fileInputRef = React15.useRef(null);
+  const handleFileChange = (event) => {
+    const file = event.target.files?.[0];
+    if (file) {
+      setSelectedFile(file);
+    }
+  };
+  const handleRemoveFile = () => {
+    setSelectedFile(null);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  const handleReset = () => {
+    setFileType(null);
+    setSelectedFile(null);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  const handleUpload = async () => {
+    if (!selectedFile || !fileType) return;
+    setIsUploading(true);
+    setTimeout(() => {
+      setIsUploading(false);
+      sonner.toast.success(`${fileType} file uploaded successfully`);
+      handleReset();
+      onOpenChange(false);
+    }, 2e3);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-[500px]", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Upload Recon File" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4 py-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { children: "File Type" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFileType("ACH"),
+              className: cn(
+                "flex flex-col items-center gap-3 p-4 border-2 rounded-lg transition-all",
+                fileType === "ACH" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRightLeft, { className: "h-8 w-8 text-primary" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: "ACH" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mt-1", children: "ACH Originated/Received Entries Detail Report in .csv format" })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => setFileType("Wire"),
+              className: cn(
+                "flex flex-col items-center gap-3 p-4 border-2 rounded-lg transition-all",
+                fileType === "Wire" ? "border-primary bg-primary/5" : "border-border hover:border-primary/50"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Zap, { className: "h-8 w-8 text-primary" }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium", children: "Wire" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground mt-1", children: "FedTransaction Analyzer report in .csv format" })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      fileType && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-2 border-dashed border-border rounded-lg p-6", children: !selectedFile ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-12 w-12 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: "Select a file to upload" }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "CSV, TXT files supported" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            onChange: handleFileChange,
+            className: "hidden",
+            accept: ".csv,.txt",
+            id: "recon-file-upload"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => fileInputRef.current?.click(),
+            children: "Select File"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.File, { className: "h-8 w-8 text-primary flex-shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium truncate", children: selectedFile.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              (selectedFile.size / 1024).toFixed(2),
+              " KB"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            onClick: handleRemoveFile,
+            className: "flex-shrink-0",
+            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: () => {
+        handleReset();
+        onOpenChange(false);
+      }, children: "Cancel" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          onClick: handleUpload,
+          disabled: !selectedFile || !fileType || isUploading,
+          children: isUploading ? "Uploading..." : "Upload"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/lib/mock-data/recon-data.ts
+var mockReconUploads = [
+  {
+    id: "1",
+    uploaded: "2025-11-14T10:30:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 2872,
+    matchedRecords: 2872,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "2",
+    uploaded: "2025-11-14T09:15:00Z",
+    fileName: "RER_ACH Received Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 220,
+    matchedRecords: 220,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "3",
+    uploaded: "2025-11-14T08:45:00Z",
+    fileName: "243073959_335935.csv",
+    type: "FED_WIRE_CON...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 304,
+    matchedRecords: 220,
+    exceptionRecords: 2,
+    skippedRecords: 82,
+    invalidRecords: 0
+  },
+  {
+    id: "4",
+    uploaded: "2025-11-13T16:20:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 4813,
+    matchedRecords: 4811,
+    exceptionRecords: 2,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "5",
+    uploaded: "2025-11-13T15:10:00Z",
+    fileName: "243073959_335846.csv",
+    type: "FED_WIRE_CON...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 391,
+    matchedRecords: 258,
+    exceptionRecords: 2,
+    skippedRecords: 131,
+    invalidRecords: 0
+  },
+  {
+    id: "6",
+    uploaded: "2025-11-13T14:30:00Z",
+    fileName: "RER_ACH Received Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 227,
+    matchedRecords: 221,
+    exceptionRecords: 6,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "7",
+    uploaded: "2025-11-13T13:45:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 6471,
+    matchedRecords: 6471,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "8",
+    uploaded: "2025-11-12T11:20:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Failed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 0,
+    matchedRecords: 0,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "9",
+    uploaded: "2025-11-12T10:15:00Z",
+    fileName: "RER_ACH Received Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 189,
+    matchedRecords: 170,
+    exceptionRecords: 19,
+    skippedRecords: 0,
+    invalidRecords: 0
+  }
+];
+function ReconUpload() {
+  const [sortField, setSortField] = React15.useState("uploaded");
+  const [sortDirection, setSortDirection] = React15.useState("desc");
+  const [uploadDialogOpen, setUploadDialogOpen] = React15.useState(false);
+  const handleSort = (field) => {
+    if (sortField === field) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortField(field);
+      setSortDirection("desc");
+    }
+  };
+  const sortedUploads = [...mockReconUploads].sort((a, b) => {
+    const aValue = a[sortField];
+    const bValue = b[sortField];
+    if (aValue == null) return 1;
+    if (bValue == null) return -1;
+    if (sortDirection === "asc") {
+      return aValue > bValue ? 1 : -1;
+    } else {
+      return aValue < bValue ? 1 : -1;
+    }
+  });
+  const columns3 = [
+    {
+      key: "uploaded",
+      title: "Uploaded",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: dateFns.format(dateFns.parseISO(value), "yyyy-MM-dd") })
+    },
+    {
+      key: "fileName",
+      title: "File Name",
+      render: (value, row) => {
+        const isACH = row.type.includes("ACH");
+        const Icon2 = isACH ? lucideReact.ArrowRightLeft : lucideReact.Zap;
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: value })
+        ] });
+      }
+    },
+    {
+      key: "status",
+      title: "Status",
+      render: (value) => {
+        if (value === "Processed") {
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle2, { className: "h-5 w-5 text-green-600" });
+        }
+        if (value === "Failed") {
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XCircle, { className: "h-5 w-5 text-red-600" });
+        }
+        if (value === "Processing") {
+          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-5 w-5 text-green-600" });
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value });
+      }
+    },
+    {
+      key: "requester",
+      title: "Requester",
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value })
+    },
+    {
+      key: "totalRecords",
+      title: "Total",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "matchedRecords",
+      title: "Matched",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "exceptionRecords",
+      title: "Exception",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "skippedRecords",
+      title: "Skipped",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "invalidRecords",
+      title: "Invalid",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    }
+  ];
+  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-6 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Recon File Uploads" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: () => setUploadDialogOpen(true), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "mr-2 h-4 w-4" }),
+        "Upload Recon file"
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(UploadReconDialog, { open: uploadDialogOpen, onOpenChange: setUploadDialogOpen }),
+    /* @__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: /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable,
+      {
+        columns: columns3,
+        data: sortedUploads,
+        sortBy: sortField,
+        sortDirection,
+        onSort: handleSort
+      }
+    ) }) }) })
+  ] });
+}
+
+// src/lib/mock-data/recon-exception-data.ts
+var mockBraidTransactions = [
+  {
+    id: "BT-001",
+    amount: 15e3,
+    postDate: "2025-01-15",
+    senderAccount: "1234567890",
+    receiverAccount: "9876543210",
+    type: "ACH"
+  },
+  {
+    id: "BT-002",
+    amount: 8500.5,
+    postDate: "2025-01-15",
+    senderAccount: "2345678901",
+    receiverAccount: "8765432109",
+    type: "ACH"
+  },
+  {
+    id: "BT-003",
+    amount: 25e3,
+    postDate: "2025-01-16",
+    senderAccount: "3456789012",
+    receiverAccount: "7654321098",
+    type: "ACH"
+  },
+  {
+    id: "BT-004",
+    amount: 5e4,
+    postDate: "2025-01-15",
+    senderAccount: "4567890123",
+    receiverAccount: "6543210987",
+    type: "Wire"
+  },
+  {
+    id: "BT-005",
+    amount: 12500.75,
+    postDate: "2025-01-16",
+    senderAccount: "5678901234",
+    receiverAccount: "5432109876",
+    type: "Wire"
+  },
+  {
+    id: "BT-006",
+    amount: 3200,
+    postDate: "2025-01-17",
+    senderAccount: "6789012345",
+    receiverAccount: "4321098765",
+    type: "ACH"
+  }
+];
+var mockFedSettlements = [
+  {
+    id: "FS-001",
+    amount: 15e3,
+    settlementDate: "2025-01-15",
+    receiverAccount: "9876543210",
+    type: "ACH"
+  },
+  {
+    id: "FS-002",
+    amount: 8500.5,
+    settlementDate: "2025-01-15",
+    receiverAccount: "8765432109",
+    type: "ACH"
+  },
+  {
+    id: "FS-003",
+    amount: 24999,
+    settlementDate: "2025-01-16",
+    receiverAccount: "7654321098",
+    type: "ACH"
+  },
+  {
+    id: "FS-004",
+    amount: 5e4,
+    settlementDate: "2025-01-15",
+    receiverAccount: "6543210987",
+    type: "Wire"
+  },
+  {
+    id: "FS-005",
+    amount: 12500.75,
+    settlementDate: "2025-01-16",
+    receiverAccount: "5432109876",
+    type: "Wire"
+  },
+  {
+    id: "FS-006",
+    amount: 7800,
+    settlementDate: "2025-01-17",
+    receiverAccount: "3210987654",
+    type: "ACH"
+  }
+];
+function ReconExceptions() {
+  const [fromDate, setFromDate] = React15.useState();
+  const [toDate, setToDate] = React15.useState();
+  const [transactionType, setTransactionType] = React15.useState("ACH");
+  const [braidData, setBraidData] = React15.useState(mockBraidTransactions);
+  const [fedData, setFedData] = React15.useState(mockFedSettlements);
+  const [selectedBraid, setSelectedBraid] = React15.useState(null);
+  const [selectedFed, setSelectedFed] = React15.useState(null);
+  const [dataLoaded, setDataLoaded] = React15.useState(true);
+  const [braidPage, setBraidPage] = React15.useState(1);
+  const [braidRowsPerPage, setBraidRowsPerPage] = React15.useState(10);
+  const [fedPage, setFedPage] = React15.useState(1);
+  const [fedRowsPerPage, setFedRowsPerPage] = React15.useState(10);
+  const handleSearch = () => {
+    if (!fromDate || !toDate) {
+      toast({
+        title: "Missing Date Range",
+        description: "Please select both from and to dates",
+        variant: "destructive"
+      });
+      return;
+    }
+    const filteredBraid = mockBraidTransactions.filter((t) => {
+      const tDate = new Date(t.postDate);
+      return t.type === transactionType && tDate >= fromDate && tDate <= toDate;
+    });
+    const filteredFed = mockFedSettlements.filter((s) => {
+      const sDate = new Date(s.settlementDate);
+      return s.type === transactionType && sDate >= fromDate && sDate <= toDate;
+    });
+    setBraidData(filteredBraid);
+    setFedData(filteredFed);
+    setDataLoaded(true);
+    setSelectedBraid(null);
+    setSelectedFed(null);
+    setBraidPage(1);
+    setFedPage(1);
+    toast({
+      title: "Data Loaded",
+      description: `Found ${filteredBraid.length} Braid transactions and ${filteredFed.length} Fed settlements`
+    });
+  };
+  const handleMatch = () => {
+    if (!selectedBraid || !selectedFed) {
+      toast({
+        title: "Selection Required",
+        description: "Please select one transaction from each table",
+        variant: "destructive"
+      });
+      return;
+    }
+    const braidTxn = braidData.find((t) => t.id === selectedBraid);
+    const fedTxn = fedData.find((s) => s.id === selectedFed);
+    setBraidData((prev) => prev.filter((t) => t.id !== selectedBraid));
+    setFedData((prev) => prev.filter((s) => s.id !== selectedFed));
+    setSelectedBraid(null);
+    setSelectedFed(null);
+    toast({
+      title: "Transactions Matched",
+      description: `Matched ${braidTxn?.id} with ${fedTxn?.id}`
+    });
+  };
+  const canMatch = selectedBraid && selectedFed;
+  const braidTotalPages = Math.ceil(braidData.length / braidRowsPerPage);
+  const braidStartIndex = (braidPage - 1) * braidRowsPerPage;
+  const braidPaginatedData = braidData.slice(braidStartIndex, braidStartIndex + braidRowsPerPage);
+  const fedTotalPages = Math.ceil(fedData.length / fedRowsPerPage);
+  const fedStartIndex = (fedPage - 1) * fedRowsPerPage;
+  const fedPaginatedData = fedData.slice(fedStartIndex, fedStartIndex + fedRowsPerPage);
+  return /* @__PURE__ */ jsxRuntime.jsx(Container, { size: "full", padding: "lg", children: /* @__PURE__ */ jsxRuntime.jsxs(Stack, { spacing: "lg", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "Exception Review" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-2", children: "Compare Braid posted transactions with Fed settlement records for reconciliation" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "pt-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-end gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-[200px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        DatePicker,
+        {
+          label: "From Date",
+          date: fromDate,
+          onDateChange: setFromDate,
+          placeholder: "Select from date"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 min-w-[200px]", children: /* @__PURE__ */ jsxRuntime.jsx(
+        DatePicker,
+        {
+          label: "To Date",
+          date: toDate,
+          onDateChange: setToDate,
+          placeholder: "Select to date"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-[200px]", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Label, { children: "Transaction Type" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4 mt-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "radio",
+                value: "ACH",
+                checked: transactionType === "ACH",
+                onChange: (e) => setTransactionType(e.target.value),
+                className: "w-4 h-4 text-primary"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "ACH" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                type: "radio",
+                value: "Wire",
+                checked: transactionType === "Wire",
+                onChange: (e) => setTransactionType(e.target.value),
+                className: "w-4 h-4 text-primary"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: "Wire" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Button, { onClick: handleSearch, className: "gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "h-4 w-4" }),
+        "Search"
+      ] })
+    ] }) }) }),
+    !dataLoaded ? /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "py-12 text-center text-muted-foreground", children: "Select date range and transaction type, then click Search to load data" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "text-lg", children: [
+            "Braid Posted Transactions (",
+            braidData.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex flex-col flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-12" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Amount" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Post Date" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Sender Account" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Receiver Account" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: braidData.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: 5, className: "text-center text-muted-foreground", children: "No transactions found" }) }) : braidPaginatedData.map((txn) => /* @__PURE__ */ jsxRuntime.jsxs(
+                TableRow,
+                {
+                  className: selectedBraid === txn.id ? "bg-muted" : "",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: "braid-select",
+                        checked: selectedBraid === txn.id,
+                        onChange: () => setSelectedBraid(txn.id),
+                        className: "w-4 h-4 text-primary cursor-pointer"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(TableCell, { className: "font-medium", children: [
+                      "$",
+                      txn.amount.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: dateFns.format(new Date(txn.postDate), "MMM dd, yyyy") }),
+                    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-sm", children: txn.senderAccount }),
+                    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-sm", children: txn.receiverAccount })
+                  ]
+                },
+                txn.id
+              )) })
+            ] }) }),
+            braidData.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-2 py-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page:" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "select",
+                  {
+                    value: braidRowsPerPage,
+                    onChange: (e) => {
+                      setBraidRowsPerPage(Number(e.target.value));
+                      setBraidPage(1);
+                    },
+                    className: "h-8 w-16 rounded-md border border-input bg-background px-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: 10, children: "10" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: 25, children: "25" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: 50, children: "50" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                  "Page ",
+                  braidPage,
+                  " of ",
+                  braidTotalPages
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setBraidPage(Math.max(1, braidPage - 1)),
+                      disabled: braidPage === 1,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setBraidPage(Math.min(braidTotalPages, braidPage + 1)),
+                      disabled: braidPage === braidTotalPages,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { className: "text-lg", children: [
+            "Fed Settlement Records (",
+            fedData.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "flex flex-col flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border flex-1 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsxs(Table, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { className: "w-12" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Amount" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Settlement Date" }),
+                /* @__PURE__ */ jsxRuntime.jsx(TableHead, { children: "Receiver Account" })
+              ] }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(TableBody, { children: fedData.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground", children: "No settlements found" }) }) : fedPaginatedData.map((settlement) => /* @__PURE__ */ jsxRuntime.jsxs(
+                TableRow,
+                {
+                  className: selectedFed === settlement.id ? "bg-muted" : "",
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                      "input",
+                      {
+                        type: "radio",
+                        name: "fed-select",
+                        checked: selectedFed === settlement.id,
+                        onChange: () => setSelectedFed(settlement.id),
+                        className: "w-4 h-4 text-primary cursor-pointer"
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(TableCell, { className: "font-medium", children: [
+                      "$",
+                      settlement.amount.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { children: dateFns.format(new Date(settlement.settlementDate), "MMM dd, yyyy") }),
+                    /* @__PURE__ */ jsxRuntime.jsx(TableCell, { className: "font-mono text-sm", children: settlement.receiverAccount })
+                  ]
+                },
+                settlement.id
+              )) })
+            ] }) }),
+            fedData.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-2 py-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page:" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "select",
+                  {
+                    value: fedRowsPerPage,
+                    onChange: (e) => {
+                      setFedRowsPerPage(Number(e.target.value));
+                      setFedPage(1);
+                    },
+                    className: "h-8 w-16 rounded-md border border-input bg-background px-2 text-sm",
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: 10, children: "10" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: 25, children: "25" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("option", { value: 50, children: "50" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                  "Page ",
+                  fedPage,
+                  " of ",
+                  fedTotalPages
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-1", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setFedPage(Math.max(1, fedPage - 1)),
+                      disabled: fedPage === 1,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setFedPage(Math.min(fedTotalPages, fedPage + 1)),
+                      disabled: fedPage === fedTotalPages,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          size: "lg",
+          onClick: handleMatch,
+          disabled: !canMatch,
+          className: "min-w-[200px]",
+          children: "Match Selected"
+        }
+      ) })
+    ] })
+  ] }) });
+}
 
 exports.ACHBankCard = ACHBankCard;
 exports.ACHBasicInfoCard = ACHBasicInfoCard;
@@ -14802,6 +16370,7 @@ exports.CreateBusiness = Create_default;
 exports.CreateBusinessView = CreateBusinessView;
 exports.CreateCounterparty = Create_default2;
 exports.CreateIndividual = Create_default3;
+exports.CreateVelocityLimit = CreateVelocityLimit;
 exports.Dashboard = Dashboard_default;
 exports.DashboardDemo = DashboardDemo;
 exports.DataGrid = DataGrid;
@@ -14848,7 +16417,6 @@ exports.MainLayout = MainLayout;
 exports.MetricCard = MetricCard;
 exports.NewTransaction = NewTransaction;
 exports.NotFound = NotFound_default;
-exports.OFAC = OFAC;
 exports.OFACAlertView = OFACAlertView;
 exports.OriginatorCard = OriginatorCard;
 exports.OriginatorFI = OriginatorFI;
@@ -14860,6 +16428,8 @@ exports.Popover = Popover;
 exports.PopoverContent = PopoverContent;
 exports.PopoverTrigger = PopoverTrigger;
 exports.ReceiverCard = ReceiverCard;
+exports.ReconExceptions = ReconExceptions;
+exports.ReconUpload = ReconUpload;
 exports.ResolveAlertDialog = ResolveAlertDialog;
 exports.ResponsiveGrid = ResponsiveGrid;
 exports.ScrollArea = ScrollArea;
@@ -14932,6 +16502,8 @@ exports.TransactionHistory = TransactionHistory_default;
 exports.TransactionTypeBadge = TransactionTypeBadge;
 exports.UIKit = UIKit;
 exports.UIKitShowcase = UIKitShowcase;
+exports.VelocityLimitDetail = VelocityLimitDetail;
+exports.VelocityLimits = VelocityLimits;
 exports.WireDetailsSection = WireDetailsSection;
 exports.WireTransferSection = WireTransferSection;
 exports.badgeVariants = badgeVariants;