braid-ui 1.0.10 → 1.0.13

package/dist/index.cjs

@@ -259,14 +259,14 @@ var FormCard = React15__namespace.forwardRef(
           CardHeader,
           {
             direction: headerActions ? "row" : "column",
-            size: "md",
+            size: "sm",
             children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { size: "md", children: title }) }),
               headerActions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: headerActions })
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(CardContent, { size: "md", fullHeight: true, children })
+        /* @__PURE__ */ jsxRuntime.jsx(CardContent, { size: "sm", fullHeight: true, children })
       ]
     }
   )
@@ -2885,25 +2885,9 @@ var navigationItems = [
     icon: lucideReact.Building2
   },
   {
-    title: "Counterparty",
-    icon: lucideReact.Briefcase,
-    items: [
-      {
-        title: "Management",
-        url: "/counterparty/manage",
-        icon: lucideReact.FileCheck
-      },
-      {
-        title: "Create Counterparty",
-        url: "/counterparty/create",
-        icon: lucideReact.Receipt
-      },
-      {
-        title: "Domestic Wire",
-        url: "/counterparty/domestic-wire",
-        icon: lucideReact.Zap
-      }
-    ]
+    title: "Counterparties",
+    url: "/counterparty",
+    icon: lucideReact.Briefcase
   },
   {
     title: "Accounts",
@@ -3044,7 +3028,7 @@ function AppSidebar() {
     );
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(Sidebar, { collapsible: "icon", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SidebarHeader, { className: "border-b border-sidebar-border", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 px-4 py-3", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(SidebarHeader, { className: "border-b border-sidebar-border", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 px-4 py-6", children: [
       state !== "collapsed" ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: braid_logo_default, alt: "Braid", className: "h-8" }) : /* @__PURE__ */ jsxRuntime.jsx("img", { src: braid_logo_default, alt: "Braid", className: "h-6" }),
       /* @__PURE__ */ jsxRuntime.jsx(SidebarTrigger, {})
     ] }) }),
@@ -3106,7 +3090,7 @@ function AppSidebar() {
   ] });
 }
 var MainLayout = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-screen w-full", children: /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 pl-4", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex min-h-screen w-full", children: /* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1", children }) });
 };
 var useEditState = ({ initialEditing = false, onToggleEdit, onSave, onCancel }) => {
   const [localEditing, setLocalEditing] = React15.useState(initialEditing);
@@ -3472,6 +3456,13 @@ zod.z.object({
   lastOFACDate: zod.z.string(),
   lastOFACStatus: zod.z.string()
 });
+zod.z.object({
+  status: zod.z.enum(["ACTIVE", "INACTIVE", "PENDING", "SUSPENDED"]),
+  cipStatus: zod.z.enum(["verified", "pending", "not_started"]),
+  createdAt: zod.z.string(),
+  updatedAt: zod.z.string(),
+  lastOFACCheck: zod.z.string().optional()
+});
 var wireBasicInfoSchema = zod.z.object({
   counterpartyName: zod.z.string().min(1, "Counterparty name is required"),
   shortName: zod.z.string().min(1, "Short name is required"),
@@ -3512,6 +3503,14 @@ var businessProfileSchema = zod.z.object({
   idType: zod.z.string().optional(),
   incorporationState: zod.z.string().optional(),
   website: zod.z.string().url("Invalid URL format").optional().or(zod.z.literal("")),
+  email: zod.z.string().email("Invalid email format").optional().or(zod.z.literal("")),
+  mobilePhone: zod.z.string().optional(),
+  mcc: zod.z.string().regex(/^\d{4}$/, "MCC must be 4 digits").optional().or(zod.z.literal("")),
+  naics: zod.z.string().regex(/^\d{6}$/, "NAICS must be 6 digits").optional().or(zod.z.literal("")),
+  achCompanyId: zod.z.string().regex(/^\d{10}$/, "ACH Company ID must be 10 digits").optional().or(zod.z.literal("")),
+  achCompanyName: zod.z.string().optional(),
+  externalId: zod.z.string().uuid("Invalid UUID format").optional().or(zod.z.literal("")),
+  productId: zod.z.coerce.number().optional(),
   contactFirstName: zod.z.string().optional(),
   contactLastName: zod.z.string().optional(),
   contactEmail: zod.z.string().optional(),
@@ -3669,74 +3668,68 @@ var AddressForm = ({
   showApartment = false
 }) => {
   const addressTypeLabel = fieldPrefix ? `${fieldPrefix} Address Type` : "Address Type";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border pb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: title }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: description })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedInput,
-        {
-          label: "State",
-          placeholder: "Enter state",
-          hint: "State or province",
-          ...fieldOverrides.state
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedInput,
-        {
-          label: "City",
-          placeholder: "Enter city",
-          required: true,
-          ...fieldOverrides.city
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedInput,
-        {
-          label: "Street Address",
-          placeholder: "Enter street address",
-          hint: fieldPrefix ? `${fieldPrefix} street address` : "Primary street address",
-          ...fieldOverrides.streetAddress
-        }
-      ),
-      showApartment && /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedInput,
-        {
-          label: "Apt, Building etc",
-          placeholder: "Additional address information",
-          hint: "Additional address information",
-          ...fieldOverrides.apartment
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedInput,
-        {
-          label: "Postal Code",
-          placeholder: "12345",
-          ...fieldOverrides.postalCode
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedSelect,
-        {
-          label: "Country Code",
-          placeholder: "Select country",
-          options: COUNTRY_OPTIONS
-        }
-      ),
-      showAddressType && /* @__PURE__ */ jsxRuntime.jsx(
-        EnhancedSelect,
-        {
-          label: addressTypeLabel,
-          placeholder: "Select type",
-          options: addressTypeOptions
-        }
-      )
-    ] }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx("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: "Street Address",
+        placeholder: "Enter street address",
+        hint: fieldPrefix ? `${fieldPrefix} street address` : "Primary street address",
+        ...fieldOverrides.streetAddress
+      }
+    ),
+    showApartment && /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "Apt, Building etc",
+        placeholder: "Additional address information",
+        hint: "Additional address information",
+        ...fieldOverrides.apartment
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "City",
+        placeholder: "Enter city",
+        required: true,
+        ...fieldOverrides.city
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "State",
+        placeholder: "Enter state",
+        hint: "State or province",
+        ...fieldOverrides.state
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "Postal Code",
+        placeholder: "12345",
+        ...fieldOverrides.postalCode
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedSelect,
+      {
+        label: "Country Code",
+        placeholder: "Select country",
+        options: COUNTRY_OPTIONS
+      }
+    ),
+    showAddressType && /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedSelect,
+      {
+        label: addressTypeLabel,
+        placeholder: "Select type",
+        options: addressTypeOptions
+      }
+    )
+  ] }) });
 };
 var BankingDetailsCard = ({ isEditing, onToggleEdit, className }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -4207,6 +4200,14 @@ var defaultBusinessProfile = {
   idType: "EIN",
   incorporationState: "Delaware",
   website: "https://acme.com",
+  email: "contact@acme.com",
+  mobilePhone: "+1 (555) 234-5678",
+  mcc: "1234",
+  naics: "123456",
+  achCompanyId: "1234567890",
+  achCompanyName: "Acme Corporation",
+  externalId: "c48c9834-ccdd-42df-bd56-1022df37341b",
+  productId: 1,
   address: {
     streetAddress: "123 Business Avenue",
     apartment: "Suite 100",
@@ -4219,12 +4220,14 @@ var defaultBusinessProfile = {
 };
 var BusinessProfileCard = ({
   data,
+  identityVerification,
   onDataChange,
   isEditing,
   onToggleEdit,
   className,
   hideActions
 }) => {
+  const [showResultDialog, setShowResultDialog] = React15.useState(false);
   const form = useFormWithEditState({
     schema: businessProfileSchema,
     defaultValues: { ...defaultBusinessProfile, ...data },
@@ -4232,7 +4235,7 @@ var BusinessProfileCard = ({
     onToggleEdit,
     onSave: onDataChange
   });
-  const editContent = /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+  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(
         FormInput,
@@ -4313,6 +4316,25 @@ var BusinessProfileCard = ({
         }
       )
     ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "email",
+          label: "Business Email",
+          type: "email",
+          placeholder: "Enter business email"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "mobilePhone",
+          label: "Business Phone",
+          placeholder: "Enter business phone"
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         FormInput,
@@ -4365,6 +4387,65 @@ var BusinessProfileCard = ({
         }
       )
     ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "mcc",
+          label: "MCC",
+          placeholder: "4-digit code",
+          hint: "Merchant Category Code"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "naics",
+          label: "NAICS",
+          placeholder: "6-digit code",
+          hint: "North American Industry Classification System"
+        }
+      )
+    ] }),
+    /* @__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: "achCompanyName",
+          label: "ACH Company Name",
+          placeholder: "Enter ACH company name"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "externalId",
+          label: "External ID",
+          placeholder: "UUID",
+          disabled: true
+        }
+      ),
+      /* @__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(
@@ -4403,40 +4484,94 @@ var BusinessProfileCard = ({
     ] })
   ] }) });
   const formValues = form.watch();
-  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: "Legal Name", value: formValues?.legalName, layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "DBA Name", value: formValues?.dbaName, layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Type", value: formValues?.businessType, layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Tax ID", value: formValues?.taxId, layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Formation Date", value: formValues?.formationDate || "2020-01-15", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: formValues?.idType || "EIN", layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Incorporation State", value: formValues?.incorporationState || "Delaware", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Website", value: formValues?.website, layout: "horizontal" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      InfoField,
-      {
-        label: "Address",
-        value: formValues?.address ? `${formValues.address.streetAddress}${formValues.address.apartment ? ", " + formValues.address.apartment : ""}, ${formValues.address.city}, ${formValues.address.state} ${formValues.address.postalCode}, ${formValues.address.country}` : "123 Business Avenue, Suite 100, New York, NY 10001, US",
-        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?.contactFirstName || "John", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last Name", value: formValues?.contactLastName || "Smith", layout: "horizontal" })
+  const kycBy = identityVerification?.isDeveloperInitiated ? "Fintech" : "Bank";
+  const viewContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__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: "Legal Name", value: formValues?.legalName || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "DBA Name", value: formValues?.dbaName || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Type", value: formValues?.businessType || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Tax ID", value: formValues?.taxId || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Formation Date", value: formValues?.formationDate || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "ID Type", value: formValues?.idType || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Incorporation State", value: formValues?.incorporationState || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Website", value: formValues?.website || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Email", value: formValues?.email || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Business Phone", value: formValues?.mobilePhone || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          InfoField,
+          {
+            label: "KYC by",
+            value: identityVerification ? /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: identityVerification.isDeveloperInitiated ? "business" : "government", children: kycBy }) : "-",
+            layout: "horizontal"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          InfoField,
+          {
+            label: "Provider",
+            value: identityVerification ? /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => setShowResultDialog(true),
+                className: "text-primary hover:underline font-medium",
+                children: identityVerification.provider
+              }
+            ) : "-",
+            layout: "horizontal"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        InfoField,
+        {
+          label: "Address",
+          value: formValues?.address ? `${formValues.address.streetAddress}${formValues.address.apartment ? ", " + formValues.address.apartment : ""}, ${formValues.address.city}, ${formValues.address.state} ${formValues.address.postalCode}, ${formValues.address.country}` : "-",
+          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: "ACH Company Name", value: formValues?.achCompanyName || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "External ID", value: formValues?.externalId || "-", layout: "horizontal" }),
+        /* @__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?.contactFirstName || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last Name", value: formValues?.contactLastName || "-", layout: "horizontal" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Email", value: formValues?.contactEmail || "-", layout: "horizontal" }),
+        /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Phone Number", value: formValues?.contactPhone || "-", layout: "horizontal" })
+      ] })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Email", value: formValues?.contactEmail || "john.smith@acme.com", layout: "horizontal" }),
-      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Phone Number", value: formValues?.contactPhone || "+1 (555) 123-4567", layout: "horizontal" })
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx(Dialog, { open: showResultDialog, onOpenChange: setShowResultDialog, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent, { className: "max-w-3xl max-h-[80vh] overflow-y-auto", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogTitle, { children: [
+          "Provider Result - ",
+          identityVerification?.provider || "-"
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(DialogDescription, { children: "KYC verification result from the provider" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(JsonViewer, { data: identityVerification?.result || {} })
+    ] }) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(
     EditableFormCard,
@@ -4590,7 +4725,10 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
     type: "business",
     email: "",
     phone: "",
-    productId: "167990"
+    dateOfBirth: "",
+    idNumber: "",
+    idType: "product_id",
+    idValue: ""
   });
   const handleInputChange = (field, value) => {
     const updatedData = { ...formData, [field]: value };
@@ -4601,11 +4739,7 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
     handleInputChange("type", type);
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border pb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Basic Information" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Enter the basic details for the counterparty" })
-    ] }),
-    /* @__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,
         {
@@ -4616,9 +4750,9 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
           required: true
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
         /* @__PURE__ */ jsxRuntime.jsx(Label, { className: "text-sm font-medium", children: "Counterparty Type" }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-6 h-10 items-center", children: [
           /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center space-x-2 cursor-pointer", children: [
             /* @__PURE__ */ jsxRuntime.jsx(
               "input",
@@ -4649,57 +4783,89 @@ var CounterpartyBasicInfo = ({ onDataChange }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
-          {
-            label: "Email",
-            type: "email",
-            value: formData.email,
-            onChange: (e) => handleInputChange("email", e.target.value),
-            placeholder: "Enter email address",
-            required: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          EnhancedInput,
-          {
-            label: "Phone Number",
-            type: "tel",
-            value: formData.phone,
-            onChange: (e) => handleInputChange("phone", e.target.value),
-            placeholder: "Enter phone number",
-            required: true
-          }
-        )
-      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EnhancedSelect,
+        {
+          label: "Associated with",
+          value: formData.idType,
+          onValueChange: (value) => handleInputChange("idType", value),
+          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(
         EnhancedInput,
         {
-          label: "Product ID",
-          value: formData.productId,
-          readOnly: true,
-          className: "bg-muted"
+          label: formData.idType === "product_id" ? "Product ID" : formData.idType === "business_id" ? "Business ID" : formData.idType === "individual_id" ? "Individual ID" : "Account Number",
+          value: formData.idValue,
+          onChange: (e) => handleInputChange("idValue", e.target.value),
+          placeholder: `Enter ${formData.idType === "product_id" ? "product ID" : formData.idType === "business_id" ? "business ID" : formData.idType === "individual_id" ? "individual ID" : "account number"}`,
+          required: true
         }
       )
-    ] })
-  ] });
-};
-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,
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EnhancedInput,
+        {
+          label: "Email",
+          type: "email",
+          value: formData.email,
+          onChange: (e) => handleInputChange("email", e.target.value),
+          placeholder: "Enter email address"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EnhancedInput,
+        {
+          label: "Phone Number",
+          type: "tel",
+          value: formData.phone,
+          onChange: (e) => handleInputChange("phone", e.target.value),
+          placeholder: "Enter phone number"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EnhancedInput,
+        {
+          label: "Date of Birth",
+          type: "date",
+          value: formData.dateOfBirth,
+          onChange: (e) => handleInputChange("dateOfBirth", e.target.value),
+          placeholder: "Select date of birth"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        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",
@@ -4930,79 +5096,88 @@ var OriginatorCard = ({ isEditing, onToggleEdit, className, hideActions }) => {
     }
   );
 };
-var receiverSchema = zod.z.object({
-  routingNumber: zod.z.string().min(9, "Routing number must be 9 digits").max(9, "Routing number must be 9 digits"),
-  bankShortName: zod.z.string().min(1, "Bank short name is required")
-});
-var ReceiverCard = ({
-  data,
-  onDataChange,
-  isEditing,
-  onToggleEdit,
-  className,
-  hideActions
-}) => {
-  const form = useFormWithEditState({
-    schema: receiverSchema,
-    defaultValues: { ...defaultReceiverInfo, ...data },
-    initialEditing: isEditing,
-    onToggleEdit,
-    onSave: onDataChange
-  });
-  const editContent = /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsx(FormSection, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border pb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Receiver Details" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Receiving bank information" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "routingNumber",
-          label: "Receiver Routing Number",
-          placeholder: "Enter routing number",
-          hint: "9-digit routing number",
-          pattern: "[0-9]{9}",
-          maxLength: 9,
-          required: true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FormInput,
-        {
-          name: "bankShortName",
-          label: "Receiver Bank Short Name",
-          placeholder: "Enter bank short name",
-          required: true
-        }
-      )
-    ] })
-  ] }) }) });
-  const formValues = form.watch();
-  const viewData = [
-    { label: "Routing Number", value: formValues?.routingNumber },
-    { label: "Bank Short Name", value: formValues?.bankShortName }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    EditableFormCard,
-    {
-      title: "FedWire Receiver",
-      variant: "subtle",
-      className,
-      isEditing: form.isEditing,
-      onToggleEdit: form.handleToggleEdit,
-      onSave: form.handleSave,
-      onCancel: form.handleCancel,
-      hideActions,
-      editContent,
-      viewContent: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: viewData, columns: 2 })
-    }
-  );
+var SimpleACHForm = () => {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "Routing Number",
+        placeholder: "Enter 9-digit routing number",
+        pattern: "[0-9]{9}",
+        maxLength: 9,
+        hint: "9-digit routing number",
+        required: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "Account Number",
+        placeholder: "Enter account number",
+        required: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedSelect,
+      {
+        label: "Account Type",
+        placeholder: "Select account type",
+        options: [
+          { value: "checking", label: "Checking" },
+          { value: "savings", label: "Savings" }
+        ]
+      }
+    )
+  ] });
+};
+var SimpleWireForm = () => {
+  const [wireType, setWireType] = React15.useState("domestic");
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedSelect,
+      {
+        label: "Wire Type",
+        placeholder: "Select wire type",
+        value: wireType,
+        onValueChange: setWireType,
+        options: [
+          { value: "domestic", label: "Domestic" },
+          { value: "international", label: "International" }
+        ]
+      }
+    ),
+    wireType === "domestic" ? /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "Routing Number",
+        placeholder: "Enter 9-digit routing number",
+        pattern: "[0-9]{9}",
+        maxLength: 9,
+        hint: "9-digit routing number",
+        required: true
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "BIC Number",
+        placeholder: "Enter BIC/SWIFT code",
+        hint: "Bank Identifier Code",
+        required: true
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnhancedInput,
+      {
+        label: "Account Number",
+        placeholder: "Enter account number",
+        required: true
+      }
+    )
+  ] }) });
 };
