braid-ui 1.0.38 → 1.0.40

package/dist/index.cjs

@@ -22,11 +22,11 @@ var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var dateFns = require('date-fns');
 var reactDayPicker = require('react-day-picker');
 var PopoverPrimitive = require('@radix-ui/react-popover');
+var sonner = require('sonner');
 var LabelPrimitive = require('@radix-ui/react-label');
 var CheckboxPrimitive = require('@radix-ui/react-checkbox');
 var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var nextThemes = require('next-themes');
-var sonner = require('sonner');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var ToastPrimitives = require('@radix-ui/react-toast');
 
@@ -556,8 +556,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast4) => {
-          addToRemoveQueue(toast4.id);
+        state.toasts.forEach((toast5) => {
+          addToRemoveQueue(toast5.id);
         });
       }
       return {
@@ -3588,24 +3588,26 @@ var BusinessProfileCard = ({
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-      FormInput,
-      {
-        name: "achCompanyId",
-        label: "ACH Company ID",
-        placeholder: "10-digit company ID"
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-      FormInput,
-      {
-        name: "productId",
-        label: "Product ID",
-        type: "number",
-        placeholder: "Product ID",
-        disabled: true
-      }
-    ) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "achCompanyId",
+          label: "ACH Company ID",
+          placeholder: "10-digit company ID"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "productId",
+          label: "Product ID",
+          type: "number",
+          placeholder: "Product ID",
+          disabled: true
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Contact Person" }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -3664,6 +3666,34 @@ var BusinessProfileCard = ({
         /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Website", value: formValues?.website || "-", layout: "horizontal" })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Phone", value: formValues?.mobilePhone || "-", layout: "horizontal" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Address",
+          value: formValues?.address ? (() => {
+            const parts = [];
+            if (formValues.address.line1) parts.push(formValues.address.line1);
+            if (formValues.address.line2) parts.push(formValues.address.line2);
+            const cityStateZip = [
+              formValues.address.city,
+              formValues.address.state,
+              formValues.address.postalCode
+            ].filter(Boolean).join(" ");
+            if (cityStateZip) parts.push(cityStateZip);
+            if (formValues.address.countryCode) parts.push(formValues.address.countryCode);
+            return parts.length > 0 ? parts.join(", ") : "-";
+          })() : "-",
+          layout: "horizontal"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "MCC", value: formValues?.mcc || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "NAICS", value: formValues?.naics || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ACH Company ID", value: formValues?.achCompanyId || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Product ID", value: formValues?.productId?.toString() || "-", layout: "horizontal" })
+      ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           InfoField,
@@ -3689,32 +3719,6 @@ var BusinessProfileCard = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: "Address",
-          value: formValues?.address ? (() => {
-            const parts = [];
-            if (formValues.address.line1) parts.push(formValues.address.line1);
-            if (formValues.address.line2) parts.push(formValues.address.line2);
-            const cityStateZip = [
-              formValues.address.city,
-              formValues.address.state,
-              formValues.address.postalCode
-            ].filter(Boolean).join(" ");
-            if (cityStateZip) parts.push(cityStateZip);
-            if (formValues.address.countryCode) parts.push(formValues.address.countryCode);
-            return parts.length > 0 ? parts.join(", ") : "-";
-          })() : "-",
-          layout: "horizontal"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "MCC", value: formValues?.mcc || "-", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "NAICS", value: formValues?.naics || "-", layout: "horizontal" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ACH Company ID", value: formValues?.achCompanyId || "-", layout: "horizontal" }) }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Product ID", value: formValues?.productId?.toString() || "-", layout: "horizontal" }) }),
       /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Contact Person" }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
         /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "First Name", value: formValues?.contactPersonFirstName || "-", layout: "horizontal" }),
@@ -4288,1109 +4292,1970 @@ var PageLayout = React15__namespace.forwardRef(
   }
 );
 PageLayout.displayName = "PageLayout";
-var UBOCard = ({ ubos, onUBOClick }) => {
-  const columns3 = [
-    {
-      key: "name",
-      title: "Name",
-      sortable: true,
-      width: "40%",
-      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          onClick: () => onUBOClick(row.customerId),
-          className: "text-primary hover:underline font-medium text-left",
-          children: value
-        }
-      )
-    },
-    {
-      key: "title",
-      title: "Title",
-      sortable: true,
-      width: "40%"
-    },
-    {
-      key: "ownershipPercentage",
-      title: "Ownership %",
-      sortable: true,
-      width: "20%",
-      align: "right",
-      render: (value) => `${value}%`
-    }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Ultimate Beneficial Owners (UBO)" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
-        "Add UBO"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: ubos.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "h-5 w-5 opacity-50" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No UBOs recorded" })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-      DataTable,
+var FormField = React15__namespace.forwardRef(
+  ({ label, description, error, required, children, className, layout = "vertical" }, ref) => {
+    const isHorizontal = layout === "horizontal";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
       {
-        columns: columns3,
-        data: ubos
+        ref,
+        className: cn(
+          "space-y-2",
+          isHorizontal && "grid grid-cols-1 md:grid-cols-3 gap-4 items-start space-y-0",
+          className
+        ),
+        children: [
+          label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-1", isHorizontal && "pt-2"), children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-sm font-medium text-foreground", children: [
+              label,
+              required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+            ] }),
+            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: description })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(isHorizontal && "md:col-span-2"), children: [
+            children,
+            error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive mt-1", children: error })
+          ] })
+        ]
       }
-    ) })
-  ] });
+    );
+  }
+);
+FormField.displayName = "FormField";
+var spacingClasses = {
+  sm: "space-y-3",
+  md: "space-y-4",
+  lg: "space-y-6"
 };
-var BusinessDocuments = ({ businessId, documents, onDocumentUpload }) => {
-  const [isUploading, setIsUploading] = React15.useState(false);
-  const [showUploadDialog, setShowUploadDialog] = React15.useState(false);
-  const [selectedFile, setSelectedFile] = React15.useState(null);
-  const [documentName, setDocumentName] = React15.useState("");
-  const [description, setDescription] = React15.useState("");
-  const [documentType, setDocumentType] = React15.useState("");
-  const handleFileSelect = (e) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    setSelectedFile(file);
-    setDocumentName(file.name);
-  };
-  const handleUploadSubmit = async () => {
-    if (!selectedFile || !documentName || !documentType) {
-      toast({
-        title: "Missing Information",
-        description: "Please fill in all required fields",
-        variant: "destructive"
-      });
-      return;
+var gridClasses = {
+  1: "grid-cols-1",
+  2: "grid-cols-1 md:grid-cols-2",
+  3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+  4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
+};
+var FormSection = React15__namespace.forwardRef(
+  ({
+    title,
+    description,
+    children,
+    className,
+    spacing: spacing2 = "md",
+    layout = "vertical",
+    columns: columns3 = 2
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("space-y-4", className), children: [
+      (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+        layout === "grid" ? `grid gap-4 ${gridClasses[columns3]}` : spacingClasses[spacing2]
+      ), children })
+    ] });
+  }
+);
+FormSection.displayName = "FormSection";
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    reactDayPicker.DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3 pointer-events-auto", className),
+      classNames: {
+        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
+        month: "space-y-4",
+        caption: "flex justify-center pt-1 relative items-center",
+        caption_label: "text-sm font-medium",
+        nav: "space-x-1 flex items-center",
+        button_previous: "absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+        button_next: "absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
+        month_grid: "w-full border-collapse space-y-1",
+        weekdays: "flex",
+        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
+        week: "flex w-full mt-2",
+        day: "h-9 w-9 text-center text-sm p-0 relative hover:bg-accent hover:text-accent-foreground rounded-md",
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "h-9 w-9 p-0 font-normal"
+        ),
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
+        today: "bg-accent text-accent-foreground",
+        outside: "text-muted-foreground opacity-50",
+        disabled: "text-muted-foreground opacity-50",
+        hidden: "invisible",
+        ...classNames
+      },
+      ...props
     }
