braid-ui 1.0.40 → 1.0.42

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 {
@@ -4459,7 +4459,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
     ] });
@@ -5807,9 +5807,9 @@ var CounterpartyProfileCard = ({
   isEditing = false,
   onToggleEdit,
   hideActions = false,
-  className
+  className,
+  onEntityClick
 }) => {
-  const navigate = reactRouterDom.useNavigate();
   const form = useFormWithEditState({
     schema: counterpartyDetailSchema,
     defaultValues: { ...defaultCounterpartyDetail, ...data },
@@ -5932,20 +5932,6 @@ var CounterpartyProfileCard = ({
   ] }) });
   const formValues = form.watch();
   const idTypeLabel = formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number";
-  const getEntityLink = () => {
-    if (!formValues?.idValue) return null;
-    switch (formValues?.idType) {
-      case "business_id":
-        return `/business/${formValues.idValue}`;
-      case "individual_id":
-        return `/individual/${formValues.idValue}`;
-      case "account_number":
-        return `/account/${formValues.idValue}`;
-      default:
-        return null;
-    }
-  };
-  const entityLink = getEntityLink();
   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: "Associated with", value: formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number", layout: "horizontal" }),
@@ -5953,12 +5939,12 @@ var CounterpartyProfileCard = ({
         InfoField,
         {
           label: idTypeLabel,
-          value: entityLink ? /* @__PURE__ */ jsxRuntime.jsx(
+          value: formValues?.idValue && formValues?.idType && onEntityClick ? /* @__PURE__ */ jsxRuntime.jsx(
             "button",
             {
               onClick: (e) => {
                 e.preventDefault();
-                navigate(entityLink);
+                onEntityClick(formValues.idType, formValues.idValue);
               },
               className: "text-primary hover:underline font-medium text-left cursor-pointer",
               children: formValues?.idValue || "-"
@@ -6188,12 +6174,41 @@ var CounterpartyDetailView = ({
   currentStatus,
   isEditingProfile,
   mockPaymentMethods: mockPaymentMethods2,
-  documentsTable,
+  documents,
   onStatusChange,
   onToggleProfileEdit,
   onAddPaymentMethod,
-  onAddDocument
+  onAddDocument,
+  onEntityClick
 }) => {
+  const documentColumns = [
+    {
+      key: "name",
+      title: "Document Name",
+      sortable: true,
+      width: "40%"
+    },
+    {
+      key: "type",
+      title: "Type",
+      sortable: true,
+      width: "20%"
+    },
+    {
+      key: "uploadedDate",
+      title: "Uploaded",
+      sortable: true,
+      width: "20%"
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      width: "20%",
+      align: "right",
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
+    }
+  ];
   return /* @__PURE__ */ jsxRuntime.jsx(
     PageLayout,
     {
@@ -6224,7 +6239,8 @@ var CounterpartyDetailView = ({
             CounterpartyProfileCard,
             {
               isEditing: isEditingProfile,
-              onToggleEdit: onToggleProfileEdit
+              onToggleEdit: onToggleProfileEdit,
+              onEntityClick
             }
           ),
           /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
@@ -6248,7 +6264,16 @@ var CounterpartyDetailView = ({
                 "Document"
               ] })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: documentsTable })
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: documents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents found" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+              DataTable,
+              {
+                columns: documentColumns,
+                data: documents
+              }
+            ) })
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyStatusCard, { isEditing: false, onToggleEdit: () => {
@@ -8378,7 +8403,8 @@ var DetailPageLayout = ({
   description,
   cards,
   actions,
-  initialEditingState = {}
+  initialEditingState = {},
+  headerContent
 }) => {
   const [editingCards, setEditingCards] = React15.useState(
     initialEditingState
@@ -8397,6 +8423,7 @@ var DetailPageLayout = ({
     {
       title,
       description,
+      headerContent,
       actions: actions?.map((action) => ({
         label: action.label,
         variant: action.variant || "default",
@@ -11541,39 +11568,24 @@ var mockPaymentMethods = [
 ];
 var CounterpartyDetail = () => {
   const { id } = reactRouterDom.useParams();
-  reactRouterDom.useNavigate();
+  const navigate = reactRouterDom.useNavigate();
   const counterparty = mockCounterpartiesList.find((c) => c.id === id);
   const counterpartyDocuments = id ? mockBusinessDocuments[id] || [] : [];
   const [currentStatus, setCurrentStatus] = React15.useState(counterparty?.status || "ACTIVE");
   const [isEditingProfile, setIsEditingProfile] = React15.useState(false);
-  const documentColumns = [
-    {
-      key: "name",
-      title: "Document Name",
-      sortable: true,
-      width: "40%"
-    },
-    {
-      key: "type",
-      title: "Type",
-      sortable: true,
-      width: "20%"
-    },
-    {
-      key: "uploadedDate",
-      title: "Uploaded",
-      sortable: true,
-      width: "20%"
-    },
-    {
-      key: "status",
-      title: "Status",
-      sortable: true,
-      width: "20%",
-      align: "right",
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
+  const handleEntityClick = (entityType, entityId) => {
+    switch (entityType) {
+      case "business_id":
+        navigate(`/business/${entityId}`);
+        break;
+      case "individual_id":
+        navigate(`/individual/${entityId}`);
+        break;
+      case "account_number":
+        navigate(`/account/${entityId}`);
+        break;
     }
-  ];
+  };
   const handleStatusChange = (newStatus) => {
     setCurrentStatus(newStatus);
   };
@@ -11586,21 +11598,6 @@ var CounterpartyDetail = () => {
   const handleAddDocument = () => {
     console.log("Add document");
   };
-  const documentsTable = React15.useMemo(() => {
-    if (counterpartyDocuments.length === 0) {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents found" })
-      ] });
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      DataTable,
-      {
-        columns: documentColumns,
-        data: counterpartyDocuments
-      }
-    );
-  }, [counterpartyDocuments, documentColumns]);
   if (!counterparty) {
     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: "Counterparty Not Found" }),
@@ -11615,15 +11612,63 @@ var CounterpartyDetail = () => {
       currentStatus,
       isEditingProfile,
       mockPaymentMethods,
-      documentsTable,
+      documents: counterpartyDocuments,
       onStatusChange: handleStatusChange,
       onToggleProfileEdit: handleToggleProfileEdit,
       onAddPaymentMethod: handleAddPaymentMethod,
-      onAddDocument: handleAddDocument
+      onAddDocument: handleAddDocument,
+      onEntityClick: handleEntityClick
     }
   );
 };
 var CounterpartyDetail_default = CounterpartyDetail;
+var CreateCounterpartyView = ({
+  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, { 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);
@@ -11634,11 +11679,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",
@@ -11671,42 +11716,13 @@ 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 }) })
-        ] })
-      ] })
+      paymentMethods,
+      onPaymentMethodsChange: handlePaymentMethodsChange,
+      onBasicInfoChange: handleBasicInfoChange,
+      onCancel: handleCancel,
+      onSubmit: handleSubmit
     }
   );
 };