-var PaymentInformationSection = () => {
+var PaymentInformationSection = ({ onPaymentMethodsChange } = {}) => {
   const [paymentMethods, setPaymentMethods] = React15.useState([]);
   const [showAddMenu, setShowAddMenu] = React15.useState(false);
-  const [achData, setAchData] = React15.useState(defaultACHTransfer);
   const addPaymentMethod = (type) => {
     const newMethod = {
       id: `${type}-${Date.now()}`,
@@ -5010,57 +5185,29 @@ var PaymentInformationSection = () => {
       name: type === "ach" ? "ACH Payment" : "Wire Transfer",
       collapsed: false
     };
-    setPaymentMethods([...paymentMethods, newMethod]);
+    const updatedMethods = [...paymentMethods, newMethod];
+    setPaymentMethods(updatedMethods);
+    onPaymentMethodsChange?.(updatedMethods);
     setShowAddMenu(false);
   };
   const removePaymentMethod = (id) => {
-    setPaymentMethods(paymentMethods.filter((method) => method.id !== id));
+    const updatedMethods = paymentMethods.filter((method) => method.id !== id);
+    setPaymentMethods(updatedMethods);
+    onPaymentMethodsChange?.(updatedMethods);
   };
   const toggleCollapse = (id) => {
     setPaymentMethods(paymentMethods.map(
       (method) => method.id === id ? { ...method, collapsed: !method.collapsed } : method
     ));
   };
-  const handleACHDataChange = (newData) => {
-    setAchData(newData);
-  };
   const renderPaymentMethodContent = (method) => {
     if (method.type === "ach") {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ACHBasicInfoCard,
-          {
-            data: achData,
-            onDataChange: handleACHDataChange,
-            isEditing: true,
-            hideActions: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ACHBankCard,
-          {
-            data: achData,
-            onDataChange: handleACHDataChange,
-            isEditing: true,
-            hideActions: true
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(BankAddressCard, { isEditing: true, hideActions: true })
-      ] });
+      return /* @__PURE__ */ jsxRuntime.jsx(SimpleACHForm, {});
     } else {
-      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ReceiverCard, { isEditing: true, hideActions: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(BeneficiaryCard, { isEditing: true, hideActions: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(OriginatorCard, { isEditing: true, hideActions: true }),
-        /* @__PURE__ */ jsxRuntime.jsx(IntermediaryCard, { isEditing: true, hideActions: true })
-      ] });
+      return /* @__PURE__ */ jsxRuntime.jsx(SimpleWireForm, {});
     }
   };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border pb-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Payment Information" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Add payment methods for this counterparty" })
-    ] }),
     paymentMethods.map((method) => /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "relative", children: [
       /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { className: "pb-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
@@ -5091,6 +5238,7 @@ var PaymentInformationSection = () => {
       !method.collapsed && /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: renderPaymentMethodContent(method) })
     ] }, method.id)),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+      paymentMethods.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-2", children: "At least one payment method is required *" }),
       /* @__PURE__ */ jsxRuntime.jsxs(
         Button,
         {
@@ -5126,6 +5274,75 @@ var PaymentInformationSection = () => {
     ] })
   ] });
 };
+var receiverSchema = zod.z.object({
+  routingNumber: zod.z.string().min(9, "Routing number must be 9 digits").max(9, "Routing number must be 9 digits"),
+  bankShortName: zod.z.string().min(1, "Bank short name is required")
+});
+var ReceiverCard = ({
+  data,
+  onDataChange,
+  isEditing,
+  onToggleEdit,
+  className,
+  hideActions
+}) => {
+  const form = useFormWithEditState({
+    schema: receiverSchema,
+    defaultValues: { ...defaultReceiverInfo, ...data },
+    initialEditing: isEditing,
+    onToggleEdit,
+    onSave: onDataChange
+  });
+  const editContent = /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsx(FormSection, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border pb-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Receiver Details" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Receiving bank information" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "routingNumber",
+          label: "Receiver Routing Number",
+          placeholder: "Enter routing number",
+          hint: "9-digit routing number",
+          pattern: "[0-9]{9}",
+          maxLength: 9,
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "bankShortName",
+          label: "Receiver Bank Short Name",
+          placeholder: "Enter bank short name",
+          required: true
+        }
+      )
+    ] })
+  ] }) }) });
+  const formValues = form.watch();
+  const viewData = [
+    { label: "Routing Number", value: formValues?.routingNumber },
+    { label: "Bank Short Name", value: formValues?.bankShortName }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EditableFormCard,
+    {
+      title: "FedWire Receiver",
+      variant: "subtle",
+      className,
+      isEditing: form.isEditing,
+      onToggleEdit: form.handleToggleEdit,
+      onSave: form.handleSave,
+      onCancel: form.handleCancel,
+      hideActions,
+      editContent,
+      viewContent: /* @__PURE__ */ jsxRuntime.jsx(DataGrid, { data: viewData, columns: 2 })
+    }
+  );
+};
 var WireTransferSection = ({ isEditing, onToggleEdit, className, hideActions }) => {
   const [wireTransferType, setWireTransferType] = React15.useState("INTERNATIONAL");
   const editContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
@@ -5447,7 +5664,9 @@ var mockProducts = [
 ];
 var StatementHeader = ({ data, onEdit }) => {
   const hasValue = (value) => {
-    return value !== void 0 && value !== null && value.trim() !== "";
+    if (value === void 0 || value === null) return false;
+    if (typeof value === "string" && value.trim() === "") return false;
+    return true;
   };
   const balanceChange = data.startingBalance && data.endingBalance ? calculateBalanceChange(data.startingBalance, data.endingBalance) : null;
   return /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
@@ -5591,14 +5810,16 @@ function DatePicker({
   buttonClassName,
   calendarClassName,
   align = "start",
-  disabledDates
+  disabledDates,
+  label,
+  wrapperClassName
 }) {
   const [open, setOpen] = React15__namespace.useState(false);
   const handleSelect = (selectedDate) => {
     onDateChange?.(selectedDate);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
+  const picker = /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
     /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
       Button,
       {
@@ -5627,6 +5848,13 @@ function DatePicker({
       }
     ) })
   ] });