-    setIsUploading(true);
-    try {
-      await onDocumentUpload(selectedFile, {
-        name: documentName,
-        description,
-        type: documentType
-      });
-      toast({
-        title: "Upload Successful",
-        description: `${documentName} uploaded successfully`
-      });
-      setShowUploadDialog(false);
-      resetForm();
-    } catch (error) {
-      toast({
-        title: "Upload Failed",
-        description: "Failed to upload document. Please try again.",
-        variant: "destructive"
-      });
+  );
+}
+Calendar.displayName = "Calendar";
+var Popover = PopoverPrimitive__namespace.Root;
+var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
+var PopoverContent = React15__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  PopoverPrimitive__namespace.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
+function DatePicker({
+  date,
+  onDateChange,
+  placeholder = "Pick a date",
+  disabled = false,
+  className,
+  buttonClassName,
+  calendarClassName,
+  align = "start",
+  disabledDates,
+  label,
+  wrapperClassName
+}) {
+  const [open, setOpen] = React15__namespace.useState(false);
+  const handleSelect = (selectedDate) => {
+    onDateChange?.(selectedDate);
+    setOpen(false);
+  };
+  const picker = /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      Button,
+      {
+        variant: "outline",
+        disabled,
+        className: cn(
+          "justify-start text-left font-normal",
+          !date && "text-muted-foreground",
+          buttonClassName
+        ),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          date ? dateFns.format(date, "MM/dd/yyyy") : placeholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: cn("w-auto p-0", className), align, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar,
+      {
+        mode: "single",
+        selected: date,
+        onSelect: handleSelect,
+        disabled: disabledDates,
+        initialFocus: true,
+        className: cn("pointer-events-auto", calendarClassName)
+      }
+    ) })
+  ] });
+  if (label) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
+      picker
+    ] });
+  }
+  return picker;
+}
+var uboSchema = zod.z.object({
+  legalFirstName: zod.z.string().min(1, "Legal first name is required"),
+  legalLastName: zod.z.string().min(1, "Legal last name is required"),
+  email: zod.z.string().email("Invalid email address"),
+  title: zod.z.string().min(1, "Title is required"),
+  ownershipPercentage: zod.z.number().min(0).max(100, "Must be between 0 and 100"),
+  idNumber: zod.z.string().min(1, "ID number is required"),
+  ssn: zod.z.string().min(1, "SSN is required"),
+  dateOfBirth: zod.z.date({
+    message: "Date of birth is required"
+  }),
+  street: zod.z.string().min(1, "Street is required"),
+  apartment: zod.z.string().optional(),
+  city: zod.z.string().min(1, "City is required"),
+  state: zod.z.string().min(1, "State is required"),
+  country: zod.z.string().min(1, "Country is required")
+});
+var titleOptions = [
+  { value: "CEO", label: "CEO" },
+  { value: "CFO", label: "CFO" },
+  { value: "CTO", label: "CTO" },
+  { value: "COO", label: "COO" },
+  { value: "President", label: "President" },
+  { value: "Vice President", label: "Vice President" },
+  { value: "Director", label: "Director" },
+  { value: "Manager", label: "Manager" },
+  { value: "Board Member", label: "Board Member" },
+  { value: "Partner", label: "Partner" },
+  { value: "Other", label: "Other" }
+];
+var AddUBODialog = ({ open, onOpenChange, onSubmit }) => {
+  const [isSubmitting, setIsSubmitting] = React15.useState(false);
+  const form = reactHookForm.useForm({
+    resolver: zod$1.zodResolver(uboSchema),
+    defaultValues: {
+      legalFirstName: "",
+      legalLastName: "",
+      email: "",
+      title: "",
+      ownershipPercentage: 0,
+      idNumber: "",
+      ssn: "",
+      street: "",
+      apartment: "",
+      city: "",
+      state: "",
+      country: "US"
+    }
+  });
+  const handleSubmit = async (data) => {
+    setIsSubmitting(true);
+    try {
+      await onSubmit(data);
+      form.reset();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("Error adding UBO:", error);
     } finally {
-      setIsUploading(false);
+      setIsSubmitting(false);
     }
   };
-  const resetForm = () => {
-    setSelectedFile(null);
-    setDocumentName("");
-    setDescription("");
-    setDocumentType("");
-    const fileInput = document.getElementById("file-upload");
-    if (fileInput) fileInput.value = "";
-  };
-  const handleCancelUpload = () => {
-    setShowUploadDialog(false);
-    resetForm();
-  };
-  const isImageType = (name) => {
-    const imageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp"];
-    return imageExtensions.some((ext) => name.toLowerCase().endsWith(ext));
-  };
-  const getFileIcon = (type) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5" });
-  };
-  const getFileTypeColor = (type) => {
-    switch (type.toUpperCase()) {
-      case "PDF":
-        return "text-red-500";
-      case "DOCX":
-      case "DOC":
-        return "text-blue-500";
-      case "XLSX":
-      case "XLS":
-        return "text-green-500";
-      case "JPG":
-      case "JPEG":
-      case "PNG":
-        return "text-purple-500";
-      default:
-        return "text-muted-foreground";
-    }
+  const handleCancel = () => {
+    form.reset();
+    onOpenChange(false);
   };
-  const documentTypeOptions = [
-    { value: "BUSINESS_LICENSE", label: "Business License" },
-    { value: "TAX_DOCUMENT", label: "Tax Document" },
-    { value: "PROOF_OF_ADDRESS", label: "Proof of Address" },
-    { value: "BANK_STATEMENT", label: "Bank Statement" },
-    { value: "INCORPORATION_DOCS", label: "Incorporation Documents" },
-    { value: "OPERATING_AGREEMENT", label: "Operating Agreement" },
-    { value: "OTHER", label: "Other" }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Documents" }),
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        Button,
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-3xl max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Ultimate Beneficial Owner" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "legalFirstName",
+            label: "Legal first name",
+            placeholder: "Enter first name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "legalLastName",
+            label: "Legal last name",
+            placeholder: "Enter last name"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(FormSection, { layout: "vertical", spacing: "md", children: /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
         {
-          onClick: () => setShowUploadDialog(true),
-          size: "sm",
-          variant: "ghost",
-          className: "gap-2",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-4 w-4" }),
-            "Upload"
-          ]
+          name: "email",
+          label: "Email",
+          type: "email",
+          placeholder: "Enter email address"
         }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { children: [
-      showUploadDialog && reactDom.createPortal(
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormSelect,
+          {
+            name: "title",
+            label: "Title",
+            placeholder: "Select title",
+            options: titleOptions
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "ownershipPercentage",
+            label: "Ownership %",
+            type: "number",
+            placeholder: "Enter ownership percentage"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "idNumber",
+            label: "ID Number",
+            placeholder: "Enter ID number"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "ssn",
+            label: "SSN",
+            placeholder: "Enter SSN"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(FormSection, { layout: "vertical", spacing: "md", children: /* @__PURE__ */ jsxRuntime.jsx(FormField, { label: "Date of birth", children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactHookForm.Controller,
+        {
+          name: "dateOfBirth",
+          control: form.control,
+          render: ({ field }) => /* @__PURE__ */ jsxRuntime.jsx(
+            DatePicker,
+            {
+              date: field.value,
+              onDateChange: field.onChange,
+              placeholder: "MM/DD/YYYY"
+            }
+          )
+        }
+      ) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { title: "Address Details", layout: "vertical", spacing: "md", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "street",
+            label: "Street",
+            placeholder: "Enter street address"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "apartment",
+            label: "Apartment, suite, or floor",
+            placeholder: "Enter apartment, suite, or floor (optional)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { layout: "grid", columns: 2, spacing: "md", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
+            FormInput,
             {
-              className: "fixed inset-0 bg-background/80 backdrop-blur-sm",
-              onClick: handleCancelUpload
+              name: "city",
+              label: "City",
+              placeholder: "Enter city"
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-card border rounded-lg shadow-lg max-w-lg w-full p-6 z-[101]", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: "Upload Document" }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
-                {
-                  variant: "ghost",
-                  size: "sm",
-                  className: "h-8 w-8 p-0",
-                  onClick: handleCancelUpload,
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-2 border-dashed rounded-lg p-6 text-center hover:border-primary/50 transition-colors", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  "input",
-                  {
-                    type: "file",
-                    id: "file-upload-dialog",
-                    className: "hidden",
-                    onChange: handleFileSelect,
-                    disabled: isUploading
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsxs(
-                  "label",
-                  {
-                    htmlFor: "file-upload-dialog",
-                    className: cn(
-                      "cursor-pointer flex flex-col items-center gap-2",
-                      isUploading && "opacity-50 cursor-not-allowed"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-8 w-8 text-muted-foreground" }),
-                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: selectedFile ? "Change file" : "Click to upload or drag and drop" }),
-                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "PDF, DOC, DOCX, JPG, PNG up to 10MB" })
-                      ] })
-                    ]
-                  }
-                )
-              ] }),
-              selectedFile && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Selected file:" }),
-                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: selectedFile.name }),
-                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-                  (selectedFile.size / 1024 / 1024).toFixed(2),
-                  " MB"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                EnhancedInput,
-                {
-                  label: "Document name",
-                  value: documentName,
-                  onChange: (e) => setDocumentName(e.target.value),
-                  placeholder: "Enter document name"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                EnhancedTextarea,
-                {
-                  label: "Description",
-                  value: description,
-                  onChange: (e) => setDescription(e.target.value),
-                  placeholder: "Enter document description (optional)",
-                  rows: 3
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                EnhancedSelect,
-                {
-                  label: "Document type",
-                  value: documentType,
-                  onValueChange: setDocumentType,
-                  placeholder: "Select document type",
-                  options: documentTypeOptions
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 mt-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
-                {
-                  variant: "outline",
-                  onClick: handleCancelUpload,
-                  disabled: isUploading,
-                  className: "flex-1",
-                  children: "Cancel"
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                Button,
-                {
-                  onClick: handleUploadSubmit,
-                  disabled: isUploading,
-                  className: "flex-1",
-                  children: isUploading ? "Uploading..." : "Upload"
-                }
-              )
-            ] })
-          ] })
+          /* @__PURE__ */ jsxRuntime.jsx(
+            FormInput,
+            {
+              name: "state",
+              label: "State",
+              placeholder: "Enter state"
+            }
+          )
         ] }),
-        document.body
-      ),
-      documents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents uploaded yet" })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: documents.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
-        "div",
-        {
-          className: "border rounded-lg hover:bg-muted/30 transition-colors overflow-hidden",
-          children: [
-            isImageType(doc.name) && doc.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx(
-              "img",
-              {
-                src: doc.url,
-                alt: doc.name,
-                className: "w-full h-48 object-cover"
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-3", children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
-                !isImageType(doc.name) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(getFileTypeColor(doc.type)), children: getFileIcon(doc.type) }),
-                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm truncate", children: doc.name }),
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xs px-2 py-0.5 rounded-full bg-muted inline-block mt-1", getFileTypeColor(doc.type)), children: doc.type }),
-                  doc.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground mt-1", children: doc.description }),
-                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
-                    doc.size,
-                    " \u2022 Uploaded by ",
-                    doc.uploadedBy,
-                    " \u2022 ",
-                    new Date(doc.uploadedAt).toLocaleDateString()
-                  ] })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-8 w-8 p-0",
-                    onClick: () => toast({ title: "Preview", description: `Viewing ${doc.name}` }),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-8 w-8 p-0",
-                    onClick: () => toast({ title: "Download", description: `Downloading ${doc.name}` }),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" })
-                  }
-                ),
-                /* @__PURE__ */ jsxRuntime.jsx(
-                  Button,
-                  {
-                    variant: "ghost",
-                    size: "sm",
-                    className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground",
-                    onClick: () => toast({ title: "Delete", description: `Deleted ${doc.name}` }),
-                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
-                  }
-                )
-              ] })
-            ] })
-          ]
-        },
-        doc.id
-      )) })
-    ] })
-  ] });
-};
-var accountColumns = [
-  {
-    key: "number",
-    title: "Account Number",
-    sortable: true,
-    width: "40%"
-  },
-  {
-    key: "routingNumber",
-    title: "Routing Number",
-    sortable: true,
-    width: "40%"
-  },
-  {
-    key: "type",
-    title: "Account Type",
-    sortable: true,
-    width: "20%",
-    align: "right",
-    render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
-  }
-];
-var BusinessDetailView = ({
-  business,
-  businessProfile,
-  identityVerification,
-  businessUBOs,
-  businessDocuments,
-  businessAccounts,
-  currentStatus,
-  isEditingProfile,
-  onStatusChange,
-  onProfileDataChange,
-  onToggleProfileEdit,
-  onNavigateToAccounts,
-  onNavigateToCounterparty,
-  onAddAccount,
-  onUBOClick,
-  onDocumentUpload
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
-    {
-      title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: business.businessName }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EditableInfoField,
+          FormInput,
           {
-            label: "",
-            value: currentStatus,
-            options: [
-              { value: "active", label: "Active" },
-              { value: "inactive", label: "Inactive" },
-              { value: "suspended", label: "Suspended" }
-            ],
-            onChange: onStatusChange,
-            renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value.toUpperCase() }),
-            className: "inline-block"
+            name: "country",
+            label: "Country",
+            placeholder: "Enter country"
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(CIPStatusBadge, { status: business.cipStatus }),
-        /* @__PURE__ */ jsxRuntime.jsx(EntityTypeBadge, { type: business.type }),
-        /* @__PURE__ */ jsxRuntime.jsx(SubTypeBadge, { subType: business.subType })
+        )
       ] }),
-      actions: [
-        {
-          label: "Account",
-          variant: "outline",
-          onClick: onNavigateToAccounts,
-          icon: lucideReact.Wallet
-        },
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "outline", onClick: handleCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isSubmitting, children: isSubmitting ? "Adding..." : "Add UBO" })
+      ] })
+    ] }) })
+  ] }) });
+};
+var UBOCard = ({ ubos, onUBOClick }) => {
+  const [isDialogOpen, setIsDialogOpen] = React15.useState(false);
+  const handleAddUBO = (data) => {
+    console.log("New UBO data:", data);
+    sonner.toast.success("UBO added successfully");
+  };
+  const columns3 = [
+    {
+      key: "name",
+      title: "Name",
+      sortable: true,
+      width: "40%",
+      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
         {
-          label: "Counterparty",
-          variant: "outline",
-          onClick: onNavigateToCounterparty,
-          icon: lucideReact.Users
+          onClick: () => onUBOClick(row.customerId),
+          className: "text-primary hover:underline font-medium text-left",
+          children: value
         }
-      ],
-      maxWidth: "full",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            BusinessProfileCard,
-            {
-              data: businessProfile,
-              identityVerification,
-              isEditing: isEditingProfile,
-              onToggleEdit: onToggleProfileEdit,
-              onDataChange: onProfileDataChange
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(UBOCard, { ubos: businessUBOs, onUBOClick }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "External Accounts" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", onClick: onAddAccount, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
-                "Account"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: businessAccounts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-5 w-5 opacity-50" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No external accounts found" })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-              DataTable,
-              {
-                columns: accountColumns,
-                data: businessAccounts
-              }
-            ) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            BusinessDocuments,
-            {
-              businessId: business.id,
-              documents: businessDocuments,
-              onDocumentUpload
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(BusinessStatusCard, { isEditing: false, onToggleEdit: () => {
-        } }) })
-      ] })
-    }
-  );
-};
-function Calendar({
-  className,
-  classNames,
-  showOutsideDays = true,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    reactDayPicker.DayPicker,
+      )
+    },
     {
-      showOutsideDays,
-      className: cn("p-3 pointer-events-auto", className),
-      classNames: {
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        button_previous: "absolute left-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
-        button_next: "absolute right-1 h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100",
-        month_grid: "w-full border-collapse space-y-1",
-        weekdays: "flex",
-        weekday: "text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",
-        week: "flex w-full mt-2",
-        day: "h-9 w-9 text-center text-sm p-0 relative hover:bg-accent hover:text-accent-foreground rounded-md",
-        day_button: cn(
-          buttonVariants({ variant: "ghost" }),
-          "h-9 w-9 p-0 font-normal"
-        ),
-        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground",
-        today: "bg-accent text-accent-foreground",
-        outside: "text-muted-foreground opacity-50",
-        disabled: "text-muted-foreground opacity-50",
-        hidden: "invisible",
-        ...classNames
-      },
-      ...props
+      key: "title",
+      title: "Title",
+      sortable: true,
+      width: "40%"
+    },
+    {
+      key: "ownershipPercentage",
+      title: "Ownership %",
+      sortable: true,
+      width: "20%",
+      align: "right",
+      render: (value) => `${value}%`
     }
