braid-ui 1.0.41 → 1.0.43

package/dist/index.js

@@ -1,10 +1,10 @@
 import * as React15 from 'react';
-import { useState, useEffect, useCallback, useMemo } from 'react';
+import { useState, useEffect, useCallback, useMemo, useRef } from 'react';
 import { cva } from 'class-variance-authority';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, XCircle, CheckCircle, Clock, Ban, Circle, Wallet, Filter, User, Loader2, ArrowDownRight, ArrowUpRight, CheckCircle2, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, UserCheck, CalendarIcon, Package, FileJson, DollarSign } from 'lucide-react';
+import { ChevronDown, ChevronUp, Check, X, PanelLeft, Edit, Home, Globe, CreditCard, Building, MoreVertical, Minus, TrendingDown, TrendingUp, ChevronRight, Eye, Trash2, Plus, MessageSquare, Upload, FileText, Download, Copy, LayoutDashboard, Bell, Briefcase, FileCheck, Receipt, ArrowLeftRight, Users, Building2, Shield, AlertCircle, RefreshCw, Landmark, Search, Repeat, Zap, Box, Settings, BarChart3, Key, ChevronLeft, AlertTriangle, Clock, XCircle, CheckCircle, Ban, Circle, Wallet, Filter, User, Loader2, ArrowDownRight, ArrowUpRight, CheckCircle2, ArrowLeft, StickyNote, FileUp, RotateCcw, Send, PlayCircle, UserPlus, ChevronsUpDown, ArrowRightLeft, UserCheck, CalendarIcon, Package, File, FileJson, DollarSign } from 'lucide-react';
 import { createPortal } from 'react-dom';
 import { Slot } from '@radix-ui/react-slot';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -18,7 +18,7 @@ import { z } from 'zod';
 import { Collapsible, CollapsibleTrigger, CollapsibleContent } from '@radix-ui/react-collapsible';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { parseISO, isBefore, startOfDay, isAfter, endOfDay, format } from 'date-fns';
+import { format, parseISO } from 'date-fns';
 import { DayPicker } from 'react-day-picker';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { Toaster as Toaster$1, toast as toast$1 } from 'sonner';
@@ -524,8 +524,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 {
@@ -3983,6 +3983,21 @@ var statusConfig = {
     variant: "secondary",
     label: "Cancelled",
     icon: XCircle
+  },
+  DELETED: {
+    variant: "inactive",
+    label: "Deleted",
+    icon: XCircle
+  },
+  NEEDS_OFAC: {
+    variant: "pending",
+    label: "Needs OFAC",
+    icon: AlertTriangle
+  },
+  PENDING_UNBLOCK: {
+    variant: "pending",
+    label: "Pending Unblock",
+    icon: Clock
   }
 };
 var StatusBadge = ({ status, className }) => {
@@ -4427,7 +4442,7 @@ function DatePicker({
     ) })
   ] });
   if (label) {
-    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4", wrapperClassName), children: [
       /* @__PURE__ */ jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
       picker
     ] });