+  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;
 }
 function DataTable({
   columns: columns2,
@@ -5671,11 +5899,11 @@ function DataTable({
     /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-b bg-muted/50", children: columns2.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
       "th",
       {
+        style: column.width ? { width: column.width } : void 0,
         className: cn(
           "px-3 py-2 text-left align-middle text-sm font-medium bg-muted/50",
           column.align === "center" && "text-center",
-          column.align === "right" && "text-right",
-          column.width && `w-[${column.width}]`
+          column.align === "right" && "text-right"
         ),
         children: column.sortable && onSort ? /* @__PURE__ */ jsxRuntime.jsx(
           Button,
@@ -5704,6 +5932,7 @@ function DataTable({
         children: columns2.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
           "td",
           {
+            style: column.width ? { width: column.width } : void 0,
             className: cn(
               "px-3 py-2 align-middle text-sm",
               column.align === "center" && "text-center",
@@ -5877,33 +6106,29 @@ var StatementView = ({
               onChange: (e) => onAccountNumberChange(e.target.value)
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "Start Date" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: startDate,
-                onDateChange: onStartDateChange,
-                placeholder: "Select start date",
-                buttonClassName: "w-full"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium", children: "End Date" }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              DatePicker,
-              {
-                date: endDate,
-                onDateChange: onEndDateChange,
-                placeholder: "Select end date",
-                buttonClassName: "w-full"
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Button,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DatePicker,
+            {
+              label: "Start Date",
+              date: startDate,
+              onDateChange: onStartDateChange,
+              placeholder: "Select start date",
+              buttonClassName: "w-full"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            DatePicker,
+            {
+              label: "End Date",
+              date: endDate,
+              onDateChange: onEndDateChange,
+              placeholder: "Select end date",
+              buttonClassName: "w-full"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
+          Button,
           {
             onClick: onGenerateStatement,
             disabled: isGenerateDisabled || isLoading,
@@ -6214,12 +6439,11 @@ var PageLayout = React15__namespace.forwardRef(
       });
     };
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: "flex flex-col h-screen bg-gradient-subtle", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
-        "sticky top-0 z-10 bg-gradient-subtle border-b border-border/40",
-        "container mx-auto px-4 pt-8 pb-4",
+      /* @__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: cn(
+        "container mx-auto px-4 py-6",
         maxWidthClasses[maxWidth]
       ), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 min-h-[2.5rem]", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground mb-2", children: title }),
           description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: description })
         ] }),
@@ -6248,7 +6472,7 @@ var PageLayout = React15__namespace.forwardRef(
             index
           );
         }) })
-      ] }) }),
+      ] }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
         "container mx-auto px-4 py-6",
         maxWidthClasses[maxWidth],
@@ -7892,6 +8116,11 @@ var mockBusinessesList = [
     productName: "Fiat Republic Canada Inc. FBO Rapidz Pay",
     cipStatus: "verified",
     status: "active",
+    type: "Business",
+    subType: "Customer",
+    isDeveloperInitiated: true,
+    provider: "Plaid",
+    result: 'vendor:ADVISOR_KYC_VENDOR status:successful data:"id:\\"81ae3fca-bdef-493f-9b13-137d259a97f9\\" corporate_id:\\"9d8665b3-7525-40e7-aa75-e46d4f77f0f1\\" created_timestamp:{seconds:1761333876 nanos:574963000} modified_timestamp:{seconds:1761333889 nanos:83986000} status:processing edition:1 method:reliance"',
     created: "2025-10-05",
     modified: "2025-10-05"
   },
@@ -7901,6 +8130,11 @@ var mockBusinessesList = [
     productName: "Atomic Brokerage FBO Atomic Brokerage Clients",
     cipStatus: "verified",
     status: "active",
+    type: "Business",
+    subType: "UBO",
+    isDeveloperInitiated: false,
+    provider: "Alloy",
+    result: 'vendor:COMPLIANCE_VENDOR status:approved data:"verification_id:\\"vrf-123\\" corporate_id:\\"corp-456\\" timestamp:{seconds:1761333900 nanos:123456000} status:verified"',
     created: "2025-10-04",
     modified: "2025-10-04"
   },
@@ -7910,6 +8144,11 @@ var mockBusinessesList = [
     productName: "SendFriend Inc FBO Conduit Pay Agent",
     cipStatus: "not_start",
     status: "active",
+    type: "Individual",
+    subType: "Customer",
+    isDeveloperInitiated: true,
+    provider: "Plaid",
+    result: 'vendor:IDENTITY_VENDOR status:pending data:"request_id:\\"req-789\\" entity_id:\\"ent-012\\" created:{seconds:1761333800 nanos:987654000}"',
     created: "2025-10-03",
     modified: "2025-10-03"
   },
@@ -7919,6 +8158,11 @@ var mockBusinessesList = [
     productName: "Digital Finance Inc FBO Tech Solutions",
     cipStatus: "pending",
     status: "active",
+    type: "Business",
+    subType: "Customer",
+    isDeveloperInitiated: false,
+    provider: "Alloy",
+    result: 'vendor:KYC_VENDOR status:in_progress data:"kyc_id:\\"kyc-345\\" business_id:\\"biz-678\\" initiated:{seconds:1761333700 nanos:111222000}"',
     created: "2025-10-02",
     modified: "2025-10-02"
   },
@@ -7928,6 +8172,11 @@ var mockBusinessesList = [
     productName: "Swift Transfer FBO Global Trade",
     cipStatus: "verified",
     status: "active",
+    type: "Individual",
+    subType: "UBO",
+    isDeveloperInitiated: true,
+    provider: "Plaid",
+    result: 'vendor:VERIFICATION_VENDOR status:completed data:"account_verified:true holder_verified:true timestamp:{seconds:1761333600 nanos:333444000}"',
     created: "2025-10-01",
     modified: "2025-10-01"
   }
@@ -8054,11 +8303,8 @@ var Businesses = () => {
     return 0;
   });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col h-screen bg-gradient-subtle", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-none border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "container mx-auto px-4 py-4 max-w-none", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-3xl font-bold text-foreground", children: "Businesses" }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1", children: "Manage business entities and their configurations" })
-      ] }),
+    /* @__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 mb-2", children: "Businesses" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { children: [
           /* @__PURE__ */ jsxRuntime.jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button, { variant: "outline", className: "gap-2", children: [
@@ -8152,559 +8398,2706 @@ var Businesses = () => {
   ] });
 };
 var Businesses_default = Businesses;
-var businessAccounts = [
-  {
-    id: "acc-001",
-    name: "Primary Operating Account",
-    number: "****7890",
-    type: "checking",
-    status: "active",
-    balance: "$125,450.00",
-    currency: "USD",
-    institution: "Chase Bank",
-    routingNumber: "021000021",
-    country: "US"
+var statusConfig2 = {
+  verified: {
+    variant: "active",
+    label: "Verified",
+    icon: lucideReact.CheckCircle
   },
-  {
-    id: "acc-002",
-    name: "Business Savings",
-    number: "****4567",
-    type: "savings",
-    status: "active",
-    balance: "$45,230.00",
-    currency: "USD",
-    institution: "Chase Bank",
-    routingNumber: "021000021",
-    country: "US"
+  not_start: {
+    variant: "secondary",
+    label: "Not Start",
+    icon: lucideReact.Circle
   },
-  {
-    id: "acc-003",
-    name: "Payroll Account",
-    number: "****1234",
-    type: "checking",
-    status: "active",
-    balance: "$78,900.00",
-    currency: "USD",
-    institution: "Wells Fargo",
-    routingNumber: "121000248",
-    country: "US"
+  pending: {
+    variant: "pending",
+    label: "Pending",
+    icon: lucideReact.Clock
   }
-];
-var businessCounterparties = [
-  {
-    id: "cp-001",
-    name: "Tech Solutions Inc",
-    type: "BUSINESS",
-    status: "active",
-    description: "Technology vendor and service provider",
-    lastTransaction: "2024-01-15"
+};
+var CIPStatusBadge = ({ status, className }) => {
+  const config = statusConfig2[status];
+  if (!config) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Circle, { className: "w-3 h-3 mr-1" }),
+      status || "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 typeConfig3 = {
+  Individual: {
+    variant: "individual",
+    label: "Individual",
+    icon: lucideReact.User
   },
-  {
-    id: "cp-002",
-    name: "Global Logistics LLC",
-    type: "BUSINESS",
-    status: "active",
-    description: "Shipping and logistics partner",
-    lastTransaction: "2024-01-10"
+  Business: {
+    variant: "business",
+    label: "Business",
+    icon: lucideReact.Building2
+  }
+};
+var EntityTypeBadge = ({ type, className }) => {
+  const config = typeConfig3[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 subTypeConfig = {
+  UBO: {
+    variant: "government",
+    label: "UBO",
+    icon: lucideReact.UserCheck
   },
-  {
-    id: "cp-003",
-    name: "Marketing Pros Agency",
-    type: "BUSINESS",
-    status: "active",
-    description: "Marketing and advertising services",
-    lastTransaction: "2024-01-08"
+  Customer: {
+    variant: "business",
+    label: "Customer",
+    icon: lucideReact.Users
+  }
+};
+var SubTypeBadge = ({ subType, className }) => {
+  const config = subTypeConfig[subType];
+  if (!config) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(Badge, { variant: "secondary", className, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "w-3 h-3 mr-1" }),
+      subType || "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
+  ] });
+};
+
+// src/lib/mock-data/identity-verification-data.ts
+var mockIdentityVerifications = {
+  "8112488": {
+    customerId: "8112488",
+    isDeveloperInitiated: true,
+    provider: "Plaid",
+    result: 'vendor:ADVISOR_KYC_VENDOR status:successful data:"id:\\"81ae3fca-bdef-493f-9b13-137d259a97f9\\" corporate_id:\\"9d8665b3-7525-40e7-aa75-e46d4f77f0f1\\" created_timestamp:{seconds:1761333876 nanos:574963000} modified_timestamp:{seconds:1761333889 nanos:83986000} status:processing edition:1 method:reliance"'
   },
-  {
-    id: "cp-004",
-    name: "John Smith Consulting",
-    type: "INDIVIDUAL",
-    status: "active",
-    description: "Independent business consultant",
-    lastTransaction: "2023-12-20"
+  "8111609": {
+    customerId: "8111609",
+    isDeveloperInitiated: false,
+    provider: "Alloy",
+    result: 'vendor:COMPLIANCE_VENDOR status:approved data:"verification_id:\\"vrf-123\\" corporate_id:\\"corp-456\\" timestamp:{seconds:1761333900 nanos:123456000} status:verified"'
+  },
+  "8111026": {
+    customerId: "8111026",
+    isDeveloperInitiated: true,
+    provider: "Plaid",
+    result: 'vendor:IDENTITY_VENDOR status:pending data:"request_id:\\"req-789\\" entity_id:\\"ent-012\\" created:{seconds:1761333800 nanos:987654000}"'
+  },
+  "8110892": {
+    customerId: "8110892",
+    isDeveloperInitiated: false,
+    provider: "Alloy",
+    result: 'vendor:KYC_VENDOR status:in_progress data:"kyc_id:\\"kyc-345\\" business_id:\\"biz-678\\" initiated:{seconds:1761333700 nanos:111222000}"'
+  },
+  "8110654": {
+    customerId: "8110654",
+    isDeveloperInitiated: true,
+    provider: "Plaid",
+    result: 'vendor:VERIFICATION_VENDOR status:completed data:"account_verified:true holder_verified:true timestamp:{seconds:1761333600 nanos:333444000}"'
   }
-];
-var Business = () => {
-  const { id } = reactRouterDom.useParams();
-  const business = mockBusinessesList.find((b) => b.id === id);
-  const [currentStatus, setCurrentStatus] = React15.useState(business?.status || "active");
-  const accountColumns = [
+};
+
+// src/lib/mock-data/ubo-data.ts
+var mockBusinessUBOs = {
+  "8112488": [
     {
-      key: "number",
-      title: "Account Number",
-      sortable: true
+      id: "ubo-001",
+      name: "John Smith",
+      title: "CEO & Founder",
+      ownershipPercentage: 45,
+      customerId: "cust-001"
+    },
+    {
+      id: "ubo-002",
+      name: "Sarah Johnson",
+      title: "CFO & Co-Founder",
+      ownershipPercentage: 35,
+      customerId: "cust-002"
+    },
+    {
+      id: "ubo-003",
+      name: "Michael Chen",
+      title: "CTO",
+      ownershipPercentage: 20,
+      customerId: "cust-003"
+    }
+  ],
+  "8112489": [
+    {
+      id: "ubo-004",
+      name: "Emily Davis",
+      title: "Managing Director",
+      ownershipPercentage: 60,
+      customerId: "cust-004"
     },
+    {
+      id: "ubo-005",
+      name: "Robert Wilson",
+      title: "Board Member",
+      ownershipPercentage: 40,
+      customerId: "cust-005"
+    }
+  ]
+};
+
+// src/lib/mock-data/document-data.ts
+var mockBusinessDocuments = {
+  "8112488": [
+    {
+      id: "doc-001",
+      name: "Certificate of Incorporation.pdf",
+      type: "BUSINESS_LICENSE",
+      description: "Official certificate of incorporation from Delaware",
+      size: "2.3 MB",
+      uploadedBy: "John Smith",
+      uploadedAt: "2024-01-10T10:30:00Z"
+    },
+    {
+      id: "doc-002",
+      name: "Tax_ID_Verification.pdf",
+      type: "TAX_DOCUMENT",
+      description: "IRS EIN verification letter",
+      size: "1.1 MB",
+      uploadedBy: "Sarah Johnson",
+      uploadedAt: "2024-01-12T14:20:00Z"
+    },
+    {
+      id: "doc-003",
+      name: "Business_Address_Proof.pdf",
+      type: "PROOF_OF_ADDRESS",
+      description: "Utility bill for business address",
+      size: "0.8 MB",
+      uploadedBy: "John Smith",
+      uploadedAt: "2024-01-15T09:15:00Z"
+    },
+    {
+      id: "doc-004",
+      name: "Operating_Agreement.pdf",
+      type: "OTHER",
+      description: "Company operating agreement and bylaws",
+      size: "3.5 MB",
+      uploadedBy: "Legal Team",
+      uploadedAt: "2024-01-08T16:45:00Z"
+    }
+  ],
+  "8112489": [
+    {
+      id: "doc-005",
+      name: "Business_License_2024.pdf",
+      type: "BUSINESS_LICENSE",
+      size: "1.5 MB",
+      uploadedBy: "Emily Davis",
+      uploadedAt: "2024-01-05T11:00:00Z"
+    }
+  ]
+};
+
+// src/lib/mock-data/business-account-data.ts
+var mockBusinessAccounts = {
+  "8112488": [
+    {
+      id: "acc-001",
+      name: "Primary Operating Account",
+      number: "****7890",
+      type: "checking",
+      status: "active",
+      balance: "$125,450.00",
+      currency: "USD",
+      institution: "Chase Bank",
+      routingNumber: "021000021",
+      country: "US"
+    },
+    {
+      id: "acc-002",
+      name: "Business Savings",
+      number: "****4567",
+      type: "savings",
+      status: "active",
+      balance: "$45,230.00",
+      currency: "USD",
+      institution: "Chase Bank",
+      routingNumber: "021000021",
+      country: "US"
+    },
+    {
+      id: "acc-003",
+      name: "Payroll Account",
+      number: "****1234",
+      type: "checking",
+      status: "active",
+      balance: "$78,900.00",
+      currency: "USD",
+      institution: "Wells Fargo",
+      routingNumber: "121000248",
+      country: "US"
+    }
+  ]
+};
+var UBOCard = ({ ubos }) => {
+  const columns2 = [
     {
       key: "name",
-      title: "Account Name",
-      sortable: true
+      title: "Name",
+      sortable: true,
+      width: "40%",
+      render: (value, row) => /* @__PURE__ */ jsxRuntime.jsx(
+        reactRouterDom.Link,
+        {
+          to: `/customer/${row.customerId}`,
+          className: "text-primary hover:underline font-medium",
+          children: value
+        }
+      )
     },
     {
-      key: "balance",
-      title: "Available Balance",
+      key: "title",
+      title: "Title",
       sortable: true,
-      align: "right"
+      width: "40%"
     },
     {
-      key: "status",
-      title: "Status",
-      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value })
+      key: "ownershipPercentage",
+      title: "Ownership %",
+      sortable: true,
+      width: "20%",
+      align: "right",
+      render: (value) => `${value}%`
     }
   ];
-  if (!business) {
-    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: "Business Not Found" }),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: "The business could not be found." })
-    ] }) });
-  }
-  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,
-          {
-            label: "",
-            value: currentStatus,
-            options: [
-              { value: "active", label: "Active" },
-              { value: "inactive", label: "Inactive" },
-              { value: "suspended", label: "Suspended" }
-            ],
-            onChange: (newStatus) => setCurrentStatus(newStatus),
-            renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value.toUpperCase() }),
-            className: "inline-block"
-          }
-        )
-      ] }),
-      maxWidth: "full",
-      children: /* @__PURE__ */ jsxRuntime.jsxs(Tabs, { defaultValue: "profile", className: "space-y-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(TabsList, { className: "inline-flex gap-8 h-auto bg-transparent border-b border-border w-full p-0 rounded-none justify-start", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TabsTrigger,
-            {
-              value: "profile",
-              className: "rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none pb-3",
-              children: "Profile"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TabsTrigger,
-            {
-              value: "kyc",
-              className: "rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none pb-3",
-              children: "KYC"
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            TabsTrigger,
-            {
-              value: "counterparty",
-              className: "rounded-none border-b-2 border-transparent data-[state=active]:border-primary data-[state=active]:bg-transparent data-[state=active]:shadow-none pb-3",
-              children: "Counterparty"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "profile", className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col lg:flex-row items-start gap-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(BusinessProfileCard, { isEditing: false, onToggleEdit: () => {
-            } }),
-            /* @__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: "Accounts" }),
-                /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", children: "+ New Account" })
-              ] }),
-              /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                DataTable,
-                {
-                  columns: accountColumns,
-                  data: businessAccounts,
-                  emptyMessage: "No accounts found"
-                }
-              ) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(BusinessStatusCard, { isEditing: false, onToggleEdit: () => {
-          } }) })
-        ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "kyc", className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8 text-center text-muted-foreground", children: "KYC content coming soon" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TabsContent, { value: "counterparty", className: "space-y-0", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-6", children: businessCounterparties.map((counterparty) => /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(CardHeader, { children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "text-lg", children: counterparty.name }),
-              /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: counterparty.type })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2 mt-2", children: /* @__PURE__ */ jsxRuntime.jsx(Badge, { variant: counterparty.status === "active" ? "default" : "secondary", children: counterparty.status }) })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "space-y-3", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: counterparty.description }),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-sm", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "Last Transaction" }),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium", children: counterparty.lastTransaction })
-            ] })
-          ] })
-        ] }, counterparty.id)) }) })
+  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,
+      {
+        columns: columns2,
+        data: ubos
+      }
+    ) })
+  ] });
 };