-  );
-}
-Calendar.displayName = "Calendar";
-var Popover = PopoverPrimitive__namespace.Root;
-var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverContent = React15__namespace.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-  PopoverPrimitive__namespace.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-PopoverContent.displayName = PopoverPrimitive__namespace.Content.displayName;
-function DatePicker({
-  date,
-  onDateChange,
-  placeholder = "Pick a date",
-  disabled = false,
-  className,
-  buttonClassName,
-  calendarClassName,
-  align = "start",
-  disabledDates,
-  label,
-  wrapperClassName
-}) {
-  const [open, setOpen] = React15__namespace.useState(false);
-  const handleSelect = (selectedDate) => {
-    onDateChange?.(selectedDate);
-    setOpen(false);
-  };
-  const picker = /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      Button,
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Ultimate Beneficial Owners (UBO)" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", onClick: () => setIsDialogOpen(true), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
+        "Add UBO"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: ubos.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "h-5 w-5 opacity-50" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No UBOs recorded" })
+    ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable,
       {
-        variant: "outline",
-        disabled,
-        className: cn(
-          "justify-start text-left font-normal",
-          !date && "text-muted-foreground",
-          buttonClassName
-        ),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-          date ? dateFns.format(date, "MM/dd/yyyy") : placeholder
-        ]
+        columns: columns3,
+        data: ubos
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { className: cn("w-auto p-0", className), align, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Calendar,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      AddUBODialog,
       {
-        mode: "single",
-        selected: date,
-        onSelect: handleSelect,
-        disabled: disabledDates,
-        initialFocus: true,
-        className: cn("pointer-events-auto", calendarClassName)
+        open: isDialogOpen,
+        onOpenChange: setIsDialogOpen,
+        onSubmit: handleAddUBO
       }
-    ) })
+    )
   ] });