@@ -6189,9 +6204,10 @@ var CounterpartyDetailView = ({
             value: currentStatus,
             options: [
               { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "PENDING", label: "Pending" },
-              { value: "SUSPENDED", label: "Suspended" }
+              { value: "BLOCKED", label: "Blocked" },
+              { value: "DELETED", label: "Deleted" },
+              { value: "NEEDS_OFAC", label: "Needs OFAC" },
+              { value: "PENDING_UNBLOCK", label: "Pending Unblock" }
             ],
             onChange: onStatusChange,
             renderValue: (value) => /* @__PURE__ */ jsx(StatusBadge, { status: value }),
@@ -6939,20 +6955,18 @@ var Label = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Label.displayName = LabelPrimitive.Root.displayName;
-var CounterpartyBasicInfo = ({ onDataChange }) => {
-  const [formData, setFormData] = useState({
-    name: "",
-    type: "business",
-    email: "",
-    phone: "",
-    dateOfBirth: "",
-    idNumber: "",
-    idType: "product_id",
-    idValue: ""
-  });
-  const handleInputChange = (field, value) => {
-    const updatedData = { ...formData, [field]: value };
-    setFormData(updatedData);
+var CounterpartyBasicInfo = ({ value = {
+  name: "",
+  type: "business",
+  email: "",
+  phone: "",
+  dateOfBirth: "",
+  idNumber: "",
+  idType: "product_id",
+  idValue: ""
+}, onDataChange }) => {
+  const handleInputChange = (field, newValue) => {
+    const updatedData = { ...value, [field]: newValue };
     onDataChange?.(updatedData);
   };
   const handleTypeChange = (type) => {
@@ -6964,7 +6978,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "Counterparty Name",
-          value: formData.name,
+          value: value.name,
           onChange: (e) => handleInputChange("name", e.target.value),
           placeholder: "Enter counterparty name",
           required: true
@@ -6980,7 +6994,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
                 type: "radio",
                 name: "counterpartyType",
                 value: "business",
-                checked: formData.type === "business",
+                checked: value.type === "business",
                 onChange: () => handleTypeChange("business"),
                 className: "w-4 h-4 text-primary border-border focus:ring-primary focus:ring-2"
               }
@@ -6994,7 +7008,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
                 type: "radio",
                 name: "counterpartyType",
                 value: "individual",
-                checked: formData.type === "individual",
+                checked: value.type === "individual",
                 onChange: () => handleTypeChange("individual"),
                 className: "w-4 h-4 text-primary border-border focus:ring-primary focus:ring-2"
               }
@@ -7007,8 +7021,8 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedSelect,
         {
           label: "Associated with",
-          value: formData.idType,
-          onValueChange: (value) => handleInputChange("idType", value),
+          value: value.idType,
+          onValueChange: (val) => handleInputChange("idType", val),
           options: [
             { value: "product_id", label: "Product ID" },
             { value: "business_id", label: "Business ID" },
@@ -7020,10 +7034,10 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
       /* @__PURE__ */ jsx(
         EnhancedInput,
         {
-          label: formData.idType === "product_id" ? "Product ID" : formData.idType === "business_id" ? "Business ID" : formData.idType === "individual_id" ? "Individual ID" : "Account Number",
-          value: formData.idValue,
+          label: value.idType === "product_id" ? "Product ID" : value.idType === "business_id" ? "Business ID" : value.idType === "individual_id" ? "Individual ID" : "Account Number",
+          value: value.idValue,
           onChange: (e) => handleInputChange("idValue", e.target.value),
-          placeholder: `Enter ${formData.idType === "product_id" ? "product ID" : formData.idType === "business_id" ? "business ID" : formData.idType === "individual_id" ? "individual ID" : "account number"}`,
+          placeholder: `Enter ${value.idType === "product_id" ? "product ID" : value.idType === "business_id" ? "business ID" : value.idType === "individual_id" ? "individual ID" : "account number"}`,
           required: true
         }
       )
@@ -7034,7 +7048,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Email",
           type: "email",
-          value: formData.email,
+          value: value.email,
           onChange: (e) => handleInputChange("email", e.target.value),
           placeholder: "Enter email address"
         }
@@ -7044,7 +7058,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Phone Number",
           type: "tel",
-          value: formData.phone,
+          value: value.phone,
           onChange: (e) => handleInputChange("phone", e.target.value),
           placeholder: "Enter phone number"
         }
@@ -7054,7 +7068,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         {
           label: "Date of Birth",
           type: "date",
-          value: formData.dateOfBirth,
+          value: value.dateOfBirth,
           onChange: (e) => handleInputChange("dateOfBirth", e.target.value),
           placeholder: "Select date of birth"
         }
@@ -7063,7 +7077,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "ID Number",
-          value: formData.idNumber,
+          value: value.idNumber,
           onChange: (e) => handleInputChange("idNumber", e.target.value),
           placeholder: "Enter ID number"
         }
@@ -8371,7 +8385,8 @@ var DetailPageLayout = ({
   description,
   cards,
   actions,
-  initialEditingState = {}
+  initialEditingState = {},
+  headerContent
 }) => {
   const [editingCards, setEditingCards] = useState(
     initialEditingState
@@ -8390,6 +8405,7 @@ var DetailPageLayout = ({
     {
       title,
       description,
+      headerContent,
       actions: actions?.map((action) => ({
         label: action.label,
         variant: action.variant || "default",
@@ -11588,9 +11604,66 @@ var CounterpartyDetail = () => {
   );
 };
 var CounterpartyDetail_default = CounterpartyDetail;
+var CreateCounterpartyView = ({
+  counterpartyData,
+  paymentMethods,
+  onPaymentMethodsChange,
+  onBasicInfoChange,
+  onCancel,
+  onSubmit
+}) => {
+  return /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Basic Information" }) }),
+          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(CounterpartyBasicInfo, { value: counterpartyData, onDataChange: onBasicInfoChange }) })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { children: [
+            "Address",
+            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ] }) }),
+          /* @__PURE__ */ jsxs(CardContent, { children: [
+            paymentMethods.length === 0 && /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Required because you have wire payment methods" }),
+            /* @__PURE__ */ jsx(
+              AddressForm,
+              {
+                title: "",
+                description: "",
+                showApartment: true
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Payment Configuration" }) }),
+          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(PaymentInformationSection, { onPaymentMethodsChange }) })
+        ] })
+      ] })
+    }
+  );
+};
 var CreateCounterparty = () => {
   const navigate = useNavigate();
-  const [counterpartyData, setCounterpartyData] = useState(null);
+  const [counterpartyData, setCounterpartyData] = useState({
+    name: "",
+    type: "business",
+    email: "",
+    phone: "",
+    dateOfBirth: "",
+    idNumber: "",
+    idType: "product_id",
+    idValue: ""
+  });
   const [paymentMethods, setPaymentMethods] = useState([]);
   const handlePaymentMethodsChange = (methods) => {
     setPaymentMethods(methods);
@@ -11598,11 +11671,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",
@@ -11635,42 +11708,14 @@ var CreateCounterparty = () => {
     }, 1e3);
   };
   return /* @__PURE__ */ 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__ */ jsxs("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Basic Information" }) }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(CounterpartyBasicInfo, { onDataChange: handleBasicInfoChange }) })
-        ] }),
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { children: [
-            "Address",
-            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" })
-          ] }) }),
-          /* @__PURE__ */ jsxs(CardContent, { children: [
-            paymentMethods.length === 0 && /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Required because you have wire payment methods" }),
-            /* @__PURE__ */ jsx(
-              AddressForm,
-              {
-                title: "",
-                description: "",
-                showApartment: true
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(Card, { children: [
-          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: "Payment Configuration" }) }),
-          /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(PaymentInformationSection, { onPaymentMethodsChange: handlePaymentMethodsChange }) })
-        ] })
-      ] })
+      counterpartyData,
+      paymentMethods,
+      onPaymentMethodsChange: handlePaymentMethodsChange,
+      onBasicInfoChange: handleBasicInfoChange,
+      onCancel: handleCancel,
+      onSubmit: handleSubmit
     }
   );
 };
@@ -14221,7 +14266,7 @@ var TransactionDetail = () => {
       /* @__PURE__ */ jsx(Button, { onClick: () => navigate("/transactions/history"), children: "Back to Transaction History" })
     ] }) });
   }