-var BusinessDetail_default = Business;
-var CreateBusiness = () => {
-  const [businessType, setBusinessType] = React15.useState("");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
-    {
-      title: "Create Business",
-      description: "Create a new business entity with all required information",
-      actions: [
-        { label: "Cancel", variant: "outline", onClick: () => {
-        } },
-        { label: "Create Business", variant: "default", onClick: () => {
-        } }
-      ],
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("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.jsx("p", { className: "text-sm text-muted-foreground", children: "Basic business details and identification" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "Business Name",
-                placeholder: "Enter business name",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "Legal Name",
-                placeholder: "Enter legal business name",
-                hint: "Official registered business name"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                EnhancedSelect,
+var BusinessDocuments = ({ businessId, documents }) => {
+  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 = () => {
+    if (!selectedFile || !documentName || !documentType) {
+      toast({
+        title: "Missing Information",
+        description: "Please fill in all required fields",
+        variant: "destructive"
+      });
+      return;
+    }
+    setIsUploading(true);
+    setTimeout(() => {
+      toast({
+        title: "Upload Successful",
+        description: `${documentName} uploaded successfully`
+      });
+      setIsUploading(false);
+      setShowUploadDialog(false);
+      resetForm();
+    }, 1e3);
+  };
+  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,
                 {
-                  label: "Business Type",
-                  placeholder: "Select business type",
-                  value: businessType,
-                  onValueChange: setBusinessType,
-                  options: [
-                    { value: "corporation", label: "Corporation" },
-                    { value: "llc", label: "LLC" },
-                    { value: "partnership", label: "Partnership" },
-                    { value: "sole_proprietorship", label: "Sole Proprietorship" }
-                  ]
+                  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"
                 }
               ),
-              businessType && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Preview:" }),
-                /* @__PURE__ */ jsxRuntime.jsx(BusinessTypeBadge, { type: businessType })
-              ] })
+              /* @__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.jsx(
-              EnhancedInput,
-              {
-                label: "Tax ID (EIN)",
-                placeholder: "12-3456789",
-                hint: "Employer Identification Number",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "Registration Number",
-                placeholder: "Enter registration number",
-                hint: "State business registration number"
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedSelect,
-              {
-                label: "Industry",
-                placeholder: "Select industry",
-                options: [
-                  { value: "technology", label: "Technology" },
-                  { value: "finance", label: "Finance" },
-                  { value: "healthcare", label: "Healthcare" },
-                  { value: "manufacturing", label: "Manufacturing" },
-                  { value: "retail", label: "Retail" },
-                  { value: "other", label: "Other" }
-                ]
-              }
-            )
+            /* @__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.jsxs(Card, { className: "p-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("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.jsx("p", { className: "text-sm text-muted-foreground", children: "Business address and contact details" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "Street Address",
-                placeholder: "Enter street address",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "City",
-                placeholder: "Enter city",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "State",
-                placeholder: "Enter state",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "Postal Code",
-                placeholder: "12345",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedSelect,
-              {
-                label: "Country",
-                placeholder: "Select country",
-                options: [
-                  { value: "US", label: "United States" },
-                  { value: "CA", label: "Canada" },
-                  { value: "GB", label: "United Kingdom" },
-                  { value: "DE", label: "Germany" }
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "Phone Number",
-                placeholder: "+1 (555) 123-4567",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
-              {
-                label: "Email Address",
-                placeholder: "contact@business.com",
-                type: "email",
-                required: true
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              EnhancedInput,
+        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",
               {
-                label: "Website",
-                placeholder: "https://www.business.com",
-                type: "url"
+                src: doc.url,
+                alt: doc.name,
+                className: "w-full h-48 object-cover"
               }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(Card, { className: "p-6", children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-b border-border pb-4 mb-6", children: [
-            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-semibold text-foreground", children: "Additional Information" }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: "Optional business description and notes" })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-6", children: /* @__PURE__ */ jsxRuntime.jsx(
-            EnhancedTextarea,
-            {
-              label: "Business Description",
-              placeholder: "Describe your business activities and services",
-              hint: "Brief description of what your business does"
-            }
-          ) })
+            ) }),
+            /* @__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 Business = () => {
+  const { id } = reactRouterDom.useParams();
+  const navigate = reactRouterDom.useNavigate();
+  const business = mockBusinessesList.find((b) => b.id === id);
+  const identityVerification = id ? mockIdentityVerifications[id] : void 0;
+  const businessUBOs = id ? mockBusinessUBOs[id] || [] : [];
+  const businessDocuments = id ? mockBusinessDocuments[id] || [] : [];
+  const businessAccounts = id ? mockBusinessAccounts[id] || [] : [];
+  const [currentStatus, setCurrentStatus] = React15.useState(business?.status || "active");
+  const [isEditingProfile, setIsEditingProfile] = React15.useState(false);
+  const 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 })
+    }
+  ];
+  if (!business) {
+    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: "Business Not Found" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: "The business could not be found." })
+    ] }) });
+  }
+  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,
+          {
+            label: "",
+            value: currentStatus,
+            options: [
+              { value: "active", label: "Active" },
+              { value: "inactive", label: "Inactive" },
+              { value: "suspended", label: "Suspended" }
+            ],
+            onChange: (newStatus) => setCurrentStatus(newStatus),
+            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: () => navigate(`/business/${id}/accounts`),
+          icon: lucideReact.Wallet
+        },
+        {
+          label: "Counterparty",
+          variant: "outline",
+          onClick: () => navigate(`/business/${id}/counterparties`),
+          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,
+            {
+              identityVerification,
+              isEditing: isEditingProfile,
+              onToggleEdit: () => setIsEditingProfile(!isEditingProfile)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(UBOCard, { ubos: businessUBOs }),
+          /* @__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", 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: id || "", documents: businessDocuments })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(BusinessStatusCard, { isEditing: false, onToggleEdit: () => {
+        } }) })
+      ] })
+    }
+  );
+};
+var BusinessDetail_default = Business;
+var CreateBusiness = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [businessType, setBusinessType] = React15.useState("");
+  const form = reactHookForm.useForm({
+    resolver: zod$1.zodResolver(businessProfileSchema),
+    defaultValues: {
+      legalName: "",
+      dbaName: "",
+      businessType: "",
+      taxId: "",
+      formationDate: "",
+      idType: "EIN",
+      incorporationState: "",
+      website: "",
+      email: "",
+      mobilePhone: "",
+      mcc: "",
+      naics: "",
+      achCompanyId: "",
+      achCompanyName: "",
+      externalId: "",
+      contactFirstName: "",
+      contactLastName: "",
+      contactEmail: "",
+      contactPhone: "",
+      address: {
+        streetAddress: "",
+        apartment: "",
+        city: "",
+        state: "",
+        postalCode: "",
+        country: "US",
+        addressType: "business"
+      }
+    }
+  });
+  const onSubmit = (data) => {
+    console.log("Business data:", data);
+    navigate("/business");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title: "Create Business",
+      actions: [
+        { label: "Cancel", variant: "outline", onClick: () => navigate("/business") },
+        { label: "Create Business", variant: "default", onClick: form.handleSubmit(onSubmit) }
+      ],
+      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(
+              EnhancedInput,
+              {
+                label: "Legal Name",
+                placeholder: "Enter legal business name",
+                required: true,
+                ...form.register("legalName")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "DBA Name",
+                placeholder: "Enter DBA name",
+                hint: "Doing Business As name",
+                ...form.register("dbaName")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedSelect,
+                {
+                  label: "Business Type",
+                  placeholder: "Select business type",
+                  value: businessType,
+                  onValueChange: (value) => {
+                    setBusinessType(value);
+                    form.setValue("businessType", value);
+                  },
+                  options: [
+                    { value: "corporation", label: "Corporation" },
+                    { value: "llc", label: "LLC" },
+                    { value: "partnership", label: "Partnership" },
+                    { value: "sole_proprietorship", label: "Sole Proprietorship" }
+                  ]
+                }
+              ),
+              businessType && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Preview:" }),
+                /* @__PURE__ */ jsxRuntime.jsx(BusinessTypeBadge, { type: businessType })
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Tax ID (EIN)",
+                placeholder: "12-3456789",
+                hint: "Employer Identification Number",
+                required: true,
+                ...form.register("taxId")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Formation Date",
+                placeholder: "YYYY-MM-DD",
+                type: "date",
+                ...form.register("formationDate")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Incorporation State",
+                placeholder: "Enter state",
+                ...form.register("incorporationState")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Website",
+                placeholder: "https://www.business.com",
+                type: "url",
+                ...form.register("website")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Email Address",
+                placeholder: "contact@business.com",
+                type: "email",
+                ...form.register("email")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Mobile Phone",
+                placeholder: "+1 (555) 123-4567",
+                ...form.register("mobilePhone")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "MCC",
+                placeholder: "1234",
+                hint: "4-digit Merchant Category Code",
+                ...form.register("mcc")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "NAICS",
+                placeholder: "123456",
+                hint: "6-digit industry classification",
+                ...form.register("naics")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "ACH Company ID",
+                placeholder: "1234567890",
+                hint: "10-digit ACH identifier",
+                ...form.register("achCompanyId")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "ACH Company Name",
+                placeholder: "Enter ACH company name",
+                ...form.register("achCompanyName")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "External ID",
+                placeholder: "UUID format",
+                hint: "External system identifier",
+                ...form.register("externalId")
+              }
+            )
+          ] })
+        ] }),
+        /* @__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(
+              EnhancedInput,
+              {
+                label: "Street Address",
+                placeholder: "Enter street address",
+                required: true,
+                ...form.register("address.streetAddress")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Apartment/Suite",
+                placeholder: "Enter apartment or suite number",
+                ...form.register("address.apartment")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "City",
+                placeholder: "Enter city",
+                required: true,
+                ...form.register("address.city")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "State",
+                placeholder: "Enter state",
+                required: true,
+                ...form.register("address.state")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Postal Code",
+                placeholder: "12345",
+                required: true,
+                ...form.register("address.postalCode")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedSelect,
+              {
+                label: "Country",
+                placeholder: "Select country",
+                value: form.watch("address.country"),
+                onValueChange: (value) => form.setValue("address.country", value),
+                options: [
+                  { value: "US", label: "United States" },
+                  { value: "CA", label: "Canada" },
+                  { value: "GB", label: "United Kingdom" },
+                  { value: "DE", label: "Germany" }
+                ]
+              }
+            )
+          ] })
+        ] }),
+        /* @__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(
+              EnhancedInput,
+              {
+                label: "Contact First Name",
+                placeholder: "Enter first name",
+                ...form.register("contactFirstName")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Contact Last Name",
+                placeholder: "Enter last name",
+                ...form.register("contactLastName")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Contact Email",
+                placeholder: "contact@business.com",
+                type: "email",
+                ...form.register("contactEmail")
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              EnhancedInput,
+              {
+                label: "Contact Phone",
+                placeholder: "+1 (555) 123-4567",
+                ...form.register("contactPhone")
+              }
+            )
+          ] })
+        ] })
+      ] })
+    }
+  );
+};
+var Create_default = CreateBusiness;
+var Cases = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title: "Cases",
+      description: "Manage and track investigation cases",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12 text-muted-foreground", children: "Cases content coming soon" })
+    }
+  );
+};
+var Cases_default = Cases;
+
+// src/lib/mock-data/counterparties-list-data.ts
+var mockCounterpartiesList = [
+  {
+    id: "cp-001",
+    name: "Acme Corporation",
+    type: "BUSINESS",
+    status: "ACTIVE",
+    productName: "Business Banking Pro",
+    created: "2024-01-15",
+    modified: "2024-01-20"
+  },
+  {
+    id: "cp-002",
+    name: "John Smith",
+    type: "INDIVIDUAL",
+    status: "ACTIVE",
+    productName: "Personal Banking",
+    created: "2024-01-10",
+    modified: "2024-01-18"
+  },
+  {
+    id: "cp-003",
+    name: "Global Tech Solutions",
+    type: "BUSINESS",
+    status: "ACTIVE",
+    productName: "Enterprise Banking",
+    created: "2024-01-08",
+    modified: "2024-01-22"
+  },
+  {
+    id: "cp-004",
+    name: "City Government",
+    type: "GOVERNMENT",
+    status: "ACTIVE",
+    productName: "Government Banking",
+    created: "2024-01-05",
+    modified: "2024-01-15"
+  },
+  {
+    id: "cp-005",
+    name: "Hope Foundation",
+    type: "NONPROFIT",
+    status: "ACTIVE",
+    productName: "Non-Profit Banking",
+    created: "2024-01-03",
+    modified: "2024-01-12"
+  },
+  {
+    id: "cp-006",
+    name: "Sarah Johnson",
+    type: "INDIVIDUAL",
+    status: "PENDING",
+    productName: "Personal Banking",
+    created: "2024-01-25",
+    modified: "2024-01-25"
+  },
+  {
+    id: "cp-007",
+    name: "Tech Innovations LLC",
+    type: "BUSINESS",
+    status: "INACTIVE",
+    productName: "Business Banking",
+    created: "2023-12-20",
+    modified: "2024-01-10"
+  },
+  {
+    id: "cp-008",
+    name: "State Department",
+    type: "GOVERNMENT",
+    status: "ACTIVE",
+    productName: "Government Banking Pro",
+    created: "2023-12-15",
+    modified: "2024-01-08"
+  },
+  {
+    id: "cp-009",
+    name: "Michael Chen",
+    type: "INDIVIDUAL",
+    status: "ACTIVE",
+    productName: "Premium Banking",
+    created: "2023-12-10",
+    modified: "2024-01-05"
+  },
+  {
+    id: "cp-010",
+    name: "Green Earth Initiative",
+    type: "NONPROFIT",
+    status: "ACTIVE",
+    productName: "Non-Profit Banking Plus",
+    created: "2023-12-01",
+    modified: "2023-12-28"
+  }
+];
+var Counterparties = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [counterparties, setCounterparties] = React15.useState(mockCounterpartiesList);
+  const [filteredCounterparties, setFilteredCounterparties] = React15.useState(mockCounterpartiesList);
+  const [sortBy, setSortBy] = React15.useState("created");
+  const [sortDirection, setSortDirection] = React15.useState("desc");
+  const [filters, setFilters] = React15.useState({
+    name: "",
+    type: "",
+    status: "",
+    createdDateStart: void 0,
+    createdDateEnd: void 0
+  });
+  const handleFilterChange = (field, value) => {
+    setFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const applyFilters = () => {
+    let filtered = counterparties;
+    if (filters.name) {
+      filtered = filtered.filter(
+        (counterparty) => counterparty.name.toLowerCase().includes(filters.name.toLowerCase())
+      );
+    }
+    if (filters.type) {
+      filtered = filtered.filter((counterparty) => counterparty.type === filters.type);
+    }
+    if (filters.status) {
+      filtered = filtered.filter((counterparty) => counterparty.status === filters.status);
+    }
+    if (filters.createdDateStart) {
+      filtered = filtered.filter(
+        (counterparty) => new Date(counterparty.created) >= filters.createdDateStart
+      );
+    }
+    if (filters.createdDateEnd) {
+      filtered = filtered.filter(
+        (counterparty) => new Date(counterparty.created) <= filters.createdDateEnd
+      );
+    }
+    setFilteredCounterparties(filtered);
+  };
+  const resetFilters = () => {
+    setFilters({
+      name: "",
+      type: "",
+      status: "",
+      createdDateStart: void 0,
+      createdDateEnd: void 0
+    });
+    setFilteredCounterparties(counterparties);
+  };
+  const handleSort = (key) => {
+    if (sortBy === key) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortBy(key);
+      setSortDirection("asc");
+    }
+  };
+  const handleRowClick = (counterparty) => {
+    navigate(`/counterparty/${counterparty.id}`);
+  };
+  const columns2 = [
+    {
+      key: "id",
+      title: "Counterparty ID",
+      sortable: true
+    },
+    {
+      key: "name",
+      title: "Name",
+      sortable: true
+    },
+    {
+      key: "type",
+      title: "Type",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: value })
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value })
+    },
+    {
+      key: "productName",
+      title: "Product Name",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary hover:underline cursor-pointer", children: value })
+    },
+    {
+      key: "created",
+      title: "Created",
+      sortable: true
+    },
+    {
+      key: "modified",
+      title: "Modified",
+      sortable: true
+    }
+  ];
+  const sortedCounterparties = [...filteredCounterparties].sort((a, b) => {
+    const aValue = a[sortBy];
+    const bValue = b[sortBy];
+    if (aValue < bValue) return sortDirection === "asc" ? -1 : 1;
+    if (aValue > bValue) return sortDirection === "asc" ? 1 : -1;
+    return 0;
+  });
+  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 mb-2", children: "Counterparties" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { 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: filters.name,
+                  onChange: (e) => handleFilterChange("name", e.target.value),
+                  placeholder: "Enter counterparty name"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedSelect,
+                {
+                  label: "Type",
+                  value: filters.type,
+                  onValueChange: (value) => handleFilterChange("type", value),
+                  placeholder: "Select type",
+                  options: [
+                    { value: "BUSINESS", label: "Business" },
+                    { value: "INDIVIDUAL", label: "Individual" },
+                    { value: "GOVERNMENT", label: "Government" },
+                    { value: "NONPROFIT", label: "Non-Profit" }
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedSelect,
+                {
+                  label: "Status",
+                  value: filters.status,
+                  onValueChange: (value) => handleFilterChange("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: filters.createdDateStart,
+                      onDateChange: (date) => handleFilterChange("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: filters.createdDateEnd,
+                      onDateChange: (date) => handleFilterChange("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: resetFilters, children: "Reset Filters" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: applyFilters, children: "Apply Filters" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => navigate("/counterparty/create"), 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: /* @__PURE__ */ jsxRuntime.jsx(
+      DataTable,
+      {
+        columns: columns2,
+        data: sortedCounterparties,
+        sortBy,
+        sortDirection,
+        onSort: handleSort,
+        onRowClick: handleRowClick
+      }
+    ) }) }) })
+  ] });
+};
+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 mockPaymentMethods = [
+  {
+    id: "pm-001",
+    type: "Wire Transfer",
+    accountNumber: "****1234",
+    status: "active",
+    default: true
+  },
+  {
+    id: "pm-002",
+    type: "ACH",
+    accountNumber: "****5678",
+    status: "active",
+    default: false
+  }
+];
+var CounterpartyDetail = () => {
+  const { id } = reactRouterDom.useParams();
+  const navigate = reactRouterDom.useNavigate();
+  const counterparty = mockCounterpartiesList.find((c) => c.id === id);
+  const counterpartyDocuments = id ? mockBusinessDocuments[id] || [] : [];
+  const [currentStatus, setCurrentStatus] = React15.useState(counterparty?.status || "ACTIVE");
+  const [isEditingProfile, setIsEditingProfile] = React15.useState(false);
+  const paymentMethodColumns = [
+    {
+      key: "type",
+      title: "Payment Method",
+      sortable: true,
+      width: "30%"
+    },
+    {
+      key: "accountNumber",
+      title: "Account Number",
+      sortable: true,
+      width: "30%"
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      width: "20%",
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
+    },
+    {
+      key: "default",
+      title: "Default",
+      sortable: true,
+      width: "20%",
+      align: "right",
+      render: (value) => value ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-success", children: "Yes" }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: "No" })
+    }
+  ];
+  const documentColumns = [
+    {
+      key: "name",
+      title: "Document Name",
+      sortable: true,
+      width: "40%"
+    },
+    {
+      key: "type",
+      title: "Type",
+      sortable: true,
+      width: "20%"
+    },
+    {
+      key: "uploadedDate",
+      title: "Uploaded",
+      sortable: true,
+      width: "20%"
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      width: "20%",
+      align: "right",
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: value })
+    }
+  ];
+  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" }),
+      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mb-4", children: "The counterparty could not be found." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      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(CIPStatusBadge, { status: "verified" }),
+        /* @__PURE__ */ jsxRuntime.jsx(CounterpartyTypeBadge, { type: counterparty.type })
+      ] }),
+      actions: [
+        {
+          label: "View Account",
+          variant: "outline",
+          onClick: () => navigate(`/counterparty/${id}/account`),
+          icon: lucideReact.Wallet
+        },
+        {
+          label: "View Transactions",
+          variant: "outline",
+          onClick: () => navigate(`/counterparty/${id}/transactions`),
+          icon: lucideReact.FileText
+        }
+      ],
+      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(
+              DataTable,
+              {
+                columns: paymentMethodColumns,
+                data: mockPaymentMethods
+              }
+            ) })
+          ] }),
+          /* @__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: () => {
+        } }) })
+      ] })
+    }
+  );
+};
+var CounterpartyDetail_default = CounterpartyDetail;
+var CreateCounterparty = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [counterpartyData, setCounterpartyData] = React15.useState(null);
+  const [paymentMethods, setPaymentMethods] = React15.useState([]);
+  const handlePaymentMethodsChange = (methods) => {
+    setPaymentMethods(methods);
+  };
+  const handleBasicInfoChange = (data) => {
+    setCounterpartyData(data);
+  };
+  const counterpartyType = counterpartyData?.type || "";
+  const handleCancel = () => {
+    navigate("/counterparty");
+  };
+  const handleSubmit = () => {
+    if (!counterpartyType) {
+      toast({
+        title: "Error",
+        description: "Please select a counterparty type",
+        variant: "destructive"
+      });
+      return;
+    }
+    if (paymentMethods.length === 0) {
+      toast({
+        title: "Error",
+        description: "At least one payment method is required",
+        variant: "destructive"
+      });
+      return;
+    }
+    if (paymentMethods.some((m) => m.type === "wire")) {
+      console.log("Address validation required for wire transfers");
+    }
+    console.log("Creating counterparty with data:", {
+      type: counterpartyType,
+      basicInfo: counterpartyData
+    });
+    toast({
+      title: "Success",
+      description: "Counterparty created successfully"
+    });
+    setTimeout(() => {
+      navigate("/counterparty");
+    }, 1e3);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title: "Create Counterparty",
+      description: "Create a new counterparty with all required information",
+      actions: [
+        { label: "Cancel", variant: "outline", onClick: handleCancel },
+        { label: "Create Counterparty", variant: "default", onClick: handleSubmit }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Basic Information" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyBasicInfo, { onDataChange: handleBasicInfoChange }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsxs(CardTitle, { children: [
+            "Address",
+            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { children: [
+            paymentMethods.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Optional for ACH payments, required for wire transfers" }),
+            paymentMethods.some((m) => m.type === "wire") && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground mb-4", children: "Required because you have wire payment methods" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              AddressForm,
+              {
+                title: "",
+                description: "",
+                showApartment: true
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { children: "Payment Configuration" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(PaymentInformationSection, { onPaymentMethodsChange: handlePaymentMethodsChange }) })
         ] })
       ] })
     }
-  );
-};
-var Create_default = CreateBusiness;
-var Cases = () => {
+  );
+};
+var Create_default2 = CreateCounterparty;
+var Dashboard = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PageLayout,
+    {
+      title: "Dashboard",
+      description: "Overview of your system metrics and activity",
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12 text-muted-foreground", children: "Dashboard content coming soon" })
+    }
+  );
+};
+var Dashboard_default = Dashboard;
+
+// src/lib/mock-data/individuals-list-data.ts
+var mockIndividualsListData = [
+  {
+    id: "IND-2024-001",
+    firstName: "John",
+    lastName: "Smith",
+    fullName: "John Smith",
+    productName: "Personal Checking",
+    cipStatus: "verified",
+    status: "active",
+    createdAt: "2024-01-15T10:30:00Z",
+    modifiedAt: "2024-01-20T14:45:00Z"
+  },
+  {
+    id: "IND-2024-002",
+    firstName: "Sarah",
+    lastName: "Johnson",
+    fullName: "Sarah Johnson",
+    productName: "Premium Savings",
+    cipStatus: "verified",
+    status: "active",
+    createdAt: "2024-01-18T09:15:00Z",
+    modifiedAt: "2024-01-22T11:30:00Z"
+  },
+  {
+    id: "IND-2024-003",
+    firstName: "Michael",
+    lastName: "Chen",
+    fullName: "Michael Chen",
+    productName: "Personal Checking",
+    cipStatus: "pending",
+    status: "pending",
+    createdAt: "2024-01-20T13:45:00Z",
+    modifiedAt: "2024-01-20T13:45:00Z"
+  },
+  {
+    id: "IND-2024-004",
+    firstName: "Emily",
+    lastName: "Rodriguez",
+    fullName: "Emily Rodriguez",
+    productName: "Student Checking",
+    cipStatus: "verified",
+    status: "active",
+    createdAt: "2024-01-22T16:20:00Z",
+    modifiedAt: "2024-01-25T10:15:00Z"
+  },
+  {
+    id: "IND-2024-005",
+    firstName: "David",
+    lastName: "Williams",
+    fullName: "David Williams",
+    productName: "Business Checking",
+    cipStatus: "rejected",
+    status: "rejected",
+    createdAt: "2024-01-25T08:30:00Z",
+    modifiedAt: "2024-01-26T14:00:00Z"
+  }
+];
+var Individuals = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const [individuals, setIndividuals] = React15.useState(mockIndividualsListData);
+  const [filteredIndividuals, setFilteredIndividuals] = React15.useState(mockIndividualsListData);
+  const [sortBy, setSortBy] = React15.useState("created");
+  const [sortDirection, setSortDirection] = React15.useState("desc");
+  const [filters, setFilters] = React15.useState({
+    name: "",
+    productName: "",
+    status: "",
+    createdDateStart: void 0,
+    createdDateEnd: void 0
+  });
+  const handleFilterChange = (field, value) => {
+    setFilters((prev) => ({ ...prev, [field]: value }));
+  };
+  const applyFilters = () => {
+    let filtered = individuals;
+    if (filters.name) {
+      filtered = filtered.filter(
+        (individual) => individual.fullName.toLowerCase().includes(filters.name.toLowerCase())
+      );
+    }
+    if (filters.productName) {
+      filtered = filtered.filter(
+        (individual) => individual.productName.toLowerCase().includes(filters.productName.toLowerCase())
+      );
+    }
+    if (filters.status) {
+      filtered = filtered.filter((individual) => individual.status === filters.status);
+    }
+    if (filters.createdDateStart) {
+      filtered = filtered.filter(
+        (individual) => new Date(individual.createdAt) >= filters.createdDateStart
+      );
+    }
+    if (filters.createdDateEnd) {
+      filtered = filtered.filter(
+        (individual) => new Date(individual.createdAt) <= filters.createdDateEnd
+      );
+    }
+    setFilteredIndividuals(filtered);
+  };
+  const resetFilters = () => {
+    setFilters({
+      name: "",
+      productName: "",
+      status: "",
+      createdDateStart: void 0,
+      createdDateEnd: void 0
+    });
+    setFilteredIndividuals(individuals);
+  };
+  const handleSort = (key) => {
+    if (sortBy === key) {
+      setSortDirection(sortDirection === "asc" ? "desc" : "asc");
+    } else {
+      setSortBy(key);
+      setSortDirection("asc");
+    }
+  };
+  const handleRowClick = (row) => {
+    navigate(`/individual/${row.id}`);
+  };
+  const columns2 = [
+    {
+      key: "id",
+      title: "Individual ID",
+      sortable: true
+    },
+    {
+      key: "fullName",
+      title: "Name",
+      sortable: true
+    },
+    {
+      key: "productName",
+      title: "Product Name",
+      sortable: true
+    },
+    {
+      key: "cipStatus",
+      title: "CIP Status",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(CIPStatusBadge, { status: value })
+    },
+    {
+      key: "status",
+      title: "Status",
+      sortable: true,
+      render: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value })
+    },
+    {
+      key: "createdAt",
+      title: "Created",
+      sortable: true,
+      render: (value) => new Date(value).toLocaleDateString()
+    },
+    {
+      key: "modifiedAt",
+      title: "Modified",
+      sortable: true,
+      render: (value) => new Date(value).toLocaleDateString()
+    }
+  ];
+  const sortedIndividuals = [...filteredIndividuals].sort((a, b) => {
+    const aValue = a[sortBy];
+    const bValue = b[sortBy];
+    if (aValue < bValue) return sortDirection === "asc" ? -1 : 1;
+    if (aValue > bValue) return sortDirection === "asc" ? 1 : -1;
+    return 0;
+  });
+  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 mb-2", children: "Individuals" }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Sheet, { 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: "Individual Filters" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6 py-6", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedInput,
+                {
+                  label: "Name",
+                  value: filters.name,
+                  onChange: (e) => handleFilterChange("name", e.target.value),
+                  placeholder: "Enter individual name"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedInput,
+                {
+                  label: "Product Name",
+                  value: filters.productName,
+                  onChange: (e) => handleFilterChange("productName", e.target.value),
+                  placeholder: "Enter product name"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                EnhancedSelect,
+                {
+                  label: "Status",
+                  value: filters.status,
+                  onValueChange: (value) => handleFilterChange("status", value),
+                  placeholder: "Select status",
+                  options: [
+                    { value: "active", label: "Active" },
+                    { value: "pending", label: "Pending" },
+                    { value: "rejected", label: "Rejected" },
+                    { 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: filters.createdDateStart,
+                      onDateChange: (date) => handleFilterChange("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: filters.createdDateEnd,
+                      onDateChange: (date) => handleFilterChange("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: resetFilters, children: "Reset Filters" }),
+              /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: applyFilters, children: "Apply Filters" })
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(Button, { onClick: () => navigate("/individual/create"), children: "Create Individual" })
+      ] })
+    ] }) }) }),
+    /* @__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: columns2,
+        data: sortedIndividuals,
+        sortBy,
+        sortDirection,
+        onSort: handleSort,
+        onRowClick: handleRowClick
+      }
+    ) }) }) })
+  ] });
+};
+var Individuals_default = Individuals;
+var individualProfileSchema = zod.z.object({
+  // Personal Information
+  firstName: zod.z.string().min(1, "First name is required"),
+  lastName: zod.z.string().min(1, "Last name is required"),
+  dateOfBirth: zod.z.string().optional(),
+  // Identification
+  idType: zod.z.enum(["SSN", "ITIN", "Passport", "Driver License"]).optional(),
+  ssn: zod.z.string().optional(),
+  // Contact Information
+  email: zod.z.string().email("Invalid email address").optional(),
+  mobilePhone: zod.z.string().optional(),
+  // Address
+  streetAddress: zod.z.string().optional(),
+  apartment: zod.z.string().optional(),
+  city: zod.z.string().optional(),
+  state: zod.z.string().optional(),
+  postalCode: zod.z.string().optional(),
+  country: zod.z.string().optional(),
+  // Integration Fields
+  externalId: zod.z.string().optional(),
+  productId: zod.z.string().optional()
+});
+
+// src/lib/mock-data/individual-data.ts
+var mockIndividualData = {
+  id: "IND-2024-001",
+  firstName: "John",
+  lastName: "Smith",
+  dateOfBirth: "1985-06-15",
+  idType: "SSN",
+  ssn: "***-**-4567",
+  email: "john.smith@email.com",
+  mobilePhone: "+1 (555) 123-4567",
+  // Address
+  streetAddress: "123 Main Street",
+  apartment: "Apt 4B",
+  city: "San Francisco",
+  state: "CA",
+  postalCode: "94102",
+  country: "United States",
+  // Integration
+  externalId: "EXT-IND-001",
+  productId: "PROD-CHECKING-001",
+  productName: "Personal Checking",
+  // Status Information
+  status: "active",
+  cipStatus: "verified",
+  entityType: "individual",
+  subType: "retail",
+  // Dates
+  createdAt: "2024-01-15T10:30:00Z",
+  modifiedAt: "2024-01-20T14:45:00Z",
+  // OFAC
+  ofacStatus: "clear",
+  lastOfacCheck: "2024-01-20T14:45:00Z"
+};
+var IndividualProfileCard = ({ isEditing, onToggleEdit, className }) => {
+  const form = useFormWithEditState({
+    schema: individualProfileSchema,
+    defaultValues: {
+      firstName: mockIndividualData.firstName,
+      lastName: mockIndividualData.lastName,
+      dateOfBirth: mockIndividualData.dateOfBirth,
+      idType: mockIndividualData.idType,
+      ssn: mockIndividualData.ssn,
+      email: mockIndividualData.email,
+      mobilePhone: mockIndividualData.mobilePhone,
+      streetAddress: mockIndividualData.streetAddress,
+      apartment: mockIndividualData.apartment,
+      city: mockIndividualData.city,
+      state: mockIndividualData.state,
+      postalCode: mockIndividualData.postalCode,
+      country: mockIndividualData.country,
+      externalId: mockIndividualData.externalId,
+      productId: mockIndividualData.productId
+    },
+    initialEditing: isEditing,
+    onToggleEdit,
+    onSave: async (data) => {
+      console.log("Saving individual profile:", data);
+    }
+  });
+  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(
+        FormInput,
+        {
+          name: "firstName",
+          label: "First Name",
+          placeholder: "Enter first name",
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "lastName",
+          label: "Last Name",
+          placeholder: "Enter last name",
+          required: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "dateOfBirth",
+          label: "Date of Birth",
+          type: "date",
+          placeholder: "Enter date of birth"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormSelect,
+        {
+          name: "idType",
+          label: "ID Type",
+          placeholder: "Select ID type",
+          options: [
+            { value: "SSN", label: "SSN" },
+            { value: "ITIN", label: "ITIN" },
+            { value: "Passport", label: "Passport" },
+            { value: "Driver License", label: "Driver License" }
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "ssn",
+          label: "SSN/ITIN",
+          placeholder: "Enter SSN or ITIN",
+          hint: "Last 4 digits will be masked"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "email",
+          label: "Email",
+          type: "email",
+          placeholder: "Enter email address"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "mobilePhone",
+          label: "Mobile Phone",
+          placeholder: "Enter mobile phone"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Address" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "streetAddress",
+          label: "Street Address",
+          placeholder: "Enter street address"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "apartment",
+          label: "Apartment/Unit",
+          placeholder: "Enter apartment or unit number"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "city",
+          label: "City",
+          placeholder: "Enter city"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "state",
+          label: "State",
+          placeholder: "Enter state"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "postalCode",
+          label: "Postal Code",
+          placeholder: "Enter postal code"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "country",
+          label: "Country",
+          placeholder: "Enter country"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Integration" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "externalId",
+          label: "External ID",
+          placeholder: "UUID",
+          hint: "ID from external system",
+          disabled: true
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        FormInput,
+        {
+          name: "productId",
+          label: "Product ID",
+          placeholder: "Product ID",
+          disabled: true
+        }
+      )
+    ] })
+  ] }) });
+  const formValues = form.watch();
+  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: "First Name", value: formValues?.firstName || "-", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Last Name", value: formValues?.lastName || "-", 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 Type", value: formValues?.idType || "-", layout: "horizontal" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "SSN/ITIN", value: formValues?.ssn || "-", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Email", value: formValues?.email || "-", layout: "horizontal" })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Mobile Phone", value: formValues?.mobilePhone || "-", layout: "horizontal" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Address" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      InfoField,
+      {
+        label: "Address",
+        value: formValues?.streetAddress ? `${formValues.streetAddress}${formValues.apartment ? ", " + formValues.apartment : ""}, ${formValues.city}, ${formValues.state} ${formValues.postalCode}, ${formValues.country}` : "-",
+        layout: "horizontal"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("h4", { className: "text-sm font-medium text-muted-foreground mt-6", children: "Integration" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "External ID", value: formValues?.externalId || "-", layout: "horizontal" }),
+      /* @__PURE__ */ jsxRuntime.jsx(InfoField, { label: "Product ID", value: formValues?.productId || "-", layout: "horizontal" })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    EditableFormCard,
+    {
+      title: "Individual Profile",
+      variant: "subtle",
+      className,
+      isEditing: form.isEditing,
+      onToggleEdit: form.handleToggleEdit,
+      onSave: form.handleSave,
+      onCancel: form.handleCancel,
+      editContent,
+      viewContent
+    }
+  );
+};
+var mockIndividualTimeline = [
+  {
+    id: "1",
+    action: "Individual Created",
+    user: "admin",
+    details: "Initial individual setup",
+    status: "Active",
+    timestamp: "2024-01-15 10:30:00"
+  },
+  {
+    id: "2",
+    action: "Identity Documents Uploaded",
+    user: "John Smith",
+    details: "Driver License, Proof of Address",
+    timestamp: "2024-01-18 11:20:00"
+  },
+  {
+    id: "3",
+    action: "CIP Verification Completed",
+    user: "Compliance Team",
+    details: "Identity verification check",
+    status: "Verified",
+    timestamp: "2024-01-20 14:30:00"
+  },
+  {
+    id: "4",
+    action: "OFAC Check Completed",
+    user: "System",
+    details: "Automated compliance check",
+    status: "Verified",
+    timestamp: "2024-01-20 14:45:00"
+  }
+];
+var IndividualStatusCard = ({ 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") || action.includes("Uploaded")) 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: "Cases",
-      description: "Manage and track investigation cases",
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12 text-muted-foreground", children: "Cases content coming soon" })
+      title: "Timeline",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: mockIndividualTimeline.map((event, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative pl-6 pb-3", children: [
+        index !== mockIndividualTimeline.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 Cases_default = Cases;
-var CreateCounterparty = () => {
-  const [counterpartyData, setCounterpartyData] = React15.useState(null);
-  const handleBasicInfoChange = (data) => {
-    setCounterpartyData(data);
+var IndividualDetail = () => {
+  const { id } = reactRouterDom.useParams();
+  const [editingCards, setEditingCards] = React15.useState({});
+  const [status, setStatus] = React15.useState(mockIndividualData.status);
+  const toggleEdit = (cardKey) => {
+    setEditingCards((prev) => ({
+      ...prev,
+      [cardKey]: !prev[cardKey]
+    }));
   };
-  const handleSubmit = () => {
-    console.log("Creating counterparty with data:", counterpartyData);
+  const handleStatusChange = (newValue) => {
+    setStatus(newValue);
+    console.log("Status changed to:", newValue);
   };
+  const mockExternalAccounts = [
+    {
+      id: "1",
+      bankName: "Chase Bank",
+      accountType: "Checking",
+      accountNumber: "1234",
+      status: "ACTIVE"
+    },
+    {
+      id: "2",
+      bankName: "Bank of America",
+      accountType: "Savings",
+      accountNumber: "5678",
+      status: "ACTIVE"
+    }
+  ];
+  const mockDocs = [
+    {
+      id: "1",
+      name: "Driver License",
+      type: "Identity Document",
+      uploadedAt: "2024-01-15"
+    },
+    {
+      id: "2",
+      name: "Proof of Address",
+      type: "Address Verification",
+      uploadedAt: "2024-01-15"
+    },
+    {
+      id: "3",
+      name: "SSN Card",
+      type: "Tax Document",
+      uploadedAt: "2024-01-15"
+    }
+  ];
   return /* @__PURE__ */ jsxRuntime.jsx(
     PageLayout,
     {
-      title: "Create Counterparty",
-      description: "Create a new counterparty with all required information",
+      title: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+          mockIndividualData.firstName,
+          " ",
+          mockIndividualData.lastName
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            EditableInfoField,
+            {
+              label: "Status",
+              value: status,
+              onChange: handleStatusChange,
+              options: [
+                { value: "active", label: "Active" },
+                { value: "pending", label: "Pending" },
+                { value: "rejected", label: "Rejected" },
+                { value: "suspended", label: "Suspended" }
+              ],
+              renderValue: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(CIPStatusBadge, { status: mockIndividualData.cipStatus }),
+          /* @__PURE__ */ jsxRuntime.jsx(EntityTypeBadge, { type: "Individual" })
+        ] })
+      ] }),
+      description: `Individual ID: ${id || mockIndividualData.id}`,
       actions: [
-        { label: "Cancel", variant: "outline", onClick: () => {
-        } },
-        { label: "Create Counterparty", variant: "default", onClick: handleSubmit }
+        {
+          label: "View Account",
+          variant: "outline",
+          onClick: () => console.log("View Account")
+        },
+        {
+          label: "Add as Counterparty",
+          variant: "default",
+          onClick: () => console.log("Add as Counterparty")
+        }
       ],
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(CounterpartyBasicInfo, { onDataChange: handleBasicInfoChange }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Card, { children: /* @__PURE__ */ jsxRuntime.jsx(CardContent, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(PaymentInformationSection, {}) }) })
+      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(
+            IndividualProfileCard,
+            {
+              isEditing: editingCards["profile"] || false,
+              onToggleEdit: () => toggleEdit("profile")
+            }
+          ),
+          /* @__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", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 mr-1" }),
+                "Account"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: mockExternalAccounts.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: [
+                  {
+                    key: "bankName",
+                    title: "Bank Name",
+                    sortable: true,
+                    width: "40%"
+                  },
+                  {
+                    key: "accountType",
+                    title: "Account Type",
+                    sortable: true,
+                    width: "30%"
+                  },
+                  {
+                    key: "accountNumber",
+                    title: "Account Number",
+                    sortable: true,
+                    width: "20%",
+                    render: (value) => `\u2022\u2022\u2022\u2022 ${value}`
+                  },
+                  {
+                    key: "status",
+                    title: "Status",
+                    sortable: true,
+                    width: "10%",
+                    align: "right",
+                    render: (value) => /* @__PURE__ */ jsxRuntime.jsx(StatusBadge, { status: value })
+                  }
+                ],
+                data: mockExternalAccounts
+              }
+            ) })
+          ] }),
+          /* @__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.Upload, { className: "h-4 w-4 mr-1" }),
+                "Upload"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(CardContent, { children: mockDocs.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("div", { className: "space-y-2", children: mockDocs.map((doc) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                className: "flex items-center justify-between p-3 border rounded-lg hover:bg-accent/50 transition-colors",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-5 w-5 text-muted-foreground" }),
+                    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium text-sm", children: doc.name }),
+                      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: doc.type })
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: new Date(doc.uploadedAt).toLocaleDateString() }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: "h-4 w-4" }) }),
+                    /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { className: "h-4 w-4" }) })
+                  ] })
+                ]
+              },
+              doc.id
+            )) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "lg:w-64", children: /* @__PURE__ */ jsxRuntime.jsx(IndividualStatusCard, { isEditing: false, onToggleEdit: () => {
+        } }) })
       ] })
     }
   );
 };