-  if (label) {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-2", wrapperClassName), children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: label }),
-      picker
-    ] });
-  }
-  return picker;
-}
-var BusinessFiltersSheet = ({
-  filters,
-  onFilterChange,
-  onResetFilters
+};
+var accountSchema = zod.z.object({
+  accountName: zod.z.string().min(1, "Account name is required"),
+  accountType: zod.z.string().min(1, "Account type is required"),
+  fundingFromAccount: zod.z.string().optional(),
+  sweepToAccount: zod.z.string().optional()
+});
+var AddAccountDialog = ({
+  open,
+  onOpenChange,
+  onSubmit,
+  existingAccounts = []
 }) => {
-  const [localFilters, setLocalFilters] = React15.useState(filters);
-  const [open, setOpen] = React15.useState(false);
-  React15.useEffect(() => {
-    setLocalFilters(filters);
-  }, [filters]);
-  const handleLocalFilterChange = (field, value) => {
-    setLocalFilters((prev) => ({ ...prev, [field]: value }));
-  };
-  const handleApplyFilters = () => {
-    Object.entries(localFilters).forEach(([key, value]) => {
-      onFilterChange(key, value);
-    });
-    setOpen(false);
-  };
-  const handleResetFilters = () => {
-    const resetFilters = {
-      name: "",
-      productName: "",
-      status: "",
-      createdDateStart: void 0,
-      createdDateEnd: void 0
-    };
-    setLocalFilters(resetFilters);
-    onResetFilters();
-    setOpen(false);
+  const [isLoading, setIsLoading] = React15.useState(false);
+  const form = reactHookForm.useForm({
+    resolver: zod$1.zodResolver(accountSchema),
+    defaultValues: {
+      accountName: "",
+      accountType: void 0,
+      fundingFromAccount: "",
+      sweepToAccount: ""
+    }
+  });
+  const handleSubmit = async (data) => {
+    setIsLoading(true);
+    try {
+      await onSubmit?.(data);
+      form.reset();
+      onOpenChange(false);
+    } catch (error) {
+      console.error("Error creating account:", error);
+    } finally {
+      setIsLoading(false);
+    }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
-      "Filters"
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Business Filters" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-6", children: [
+  existingAccounts.map((acc) => ({
+    value: acc.id,
+    label: `${acc.number}${acc.type ? ` (${acc.type})` : ""}`
+  }));
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "sm:max-w-[600px] max-h-[90vh] overflow-y-auto", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(DialogTitle, { children: "Add Account" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(handleSubmit), className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(FormSection, { spacing: "md", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormInput,
           {
-            label: "Name",
-            value: localFilters.name,
-            onChange: (e) => handleLocalFilterChange("name", e.target.value),
-            placeholder: "Enter business name"
+            name: "accountName",
+            label: "Account Name",
+            placeholder: "Enter account name",
+            required: true
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
+          FormSelect,
           {
-            label: "Product Name",
-            value: localFilters.productName,
-            onChange: (e) => handleLocalFilterChange("productName", e.target.value),
-            placeholder: "Enter product name"
+            name: "accountType",
+            label: "Account Type",
+            placeholder: "Select account type",
+            options: [
+              { value: "CHECKING", label: "Checking" },
+              { value: "SAVINGS", label: "Savings" }
+            ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
+          FormInput,
           {
-            label: "Status",
-            value: localFilters.status,
-            onValueChange: (value) => handleLocalFilterChange("status", value),
-            placeholder: "Select status",
-            options: [
-              { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "BLOCKED", label: "Blocked" },
-              { value: "PENDING_APPROVAL", label: "Pending Approval" },
-              { value: "PENDING", label: "Pending" },
-              { value: "INITIALIZED", label: "Initialized" },
-              { value: "PENDING_UNBLOCKED", label: "Pending Unblocked" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateStart,
-                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(SheetFooter, { className: "gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleResetFilters, children: "Reset Filters" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleApplyFilters, children: "Apply Filters" })
-      ] })
-    ] })
-  ] });
-};
-var BusinessForm = ({
-  form,
-  businessType,
-  onBusinessTypeChange,
-  onSubmit
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Information" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "name",
-            label: "Business Name",
-            placeholder: "Enter business name",
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "productId",
-            label: "Product ID",
-            placeholder: "Enter product ID",
-            type: "number",
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormSelect,
-          {
-            name: "businessIdType",
-            label: "ID Number Type",
-            placeholder: "Select ID type",
-            options: [
-              { value: "EIN", label: "EIN" },
-              { value: "SSN", label: "SSN" },
-              { value: "TIN", label: "TIN" },
-              { value: "OTHER_ID", label: "Other ID" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "idNumber",
-            label: "ID Number",
-            placeholder: "Enter ID number",
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "dba",
-            label: "DBA Name",
-            placeholder: "Enter DBA name",
-            hint: "Doing Business As name"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormSelect,
-          {
-            name: "businessEntityType",
-            label: "Business Entity Type",
-            placeholder: "Select business type",
-            options: [
-              { value: "SOLE_PROPRIETOR", label: "Sole Proprietor" },
-              { value: "LIMITED_LIABILITY_COMPANY", label: "Limited Liability Company (LLC)" },
-              { value: "CORPORATION", label: "S or C Corporation" },
-              { value: "GENERAL_PARTNERSHIP", label: "General Partnership" },
-              { value: "LIMITED_LIABILITY_PARTNERSHIP", label: "Limited Liability Partnership" },
-              { value: "NON_PROFIT", label: "Non-Profit Corporation" },
-              { value: "GOVERNMENT_ORGANIZATION", label: "Government Organization" },
-              { value: "PUBLICLY_TRADED_COMPANY", label: "Publicly Traded Company" },
-              { value: "TRUSTS", label: "Trusts" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "incorporationState",
-            label: "Incorporation State",
-            placeholder: "Enter state"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "formationDate",
-            label: "Formation Date",
-            placeholder: "YYYY-MM-DD",
-            type: "date"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "website",
-            label: "Website",
-            placeholder: "https://www.business.com"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "mobilePhone",
-            label: "Mobile Phone",
-            placeholder: "+1 (555) 123-4567",
-            hint: "Format: +1 (555) 123-4567"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "mcc",
-            label: "MCC",
-            placeholder: "1234",
-            hint: "4-digit Merchant Category Code"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "naics",
-            label: "NAICS",
-            placeholder: "123456",
-            hint: "6-digit industry classification"
+            name: "fundingFromAccount",
+            label: "Funding from Account",
+            placeholder: "Enter funding account"
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
           FormInput,
           {
-            name: "achCompanyId",
-            label: "ACH Company ID",
-            placeholder: "Enter ACH company ID"
+            name: "sweepToAccount",
+            label: "Sweep to Account",
+            placeholder: "Enter sweep account"
           }
         )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Address" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "address.line1",
-            label: "Street Address",
-            placeholder: "Enter street address"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "address.line2",
-            label: "Apartment/Suite",
-            placeholder: "Enter apartment or suite number"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "address.city",
-            label: "City",
-            placeholder: "Enter city"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "address.state",
-            label: "State",
-            placeholder: "Enter state"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "address.postalCode",
-            label: "Postal Code",
-            placeholder: "12345"
-          }
-        ),
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogFooter, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
+          Button,
           {
-            name: "address.countryCode",
-            label: "Country Code",
-            placeholder: "e.g., US",
-            required: true
+            type: "button",
+            variant: "outline",
+            onClick: () => onOpenChange(false),
+            disabled: isLoading,
+            children: "Cancel"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "address.type",
-            label: "Address Type",
-            placeholder: "e.g., MAILING"
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "submit", disabled: isLoading, children: isLoading ? "Creating..." : "Create Account" })
       ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Contact Information" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "contactPersonFirstName",
-            label: "Contact First Name",
-            placeholder: "Enter first name"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "contactPersonLastName",
-            label: "Contact Last Name",
-            placeholder: "Enter last name"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "contactPersonEmail",
-            label: "Contact Email",
-            placeholder: "contact@business.com",
-            type: "email"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          FormInput,
-          {
-            name: "contactPersonPhone",
+    ] }) })
+  ] }) });
+};
+var BusinessDocuments = ({ businessId, documents, onDocumentUpload }) => {
+  const [isUploading, setIsUploading] = React15.useState(false);
+  const [showUploadDialog, setShowUploadDialog] = React15.useState(false);
+  const [selectedFile, setSelectedFile] = React15.useState(null);
+  const [documentName, setDocumentName] = React15.useState("");
+  const [description, setDescription] = React15.useState("");
+  const [documentType, setDocumentType] = React15.useState("");
+  const handleFileSelect = (e) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+    setSelectedFile(file);
+    setDocumentName(file.name);
+  };
+  const handleUploadSubmit = async () => {
+    if (!selectedFile || !documentName || !documentType) {
+      toast({
+        title: "Missing Information",
+        description: "Please fill in all required fields",
+        variant: "destructive"
+      });
+      return;
+    }
+    setIsUploading(true);
+    try {
+      await onDocumentUpload(selectedFile, {
+        name: documentName,
+        description,
+        type: documentType
+      });
+      toast({
+        title: "Upload Successful",
+        description: `${documentName} uploaded successfully`
+      });
+      setShowUploadDialog(false);
+      resetForm();
+    } catch (error) {
+      toast({
+        title: "Upload Failed",
+        description: "Failed to upload document. Please try again.",
+        variant: "destructive"
+      });
+    } finally {
+      setIsUploading(false);
+    }
+  };
+  const resetForm = () => {
+    setSelectedFile(null);
+    setDocumentName("");
+    setDescription("");
+    setDocumentType("");
+    const fileInput = document.getElementById("file-upload");
+    if (fileInput) fileInput.value = "";
+  };
+  const handleCancelUpload = () => {
+    setShowUploadDialog(false);
+    resetForm();
+  };
+  const isImageType = (name) => {
+    const imageExtensions = [".jpg", ".jpeg", ".png", ".gif", ".webp", ".bmp"];
+    return imageExtensions.some((ext) => name.toLowerCase().endsWith(ext));
+  };
+  const getFileIcon = (type) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5" });
+  };
+  const getFileTypeColor = (type) => {
+    switch (type.toUpperCase()) {
+      case "PDF":
+        return "text-red-500";
+      case "DOCX":
+      case "DOC":
+        return "text-blue-500";
+      case "XLSX":
+      case "XLS":
+        return "text-green-500";
+      case "JPG":
+      case "JPEG":
+      case "PNG":
+        return "text-purple-500";
+      default:
+        return "text-muted-foreground";
+    }
+  };
+  const documentTypeOptions = [
+    { value: "BUSINESS_LICENSE", label: "Business License" },
+    { value: "TAX_DOCUMENT", label: "Tax Document" },
+    { value: "PROOF_OF_ADDRESS", label: "Proof of Address" },
+    { value: "BANK_STATEMENT", label: "Bank Statement" },
+    { value: "INCORPORATION_DOCS", label: "Incorporation Documents" },
+    { value: "OPERATING_AGREEMENT", label: "Operating Agreement" },
+    { value: "OTHER", label: "Other" }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Documents" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        Button,
+        {
+          onClick: () => setShowUploadDialog(true),
+          size: "sm",
+          variant: "ghost",
+          className: "gap-2",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-4 w-4" }),
+            "Upload"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { children: [
+      showUploadDialog && reactDom.createPortal(
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-[100] flex items-center justify-center p-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "fixed inset-0 bg-background/80 backdrop-blur-sm",
+              onClick: handleCancelUpload
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative bg-card border rounded-lg shadow-lg max-w-lg w-full p-6 z-[101]", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-2xl font-bold", children: "Upload Document" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-8 w-8 p-0",
+                  onClick: handleCancelUpload,
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-2 border-dashed rounded-lg p-6 text-center hover:border-primary/50 transition-colors", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    type: "file",
+                    id: "file-upload-dialog",
+                    className: "hidden",
+                    onChange: handleFileSelect,
+                    disabled: isUploading
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "label",
+                  {
+                    htmlFor: "file-upload-dialog",
+                    className: cn(
+                      "cursor-pointer flex flex-col items-center gap-2",
+                      isUploading && "opacity-50 cursor-not-allowed"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: "h-8 w-8 text-muted-foreground" }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: selectedFile ? "Change file" : "Click to upload or drag and drop" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-1", children: "PDF, DOC, DOCX, JPG, PNG up to 10MB" })
+                      ] })
+                    ]
+                  }
+                )
+              ] }),
+              selectedFile && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-3 bg-muted/50 rounded-lg", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Selected file:" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: selectedFile.name }),
+                /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                  (selectedFile.size / 1024 / 1024).toFixed(2),
+                  " MB"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedInput,
+                {
+                  label: "Document name",
+                  value: documentName,
+                  onChange: (e) => setDocumentName(e.target.value),
+                  placeholder: "Enter document name"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedTextarea,
+                {
+                  label: "Description",
+                  value: description,
+                  onChange: (e) => setDescription(e.target.value),
+                  placeholder: "Enter document description (optional)",
+                  rows: 3
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedSelect,
+                {
+                  label: "Document type",
+                  value: documentType,
+                  onValueChange: setDocumentType,
+                  placeholder: "Select document type",
+                  options: documentTypeOptions
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-3 mt-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  variant: "outline",
+                  onClick: handleCancelUpload,
+                  disabled: isUploading,
+                  className: "flex-1",
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Button,
+                {
+                  onClick: handleUploadSubmit,
+                  disabled: isUploading,
+                  className: "flex-1",
+                  children: isUploading ? "Uploading..." : "Upload"
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        document.body
+      ),
+      documents.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents uploaded yet" })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: documents.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: "border rounded-lg hover:bg-muted/30 transition-colors overflow-hidden",
+          children: [
+            isImageType(doc.name) && doc.url && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full bg-muted/50", children: /* @__PURE__ */ jsxRuntime.jsx(
+              "img",
+              {
+                src: doc.url,
+                alt: doc.name,
+                className: "w-full h-48 object-cover"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 flex-1 min-w-0", children: [
+                !isImageType(doc.name) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(getFileTypeColor(doc.type)), children: getFileIcon(doc.type) }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "font-medium text-sm truncate", children: doc.name }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn("text-xs px-2 py-0.5 rounded-full bg-muted inline-block mt-1", getFileTypeColor(doc.type)), children: doc.type }),
+                  doc.description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-foreground mt-1", children: doc.description }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground mt-1", children: [
+                    doc.size,
+                    " \u2022 Uploaded by ",
+                    doc.uploadedBy,
+                    " \u2022 ",
+                    new Date(doc.uploadedAt).toLocaleDateString()
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 w-8 p-0",
+                    onClick: () => toast({ title: "Preview", description: `Viewing ${doc.name}` }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 w-8 p-0",
+                    onClick: () => toast({ title: "Download", description: `Downloading ${doc.name}` }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" })
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "sm",
+                    className: "h-8 w-8 p-0 text-muted-foreground hover:text-foreground",
+                    onClick: () => toast({ title: "Delete", description: `Deleted ${doc.name}` }),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
+                  }
+                )
+              ] })
+            ] })
+          ]
+        },
+        doc.id
+      )) })
+    ] })
+  ] });
+};
+var accountColumns = [
+  {
+    key: "number",
+    title: "Account Number",
+    sortable: true,
+    width: "40%"
+  },
+  {
+    key: "routingNumber",
+    title: "Routing Number",
+    sortable: true,
+    width: "40%"
+  },
+  {
+    key: "type",
+    title: "Account Type",
+    sortable: true,
+    width: "20%",
+    align: "right",
+    render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
+  }
+];
+var BusinessDetailView = ({
+  business,
+  businessProfile,
+  identityVerification,
+  businessUBOs,
+  businessDocuments,
+  businessAccounts,
+  currentStatus,
+  isEditingProfile,
+  onStatusChange,
+  onProfileDataChange,
+  onToggleProfileEdit,
+  onNavigateToAccounts,
+  onNavigateToCounterparty,
+  onAddAccount,
+  onUBOClick,
+  onDocumentUpload
+}) => {
+  const [showAddAccountDialog, setShowAddAccountDialog] = React15.useState(false);
+  const handleAddAccount = (data) => {
+    console.log("New account data:", data);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    PageLayout,
+    {
+      title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: business.businessName }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EditableInfoField,
+          {
+            label: "",
+            value: currentStatus,
+            options: [
+              { value: "active", label: "Active" },
+              { value: "inactive", label: "Inactive" },
+              { value: "suspended", label: "Suspended" }
+            ],
+            onChange: onStatusChange,
+            renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value.toUpperCase() }),
+            className: "inline-block"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(CIPStatusBadge, { status: business.cipStatus }),
+        /* @__PURE__ */ jsxRuntime.jsx(EntityTypeBadge, { type: business.type }),
+        /* @__PURE__ */ jsxRuntime.jsx(SubTypeBadge, { subType: business.subType })
+      ] }),
+      actions: [
+        {
+          label: "Account",
+          variant: "outline",
+          onClick: onNavigateToAccounts,
+          icon: lucideReact.Wallet
+        },
+        {
+          label: "Counterparty",
+          variant: "outline",
+          onClick: onNavigateToCounterparty,
+          icon: lucideReact.Users
+        }
+      ],
+      maxWidth: "full",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BusinessProfileCard,
+              {
+                data: businessProfile,
+                identityVerification,
+                isEditing: isEditingProfile,
+                onToggleEdit: onToggleProfileEdit,
+                onDataChange: onProfileDataChange
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(UBOCard, { ubos: businessUBOs, onUBOClick }),
+            /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "External Accounts" }),
+                /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", onClick: () => setShowAddAccountDialog(true), children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
+                  "Account"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: businessAccounts.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-5 w-5 opacity-50" }),
+                /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No external accounts found" })
+              ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+                DataTable,
+                {
+                  columns: accountColumns,
+                  data: businessAccounts
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              BusinessDocuments,
+              {
+                businessId: business.id,
+                documents: businessDocuments,
+                onDocumentUpload
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(BusinessStatusCard, { isEditing: false, onToggleEdit: () => {
+          } }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AddAccountDialog,
+          {
+            open: showAddAccountDialog,
+            onOpenChange: setShowAddAccountDialog,
+            onSubmit: handleAddAccount,
+            existingAccounts: businessAccounts
+          }
+        )
+      ]
+    }
+  );
+};
+var BusinessFiltersSheet = ({
+  filters,
+  onFilterChange,
+  onResetFilters
+}) => {
+  const [localFilters, setLocalFilters] = React15.useState(filters);
+  const [open, setOpen] = React15.useState(false);
+  React15.useEffect(() => {
+    setLocalFilters(filters);
+  }, [filters]);
+  const handleLocalFilterChange = (field, value) => {
+    setLocalFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleApplyFilters = () => {
+    Object.entries(localFilters).forEach(([key, value]) => {
+      onFilterChange(key, value);
+    });
+    setOpen(false);
+  };
+  const handleResetFilters = () => {
+    const resetFilters = {
+      name: "",
+      productName: "",
+      status: "",
+      createdDateStart: void 0,
+      createdDateEnd: void 0
+    };
+    setLocalFilters(resetFilters);
+    onResetFilters();
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
+      "Filters"
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Business Filters" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Name",
+            value: localFilters.name,
+            onChange: (e) => handleLocalFilterChange("name", e.target.value),
+            placeholder: "Enter business name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Product Name",
+            value: localFilters.productName,
+            onChange: (e) => handleLocalFilterChange("productName", e.target.value),
+            placeholder: "Enter product name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Status",
+            value: localFilters.status,
+            onValueChange: (value) => handleLocalFilterChange("status", value),
+            placeholder: "Select status",
+            options: [
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "BLOCKED", label: "Blocked" },
+              { value: "PENDING_APPROVAL", label: "Pending Approval" },
+              { value: "PENDING", label: "Pending" },
+              { value: "INITIALIZED", label: "Initialized" },
+              { value: "PENDING_UNBLOCKED", label: "Pending Unblocked" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateStart,
+                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateEnd,
+                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(SheetFooter, { className: "gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleResetFilters, children: "Reset Filters" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleApplyFilters, children: "Apply Filters" })
+      ] })
+    ] })
+  ] });
+};
+var BusinessForm = ({
+  form,
+  businessType,
+  onBusinessTypeChange,
+  onSubmit
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Information" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "name",
+            label: "Business Name",
+            placeholder: "Enter business name",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "productId",
+            label: "Product ID",
+            placeholder: "Enter product ID",
+            type: "number",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormSelect,
+          {
+            name: "businessIdType",
+            label: "ID Number Type",
+            placeholder: "Select ID type",
+            options: [
+              { value: "EIN", label: "EIN" },
+              { value: "SSN", label: "SSN" },
+              { value: "TIN", label: "TIN" },
+              { value: "OTHER_ID", label: "Other ID" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "idNumber",
+            label: "ID Number",
+            placeholder: "Enter ID number",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "dba",
+            label: "DBA Name",
+            placeholder: "Enter DBA name",
+            hint: "Doing Business As name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormSelect,
+          {
+            name: "businessEntityType",
+            label: "Business Entity Type",
+            placeholder: "Select business type",
+            options: [
+              { value: "SOLE_PROPRIETOR", label: "Sole Proprietor" },
+              { value: "LIMITED_LIABILITY_COMPANY", label: "Limited Liability Company (LLC)" },
+              { value: "CORPORATION", label: "S or C Corporation" },
+              { value: "GENERAL_PARTNERSHIP", label: "General Partnership" },
+              { value: "LIMITED_LIABILITY_PARTNERSHIP", label: "Limited Liability Partnership" },
+              { value: "NON_PROFIT", label: "Non-Profit Corporation" },
+              { value: "GOVERNMENT_ORGANIZATION", label: "Government Organization" },
+              { value: "PUBLICLY_TRADED_COMPANY", label: "Publicly Traded Company" },
+              { value: "TRUSTS", label: "Trusts" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "incorporationState",
+            label: "Incorporation State",
+            placeholder: "Enter state"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "formationDate",
+            label: "Formation Date",
+            placeholder: "YYYY-MM-DD",
+            type: "date"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "website",
+            label: "Website",
+            placeholder: "https://www.business.com"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "mobilePhone",
+            label: "Mobile Phone",
+            placeholder: "+1 (555) 123-4567",
+            hint: "Format: +1 (555) 123-4567"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "mcc",
+            label: "MCC",
+            placeholder: "1234",
+            hint: "4-digit Merchant Category Code"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "naics",
+            label: "NAICS",
+            placeholder: "123456",
+            hint: "6-digit industry classification"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "achCompanyId",
+            label: "ACH Company ID",
+            placeholder: "Enter ACH company ID"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Business Address" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.line1",
+            label: "Street Address",
+            placeholder: "Enter street address"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.line2",
+            label: "Apartment/Suite",
+            placeholder: "Enter apartment or suite number"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.city",
+            label: "City",
+            placeholder: "Enter city"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.state",
+            label: "State",
+            placeholder: "Enter state"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.postalCode",
+            label: "Postal Code",
+            placeholder: "12345"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.countryCode",
+            label: "Country Code",
+            placeholder: "e.g., US",
+            required: true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "address.type",
+            label: "Address Type",
+            placeholder: "e.g., MAILING"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-b border-border pb-4 mb-6", children: /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Contact Information" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "contactPersonFirstName",
+            label: "Contact First Name",
+            placeholder: "Enter first name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "contactPersonLastName",
+            label: "Contact Last Name",
+            placeholder: "Enter last name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "contactPersonEmail",
+            label: "Contact Email",
+            placeholder: "contact@business.com",
+            type: "email"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          FormInput,
+          {
+            name: "contactPersonPhone",
             label: "Contact Phone",
             placeholder: "+1 (555) 123-4567"
           }
-        )
+        )
+      ] })
+    ] })
+  ] }) });
+};
+var CreateBusinessView = ({
+  form,
+  businessType,
+  onBusinessTypeChange,
+  onSubmit,
+  onCancel
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title: "Create Business",
+      actions: [
+        { label: "Cancel", variant: "outline", onClick: onCancel },
+        { label: "Create Business", variant: "default", onClick: form.handleSubmit(onSubmit) }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        BusinessForm,
+        {
+          form,
+          businessType,
+          onBusinessTypeChange,
+          onSubmit
+        }
+      )
+    }
+  );
+};
+var CounterpartyFiltersSheet = ({
+  filters,
+  onFilterChange,
+  onResetFilters
+}) => {
+  const [localFilters, setLocalFilters] = React15.useState(filters);
+  const [open, setOpen] = React15.useState(false);
+  React15.useEffect(() => {
+    setLocalFilters(filters);
+  }, [filters]);
+  const handleLocalFilterChange = (field, value) => {
+    setLocalFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleApplyFilters = () => {
+    Object.entries(localFilters).forEach(([key, value]) => {
+      onFilterChange(key, value);
+    });
+    setOpen(false);
+  };
+  const handleResetFilters = () => {
+    const resetFilters = {
+      name: "",
+      type: "",
+      status: "",
+      createdDateStart: void 0,
+      createdDateEnd: void 0
+    };
+    setLocalFilters(resetFilters);
+    onResetFilters();
+    setOpen(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
+      "Filters"
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Counterparty Filters" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedInput,
+          {
+            label: "Name",
+            value: localFilters.name,
+            onChange: (e) => handleLocalFilterChange("name", e.target.value),
+            placeholder: "Enter counterparty name"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Type",
+            value: localFilters.type,
+            onValueChange: (value) => handleLocalFilterChange("type", value),
+            placeholder: "Select type",
+            options: [
+              { value: "BUSINESS", label: "Business" },
+              { value: "INDIVIDUAL", label: "Individual" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Status",
+            value: localFilters.status,
+            onValueChange: (value) => handleLocalFilterChange("status", value),
+            placeholder: "Select status",
+            options: [
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "PENDING", label: "Pending" },
+              { value: "SUSPENDED", label: "Suspended" }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateStart,
+                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              DatePicker,
+              {
+                date: localFilters.createdDateEnd,
+                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
+                placeholder: "MM/DD/YYYY",
+                buttonClassName: "w-full",
+                className: "bg-background z-50"
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs(SheetFooter, { className: "flex gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleResetFilters, className: "flex-1", children: "Reset Filters" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleApplyFilters, className: "flex-1", children: "Apply Filters" })
+      ] })
+    ] })
+  ] });
+};
+var CounterpartiesView = ({
+  table,
+  filters,
+  onFilterChange,
+  onResetFilters,
+  onCreateCounterparty
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Counterparties" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          CounterpartyFiltersSheet,
+          {
+            filters,
+            onFilterChange,
+            onResetFilters
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: onCreateCounterparty, children: "Create Counterparty" })
       ] })
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 mt-4 overflow-auto", children: table }) }) })
+  ] });
+};
+
+// src/lib/mock-data/counterparty-data.ts
+var defaultCounterpartyDetail = {
+  email: "contact@acme.com",
+  phone: "+1 (555) 123-4567",
+  dateOfBirth: "1985-03-15",
+  idNumber: "ID-123456789",
+  idType: "product_id",
+  idValue: "PROD-001",
+  address: {
+    line1: "123 Business Ave",
+    line2: "Suite 100",
+    city: "New York",
+    state: "NY",
+    postalCode: "10001",
+    countryCode: "US",
+    type: "MAILING"
+  }
+};
+var CounterpartyProfileCard = ({
+  data,
+  onDataChange,
+  isEditing = false,
+  onToggleEdit,
+  hideActions = false,
+  className
+}) => {
+  const navigate = reactRouterDom.useNavigate();
+  const form = useFormWithEditState({
+    schema: counterpartyDetailSchema,
+    defaultValues: { ...defaultCounterpartyDetail, ...data },
+    initialEditing: isEditing,
+    onToggleEdit,
+    onSave: onDataChange
+  });
+  const editContent = /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormSelect,
+        {
+          name: "idType",
+          label: "Associated with",
+          placeholder: "Select association type",
+          options: [
+            { value: "product_id", label: "Product ID" },
+            { value: "business_id", label: "Business ID" },
+            { value: "individual_id", label: "Individual ID" },
+            { value: "account_number", label: "Account Number" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "idValue",
+          label: form.watch("idType") === "product_id" ? "Product ID" : form.watch("idType") === "business_id" ? "Business ID" : form.watch("idType") === "individual_id" ? "Individual ID" : "Account Number",
+          placeholder: "Enter ID value"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "email",
+          label: "Email",
+          type: "email",
+          placeholder: "Enter email address"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "phone",
+          label: "Phone Number",
+          type: "tel",
+          placeholder: "Enter phone number"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "dateOfBirth",
+          label: "Date of Birth",
+          type: "date",
+          placeholder: "Select date of birth"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "idNumber",
+          label: "ID Number",
+          placeholder: "Enter ID number"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "address.line1",
+          label: "Street Address",
+          placeholder: "Enter street address"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "address.line2",
+          label: "Apartment, suite, or floor",
+          placeholder: "Enter apartment, suite, or floor"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "address.city",
+          label: "City",
+          placeholder: "Enter city"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "address.state",
+          label: "State",
+          placeholder: "Enter state"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "address.postalCode",
+          label: "Postal Code",
+          placeholder: "Enter postal code"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "address.countryCode",
+          label: "Country Code",
+          placeholder: "e.g., US"
+        }
+      )
     ] })
   ] }) });