-  const getStatusVariant2 = (status) => {
+  const getStatusVariant3 = (status) => {
     switch (status) {
       case "POSTED":
         return "success";
@@ -14277,7 +14322,7 @@ var TransactionDetail = () => {
             isInbound: transaction.isInbound
           }
         ),
-        /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant2(transaction.status), children: transaction.status }),
+        /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant3(transaction.status), children: transaction.status }),
         /* @__PURE__ */ jsx(Badge, { variant: getProcessingStatusVariant(transaction.processingStatus), children: transaction.processingStatus })
       ] }),
       maxWidth: "full",
@@ -14376,22 +14421,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__ */ jsxs(Sheet, { children: [
     /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", children: [
       /* @__PURE__ */ jsx(Filter, { className: "mr-2 h-4 w-4" }),
       "Filters",
-      hasActiveFilters && /* @__PURE__ */ 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__ */ 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__ */ jsxs(SheetContent, { className: "w-full sm:max-w-md overflow-y-auto", children: [
       /* @__PURE__ */ jsxs(SheetHeader, { children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx(SheetTitle, { children: "Filter OFAC Checks" }),
+          /* @__PURE__ */ jsx(SheetTitle, { children: "Filter Velocity Limits" }),
           hasActiveFilters && /* @__PURE__ */ jsxs(
             Button,
             {
@@ -14406,20 +14451,78 @@ function OFACFiltersSheet({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx(SheetDescription, { children: "Filter OFAC screening results by status, entity type, and date range" })
+        /* @__PURE__ */ jsx(SheetDescription, { children: "Filter velocity limits by account, limit details, and transaction settings" })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "space-y-6 mt-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Account Number",
+            placeholder: "Enter account number",
+            value: filters.accountNumber,
+            onChange: (e) => onFilterChange("accountNumber", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Counterparty ID",
+            placeholder: "Enter counterparty ID",
+            value: filters.counterpartyId,
+            onChange: (e) => onFilterChange("counterpartyId", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Product ID",
+            placeholder: "Enter product ID",
+            value: filters.productId,
+            onChange: (e) => onFilterChange("productId", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Program ID",
+            placeholder: "Enter program ID",
+            value: filters.programId,
+            onChange: (e) => onFilterChange("programId", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          EnhancedInput,
+          {
+            label: "Limit Name",
+            placeholder: "Enter limit name",
+            value: filters.limitName,
+            onChange: (e) => onFilterChange("limitName", e.target.value)
+          }
+        ),
+        /* @__PURE__ */ 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__ */ 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)
@@ -14428,180 +14531,246 @@ function OFACFiltersSheet({
         /* @__PURE__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ 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 = useNavigate();
   const [sortField, setSortField] = useState("created");
   const [sortDirection, setSortDirection] = useState("desc");
   const [filters, setFilters] = 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) => {
@@ -14612,27 +14781,24 @@ function OFAC() {
       setSortDirection("desc");
     }
   };
-  const filteredChecks = useMemo(() => {
-    return mockOFACChecks.filter((check) => {
-      if (filters.status && check.status !== filters.status) {
+  const filteredLimits = 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 = parseISO(check.created);
-        if (filters.startDate && isBefore(checkDate, startOfDay(filters.startDate))) {
-          return false;
-        }
-        if (filters.endDate && isAfter(checkDate, 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;
@@ -14648,70 +14814,1472 @@ function OFAC() {
       key: "created",
       title: "Created",
       sortable: true,
-      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: format(parseISO(value), "MMM d, yyyy h:mm a") })
-    },
-    {
-      key: "entityName",
-      title: "Entity",
-      render: (value, row) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => navigate(getEntityUrl(row.entityType, row.entityId)),
-          className: "text-sm text-primary hover:underline font-medium",
-          children: value
-        }
-      )
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: format(parseISO(value), "yyyy-MM-dd") })
     },
     {
-      key: "entityType",
-      title: "Entity Type",
+      key: "limitName",
+      title: "Limit Name",
       sortable: true,
-      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value })
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: value })
     },
     {
-      key: "alertId",
-      title: "Alert ID",
-      render: (value) => value ? /* @__PURE__ */ jsx(
-        "button",
-        {
-          onClick: () => navigate(`/alerts/${value}`),
-          className: "text-sm text-primary hover:underline font-medium",
-          children: value
-        }
-      ) : /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" })
+      key: "action",
+      title: "Action",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx(Badge, { variant: getActionVariant(value), children: value })
     },
     {
       key: "status",
       title: "Status",
       sortable: true,
       render: (value) => /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant(value), children: value })
+    },
+    {
+      key: "associatedEntity",
+      title: "Associated Entity",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value })
+    },
+    {
+      key: "associatedEntityId",
+      title: "Associated Entity ID",
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value || "\u2014" })
     }
   ];
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
     /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: "OFAC Checks" }) }),
-      /* @__PURE__ */ jsx(
-        OFACFiltersSheet,
-        {
-          filters,
-          onFilterChange: handleFilterChange,
-          onResetFilters: handleResetFilters
-        }
-      )
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Velocity Limits" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          VelocityLimitFiltersSheet,
+          {
+            filters,
+            onFilterChange: handleFilterChange,
+            onResetFilters: handleResetFilters
+          }
+        ),
+        /* @__PURE__ */ jsxs(Button, { onClick: () => navigate("/compliance/velocity/create"), children: [
+          /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4" }),
+          "Create Limit"
+        ] })
+      ] })
     ] }) }) }),
     /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 mt-4 overflow-auto", children: /* @__PURE__ */ jsx(
       DataTable,
       {
         columns: columns3,
-        data: sortedChecks,
+        data: sortedLimits,
         sortBy: sortField,
         sortDirection,
-        onSort: handleSort
+        onSort: handleSort,
+        onRowClick: (limit) => navigate(`/compliance/velocity/${limit.id}`),
+        pagination: {
+          pageSize: 10,
+          currentPage: 1,
+          totalItems: sortedLimits.length,
+          onPageChange: () => {
+          }
+        }
       }
     ) }) }) })
   ] });
 }