-var Create_default2 = CreateCounterparty;
-var CounterpartyDomesticWire = () => {
-  const { isEditing, handleToggleEdit, handleSave, handleCancel } = useEditState({});
-  const [transferType, setTransferType] = React15.useState("DOMESTIC");
+var IndividualDetail_default = IndividualDetail;
+var CreateIndividual = () => {
+  const navigate = reactRouterDom.useNavigate();
+  const form = useFormWithEditState({
+    schema: individualProfileSchema,
+    defaultValues: {
+      firstName: "",
+      lastName: "",
+      dateOfBirth: "",
+      idType: "SSN",
+      ssn: "",
+      email: "",
+      mobilePhone: "",
+      streetAddress: "",
+      apartment: "",
+      city: "",
+      state: "",
+      postalCode: "",
+      country: "United States",
+      externalId: "",
+      productId: ""
+    },
+    initialEditing: true,
+    onSave: async (data) => {
+      console.log("Creating individual:", data);
+      navigate("/individual");
+    }
+  });
   return /* @__PURE__ */ jsxRuntime.jsx(
     PageLayout,
     {
-      title: "Counterparty Domestic Wire",
-      description: "Manage domestic wire transfer configurations and beneficiary information",
-      actions: !isEditing ? [
-        { label: "Cancel", variant: "outline", onClick: () => {
-        } },
-        { label: "Save Domestic Wire Configuration", variant: "default", onClick: () => {
-        } }
-      ] : void 0,
-      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-8", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(BasicInfoCard, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(Separator, { className: "my-8" }),
+      title: "Create Individual",
+      description: "Add a new individual account",
+      actions: [
+        {
+          label: "Back",
+          variant: "outline",
+          onClick: () => navigate("/individual")
+        }
+      ],
+      children: /* @__PURE__ */ jsxRuntime.jsx(FormProvider, { form, children: /* @__PURE__ */ jsxRuntime.jsxs("form", { onSubmit: form.handleSubmit(form.handleSave), className: "space-y-6", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           FormCard,
           {
-            title: "Domestic Wire Transfer Configuration",
-            description: "Configure domestic wire transfer settings and beneficiary information",
-            headerActions: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: isEditing ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            title: "Personal Information",
+            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                EnhancedSelect,
+                FormInput,
                 {
-                  value: transferType,
-                  onValueChange: setTransferType,
+                  name: "firstName",
+                  label: "First Name",
+                  placeholder: "Enter first name",
+                  required: true
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "lastName",
+                  label: "Last Name",
+                  placeholder: "Enter last name",
+                  required: true
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "dateOfBirth",
+                  label: "Date of Birth",
+                  type: "date",
+                  placeholder: "Select date of birth"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormSelect,
+                {
+                  name: "idType",
+                  label: "ID Type",
+                  placeholder: "Select ID type",
                   options: [
-                    { value: "DOMESTIC", label: "DOMESTIC" },
-                    { value: "INTERNATIONAL", label: "INTERNATIONAL" }
-                  ],
-                  placeholder: "Select transfer type"
+                    { value: "SSN", label: "SSN" },
+                    { value: "ITIN", label: "ITIN" },
+                    { value: "Passport", label: "Passport" },
+                    { value: "Driver License", label: "Driver License" }
+                  ]
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "outline", size: "sm", onClick: handleCancel, children: "Cancel" }),
-              /* @__PURE__ */ jsxRuntime.jsx(Button, { size: "sm", onClick: handleSave, children: "Save" })
-            ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-secondary text-secondary-foreground", children: transferType }),
-              /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "ghost", size: "icon", onClick: handleToggleEdit, className: "text-primary hover:text-primary/80 hover:bg-primary/10", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Edit, { className: "h-4 w-4" }) })
-            ] }) }),
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(ReceiverCard, { isEditing, hideActions: true }),
-              /* @__PURE__ */ jsxRuntime.jsx(BeneficiaryCard, { isEditing, hideActions: true })
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "ssn",
+                  label: "SSN/ITIN",
+                  placeholder: "Enter SSN or ITIN",
+                  hint: "Enter full SSN or ITIN"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "email",
+                  label: "Email",
+                  type: "email",
+                  placeholder: "Enter email address"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "mobilePhone",
+                  label: "Mobile Phone",
+                  placeholder: "Enter mobile phone"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "externalId",
+                  label: "External ID",
+                  placeholder: "Optional ID from external system",
+                  hint: "Optional ID from external system"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FormInput,
+                {
+                  name: "productId",
+                  label: "Product ID",
+                  placeholder: "Enter product ID"
+                }
+              )
             ] })
           }