+  const formValues = form.watch();
+  const idTypeLabel = formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number";
+  const getEntityLink = () => {
+    if (!formValues?.idValue) return null;
+    switch (formValues?.idType) {
+      case "business_id":
+        return `/business/${formValues.idValue}`;
+      case "individual_id":
+        return `/individual/${formValues.idValue}`;
+      case "account_number":
+        return `/account/${formValues.idValue}`;
+      default:
+        return null;
+    }
+  };
+  const entityLink = getEntityLink();
+  const viewContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Associated with", value: formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: idTypeLabel,
+          value: entityLink ? /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.preventDefault();
+                navigate(entityLink);
+              },
+              className: "text-primary hover:underline font-medium text-left cursor-pointer",
+              children: formValues?.idValue || "-"
+            }
+          ) : formValues?.idValue || "-",
+          layout: "horizontal"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Email", value: formValues?.email || "-", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Phone Number", value: formValues?.phone || "-", layout: "horizontal" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Date of Birth", value: formValues?.dateOfBirth || "-", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Number", value: formValues?.idNumber || "-", layout: "horizontal" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InfoField,
+      {
+        label: "Address",
+        value: formValues?.address ? `${formValues.address.line1 || ""}${formValues.address.line2 ? ", " + formValues.address.line2 : ""}, ${formValues.address.city || ""}, ${formValues.address.state || ""} ${formValues.address.postalCode || ""}, ${formValues.address.countryCode || ""}` : "-",
+        layout: "horizontal"
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EditableFormCard,
+    {
+      title: "Profile Information",
+      variant: "subtle",
+      className,
+      isEditing: form.isEditing,
+      onToggleEdit: form.handleToggleEdit,
+      onSave: form.handleSave,
+      onCancel: form.handleCancel,
+      hideActions,
+      editContent,
+      viewContent
+    }
+  );
 };
-var CreateBusinessView = ({
-  form,
-  businessType,
-  onBusinessTypeChange,
-  onSubmit,
-  onCancel
-}) => {
+var mockCounterpartyTimeline = [
+  {
+    id: "1",
+    action: "Counterparty Created",
+    user: "admin",
+    details: "Initial counterparty setup",
+    status: "Active",
+    timestamp: "2024-01-15 10:30:00"
+  },
+  {
+    id: "2",
+    action: "Profile Updated",
+    user: "admin",
+    details: "Updated counterparty information",
+    timestamp: "2024-01-20 14:22:00"
+  },
+  {
+    id: "3",
+    action: "OFAC Check Completed",
+    user: "System",
+    details: "Automated compliance check",
+    status: "Verified",
+    timestamp: "2024-01-20 14:30:00"
+  }
+];
+var CounterpartyStatusCard = ({ isEditing, onToggleEdit, className }) => {
+  const getIcon = (action) => {
+    if (action.includes("Created")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4" });
+    if (action.includes("Assigned")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "h-4 w-4" });
+    if (action.includes("Updated") || action.includes("Modified") || action.includes("Check")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" });
+    if (action.includes("Completed") || action.includes("Verified")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-4 w-4" });
+    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4" });
+  };
+  const getStatusColor2 = (status) => {
+    switch (status) {
+      case "Active":
+      case "Verified":
+        return "text-success";
+      case "Pending":
+        return "text-warning";
+      default:
+        return "text-muted-foreground";
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
+    FormCard,
     {
-      title: "Create Business",
-      actions: [
-        { label: "Cancel", variant: "outline", onClick: onCancel },
-        { label: "Create Business", variant: "default", onClick: form.handleSubmit(onSubmit) }
-      ],
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        BusinessForm,
-        {
-          form,
-          businessType,
-          onBusinessTypeChange,
-          onSubmit
-        }
-      )
+      title: "Timeline",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: mockCounterpartyTimeline.map((event, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative pl-6 pb-3", children: [
+        index !== mockCounterpartyTimeline.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-[7px] top-5 bottom-0 w-[2px] bg-border" }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+          "absolute left-0 top-0 flex-none",
+          getStatusColor2(event.status)
+        ), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4", children: getIcon(event.action) }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-foreground", children: event.action }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
+            "by ",
+            event.user
+          ] }),
+          event.details && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: event.details }),
+          event.status && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-xs font-medium", getStatusColor2(event.status)), children: [
+            "Status: ",
+            event.status
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/70 pt-0.5", children: event.timestamp })
+        ] })
+      ] }, event.id)) })
     }
   );
 };