+function CreateVelocityLimit() {
+  const navigate = useNavigate();
+  const [limitType, setLimitType] = useState("");
+  const [formData, setFormData] = 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx(
+            EnhancedInput,
+            {
+              label: "Mismatch Threshold (%)",
+              placeholder: "Enter threshold percentage",
+              onChange: (e) => handleFieldChange("mismatchThreshold", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx(
+            EnhancedInput,
+            {
+              label: "Amount Threshold",
+              placeholder: "Enter amount",
+              onChange: (e) => handleFieldChange("amountThreshold", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            EnhancedInput,
+            {
+              label: "Round Number Pattern",
+              placeholder: "e.g., 1000, 5000, 10000",
+              onChange: (e) => handleFieldChange("roundPattern", e.target.value)
+            }
+          )
+        ] }) });
+      case "transaction":
+        return /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground mb-3 block", children: "Filter By" }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex gap-6", children: [
+                /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                  /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-foreground", children: "Transaction Type" })
+                ] }),
+                /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+                  /* @__PURE__ */ 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__ */ jsx("span", { className: "text-sm text-foreground", children: "Transaction Group" })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+                formData.transactionFilterType === "type" && /* @__PURE__ */ 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__ */ jsx(
+                  EnhancedSelect,
+                  {
+                    label: "",
+                    placeholder: "Select group",
+                    options: [
+                      { value: "inbound", label: "Inbound" },
+                      { value: "outbound", label: "Outbound" }
+                    ],
+                    value: formData.transactionGroup,
+                    onValueChange: (value) => handleFieldChange("transactionGroup", value)
+                  }
+                )
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ 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__ */ 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__ */ jsx(
+              EnhancedInput,
+              {
+                label: "Max Transaction Amount",
+                placeholder: "Enter amount",
+                onChange: (e) => handleFieldChange("maxAmount", e.target.value)
+              }
+            ),
+            formData.aggregationLevel !== "transaction" && /* @__PURE__ */ jsx(
+              EnhancedInput,
+              {
+                label: "Max Transaction Count",
+                placeholder: "Enter count",
+                onChange: (e) => handleFieldChange("maxCount", e.target.value)
+              }
+            )
+          ] })
+        ] });
+      case "prohibited_entity":
+        return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx(
+            EnhancedInput,
+            {
+              label: "Entity List Name",
+              placeholder: "Enter list name",
+              onChange: (e) => handleFieldChange("entityListName", e.target.value)
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsx("div", { className: "col-span-2", children: /* @__PURE__ */ jsx(
+            EnhancedInput,
+            {
+              label: "Prohibited Entities (comma-separated)",
+              placeholder: "Enter entities",
+              onChange: (e) => handleFieldChange("prohibitedEntities", e.target.value)
+            }
+          ) })
+        ] }) });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: () => navigate("/compliance/velocity"),
+          children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }),
+            "Back"
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Create Velocity Limit" }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-4xl", children: /* @__PURE__ */ jsx("form", { onSubmit: handleSubmit, children: /* @__PURE__ */ jsx(Card, { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-4", children: "Select Limit Type" }),
+        /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "border-t pt-6", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-4", children: "Basic Information" }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsx(
+              EnhancedInput,
+              {
+                label: "Limit Name",
+                placeholder: "Enter limit name",
+                value: formData.limitName,
+                onChange: (e) => handleFieldChange("limitName", e.target.value)
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              EnhancedSelect,
+              {
+                label: "Action",
+                placeholder: "Select action",
+                options: [
+                  { value: "decline", label: "Decline" },
+                  { value: "flag", label: "Flag" }
+                ],
+                onValueChange: (value) => handleFieldChange("action", value)
+              }
+            ),
+            /* @__PURE__ */ 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__ */ 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__ */ jsxs("div", { className: "border-t pt-6", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold mb-4", children: "Limit Configuration" }),
+          renderTypeSpecificFields()
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-3 border-t pt-6", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => navigate("/compliance/velocity"),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+    limit.transactionType && limit.transactionType.length > 0 && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground mb-1", children: "Transaction Type" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: limit.transactionType.map((type, index) => /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground", children: type }, index)) })
+      ] }),
+      limit.transactionGroup && limit.transactionGroup.length > 0 && /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground mb-1", children: "Transaction Group" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-1", children: limit.transactionGroup.map((group, index) => /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground", children: group.toUpperCase() }, index)) })
+      ] })
+    ] }),
+    !limit.transactionType && limit.transactionGroup && limit.transactionGroup.length > 0 && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-muted-foreground mb-1", children: "Transaction Group" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-1", children: limit.transactionGroup.map((group, index) => /* @__PURE__ */ jsx("div", { className: "text-sm text-foreground", children: group.toUpperCase() }, index)) })
+    ] }) }),
+    (limit.aggregationLevel || limit.timePeriod) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      limit.aggregationLevel && /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Aggregation Level",
+          value: limit.aggregationLevel.charAt(0).toUpperCase() + limit.aggregationLevel.slice(1),
+          layout: "horizontal"
+        }
+      ),
+      limit.timePeriod && /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Time Period",
+          value: limit.timePeriod.charAt(0).toUpperCase() + limit.timePeriod.slice(1),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    (limit.maxAmount || limit.maxCount) && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      limit.maxAmount && /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Max Amount",
+          value: `$${parseFloat(limit.maxAmount).toLocaleString()}`,
+          layout: "horizontal"
+        }
+      ),
+      limit.maxCount && /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Max Count",
+          value: limit.maxCount,
+          layout: "horizontal"
+        }
+      )
+    ] })
+  ] });
+  const renderReceiverNameMismatchFields = () => /* @__PURE__ */ jsx(Fragment, { children: limit.mismatchThreshold && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(
+      InfoField,
+      {
+        label: "Mismatch Threshold",
+        value: `${limit.mismatchThreshold}%`,
+        layout: "horizontal"
+      }
+    ),
+    limit.comparisonMethod && /* @__PURE__ */ jsx(
+      InfoField,
+      {
+        label: "Comparison Method",
+        value: limit.comparisonMethod.charAt(0).toUpperCase() + limit.comparisonMethod.slice(1),
+        layout: "horizontal"
+      }
+    )
+  ] }) });
+  const renderRoundNumberFields = () => /* @__PURE__ */ jsx(Fragment, { children: limit.amountThreshold && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsx(
+      InfoField,
+      {
+        label: "Amount Threshold",
+        value: `$${parseFloat(limit.amountThreshold).toLocaleString()}`,
+        layout: "horizontal"
+      }
+    ),
+    limit.roundPattern && /* @__PURE__ */ jsx(
+      InfoField,
+      {
+        label: "Round Patterns",
+        value: limit.roundPattern,
+        layout: "horizontal"
+      }
+    )
+  ] }) });
+  const renderProhibitedEntityFields = () => /* @__PURE__ */ jsxs(Fragment, { children: [
+    limit.entityListName && /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Entity List Name",
+          value: limit.entityListName,
+          layout: "horizontal"
+        }
+      ),
+      limit.entityType && /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Entity Type",
+          value: limit.entityType.charAt(0).toUpperCase() + limit.entityType.slice(1),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    limit.prohibitedEntities && /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsx(
+      InfoField,
+      {
+        label: "Prohibited Entities",
+        value: limit.prohibitedEntities,
+        layout: "horizontal"
+      }
+    ) })
+  ] });
+  const viewContent = /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Limit Name",
+          value: limit.limitName,
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Limit Type",
+          value: limit.limitType.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase()),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Action",
+          value: /* @__PURE__ */ jsx(Badge, { variant: getActionVariant2(limit.action), children: limit.action }),
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Created",
+          value: format(parseISO(limit.created), "MMM dd, yyyy 'at' h:mm a"),
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Associated Entity",
+          value: limit.associatedEntity,
+          layout: "horizontal"
+        }
+      ),
+      limit.associatedEntityId && /* @__PURE__ */ jsx(
+        InfoField,
+        {
+          label: "Associated Entity ID",
+          value: limit.associatedEntityId,
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ 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__ */ jsx("div", { className: "text-sm text-muted-foreground", children: "Edit mode coming soon..." });
+  return /* @__PURE__ */ jsx(
+    EditableFormCard,
+    {
+      title: "Velocity Limit Details",
+      viewContent,
+      editContent,
+      isEditing,
+      onToggleEdit,
+      variant: "subtle"
+    }
+  );
+};
+function VelocityLimitDetail() {
+  const { id } = useParams();
+  const navigate = useNavigate();
+  const limit = mockVelocityLimits.find((l) => l.id === id);
+  if (!limit) {
+    return /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold mb-2", children: "Velocity Limit Not Found" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-4", children: "The velocity limit could not be found." }),
+      /* @__PURE__ */ jsxs(Button, { onClick: () => navigate("/compliance/velocity"), children: [
+        /* @__PURE__ */ jsx(ArrowLeft, { className: "mr-2 h-4 w-4" }),
+        "Back to Velocity Limits"
+      ] })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(
+    DetailPageLayout,
+    {
+      title: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("span", { children: limit.limitName }),
+        /* @__PURE__ */ jsx(Badge, { variant: getStatusVariant2(limit.status), children: limit.status })
+      ] }),
+      cards: [
+        {
+          key: "details",
+          component: (props) => /* @__PURE__ */ jsx(VelocityLimitDetailsCard, { ...props, limit })
+        }
+      ],
+      actions: [
+        {
+          label: "Deactivate",
+          variant: "destructive",
+          onClick: () => console.log("Deactivate limit")
+        }
+      ]
+    }
+  );
+}
+function UploadReconDialog({ open, onOpenChange }) {
+  const [fileType, setFileType] = useState(null);
+  const [selectedFile, setSelectedFile] = useState(null);
+  const [isUploading, setIsUploading] = useState(false);
+  const fileInputRef = 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);
+      toast$1.success(`${fileType} file uploaded successfully`);
+      handleReset();
+      onOpenChange(false);
+    }, 2e3);
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { className: "sm:max-w-[500px]", children: [
+    /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: "Upload Recon File" }) }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4 py-4", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsx(Label, { children: "File Type" }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          /* @__PURE__ */ 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__ */ jsx(ArrowRightLeft, { className: "h-8 w-8 text-primary" }),
+                /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+                  /* @__PURE__ */ jsx("div", { className: "font-medium", children: "ACH" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-1", children: "ACH Originated/Received Entries Detail Report in .csv format" })
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ 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__ */ jsx(Zap, { className: "h-8 w-8 text-primary" }),
+                /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+                  /* @__PURE__ */ jsx("div", { className: "font-medium", children: "Wire" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground mt-1", children: "FedTransaction Analyzer report in .csv format" })
+                ] })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      fileType && /* @__PURE__ */ jsx("div", { className: "border-2 border-dashed border-border rounded-lg p-6", children: !selectedFile ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center gap-4", children: [
+        /* @__PURE__ */ jsx(Upload, { className: "h-12 w-12 text-muted-foreground" }),
+        /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Select a file to upload" }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "CSV, TXT files supported" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref: fileInputRef,
+            type: "file",
+            onChange: handleFileChange,
+            className: "hidden",
+            accept: ".csv,.txt",
+            id: "recon-file-upload"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            onClick: () => fileInputRef.current?.click(),
+            children: "Select File"
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(File, { className: "h-8 w-8 text-primary flex-shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium truncate", children: selectedFile.name }),
+            /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              (selectedFile.size / 1024).toFixed(2),
+              " KB"
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon",
+            onClick: handleRemoveFile,
+            className: "flex-shrink-0",
+            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => {
+        handleReset();
+        onOpenChange(false);
+      }, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: handleUpload,
+          disabled: !selectedFile || !fileType || isUploading,
+          children: isUploading ? "Uploading..." : "Upload"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+// src/lib/mock-data/recon-data.ts
+var mockReconUploads = [
+  {
+    id: "1",
+    uploaded: "2025-11-14T10:30:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 2872,
+    matchedRecords: 2872,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "2",
+    uploaded: "2025-11-14T09:15:00Z",
+    fileName: "RER_ACH Received Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 220,
+    matchedRecords: 220,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "3",
+    uploaded: "2025-11-14T08:45:00Z",
+    fileName: "243073959_335935.csv",
+    type: "FED_WIRE_CON...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 304,
+    matchedRecords: 220,
+    exceptionRecords: 2,
+    skippedRecords: 82,
+    invalidRecords: 0
+  },
+  {
+    id: "4",
+    uploaded: "2025-11-13T16:20:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 4813,
+    matchedRecords: 4811,
+    exceptionRecords: 2,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "5",
+    uploaded: "2025-11-13T15:10:00Z",
+    fileName: "243073959_335846.csv",
+    type: "FED_WIRE_CON...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 391,
+    matchedRecords: 258,
+    exceptionRecords: 2,
+    skippedRecords: 131,
+    invalidRecords: 0
+  },
+  {
+    id: "6",
+    uploaded: "2025-11-13T14:30:00Z",
+    fileName: "RER_ACH Received Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 227,
+    matchedRecords: 221,
+    exceptionRecords: 6,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "7",
+    uploaded: "2025-11-13T13:45:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 6471,
+    matchedRecords: 6471,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "8",
+    uploaded: "2025-11-12T11:20:00Z",
+    fileName: "OE_ACH Originated Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Failed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 0,
+    matchedRecords: 0,
+    exceptionRecords: 0,
+    skippedRecords: 0,
+    invalidRecords: 0
+  },
+  {
+    id: "9",
+    uploaded: "2025-11-12T10:15:00Z",
+    fileName: "RER_ACH Received Entries ...",
+    type: "FED_ACH_CONF...",
+    status: "Processed",
+    requester: "bcontrucci@ssbp...",
+    totalRecords: 189,
+    matchedRecords: 170,
+    exceptionRecords: 19,
+    skippedRecords: 0,
+    invalidRecords: 0
+  }
+];
+function ReconUpload() {
+  const [sortField, setSortField] = useState("uploaded");
+  const [sortDirection, setSortDirection] = useState("desc");
+  const [uploadDialogOpen, setUploadDialogOpen] = useState(false);
+  const handleSort = (field) => {
+    if (sortField === field) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortField(field);
+      setSortDirection("desc");
+    }
+  };
+  const sortedUploads = [...mockReconUploads].sort((a, b) => {
+    const aValue = a[sortField];
+    const bValue = b[sortField];
+    if (aValue == null) return 1;
+    if (bValue == null) return -1;
+    if (sortDirection === "asc") {
+      return aValue > bValue ? 1 : -1;
+    } else {
+      return aValue < bValue ? 1 : -1;
+    }
+  });
+  const columns3 = [
+    {
+      key: "uploaded",
+      title: "Uploaded",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: format(parseISO(value), "yyyy-MM-dd") })
+    },
+    {
+      key: "fileName",
+      title: "File Name",
+      render: (value, row) => {
+        const isACH = row.type.includes("ACH");
+        const Icon2 = isACH ? ArrowRightLeft : Zap;
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }),
+          /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: value })
+        ] });
+      }
+    },
+    {
+      key: "status",
+      title: "Status",
+      render: (value) => {
+        if (value === "Processed") {
+          return /* @__PURE__ */ jsx(CheckCircle2, { className: "h-5 w-5 text-green-600" });
+        }
+        if (value === "Failed") {
+          return /* @__PURE__ */ jsx(XCircle, { className: "h-5 w-5 text-red-600" });
+        }
+        if (value === "Processing") {
+          return /* @__PURE__ */ jsx(Circle, { className: "h-5 w-5 text-green-600" });
+        }
+        return /* @__PURE__ */ jsx("span", { className: "text-sm", children: value });
+      }
+    },
+    {
+      key: "requester",
+      title: "Requester",
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value })
+    },
+    {
+      key: "totalRecords",
+      title: "Total",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "matchedRecords",
+      title: "Matched",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "exceptionRecords",
+      title: "Exception",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "skippedRecords",
+      title: "Skipped",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    },
+    {
+      key: "invalidRecords",
+      title: "Invalid",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsx("span", { className: "text-sm", children: value.toLocaleString() })
+    }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Recon File Uploads" }) }),
+      /* @__PURE__ */ jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs(Button, { onClick: () => setUploadDialogOpen(true), children: [
+        /* @__PURE__ */ jsx(Upload, { className: "mr-2 h-4 w-4" }),
+        "Upload Recon file"
+      ] }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx(UploadReconDialog, { open: uploadDialogOpen, onOpenChange: setUploadDialogOpen }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsx("div", { className: "flex-1 mt-4 overflow-auto", children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        columns: columns3,
+        data: sortedUploads,
+        sortBy: sortField,
+        sortDirection,
+        onSort: handleSort
+      }
+    ) }) }) })
+  ] });
+}
+
+// src/lib/mock-data/recon-exception-data.ts
+var mockBraidTransactions = [
+  {
+    id: "BT-001",
+    amount: 15e3,
+    postDate: "2025-01-15",
+    senderAccount: "1234567890",
+    receiverAccount: "9876543210",
+    type: "ACH"
+  },
+  {
+    id: "BT-002",
+    amount: 8500.5,
+    postDate: "2025-01-15",
+    senderAccount: "2345678901",
+    receiverAccount: "8765432109",
+    type: "ACH"
+  },
+  {
+    id: "BT-003",
+    amount: 25e3,
+    postDate: "2025-01-16",
+    senderAccount: "3456789012",
+    receiverAccount: "7654321098",
+    type: "ACH"
+  },
+  {
+    id: "BT-004",
+    amount: 5e4,
+    postDate: "2025-01-15",
+    senderAccount: "4567890123",
+    receiverAccount: "6543210987",
+    type: "Wire"
+  },
+  {
+    id: "BT-005",
+    amount: 12500.75,
+    postDate: "2025-01-16",
+    senderAccount: "5678901234",
+    receiverAccount: "5432109876",
+    type: "Wire"
+  },
+  {
+    id: "BT-006",
+    amount: 3200,
+    postDate: "2025-01-17",
+    senderAccount: "6789012345",
+    receiverAccount: "4321098765",
+    type: "ACH"
+  }
+];
+var mockFedSettlements = [
+  {
+    id: "FS-001",
+    amount: 15e3,
+    settlementDate: "2025-01-15",
+    receiverAccount: "9876543210",
+    type: "ACH"
+  },
+  {
+    id: "FS-002",
+    amount: 8500.5,
+    settlementDate: "2025-01-15",
+    receiverAccount: "8765432109",
+    type: "ACH"
+  },
+  {
+    id: "FS-003",
+    amount: 24999,
+    settlementDate: "2025-01-16",
+    receiverAccount: "7654321098",
+    type: "ACH"
+  },
+  {
+    id: "FS-004",
+    amount: 5e4,
+    settlementDate: "2025-01-15",
+    receiverAccount: "6543210987",
+    type: "Wire"
+  },
+  {
+    id: "FS-005",
+    amount: 12500.75,
+    settlementDate: "2025-01-16",
+    receiverAccount: "5432109876",
+    type: "Wire"
+  },
+  {
+    id: "FS-006",
+    amount: 7800,
+    settlementDate: "2025-01-17",
+    receiverAccount: "3210987654",
+    type: "ACH"
+  }
+];
+function ReconExceptions() {
+  const [fromDate, setFromDate] = useState();
+  const [toDate, setToDate] = useState();
+  const [transactionType, setTransactionType] = useState("ACH");
+  const [braidData, setBraidData] = useState(mockBraidTransactions);
+  const [fedData, setFedData] = useState(mockFedSettlements);
+  const [selectedBraid, setSelectedBraid] = useState(null);
+  const [selectedFed, setSelectedFed] = useState(null);
+  const [dataLoaded, setDataLoaded] = useState(true);
+  const [braidPage, setBraidPage] = useState(1);
+  const [braidRowsPerPage, setBraidRowsPerPage] = useState(10);
+  const [fedPage, setFedPage] = useState(1);
+  const [fedRowsPerPage, setFedRowsPerPage] = 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__ */ jsx(Container, { size: "full", padding: "lg", children: /* @__PURE__ */ jsxs(Stack, { spacing: "lg", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight", children: "Exception Review" }),
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-2", children: "Compare Braid posted transactions with Fed settlement records for reconciliation" })
+    ] }),
+    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "pt-6", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-end gap-4", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-[200px]", children: /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          label: "From Date",
+          date: fromDate,
+          onDateChange: setFromDate,
+          placeholder: "Select from date"
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-[200px]", children: /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          label: "To Date",
+          date: toDate,
+          onDateChange: setToDate,
+          placeholder: "Select to date"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-[200px]", children: [
+        /* @__PURE__ */ jsx(Label, { children: "Transaction Type" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-4 mt-2", children: [
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                value: "ACH",
+                checked: transactionType === "ACH",
+                onChange: (e) => setTransactionType(e.target.value),
+                className: "w-4 h-4 text-primary"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: "ACH" })
+          ] }),
+          /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 cursor-pointer", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "radio",
+                value: "Wire",
+                checked: transactionType === "Wire",
+                onChange: (e) => setTransactionType(e.target.value),
+                className: "w-4 h-4 text-primary"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: "Wire" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { onClick: handleSearch, className: "gap-2", children: [
+        /* @__PURE__ */ jsx(Search, { className: "h-4 w-4" }),
+        "Search"
+      ] })
+    ] }) }) }),
+    !dataLoaded ? /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "py-12 text-center text-muted-foreground", children: "Select date range and transaction type, then click Search to load data" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
+        /* @__PURE__ */ jsxs(Card, { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "text-lg", children: [
+            "Braid Posted Transactions (",
+            braidData.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "rounded-md border flex-1 overflow-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+              /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Amount" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Post Date" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Sender Account" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Receiver Account" })
+              ] }) }),
+              /* @__PURE__ */ jsx(TableBody, { children: braidData.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 5, className: "text-center text-muted-foreground", children: "No transactions found" }) }) : braidPaginatedData.map((txn) => /* @__PURE__ */ jsxs(
+                TableRow,
+                {
+                  className: selectedBraid === txn.id ? "bg-muted" : "",
+                  children: [
+                    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ 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__ */ jsxs(TableCell, { className: "font-medium", children: [
+                      "$",
+                      txn.amount.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                    ] }),
+                    /* @__PURE__ */ jsx(TableCell, { children: format(new Date(txn.postDate), "MMM dd, yyyy") }),
+                    /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm", children: txn.senderAccount }),
+                    /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm", children: txn.receiverAccount })
+                  ]
+                },
+                txn.id
+              )) })
+            ] }) }),
+            braidData.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page:" }),
+                /* @__PURE__ */ 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__ */ jsx("option", { value: 10, children: "10" }),
+                      /* @__PURE__ */ jsx("option", { value: 25, children: "25" }),
+                      /* @__PURE__ */ jsx("option", { value: 50, children: "50" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                  "Page ",
+                  braidPage,
+                  " of ",
+                  braidTotalPages
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setBraidPage(Math.max(1, braidPage - 1)),
+                      disabled: braidPage === 1,
+                      children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setBraidPage(Math.min(braidTotalPages, braidPage + 1)),
+                      disabled: braidPage === braidTotalPages,
+                      children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Card, { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "text-lg", children: [
+            "Fed Settlement Records (",
+            fedData.length,
+            ")"
+          ] }) }),
+          /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col flex-1", children: [
+            /* @__PURE__ */ jsx("div", { className: "rounded-md border flex-1 overflow-auto", children: /* @__PURE__ */ jsxs(Table, { children: [
+              /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
+                /* @__PURE__ */ jsx(TableHead, { className: "w-12" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Amount" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Settlement Date" }),
+                /* @__PURE__ */ jsx(TableHead, { children: "Receiver Account" })
+              ] }) }),
+              /* @__PURE__ */ jsx(TableBody, { children: fedData.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: 4, className: "text-center text-muted-foreground", children: "No settlements found" }) }) : fedPaginatedData.map((settlement) => /* @__PURE__ */ jsxs(
+                TableRow,
+                {
+                  className: selectedFed === settlement.id ? "bg-muted" : "",
+                  children: [
+                    /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ 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__ */ jsxs(TableCell, { className: "font-medium", children: [
+                      "$",
+                      settlement.amount.toLocaleString("en-US", { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+                    ] }),
+                    /* @__PURE__ */ jsx(TableCell, { children: format(new Date(settlement.settlementDate), "MMM dd, yyyy") }),
+                    /* @__PURE__ */ jsx(TableCell, { className: "font-mono text-sm", children: settlement.receiverAccount })
+                  ]
+                },
+                settlement.id
+              )) })
+            ] }) }),
+            fedData.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-4", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: "Rows per page:" }),
+                /* @__PURE__ */ 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__ */ jsx("option", { value: 10, children: "10" }),
+                      /* @__PURE__ */ jsx("option", { value: 25, children: "25" }),
+                      /* @__PURE__ */ jsx("option", { value: 50, children: "50" })
+                    ]
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxs("span", { className: "text-sm text-muted-foreground", children: [
+                  "Page ",
+                  fedPage,
+                  " of ",
+                  fedTotalPages
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "flex gap-1", children: [
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setFedPage(Math.max(1, fedPage - 1)),
+                      disabled: fedPage === 1,
+                      children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "outline",
+                      size: "sm",
+                      onClick: () => setFedPage(Math.min(fedTotalPages, fedPage + 1)),
+                      disabled: fedPage === fedTotalPages,
+                      children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "lg",
+          onClick: handleMatch,
+          disabled: !canMatch,
+          className: "min-w-[200px]",
+          children: "Match Selected"
+        }
+      ) })
+    ] })
+  ] }) });
+}
 