-        )
-      ] })
-    }
-  );
-};
-var DomesticWire_default = CounterpartyDomesticWire;
-var CounterpartyManage = () => {
-  const {
-    isEditing: isBasicEditing,
-    handleToggleEdit: handleBasicToggleEdit
-  } = useEditState({});
-  const {
-    isEditing: isWireEditing,
-    handleToggleEdit: handleWireToggleEdit
-  } = useEditState({});
-  const {
-    isEditing: isACHEditing,
-    handleToggleEdit: handleACHToggleEdit
-  } = useEditState({});
-  const pageCards = [
-    {
-      key: "basic-info",
-      component: BasicInfoSection,
-      props: {
-        isEditing: isBasicEditing,
-        onToggleEdit: handleBasicToggleEdit
-      }
-    },
-    {
-      key: "wire-transfer",
-      component: WireTransferSection,
-      props: {
-        isEditing: isWireEditing,
-        onToggleEdit: handleWireToggleEdit
-      }
-    },
-    {
-      key: "ach-transfer",
-      component: ACHTransferSection,
-      props: {
-        isEditing: isACHEditing,
-        onToggleEdit: handleACHToggleEdit
-      }
-    }
-  ];
-  const pageActions = !isBasicEditing && !isWireEditing && !isACHEditing ? [
-    {
-      label: "Cancel",
-      variant: "outline",
-      onClick: () => {
-      }
-    },
-    {
-      label: "Save Configuration",
-      variant: "default",
-      onClick: () => {
-      }
-    }
-  ] : [];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
-    {
-      title: "Counterparty Management",
-      description: "Manage counterparty details and payment configurations",
-      mode: "cards",
-      cards: pageCards,
-      actions: pageActions,
-      maxWidth: "lg",
-      gridCols: 1
-    }
-  );
-};
-var Manage_default = CounterpartyManage;
-var Dashboard = () => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    PageLayout,
-    {
-      title: "Dashboard",
-      description: "Overview of your system metrics and activity",
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center py-12 text-muted-foreground", children: "Dashboard content coming soon" })
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          FormCard,
+          {
+            title: "Address Information",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FormInput,
+                  {
+                    name: "streetAddress",
+                    label: "Street Address",
+                    placeholder: "Enter street address"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FormInput,
+                  {
+                    name: "apartment",
+                    label: "Apartment/Unit",
+                    placeholder: "Enter apartment or unit number"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6 mt-4", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FormInput,
+                  {
+                    name: "city",
+                    label: "City",
+                    placeholder: "Enter city"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FormInput,
+                  {
+                    name: "state",
+                    label: "State",
+                    placeholder: "Enter state"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FormInput,
+                  {
+                    name: "postalCode",
+                    label: "Postal Code",
+                    placeholder: "Enter postal code"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FormInput,
+                  {
+                    name: "country",
+                    label: "Country",
+                    placeholder: "Enter country"
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-end gap-3 pt-4 border-t", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => navigate("/individual"),
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              type: "submit",
+              disabled: !form.isFormValid || form.isLoading,
+              children: form.isLoading ? "Creating..." : "Create Individual"
+            }
+          )
+        ] })
+      ] }) })
     }
   );
 };