-var CounterpartyFiltersSheet = ({
-  filters,
-  onFilterChange,
-  onResetFilters
+var typeConfig2 = {
+  BUSINESS: {
+    variant: "business",
+    label: "Business",
+    icon: lucideReact.Building2
+  },
+  INDIVIDUAL: {
+    variant: "individual",
+    label: "Individual",
+    icon: lucideReact.User
+  }
+};
+var CounterpartyTypeBadge = ({ type, className }) => {
+  const config = typeConfig2[type];
+  if (!config) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "w-3 h-3 mr-1" }),
+      type || "Unknown"
+    ] });
+  }
+  const Icon2 = config.icon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
+    config.label
+  ] });
+};
+var PaymentMethodCard = ({
+  type,
+  fiId,
+  accountNumber,
+  bankName,
+  accountType,
+  beneficiaryBankName,
+  correspondentBankId,
+  intermediaryBankId,
+  className
 }) => {
-  const [localFilters, setLocalFilters] = React15.useState(filters);
-  const [open, setOpen] = React15.useState(false);
-  React15.useEffect(() => {
-    setLocalFilters(filters);
-  }, [filters]);
-  const handleLocalFilterChange = (field, value) => {
-    setLocalFilters((prev) => ({ ...prev, [field]: value }));
-  };
-  const handleApplyFilters = () => {
-    Object.entries(localFilters).forEach(([key, value]) => {
-      onFilterChange(key, value);
-    });
-    setOpen(false);
-  };
-  const handleResetFilters = () => {
-    const resetFilters = {
-      name: "",
-      type: "",
-      status: "",
-      createdDateStart: void 0,
-      createdDateEnd: void 0
-    };
-    setLocalFilters(resetFilters);
-    onResetFilters();
-    setOpen(false);
+  const getIcon = () => {
+    switch (type) {
+      case "ACH":
+        return lucideReact.Building2;
+      case "Domestic Wire":
+        return lucideReact.Landmark;
+      case "International Wire":
+        return lucideReact.Globe;
+      default:
+        return lucideReact.Building2;
+    }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "h-4 w-4" }),
-      "Filters"
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { side: "right", className: "w-full sm:max-w-xl overflow-y-auto", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SheetHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Counterparty Filters" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
-          {
-            label: "Name",
-            value: localFilters.name,
-            onChange: (e) => handleLocalFilterChange("name", e.target.value),
-            placeholder: "Enter counterparty name"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
-          {
-            label: "Type",
-            value: localFilters.type,
-            onValueChange: (value) => handleLocalFilterChange("type", value),
-            placeholder: "Select type",
-            options: [
-              { value: "BUSINESS", label: "Business" },
-              { value: "INDIVIDUAL", label: "Individual" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedSelect,
-          {
-            label: "Status",
-            value: localFilters.status,
-            onValueChange: (value) => handleLocalFilterChange("status", value),
-            placeholder: "Select status",
-            options: [
-              { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "PENDING", label: "Pending" },
-              { value: "SUSPENDED", label: "Suspended" }
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date Start" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateStart,
-                onDateChange: (date) => handleLocalFilterChange("createdDateStart", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Created Date End" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: localFilters.createdDateEnd,
-                onDateChange: (date) => handleLocalFilterChange("createdDateEnd", date),
-                placeholder: "MM/DD/YYYY",
-                buttonClassName: "w-full",
-                className: "bg-background z-50"
-              }
-            )
-          ] })
-        ] })
+  const Icon2 = getIcon();
+  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("hover:bg-muted/50 transition-colors", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm", children: type })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(SheetFooter, { className: "flex gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", onClick: handleResetFilters, className: "flex-1", children: "Reset Filters" }),
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: handleApplyFilters, className: "flex-1", children: "Apply Filters" })
+      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "h-4 w-4" }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Beneficiary FI ID", value: fiId }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Account Number", value: accountNumber })
+      ] }),
+      type === "ACH" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+        bankName && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Bank Name", value: bankName }),
+        accountType && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Account Type", value: accountType })
+      ] }),
+      type === "Domestic Wire" && bankName && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Bank Name", value: bankName }),
+      type === "International Wire" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+        beneficiaryBankName && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Beneficiary Bank Name", value: beneficiaryBankName }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
+          correspondentBankId && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Correspondent Bank ID", value: correspondentBankId }),
+          intermediaryBankId && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Intermediary Bank ID", value: intermediaryBankId })
+        ] })
       ] })
     ] })
   ] });
 };
-var CounterpartiesView = ({
-  table,
-  filters,
-  onFilterChange,
-  onResetFilters,
-  onCreateCounterparty
+var typeClasses = {
+  cards: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
+  forms: "grid-cols-1 lg:grid-cols-2",
+  data: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
+  custom: ""
+};
+var gapClasses = {
+  sm: "gap-3",
+  md: "gap-4",
+  lg: "gap-6",
+  xl: "gap-8"
+};
+var ResponsiveGrid = React15__namespace.forwardRef(
+  ({ children, type = "cards", gap = "md", editMode = false, className }, ref) => {
+    const gridClasses2 = editMode ? "grid-cols-1" : typeClasses[type];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "grid",
+          gridClasses2,
+          gapClasses[gap],
+          className
+        ),
+        children
+      }
+    );
+  }
+);
+ResponsiveGrid.displayName = "ResponsiveGrid";
+var CounterpartyDetailView = ({
+  counterpartyName,
+  counterpartyType,
+  currentStatus,
+  isEditingProfile,
+  mockPaymentMethods: mockPaymentMethods2,
+  documentsTable,
+  onStatusChange,
+  onToggleProfileEdit,
+  onAddPaymentMethod,
+  onAddDocument
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Counterparties" }) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: counterpartyName }),
         /* @__PURE__ */ jsxRuntime.jsx(
-          CounterpartyFiltersSheet,
+          EditableInfoField,
           {
-            filters,
-            onFilterChange,
-            onResetFilters
+            label: "",
+            value: currentStatus,
+            options: [
+              { value: "ACTIVE", label: "Active" },
+              { value: "INACTIVE", label: "Inactive" },
+              { value: "PENDING", label: "Pending" },
+              { value: "SUSPENDED", label: "Suspended" }
+            ],
+            onChange: onStatusChange,
+            renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value }),
+            className: "inline-block"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: onCreateCounterparty, children: "Create Counterparty" })
+        /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: counterpartyType })
+      ] }),
+      maxWidth: "full",
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            CounterpartyProfileCard,
+            {
+              isEditing: isEditingProfile,
+              onToggleEdit: onToggleProfileEdit
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Payment Methods" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", onClick: onAddPaymentMethod, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
+                "Method"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: mockPaymentMethods2.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-5 w-5 opacity-50" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No payment methods configured" })
+            ] }) : /* @__PURE__ */ jsxRuntime.jsx(ResponsiveGrid, { type: "forms", gap: "md", children: mockPaymentMethods2.map((method, index) => /* @__PURE__ */ jsxRuntime.jsx(PaymentMethodCard, { ...method }, index)) }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Documents" }),
+              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", onClick: onAddDocument, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
+                "Document"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: documentsTable })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyStatusCard, { isEditing: false, onToggleEdit: () => {
+        } }) })
       ] })
-    ] }) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 mt-4 overflow-auto", children: table }) }) })
-  ] });
+    }
+  );
 };
 
 // src/lib/mock-data/banking-data.ts
@@ -5553,37 +6418,6 @@ var ACHBasicInfoCard = ({
     }
   );
 };
-var typeClasses = {
-  cards: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  forms: "grid-cols-1 lg:grid-cols-2",
-  data: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4",
-  custom: ""
-};
-var gapClasses = {
-  sm: "gap-3",
-  md: "gap-4",
-  lg: "gap-6",
-  xl: "gap-8"
-};
-var ResponsiveGrid = React15__namespace.forwardRef(
-  ({ children, type = "cards", gap = "md", editMode = false, className }, ref) => {
-    const gridClasses2 = editMode ? "grid-cols-1" : typeClasses[type];
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: cn(
-          "grid",
-          gridClasses2,
-          gapClasses[gap],
-          className
-        ),
-        children
-      }
-    );
-  }
-);
-ResponsiveGrid.displayName = "ResponsiveGrid";
 var BankAddressCard = ({
   data,
   onDataChange,
@@ -5800,329 +6634,84 @@ var BankingDetailsCard = ({ isEditing, onToggleEdit, className }) => {
     }
   );
 };
-var typeConfig2 = {
-  BUSINESS: {
-    variant: "business",
-    label: "Business",
-    icon: lucideReact.Building2
-  },
-  INDIVIDUAL: {
-    variant: "individual",
-    label: "Individual",
-    icon: lucideReact.User
-  }
-};
-var CounterpartyTypeBadge = ({ type, className }) => {
-  const config = typeConfig2[type];
-  if (!config) {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Building2, { className: "w-3 h-3 mr-1" }),
-      type || "Unknown"
-    ] });
-  }
-  const Icon2 = config.icon;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: config.variant, className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "w-3 h-3 mr-1" }),
-    config.label
-  ] });
-};
 var BasicInfoCard = ({ isEditing, onToggleEdit, className, hideActions }) => {
   const [name, setName] = React15.useState("John wire hot");
-  const [status, setStatus] = React15.useState("ACTIVE");
-  const editContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedInput,
-        {
-          label: "Name",
-          value: name,
-          onChange: (e) => setName(e.target.value),
-          placeholder: "Enter counterparty name"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedSelect,
-        {
-          label: "Status",
-          value: status,
-          onValueChange: setStatus,
-          placeholder: "Select status",
-          options: [
-            { value: "ACTIVE", label: "Active" },
-            { value: "INACTIVE", label: "Inactive" },
-            { value: "PENDING", label: "Pending" },
-            { value: "SUSPENDED", label: "Suspended" }
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 pt-4 border-t border-border", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-3 border-t border-border", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
-      ] })
-    ] })
-  ] });
-  const viewContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Name", value: name, layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Status", value: /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status }), layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-3 border-t border-border", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
-      ] })
-    ] })
-  ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    EditableFormCard,
-    {
-      title: "Basic Info",
-      className,
-      isEditing,
-      onToggleEdit,
-      hideActions,
-      editContent,
-      viewContent
-    }
-  );
-};
-
-// src/lib/mock-data/counterparty-data.ts
-var defaultCounterpartyDetail = {
-  email: "contact@acme.com",
-  phone: "+1 (555) 123-4567",
-  dateOfBirth: "1985-03-15",
-  idNumber: "ID-123456789",
-  idType: "product_id",
-  idValue: "PROD-001",
-  address: {
-    line1: "123 Business Ave",
-    line2: "Suite 100",
-    city: "New York",
-    state: "NY",
-    postalCode: "10001",
-    countryCode: "US",
-    type: "MAILING"
-  }
-};
-var CounterpartyProfileCard = ({
-  data,
-  onDataChange,
-  isEditing = false,
-  onToggleEdit,
-  hideActions = false,
-  className
-}) => {
-  const navigate = reactRouterDom.useNavigate();
-  const form = useFormWithEditState({
-    schema: counterpartyDetailSchema,
-    defaultValues: { ...defaultCounterpartyDetail, ...data },
-    initialEditing: isEditing,
-    onToggleEdit,
-    onSave: onDataChange
-  });
-  const editContent = /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+  const [status, setStatus] = React15.useState("ACTIVE");
+  const editContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
-        FormSelect,
-        {
-          name: "idType",
-          label: "Associated with",
-          placeholder: "Select association type",
-          options: [
-            { value: "product_id", label: "Product ID" },
-            { value: "business_id", label: "Business ID" },
-            { value: "individual_id", label: "Individual ID" },
-            { value: "account_number", label: "Account Number" }
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "idValue",
-          label: form.watch("idType") === "product_id" ? "Product ID" : form.watch("idType") === "business_id" ? "Business ID" : form.watch("idType") === "individual_id" ? "Individual ID" : "Account Number",
-          placeholder: "Enter ID value"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "email",
-          label: "Email",
-          type: "email",
-          placeholder: "Enter email address"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "phone",
-          label: "Phone Number",
-          type: "tel",
-          placeholder: "Enter phone number"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
+        EnhancedInput,
         {
-          name: "dateOfBirth",
-          label: "Date of Birth",
-          type: "date",
-          placeholder: "Select date of birth"
+          label: "Name",
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          placeholder: "Enter counterparty name"
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
+        EnhancedSelect,
         {
-          name: "idNumber",
-          label: "ID Number",
-          placeholder: "Enter ID number"
+          label: "Status",
+          value: status,
+          onValueChange: setStatus,
+          placeholder: "Select status",
+          options: [
+            { value: "ACTIVE", label: "Active" },
+            { value: "INACTIVE", label: "Inactive" },
+            { value: "PENDING", label: "Pending" },
+            { value: "SUSPENDED", label: "Suspended" }
+          ]
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "address.line1",
-          label: "Street Address",
-          placeholder: "Enter street address"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "address.line2",
-          label: "Apartment, suite, or floor",
-          placeholder: "Enter apartment, suite, or floor"
-        }
-      )
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4 pt-4 border-t border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "address.city",
-          label: "City",
-          placeholder: "Enter city"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "address.state",
-          label: "State",
-          placeholder: "Enter state"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "address.postalCode",
-          label: "Postal Code",
-          placeholder: "Enter postal code"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "address.countryCode",
-          label: "Country Code",
-          placeholder: "e.g., US"
-        }
-      )
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-3 border-t border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
+      ] })
     ] })