-export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyDetailView, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, Create_default3 as CreateIndividual, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound_default as NotFound, OFAC, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ResolveAlertDialog, ResponsiveGrid, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
+export { ACHBankCard, ACHBasicInfoCard, ACHDetailsSection, ACHTransferSection, AccountCard, AccountDetail_default as AccountDetail, Accounts_default as Accounts, AddressForm, AlertDetail_default as AlertDetail, AlertDetailRouter, AlertDocuments, AlertHeaderControls, AlertNotes, AlertTimeline, Alerts_default as Alerts, AppSidebar, Badge, BankAddressCard, BankingDetailsCard, BasicInfoCard, BasicInfoSection, BeneficiaryAddress, BeneficiaryCard, BeneficiaryDomesticWire, Breadcrumb, BusinessDetail_default as BusinessDetail, BusinessDetailView, BusinessFiltersSheet, BusinessProfileCard, BusinessStatusCard, BusinessTypeBadge, Businesses_default as Businesses, Button, CIPStatusBadge, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Cases_default as Cases, Checkbox, ContactInfoCard, Container, ContextSection, Counterparties_default as Counterparties, CounterpartiesView, CounterpartyBasicInfo, CounterpartyDetail_default as CounterpartyDetail, CounterpartyDetailView, CounterpartyProfileCard, CounterpartyRecordsCard, CounterpartyTypeBadge, Create_default as CreateBusiness, CreateBusinessView, Create_default2 as CreateCounterparty, Create_default3 as CreateIndividual, CreateVelocityLimit, Dashboard_default as Dashboard, DashboardDemo, DataGrid, DataTable, DetailPageLayout, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EditableFormCard, EditableInfoField, EnhancedInput, EnhancedSelect, EnhancedTextarea, EntityCard, FormCard, FormField, FormInput, FormProvider, FormSection, FormSelect, IndividualDetail_default as IndividualDetail, Individuals_default as Individuals, InfoField, IntermediaryCard, IntermediaryFI, IntermediaryFIAddress, JsonViewer, Label, ListPage, MainLayout, MetricCard, NewTransaction, NotFound_default as NotFound, OFACAlertView, OriginatorCard, OriginatorFI, OriginatorFIAddress, PageLayout, PatternLibrary, PaymentInformationSection, Popover, PopoverContent, PopoverTrigger, ReceiverCard, ReconExceptions, ReconUpload, ResolveAlertDialog, ResponsiveGrid, ScrollArea, ScrollBar, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Stack, Statement, StatementHeader, StatementView, StatusBadge, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TransactionDetail_default as TransactionDetail, TransactionHistory_default as TransactionHistory, TransactionTypeBadge, UIKit, UIKitShowcase, VelocityLimitDetail, VelocityLimits, WireDetailsSection, WireTransferSection, badgeVariants, buttonVariants, cardVariants, downloadCSV, generateStatementCSV, inputVariants, reducer, textareaVariants, toast, useAlertDetail, useCounterpartyEntity, useEditState, useFormWithEditState, useIsMobile, useSidebar, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map