-var Dashboard_default = Dashboard;
+var Create_default3 = CreateIndividual;
 var NotFound = () => {
   const location = reactRouterDom.useLocation();
   React15.useEffect(() => {
@@ -10320,14 +12713,15 @@ exports.Checkbox = Checkbox;
 exports.ContactInfoCard = ContactInfoCard;
 exports.Container = Container;
 exports.ContextSection = ContextSection;
+exports.Counterparties = Counterparties_default;
 exports.CounterpartyBasicInfo = CounterpartyBasicInfo;
-exports.CounterpartyDomesticWire = DomesticWire_default;
-exports.CounterpartyManage = Manage_default;
+exports.CounterpartyDetail = CounterpartyDetail_default;
 exports.CounterpartyProfileCard = CounterpartyProfileCard;
 exports.CounterpartyRecordsCard = CounterpartyRecordsCard;
 exports.CounterpartyTypeBadge = CounterpartyTypeBadge;
 exports.CreateBusiness = Create_default;
 exports.CreateCounterparty = Create_default2;
+exports.CreateIndividual = Create_default3;
 exports.Dashboard = Dashboard_default;
 exports.DashboardDemo = DashboardDemo;
 exports.DataGrid = DataGrid;
@@ -10361,6 +12755,8 @@ exports.FormInput = FormInput;
 exports.FormProvider = FormProvider;
 exports.FormSection = FormSection;
 exports.FormSelect = FormSelect;
+exports.IndividualDetail = IndividualDetail_default;
+exports.Individuals = Individuals_default;
 exports.InfoField = InfoField;
 exports.IntermediaryCard = IntermediaryCard;
 exports.IntermediaryFI = IntermediaryFI;