-  ] }) });
-  const formValues = form.watch();
-  const idTypeLabel = formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number";
-  const getEntityLink = () => {
-    if (!formValues?.idValue) return null;
-    switch (formValues?.idType) {
-      case "business_id":
-        return `/business/${formValues.idValue}`;
-      case "individual_id":
-        return `/individual/${formValues.idValue}`;
-      case "account_number":
-        return `/account/${formValues.idValue}`;
-      default:
-        return null;
-    }
-  };
-  const entityLink = getEntityLink();
-  const viewContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Associated with", value: formValues?.idType === "product_id" ? "Product ID" : formValues?.idType === "business_id" ? "Business ID" : formValues?.idType === "individual_id" ? "Individual ID" : "Account Number", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        InfoField,
-        {
-          label: idTypeLabel,
-          value: entityLink ? /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.preventDefault();
-                navigate(entityLink);
-              },
-              className: "text-primary hover:underline font-medium text-left cursor-pointer",
-              children: formValues?.idValue || "-"
-            }
-          ) : formValues?.idValue || "-",
-          layout: "horizontal"
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Email", value: formValues?.email || "-", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Phone Number", value: formValues?.phone || "-", layout: "horizontal" })
-    ] }),
+  ] });
+  const viewContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Date of Birth", value: formValues?.dateOfBirth || "-", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Number", value: formValues?.idNumber || "-", layout: "horizontal" })
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID", value: "5000541", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Name", value: name, layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Counterparty Type", value: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: "BUSINESS" }), layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Status", value: /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status }), layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Number", value: "\u2022\u2022\u2022\u2022\u2022\u2022\u2022", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: "SSN", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Date of Birth", value: "1985-8-20", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Created At", value: "2025-07-14", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated By", value: "admin", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Updated At", value: "2025-07-14", layout: "horizontal" })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      InfoField,
-      {
-        label: "Address",
-        value: formValues?.address ? `${formValues.address.line1 || ""}${formValues.address.line2 ? ", " + formValues.address.line2 : ""}, ${formValues.address.city || ""}, ${formValues.address.state || ""} ${formValues.address.postalCode || ""}, ${formValues.address.countryCode || ""}` : "-",
-        layout: "horizontal"
-      }
-    )
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pt-3 border-t border-border", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-foreground mb-2", children: "OFAC Details" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC date", value: "2025-07-14", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last OFAC status", value: "Verified", layout: "horizontal" })
+      ] })
+    ] })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
     EditableFormCard,
     {
-      title: "Profile Information",
-      variant: "subtle",
+      title: "Basic Info",
       className,
-      isEditing: form.isEditing,
-      onToggleEdit: form.handleToggleEdit,
-      onSave: form.handleSave,
-      onCancel: form.handleCancel,
+      isEditing,
+      onToggleEdit,
       hideActions,
       editContent,
       viewContent
@@ -6481,47 +7070,14 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
         EnhancedInput,
         {
           label: "ID Number",
-          value: formData.idNumber,
-          onChange: (e) => handleInputChange("idNumber", e.target.value),
-          placeholder: "Enter ID number"
-        }
-      )
-    ] })
-  ] });
-};
-var spacingClasses = {
-  sm: "space-y-3",
-  md: "space-y-4",
-  lg: "space-y-6"
-};
-var gridClasses = {
-  1: "grid-cols-1",
-  2: "grid-cols-1 md:grid-cols-2",
-  3: "grid-cols-1 md:grid-cols-2 lg:grid-cols-3",
-  4: "grid-cols-1 md:grid-cols-2 lg:grid-cols-4"
-};
-var FormSection = React15__namespace.forwardRef(
-  ({
-    title,
-    description,
-    children,
-    className,
-    spacing: spacing2 = "md",
-    layout = "vertical",
-    columns: columns3 = 2
-  }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cn("space-y-4", className), children: [
-      (title || description) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1", children: [
-        title && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-        layout === "grid" ? `grid gap-4 ${gridClasses[columns3]}` : spacingClasses[spacing2]
-      ), children })
-    ] });
-  }
-);
-FormSection.displayName = "FormSection";
+          value: formData.idNumber,
+          onChange: (e) => handleInputChange("idNumber", e.target.value),
+          placeholder: "Enter ID number"
+        }
+      )
+    ] })
+  ] });
+};
 var IntermediaryFI = () => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border pb-4", children: [
@@ -7988,36 +8544,6 @@ var EntityCard = React15__namespace.forwardRef(
   }
 );
 EntityCard.displayName = "EntityCard";
-var FormField = React15__namespace.forwardRef(
-  ({ label, description, error, required, children, className, layout = "vertical" }, ref) => {
-    const isHorizontal = layout === "horizontal";
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
-      {
-        ref,
-        className: cn(
-          "space-y-2",
-          isHorizontal && "grid grid-cols-1 md:grid-cols-3 gap-4 items-start space-y-0",
-          className
-        ),
-        children: [
-          label && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("space-y-1", isHorizontal && "pt-2"), children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "text-sm font-medium text-foreground", children: [
-              label,
-              required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
-            ] }),
-            description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: description })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn(isHorizontal && "md:col-span-2"), children: [
-            children,
-            error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive mt-1", children: error })
-          ] })
-        ]
-      }
-    );
-  }
-);
-FormField.displayName = "FormField";
 var variantStyles = {
   default: "",
   success: "border-success/20 bg-success/5",
@@ -9396,39 +9922,6 @@ var AccountStatusCard = ({ isEditing, onToggleEdit, className }) => {
     }
   );
 };
-var AccountBalanceCard = React15__namespace.default.forwardRef(
-  ({ balance, availableBalance, accountNumber, accountType, className }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Card,
-      {
-        ref,
-        className: cn(
-          "border-primary/20 bg-gradient-to-br from-primary/5 via-primary/3 to-background",
-          className
-        ),
-        children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4 text-primary" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: accountNumber }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground capitalize", children: accountType })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: balance })
-            ] }),
-            availableBalance && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: availableBalance })
-            ] })
-          ] })
-        ] }) })
-      }
-    );
-  }
-);
-AccountBalanceCard.displayName = "AccountBalanceCard";
 var accountInfoSchema = zod.z.object({
   accountName: zod.z.string().trim().min(1, "Account name is required").max(100, "Account name must be less than 100 characters"),
   canAcceptSweep: zod.z.enum(["Yes", "No"]),
@@ -9458,7 +9951,7 @@ var AccountDetail = () => {
   }
   const formValues = form.watch();
   const customerPath = account.customerType === "business" ? `/business/${account.customerId}` : `/individual/${account.customerId}`;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     PageLayout,
     {
       title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -9501,29 +9994,37 @@ var AccountDetail = () => {
         }
       ],
       maxWidth: "full",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          AccountBalanceCard,
-          {
-            balance: account.balance,
-            availableBalance: account.balance,
-            accountNumber: account.number,
-            accountType: account.type,
-            className: "mb-4"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EditableFormCard,
-              {
-                title: "Account Information",
-                variant: "subtle",
-                isEditing: form.isEditing,
-                onToggleEdit: form.handleToggleEdit,
-                onSave: form.handleSave,
-                onCancel: form.handleCancel,
-                viewContent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EditableFormCard,
+            {
+              title: "Account Information",
+              variant: "subtle",
+              isEditing: form.isEditing,
+              onToggleEdit: form.handleToggleEdit,
+              onSave: form.handleSave,
+              onCancel: form.handleCancel,
+              viewContent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4 text-primary" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     InfoField,
                     {
@@ -9587,8 +10088,28 @@ var AccountDetail = () => {
                       value: formValues.sweepAccountNumber || "-"
                     }
                   )
+                ] })
+              ] }),
+              editContent: /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 p-6 rounded-lg bg-gradient-to-br from-primary/10 via-primary/5 to-background border border-primary/20", children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-4 w-4 text-primary" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: account.number }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "\u2022" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground capitalize", children: account.type })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-end gap-8", children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Account Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-muted-foreground mb-1", children: "Available Balance" }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-3xl font-bold text-foreground tracking-tight", children: account.balance })
+                    ] })
+                  ] })
                 ] }),
-                editContent: /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
                   /* @__PURE__ */ jsxRuntime.jsx(
                     InfoField,
                     {
@@ -9660,18 +10181,18 @@ var AccountDetail = () => {
                       placeholder: "Enter sweep account number"
                     }
                   )
-                ] }) })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Fees" }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-8 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Fees information coming soon" }) }) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(AccountStatusCard, { isEditing: false, onToggleEdit: () => {
-          } }) })
-        ] })
-      ]
+                ] })
+              ] }) })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Fees" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-8 text-muted-foreground", children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Fees information coming soon" }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(AccountStatusCard, { isEditing: false, onToggleEdit: () => {
+        } }) })
+      ] })
     }
   );
 };
@@ -10964,161 +11485,37 @@ var Counterparties = () => {
     {
       key: "created",
       title: "Created",
-      sortable: true
-    },
-    {
-      key: "modified",
-      title: "Modified",
-      sortable: true
-    }
-  ];
-  const table = React15.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx(
-    DataTable,
-    {
-      columns: columns3,
-      data: sortedCounterparties,
-      sortBy,
-      sortDirection,
-      onSort: handleSort,
-      onRowClick: handleRowClick
-    }
-  ), [columns3, sortedCounterparties, sortBy, sortDirection, handleSort, handleRowClick]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    CounterpartiesView,
-    {
-      table,
-      filters,
-      onFilterChange: handleFilterChange,
-      onResetFilters: handleResetFilters,
-      onCreateCounterparty: handleCreateCounterparty
-    }
-  );
-};
-var Counterparties_default = Counterparties;
-var mockCounterpartyTimeline = [
-  {
-    id: "1",
-    action: "Counterparty Created",
-    user: "admin",
-    details: "Initial counterparty setup",
-    status: "Active",
-    timestamp: "2024-01-15 10:30:00"
-  },
-  {
-    id: "2",
-    action: "Profile Updated",
-    user: "admin",
-    details: "Updated counterparty information",
-    timestamp: "2024-01-20 14:22:00"
-  },
-  {
-    id: "3",
-    action: "OFAC Check Completed",
-    user: "System",
-    details: "Automated compliance check",
-    status: "Verified",
-    timestamp: "2024-01-20 14:30:00"
-  }
-];
-var CounterpartyStatusCard = ({ isEditing, onToggleEdit, className }) => {
-  const getIcon = (action) => {
-    if (action.includes("Created")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4" });
-    if (action.includes("Assigned")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserPlus, { className: "h-4 w-4" });
-    if (action.includes("Updated") || action.includes("Modified") || action.includes("Check")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" });
-    if (action.includes("Completed") || action.includes("Verified")) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckCircle, { className: "h-4 w-4" });
-    return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "h-4 w-4" });
-  };
-  const getStatusColor2 = (status) => {
-    switch (status) {
-      case "Active":
-      case "Verified":
-        return "text-success";
-      case "Pending":
-        return "text-warning";
-      default:
-        return "text-muted-foreground";
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    FormCard,
-    {
-      title: "Timeline",
-      className,
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: mockCounterpartyTimeline.map((event, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative pl-6 pb-3", children: [
-        index !== mockCounterpartyTimeline.length - 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-[7px] top-5 bottom-0 w-[2px] bg-border" }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-          "absolute left-0 top-0 flex-none",
-          getStatusColor2(event.status)
-        ), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "h-4 w-4", children: getIcon(event.action) }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-0.5", children: [
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium text-foreground", children: event.action }),
-          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs text-muted-foreground", children: [
-            "by ",
-            event.user
-          ] }),
-          event.details && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: event.details }),
-          event.status && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cn("text-xs font-medium", getStatusColor2(event.status)), children: [
-            "Status: ",
-            event.status
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground/70 pt-0.5", children: event.timestamp })
-        ] })
-      ] }, event.id)) })
-    }
-  );
-};
-var PaymentMethodCard = ({
-  type,
-  fiId,
-  accountNumber,
-  bankName,
-  accountType,
-  beneficiaryBankName,
-  correspondentBankId,
-  intermediaryBankId,
-  className
-}) => {
-  const getIcon = () => {
-    switch (type) {
-      case "ACH":
-        return lucideReact.Building2;
-      case "Domestic Wire":
-        return lucideReact.Landmark;
-      case "International Wire":
-        return lucideReact.Globe;
-      default:
-        return lucideReact.Building2;
-    }
-  };
-  const Icon2 = getIcon();
-  return /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: cn("hover:bg-muted/50 transition-colors", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-start justify-between space-y-0 pb-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Icon2, { className: "h-4 w-4 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-sm", children: type })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "sm", className: "h-8 w-8 p-0", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MoreVertical, { className: "h-4 w-4" }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Beneficiary FI ID", value: fiId }),
-        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Account Number", value: accountNumber })
-      ] }),
-      type === "ACH" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-        bankName && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Bank Name", value: bankName }),
-        accountType && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Account Type", value: accountType })
-      ] }),
-      type === "Domestic Wire" && bankName && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Bank Name", value: bankName }),
-      type === "International Wire" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-        beneficiaryBankName && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Beneficiary Bank Name", value: beneficiaryBankName }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-3", children: [
-          correspondentBankId && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Correspondent Bank ID", value: correspondentBankId }),
-          intermediaryBankId && /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Intermediary Bank ID", value: intermediaryBankId })
-        ] })
-      ] })
-    ] })
-  ] });
+      sortable: true
+    },
+    {
+      key: "modified",
+      title: "Modified",
+      sortable: true
+    }
+  ];
+  const table = React15.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx(
+    DataTable,
+    {
+      columns: columns3,
+      data: sortedCounterparties,
+      sortBy,
+      sortDirection,
+      onSort: handleSort,
+      onRowClick: handleRowClick
+    }
+  ), [columns3, sortedCounterparties, sortBy, sortDirection, handleSort, handleRowClick]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    CounterpartiesView,
+    {
+      table,
+      filters,
+      onFilterChange: handleFilterChange,
+      onResetFilters: handleResetFilters,
+      onCreateCounterparty: handleCreateCounterparty
+    }
+  );
 };