@@ -14257,7 +14273,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";
@@ -14313,7 +14329,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",
@@ -14412,22 +14428,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,
             {
@@ -14442,20 +14458,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)
@@ -14464,180 +14538,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) => {
@@ -14648,27 +14788,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;
@@ -14684,62 +14821,1035 @@ 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") })
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: dateFns.format(dateFns.parseISO(value), "yyyy-MM-dd") })
     },
     {
-      key: "entityName",
-      title: "Entity",
-      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
+      key: "limitName",
+      title: "Limit Name",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium", children: value })
+    },
+    {
+      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: "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: sortedLimits,
+        sortBy: sortField,
+        sortDirection,
+        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: () => navigate(getEntityUrl(row.entityType, row.entityId)),
-          className: "text-sm text-primary hover:underline font-medium",
-          children: value
+          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: "entityType",
-      title: "Entity Type",
+      key: "uploaded",
+      title: "Uploaded",
       sortable: true,
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value })
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: dateFns.format(dateFns.parseISO(value), "yyyy-MM-dd") })
     },
     {
-      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: "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(Badge, { variant: getStatusVariant(value), children: value })
+      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: "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: "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: sortedChecks,
+        data: sortedUploads,
         sortBy: sortField,
         sortDirection,
         onSort: handleSort
@@ -14748,6 +15858,435 @@ function OFAC() {
   ] });
 }
 
+// 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;
 exports.ACHDetailsSection = ACHDetailsSection;
@@ -14806,6 +16345,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;
@@ -14852,7 +16392,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;
@@ -14864,6 +16403,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;
@@ -14936,6 +16477,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;