+var Counterparties_default = Counterparties;
 var mockPaymentMethods = [
   {
     type: "ACH",
@@ -11177,6 +11574,33 @@ var CounterpartyDetail = () => {
       render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
     }
   ];
+  const handleStatusChange = (newStatus) => {
+    setCurrentStatus(newStatus);
+  };
+  const handleToggleProfileEdit = () => {
+    setIsEditingProfile(!isEditingProfile);
+  };
+  const handleAddPaymentMethod = () => {
+    console.log("Add payment method");
+  };
+  const handleAddDocument = () => {
+    console.log("Add document");
+  };
+  const documentsTable = React15.useMemo(() => {
+    if (counterpartyDocuments.length === 0) {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents found" })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable,
+      {
+        columns: documentColumns,
+        data: counterpartyDocuments
+      }
+    );
+  }, [counterpartyDocuments, documentColumns]);
   if (!counterparty) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-8", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-center", children: [
       /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold mb-2", children: "Counterparty Not Found" }),
@@ -11184,74 +11608,18 @@ var CounterpartyDetail = () => {
     ] }) });
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
+    CounterpartyDetailView,
     {
-      title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { children: counterparty.name }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          EditableInfoField,
-          {
-            label: "",
-            value: currentStatus,
-            options: [
-              { value: "ACTIVE", label: "Active" },
-              { value: "INACTIVE", label: "Inactive" },
-              { value: "PENDING", label: "Pending" },
-              { value: "SUSPENDED", label: "Suspended" }
-            ],
-            onChange: (newStatus) => setCurrentStatus(newStatus),
-            renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value }),
-            className: "inline-block"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: counterparty.type })
-      ] }),
-      maxWidth: "full",
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-4", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            CounterpartyProfileCard,
-            {
-              isEditing: isEditingProfile,
-              onToggleEdit: () => setIsEditingProfile(!isEditingProfile)
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Payment Methods" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
-                "Method"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: mockPaymentMethods.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Wallet, { className: "h-5 w-5 opacity-50" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No payment methods configured" })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx(ResponsiveGrid, { type: "forms", gap: "md", children: mockPaymentMethods.map((method, index) => /* @__PURE__ */ jsxRuntime.jsx(PaymentMethodCard, { ...method }, index)) }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Documents" }),
-              /* @__PURE__ */ jsxRuntime.jsxs(Button, { size: "sm", variant: "ghost", children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
-                "Document"
-              ] })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: counterpartyDocuments.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-center gap-2 py-4 text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 opacity-50" }),
-              /* @__PURE__ */ jsxRuntime.jsx("p", { children: "No documents found" })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-              DataTable,
-              {
-                columns: documentColumns,
-                data: counterpartyDocuments
-              }
-            ) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyStatusCard, { isEditing: false, onToggleEdit: () => {
-        } }) })
-      ] })
+      counterpartyName: counterparty.name,
+      counterpartyType: counterparty.type,
+      currentStatus,
+      isEditingProfile,
+      mockPaymentMethods,
+      documentsTable,
+      onStatusChange: handleStatusChange,
+      onToggleProfileEdit: handleToggleProfileEdit,
+      onAddPaymentMethod: handleAddPaymentMethod,
+      onAddDocument: handleAddDocument
     }
   );
 };
@@ -13889,7 +14257,7 @@ var TransactionDetail = () => {
       /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => navigate("/transactions/history"), children: "Back to Transaction History" })
     ] }) });
   }
-  const getStatusVariant = (status) => {
+  const getStatusVariant2 = (status) => {
     switch (status) {
       case "POSTED":
         return "success";
@@ -13945,7 +14313,7 @@ var TransactionDetail = () => {
             isInbound: transaction.isInbound
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant(transaction.status), children: transaction.status }),
+        /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant2(transaction.status), children: transaction.status }),
         /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getProcessingStatusVariant(transaction.processingStatus), children: transaction.processingStatus })
       ] }),
       maxWidth: "full",
@@ -14044,6 +14412,341 @@ function UIKit() {
     ] })
   ] }) }) });
 }
+function OFACFiltersSheet({
+  filters,
+  onFilterChange,
+  onResetFilters
+}) {
+  const hasActiveFilters = filters.status !== "" || filters.entityType !== "" || filters.startDate !== void 0 || filters.endDate !== void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Filter, { className: "mr-2 h-4 w-4" }),
+      "Filters",
+      hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2 flex h-5 w-5 items-center justify-center rounded-full bg-primary text-xs text-primary-foreground", children: [filters.status, filters.entityType, filters.startDate, filters.endDate].filter(Boolean).length })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(SheetContent, { className: "w-full sm:max-w-md overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(SheetHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(SheetTitle, { children: "Filter OFAC Checks" }),
+          hasActiveFilters && /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              variant: "ghost",
+              size: "sm",
+              onClick: onResetFilters,
+              className: "h-8 px-2",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "mr-1 h-4 w-4" }),
+                "Clear all"
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(SheetDescription, { children: "Filter OFAC screening results by status, entity type, and date range" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 mt-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Status",
+            placeholder: "All statuses",
+            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: filters.status || "all",
+            onValueChange: (value) => onFilterChange("status", value === "all" ? "" : value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          EnhancedSelect,
+          {
+            label: "Entity Type",
+            placeholder: "All entity types",
+            options: [
+              { value: "all", label: "All entity types" },
+              { value: "Business", label: "Business" },
+              { value: "Individual", label: "Individual" },
+              { value: "Counterparty", label: "Counterparty" }
+            ],
+            value: filters.entityType || "all",
+            onValueChange: (value) => onFilterChange("entityType", value === "all" ? "" : value)
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DatePicker,
+          {
+            date: filters.startDate,
+            onDateChange: (date) => onFilterChange("startDate", date),
+            label: "Start Date",
+            placeholder: "MM/DD/YYYY"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          DatePicker,
+          {
+            date: filters.endDate,
+            onDateChange: (date) => onFilterChange("endDate", date),
+            label: "End Date",
+            placeholder: "MM/DD/YYYY",
+            disabledDates: (date) => filters.startDate ? date < filters.startDate : false
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+
+// 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"
+  }
+];
+var getStatusVariant = (status) => {
+  switch (status) {
+    case "NO MATCH":
+      return "success";
+    case "REVIEW":
+      return "warning";
+    case "CLEARED":
+      return "active";
+    case "CONFIRMED":
+      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}`;
+    default:
+      return "#";
+  }
+};
+function OFAC() {
+  const navigate = reactRouterDom.useNavigate();
+  const [sortField, setSortField] = React15.useState("created");
+  const [sortDirection, setSortDirection] = React15.useState("desc");
+  const [filters, setFilters] = React15.useState({
+    status: "",
+    entityType: "",
+    startDate: void 0,
+    endDate: void 0
+  });
+  const handleFilterChange = (field, value) => {
+    setFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const handleResetFilters = () => {
+    setFilters({
+      status: "",
+      entityType: "",
+      startDate: void 0,
+      endDate: void 0
+    });
+  };
+  const handleSort = (field) => {
+    if (sortField === field) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortField(field);
+      setSortDirection("desc");
+    }
+  };
+  const filteredChecks = React15.useMemo(() => {
+    return mockOFACChecks.filter((check) => {
+      if (filters.status && check.status !== filters.status) {
+        return false;
+      }
+      if (filters.entityType && check.entityType !== filters.entityType) {
+        return false;
+      }
+      if (filters.startDate || filters.endDate) {
+        const checkDate = dateFns.parseISO(check.created);
+        if (filters.startDate && dateFns.isBefore(checkDate, dateFns.startOfDay(filters.startDate))) {
+          return false;
+        }
+        if (filters.endDate && dateFns.isAfter(checkDate, dateFns.endOfDay(filters.endDate))) {
+          return false;
+        }
+      }
+      return true;
+    });
+  }, [filters]);
+  const sortedChecks = [...filteredChecks].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: "created",
+      title: "Created",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: dateFns.format(dateFns.parseISO(value), "MMM d, yyyy h:mm a") })
+    },
+    {
+      key: "entityName",
+      title: "Entity",
+      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => navigate(getEntityUrl(row.entityType, row.entityId)),
+          className: "text-sm text-primary hover:underline font-medium",
+          children: value
+        }
+      )
+    },
+    {
+      key: "entityType",
+      title: "Entity Type",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm", children: value })
+    },
+    {
+      key: "alertId",
+      title: "Alert ID",
+      render: (value) => value ? /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => navigate(`/alerts/${value}`),
+          className: "text-sm text-primary hover:underline font-medium",
+          children: value
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: "\u2014" })
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: getStatusVariant(value), children: value })
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-6 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "OFAC Checks" }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        OFACFiltersSheet,
+        {
+          filters,
+          onFilterChange: handleFilterChange,
+          onResetFilters: handleResetFilters
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 h-full max-w-none flex flex-col", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 mt-4 overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable,
+      {
+        columns: columns3,
+        data: sortedChecks,
+        sortBy: sortField,
+        sortDirection,
+        onSort: handleSort
+      }
+    ) }) }) })
+  ] });
+}
 
 exports.ACHBankCard = ACHBankCard;
 exports.ACHBasicInfoCard = ACHBasicInfoCard;
@@ -14095,6 +14798,7 @@ exports.Counterparties = Counterparties_default;
 exports.CounterpartiesView = CounterpartiesView;
 exports.CounterpartyBasicInfo = CounterpartyBasicInfo;
 exports.CounterpartyDetail = CounterpartyDetail_default;
+exports.CounterpartyDetailView = CounterpartyDetailView;
 exports.CounterpartyProfileCard = CounterpartyProfileCard;
 exports.CounterpartyRecordsCard = CounterpartyRecordsCard;
 exports.CounterpartyTypeBadge = CounterpartyTypeBadge;
@@ -14148,6 +14852,7 @@ exports.MainLayout = MainLayout;
 exports.MetricCard = MetricCard;
 exports.NewTransaction = NewTransaction;
 exports.NotFound = NotFound_default;
+exports.OFAC = OFAC;
 exports.OFACAlertView = OFACAlertView;
 exports.OriginatorCard = OriginatorCard;
 exports.OriginatorFI = OriginatorFI;